/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./flexbenefits-ui/src/styles.scss?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */ /*! VUD (Visma Unified Design) - Light/standard mode only - v1.8.4 */ :root, :host { --stepper-visited-icon-light: url('stepper-checkmark.svg'); --stepper-visited-icon-dark: url('stepper-checkmark-dark.svg'); --white: white; --black: black; --purple-90: #403380; --purple-80: #4D3D99; --purple-70: #6154A5; --purple-60: #7365B8; --purple-50: #8A80BD; --purple-40: #9E96C8; --purple-30: #B2ABD3; --purple-20: #C6C1DF; --purple-10: #DAD7EA; --purple-05: #EDECF5; --primary-purple: var(--purple-80); --blue-90: #1B384C; --blue-80: #14476A; --blue-70: #0D5788; --blue-60: #116FAE; --blue-50: #1482CC; --blue-40: #419BD7; --blue-30: #6CB2E1; --blue-20: #99CBEC; --blue-10: #D2EAFA; --blue-05: #E7F2F9; --primary-blue: var(--blue-60); --green-90: #254934; --green-80: #316245; --green-70: #2D7048; --green-60: #4E9C54; --green-50: #67A870; --green-40: #7FAF7F; --green-30: #9BC29B; --green-20: #AFD4AF; --green-10: #CFE7CF; --green-05: hsl(120, 42.9%, 94.5%); --primary-green: var(--green-70); --red-90: #801F30; --red-80: #A12036; --red-70: #CC334C; --red-60: #D44F64; --red-50: #DB6B7D; --red-40: #E28594; --red-30: #EAA1AC; --red-20: #F1BDC4; --red-10: #FAD9DE; --red-05: #FFEDEF; --primary-red: var(--red-70); --orange-90: #803B00; --orange-80: #B35300; --orange-70: #C26800; --orange-60: #CA7900; --orange-50: #E5A23E; --orange-40: #EDB45F; --orange-30: #F2C480; --orange-20: #FAD7A2; --orange-10: #FCDFB1; --orange-05: #FCF2DC; --primary-orange: var(--orange-90); --neutral-light-90: #252626; --neutral-light-80: #494A4A; --neutral-light-70: #6B6B6B; --neutral-light-60: #8A8A8A; --neutral-light-50: #A5A5A5; --neutral-light-40: #C0C0C0; --neutral-light-30: #DADADA; --neutral-light-20: #F2F2F2; --neutral-light-10: #F7F7F7; --neutral-light-05: #FFFFFF; --neutral-dark-90: #000000; --neutral-dark-80: #15181A; --neutral-dark-70: #2B3033; --neutral-dark-60: #4C545B; --neutral-dark-50: #6F7A82; --neutral-dark-40: #86929B; --neutral-dark-30: #9AA5AE; --neutral-dark-20: #AFBCC4; --neutral-dark-10: #C3D0D9; --neutral-dark-05: #E4EBF0; --brand-palette-primary-90: var(--brand-primary-90, #254934); --brand-palette-primary-80: var(--brand-primary-80, #316245); --brand-palette-primary-70: var(--brand-primary-70, #2D7048); --brand-palette-primary-60: var(--brand-primary-60, #4E9C54); --brand-palette-primary-50: var(--brand-primary-50, #67A870); --brand-palette-primary-40: var(--brand-primary-40, #7FAF7F); --brand-palette-primary-30: var(--brand-primary-30, #9BC29B); --brand-palette-primary-20: var(--brand-primary-20, #AFD4AF); --brand-palette-primary-10: var(--brand-primary-10, #CFE7CF); --brand-palette-primary-05: var(--brand-primary-05, hsl(120, 42.9%, 94.5%)); --brand-palette-secondary-90: var(--brand-secondary-90, #1B384C); --brand-palette-secondary-80: var(--brand-secondary-80, #14476A); --brand-palette-secondary-70: var(--brand-secondary-70, #0D5788); --brand-palette-secondary-60: var(--brand-secondary-60, #116FAE); --brand-palette-secondary-50: var(--brand-secondary-50, #1482CC); --brand-palette-secondary-40: var(--brand-secondary-40, #419BD7); --brand-palette-secondary-30: var(--brand-secondary-30, #6CB2E1); --brand-palette-secondary-20: var(--brand-secondary-20, #99CBEC); --brand-palette-secondary-10: var(--brand-secondary-10, #D2EAFA); --brand-palette-secondary-05: var(--brand-secondary-05, #E7F2F9); --brand-palette-tertiary-90: var(--brand-tertiary-90, #403380); --brand-palette-tertiary-80: var(--brand-tertiary-80, #4D3D99); --brand-palette-tertiary-70: var(--brand-tertiary-70, #6154A5); --brand-palette-tertiary-60: var(--brand-tertiary-60, #7365B8); --brand-palette-tertiary-50: var(--brand-tertiary-50, #8A80BD); --brand-palette-tertiary-40: var(--brand-tertiary-40, #9E96C8); --brand-palette-tertiary-30: var(--brand-tertiary-30, #B2ABD3); --brand-palette-tertiary-20: var(--brand-tertiary-20, #C6C1DF); --brand-palette-tertiary-10: var(--brand-tertiary-10, #DAD7EA); --brand-palette-tertiary-05: var(--brand-tertiary-05, #EDECF5); --brand-palette-neutral-light-90: var(--brand-neutral-light-90, #252626); --brand-palette-neutral-light-80: var(--brand-neutral-light-80, #494A4A); --brand-palette-neutral-light-70: var(--brand-neutral-light-70, #6B6B6B); --brand-palette-neutral-light-60: var(--brand-neutral-light-60, #8A8A8A); --brand-palette-neutral-light-50: var(--brand-neutral-light-50, #A5A5A5); --brand-palette-neutral-light-40: var(--brand-neutral-light-40, #C0C0C0); --brand-palette-neutral-light-30: var(--brand-neutral-light-30, #DADADA); --brand-palette-neutral-light-20: var(--brand-neutral-light-20, #F2F2F2); --brand-palette-neutral-light-10: var(--brand-neutral-light-10, #F7F7F7); --brand-palette-neutral-light-05: var(--brand-neutral-light-05, #FFFFFF); --brand-palette-neutral-dark-90: var(--brand-neutral-dark-90, #000000); --brand-palette-neutral-dark-80: var(--brand-neutral-dark-80, #15181A); --brand-palette-neutral-dark-70: var(--brand-neutral-dark-70, #2B3033); --brand-palette-neutral-dark-60: var(--brand-neutral-dark-60, #4C545B); --brand-palette-neutral-dark-50: var(--brand-neutral-dark-50, #6F7A82); --brand-palette-neutral-dark-40: var(--brand-neutral-dark-40, #86929B); --brand-palette-neutral-dark-30: var(--brand-neutral-dark-30, #9AA5AE); --brand-palette-neutral-dark-20: var(--brand-neutral-dark-20, #AFBCC4); --brand-palette-neutral-dark-10: var(--brand-neutral-dark-10, #C3D0D9); --brand-palette-neutral-dark-05: var(--brand-neutral-dark-05, #E4EBF0); --html-font-size: 62.5%; --body-font-size: var(--body-base-font-size, 1.4rem); --font-family-primary: var(--font-familiy-primary, Ubuntu); --font-family-secondary: var(--font-familiy-secondary, Open Sans); --font-family-tertiary: var(--font-familiy-tertiary, Inter); --font-family-base: var(--font-family-body-base, var(--font-family-secondary)); --font-size-xs: var(--font-size-fixed-xs, 1.3rem); --font-size-sm: var(--font-size-fixed-sm, 1.4rem); --font-size-md: var(--font-size-fixed-md, 1.6rem); --font-size-lg: var(--font-size-fixed-lg, 2rem); --font-size-xl: var(--font-size-fixed-xl, 2.9rem); --font-size-xxl: var(--font-size-fixed-xxl, 3.2rem); --font-size-fluid-xs: var(--font-size-clamp-xs, clamp(0.94rem, -0.26vw + 1rem, 0.69rem)); --font-size-fluid-sm: var(--font-size-clamp-sm, clamp(1rem, -0.13vw + 1.03rem, 0.88rem)); --font-size-fluid-md: var(--font-size-clamp-md, clamp(1.06rem, 0vw + 1.06rem, 1.06rem)); --font-size-fluid-lg: var(--font-size-clamp-lg, clamp(1.19rem, 0.13vw + 1.16rem, 1.31rem)); --font-size-fluid-xl: var(--font-size-clamp-xl, clamp(1.25rem, 0.38vw + 1.16rem, 1.63rem)); --font-size-fluid-xxl: var(--font-size-clamp-xxl, clamp(1.38rem, 0.64vw + 1.23rem, 2rem)); --font-heading-sm-regular: var(--font-regular-heading-sm, var(--contextual-regular-heading-sm, 400 1.4rem Ubuntu)); --font-heading-sm-medium: var(--font-medium-heading-sm, var(--contextual-medium-heading-sm, 500 1.4rem Ubuntu)); --font-heading-md-regular: var(--font-regular-heading-md, var(--contextual-regular-heading-md, 400 1.6rem Ubuntu)); --font-heading-md-medium: var(--font-medium-heading-md, var(--contextual-medium-heading-md, 500 1.6rem Ubuntu)); --font-heading-xl-regular: var(--font-regular-heading-xl, var(--contextual-regular-heading-xl, 400 2.9rem/1 Ubuntu)); --font-heading-xl-medium: var(--font-medium-heading-xl, var(--contextual-medium-heading-xl, 500 2.9rem Ubuntu)); --font-body-xs-regular: var(--font-regular-body-xs, var(--contextual-regular-body-xs, 400 1.3rem Open Sans)); --font-body-xs-medium: var(--font-medium-body-xs, var(--contextual-medium-body-xs, 600 1.3rem Open Sans)); --font-body-sm-regular: var(--font-regular-body-sm, var(--contextual-regular-body-sm, 400 1.4rem Open Sans)); --font-body-sm-medium: var(--font-medium-body-sm, var(--contextual-medium-body-sm, 600 1.4rem Open Sans)); --font-body-sm-bold: var(--font-bold-body-sm, var(--contextual-bold-body-sm, 700 1.4rem Open Sans)); --font-body-sm-link: var(--font-regular-body-sm-link, var(--contextual-regular-body-sm-link, 400 1.4rem Open Sans)); --radius-xxs: var(--radii-xxs, 0.2rem); --radius-xs: var(--radii-xs, 0.4rem); --radius-sm: var(--radii-sm, 0.8rem); --radius-md: var(--radii-md, 1.2rem); --radius-lg: var(--radii-lg, 1.6rem); --radius-xl: var(--radii-xl, 2.4rem); --radius-xxl: var(--radii-xxl, 3.2rem); } :root, :host { --anchor-focus-outline-alt: var(--custom-anchor-focus-outline-alt, var(--blue-10)); --button-icon: var(--custom-button-icon, var(--button-icon-color)); --button-inner-border-color: var(--custom-button-inner-border-color, var(--neutral-40)); --button-shadow-color: var(--custom-button-shadow-color, rgba(27, 56, 76, 0.12)); --button-hover-shadow-color: var(--custom-button-hover-shadow-color, rgba(20, 130, 204, 0.15)); --button-focus-shadow-color: var(--custom-button-focus-shadow-color, rgba(20, 130, 204, 0.15)); --button-disabled-inner-border-color: var(--custom-button-disabled-inner-border-color, var(--neutral-50)); --button-primary-inner-border-color: var(--custom-button-primary-inner-border-color, var(--green-80)); --button-primary-shadow-color: var(--custom-button-primary-shadow-color, rgba(49, 98, 69, 0.2)); --button-primary-focus-shadow-color: var(--custom-button-primary-focus-shadow-color, rgba(20, 130, 204, 0.15)); --dropdown-menu-shadow-color: var(--custom-dropdown-menu-shadow-color, rgba(27, 56, 76, 0.15)); --wizard-inner-border-color: var(--custom-wizard-inner-border-color, var(--wizard-border-color)); --icon-hover-bg: var(--ref-icon-emphasis, var(--custom-icon-hover-bg, #1482CC)); --pictogram-disabled-bg: var(--ref-icon-disabled, #8A8A8A); --caret-navigation-bg: var(--custom-caret-navigation-bg, var(--neutral-05)); --close-focus-outline: var(--custom-close-focus-outline, var(--blue-50)); --badge-shadow: var(--custom-badge-shadow, 0 0 0 rem(1px) #8A8A8A); --badge-success-shadow: var(--custom-badge-success-shadow, 0 0 0 rem(1px) #2D7048); --badge-danger-shadow: var(--custom-badge-danger-shadow, 0 0 0 rem(1px) #CC334C); --badge-info-alt-text: var(--custom-badge-info-alt-text, var(--blue-50)); --badge-info-alt-bg: var(--custom-badge-info-alt-bg, var(--neutral-05)); --list-group-primary-divider: var(--custom-list-group-primary-divider, inset 0 1px 0 0 var(--blue-50)); --list-group-primary-active-bg: var(--custom-list-group-primary-active-bg, rgba(37, 38, 38, 0.15)); --list-group-primary-hover-bg: var(--custom-list-group-primary-hover-bg, var(--blue-60)); --navigation-default-badge-shadow: var(--custom-navigation-default-badge-shadow, var(--badge-shadow)); --navigation-primary-item-border-color: var(--nav-hor-brand-border-enabled, var(--comp-nav-hor-brand-border-enabled, #D2EAFA)); --navigation-secondary-shadow: var(--custom-navigation-secondary-shadow, var(--navigation-default-shadow)); --navigation-secondary-item-active-font-weight: var(--custom-navigation-secondary-item-active-font-weight, 400); --navigation-secondary-badge-shadow: var(--custom-navigation-secondary-badge-shadow, var(--badge-success-shadow)); --vertical-nav-default-collapse-btn-shadow: var(--custom-vertical-nav-default-collapse-btn-shadow, 0 0.5rem 1rem 0 rgba(20, 130, 204, 0.3)); --vertical-nav-primary-collapse-bg: var(--custom-vertical-nav-primary-collapse-bg, rgba(27, 56, 76, 0.5)); --vertical-nav-primary-collapse-btn-shadow: var(--custom-vertical-nav-primary-collapse-btn-shadow, 0 0.5rem 1rem 0 rgba(27, 56, 76, 0.15)); --input-shadow-color: var(--custom-input-shadow-color); --input-hover-shadow-color: var(--custom-input-hover-shadow-color); --input-focus-shadow-color: var(--custom-input-focus-shadow-color); --input-primary-shadow-color: var(--custom-input-primary-shadow-color); --switches-togglemark-shadow-color: var(--custom-switches-togglemark-shadow-color, rgba(27, 56, 76, 0)); --radio-checkbox-checkmark-bg: var(--toggle-icon-emphasis, var(--comp-toggle-icon-emphasis, var(--custom-radio-checkmark-bg, #1482CC))); --radio-checkbox-dot-bg: var(--toggle-icon-inverse, var(--comp-toggle-icon-inverse, var(--custom-radio-checkbox-dot-bg, #FFFFFF))); --radio-checkbox-checked-disabled-radio-bg: var(--toggle-icon-disabled, var(--comp-toggle-icon-disabled, var(--custom-radio-checkbox-checked-disabled-radio-bg, #FFFFFF))); --radio-checkbox-read-only-bg: var(--toggle-surface-disabled-moderate, var(--comp-toggle-surface-disabled, var(--custom-radio-checkbox-read-only-bg, #F2F2F2))); --radio-checkbox-read-only-checkmark-bg: var(--toggle-icon-disabled, var(--comp-toggle-icon-disabled, var(--custom-radio-checkbox-read-only-checkmark-bg, #FFFFFF))); --thumbnail-border-color: var(--custom-thumbnail-border-color, var(--neutral-50)); --table-shadow-color: var(--custom-table-shadow-color); --stepper-wrapper-text-color: var(--custom-stepper-wrapper-text-color, var(--primary-neutral)); --stepper-wrapper-bg: var(--custom-stepper-wrapper-bg, var(--neutral-05)); --stepper-active-shadow-color: var(--custom-stepper-active-shadow-color, rgba(20, 130, 204, 0.25)); --progress-bar-shadow-color: var(--custom-progress-bar-shadow-color, rgba(17, 111, 174, 0.15)); --datepicker-popup-bg: var(--custom-datepicker-popup-bg, var(--module-container-bg-color)); --datepicker-item-range-focus-shadow: var(--custom-datepicker-item-range-focus-shadow, var(--blue-60)); --datepicker-item-range-focus-border: var(--custom-datepicker-item-range-focus-border, var(--neutral-05)); --datepicker-clear-btn-text: var(--custom-datepicker-clear-btn-text, var(--red-70)); --tabs-normal-Ypoition: 0.1rem; --tabs-disabled-Ypoition: -4.9rem; --tabs-hover-Ypoition: -9.9rem; --tabs-selected-Ypoition: -14.8rem; --tabs-focus-Ypoition: -19.9rem; --tabs-focus-hover-Ypoition: -24.9rem; --tabs-selected-focused-Ypoition: -29.9rem; --tabs-pressed-Ypoition: var(--tabs-selected-Ypoition); --tabs-dropdown-Ypoition: 0.8rem; --tabs-dropdown-normal-Xpoition: 0rem; --tabs-dropdown-hover-Xpoition: -5rem; --tabs-dropdown-focus-Xpoition: -10rem; --tabs-dropdown-pressed-Xpoition: -15rem; --tabs-dropdown-disabled-Xpoition: -20rem; --neutral-90: var(--neutral-light-90); --neutral-80: var(--neutral-light-80); --neutral-70: var(--neutral-light-70); --neutral-60: var(--neutral-light-60); --neutral-50: var(--neutral-light-50); --neutral-40: var(--neutral-light-40); --neutral-30: var(--neutral-light-30); --neutral-20: var(--neutral-light-20); --neutral-10: var(--neutral-light-10); --neutral-05: var(--neutral-light-05); --primary-neutral: var(--neutral-light-90); --brand-palette-neutral-90: var(--brand-palette-neutral-light-90, #252626); --brand-palette-neutral-80: var(--brand-palette-neutral-light-80, #494A4A); --brand-palette-neutral-70: var(--brand-palette-neutral-light-70, #6B6B6B); --brand-palette-neutral-60: var(--brand-palette-neutral-light-60, #8A8A8A); --brand-palette-neutral-50: var(--brand-palette-neutral-light-50, #A5A5A5); --brand-palette-neutral-40: var(--brand-palette-neutral-light-40, #C0C0C0); --brand-palette-neutral-30: var(--brand-palette-neutral-light-30, #DADADA); --brand-palette-neutral-20: var(--brand-palette-neutral-light-20, #F2F2F2); --brand-palette-neutral-10: var(--brand-palette-neutral-light-10, #F7F7F7); --brand-palette-neutral-05: var(--brand-palette-neutral-light-05, #FFFFFF); --root-background-color: var(--app-background-color, var(--ref-fill-screen-default, var(--ref-fill-on-screen-default, var(--custom-root-background-color, #F2F2F2)))); --scrollbar-track-bg: var(--scrollbar-track-background-color, var(--scrollbar-surface-muted, #F2F2F2)); --scrollbar-thumb-bg: var(--scrollbar-thumb-background-color, var(--scrollbar-surface-default, #8A8A8A)); --scrollbar-thumb-drag-bg: var(--scrollbar-thumb-drag-background-color, var(--scrollbar-surface-enabled, #494A4A)); --body-font-color: var(--body-text-color, var(--content-text-default, var(--comp-content-text-default, var(--custom-body-font-color, #252626)))); --titles-font-color: var(--titles-text-color, var(--content-text-default, var(--custom-titles-font-color, #252626))); --text-default: var(--ref-text-default, var(--custom-text-default, #252626)); --text-alt: var(--ref-text-inverse, var(--custom-text-alt, #FFFFFF)); --text-primary: var(--ref-text-emphasis, var(--custom-text-primary, #116FAE)); --text-secondary: var(--ref-text-secondary, var(--custom-text-secondary, #494A4A)); --text-disabled: var(--ref-text-disabled, var(--custom-text-disabled, #8A8A8A)); --text-error: var(--ref-text-error-moderate, var(--custom-text-error, #A12036)); --text-warning: var(--ref-text-warning-moderate, var(--custom-text-warning, #803B00)); --text-success: var(--ref-text-success-moderate, var(--custom-text-success, #2D7048)); --bg-default: var(--ref-fill-surface-default, var(--ref-fill-on-surface-default, var(--custom-bg-default, #FFFFFF))); --bg-primary: var(--ref-fill-screen-default, var(--ref-fill-on-screen-default, var(--custom-bg-primary, #F2F2F2))); --bg-secondary: var(--ref-fill-secondary-enabled, var(--ref-fill-on-secondary-enabled, var(--custom-bg-secondary, #0D5788))); --shadow-40: var(--shadow-default-elevation-4, var(--ref-shadow-default-elevation-4, 0 15px 40px 0 rgba(37, 38, 38, 0.24))); --shadow-30: var(--shadow-default-elevation-3, var(--ref-shadow-default-elevation-3, 0 10px 15px 0 rgba(37, 38, 38, 0.16))); --shadow-20: var(--shadow-default-elevation-2, var(--ref-shadow-default-elevation-2, 0 5px 10px 0 rgba(37, 38, 38, 0.12))); --shadow-10: var(--shadow-default-elevation-1, var(--ref-shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08))); --shadow-brand: var(--shadow-brand-elevation-1, 0 2px 4px 0 rgba(49, 98, 69, 0.16)); --shadow-none: none; --shadow-50: var(--shadow-40); --module-container-bg-color: var(--content-surface-enabled, var(--comp-content-surface-enabled, var(--custom-module-container-bg-color, #FFFFFF))); --module-container-shadow: var(--custom-module-container-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --module-container-border-color: var(--separator-moderate, #DADADA); --module-container-divider: var(--separator-moderate, var(--custom-module-container-divider, #DADADA)); --module-container-active-bg-color: var(--list-surface-selected-moderate, var(--custom-module-container-active-bg-color, #F2F2F2)); --module-container-active-before-color: var(--separator-emphasis, var(--custom-module-container-active-before-color, #4E9C54)); --module-container-hover-bg-color: var(--list-surface-hover, var(--custom-module-container-hover-bg-color, #D2EAFA)); --anchor-color: var(--ref-text-links, var(--custom-anchor-color, #116FAE)); --anchor-hover-color: var(--custom-anchor-hover-color, var(--blue-60)); --anchor-visited-color: var(--ref-text-visited, #7365B8); --anchor-focus-outline: var(--ref-border-default-focused, var(--custom-anchor-focus-outline, #1482CC)); --anchor-selected-color: var(--nav-hor-default-text-default, var(--comp-nav-hor-default-text-default, var(--custom-anchor-selected-color, #252626))); --anchor-disabled-color: var(--ref-text-disabled, var(--custom-anchor-disabled-color, #8A8A8A)); --breadcrumb-color: var(--nav-hor-default-text-emphasis, #116FAE); --breadcrumb-selected-color: var(--nav-hor-default-text-default, #252626); --breadcrumb-disabled-color: var(--nav-hor-default-text-disabled, #8A8A8A); --highlighted-text-bg-color: var(--ref-fill-mark-default, var(--ref-fill-on-mark-default, var(--custom-highlighted-text-bg-color, #FCDFB1))); --highlighted-text-color: var(--mark-default-text-color, var(--list-text-inverse, var(--comp-list-text-inverse, var(--custom-highlighted-text-color, #252626)))); --divider-color: var(--separator-strong, var(--custom-divider-color, #8A8A8A)); --divider-disabled-color: var(--separator-weak, var(--custom-divider-disabled-color, #F2F2F2)); --fancy-divider-color: var(--divider-color); --divider-default-color: var(--separator-moderate, var(--custom-divider-default-color, #DADADA)); --divider-primary-color: var(--separator-emphasis, var(--custom-divider-primary-color, #4E9C54)); --divider-error-color: var(--ref-border-funct-warning-weak, var(--ref-border-on-funct-warning-weak, var(--custom-divider-error-color, #C26800))); --button-text-color: var(--button-confirmatory-default-text-default, var(--comp-btn-default-on-confimatory-text-default, var(--custom-button-text-color, #252626))); --button-bg: var(--button-confirmatory-default-surface-enabled, var(--comp-btn-default-on-confimatory-surface-enabled, var(--custom-button-bg, #FFFFFF))); --button-border-color: var(--button-confirmatory-default-border-enabled, var(--comp-btn-default-on-confimatory-border-enabled, var(--custom-button-border-color, #8A8A8A))); --button-shadow: var(--button-default-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --button-icon-color: var(--button-confirmatory-default-icon-default, var(--comp-btn-default-on-confimatory-icon-default, var(--custom-button-icon-color, #494A4A))); --button-hover-bg: var(--button-confirmatory-default-surface-hover, var(--comp-btn-default-on-confimatory-surface-hover, var(--custom-button-hover-bg, #D2EAFA))); --button-hover-border-color: var(--button-confirmatory-default-border-hover, var(--comp-btn-default-on-confimatory-border-hover, var(--custom-button-hover-border-color, #1482CC))); --button-focus-border-color: var(--button-confirmatory-default-border-focused, var(--comp-btn-default-on-confimatory-border-focused, var(--custom-button-focus-border-color, #1482CC))); --button-pressed-bg: var(--button-confirmatory-default-surface-pressed, var(--comp-btn-default-on-confimatory-surface-pressed, var(--custom-button-pressed-bg, #DADADA))); --button-pressed-border-color: var(--button-confirmatory-default-border-pressed, var(--comp-btn-default-on-confimatory-border-pressed, var(--custom-button-pressed-border-color, #8A8A8A))); --button-active-bg: var(--button-confirmatory-default-surface-selected-moderate, var(--comp-btn-default-on-confimatory-border-selected-moderate, var(--custom-button-active-bg, #F2F2F2))); --button-active-border-color: var(--button-confirmatory-default-border-selected-moderate, var(--comp-btn-default-on-confimatory-surface-selected-moderate, var(--custom-button-active-border-color, #8A8A8A))); --button-selected-bg: var(--button-confirmatory-default-surface-selected-moderate, var(--comp-btn-default-on-confimatory-surface-selected-moderate, var(--custom-button-selected-bg, #F2F2F2))); --button-disabled-text-color: var(--button-confirmatory-default-text-disabled, var(--comp-btn-default-on-confimatory-text-disabled, var(--custom-button-disabled-text-color, #8A8A8A))); --button-disabled-bg: var(--button-confirmatory-default-surface-disabled, var(--comp-btn-default-on-confimatory-surface-disabled, var(--custom-button-disabled-bg, #FFFFFF))); --button-disabled-border-color: var(--button-confirmatory-default-border-disabled, var(--comp-btn-default-on-confimatory-border-disabled, var(--custom-button-disabled-border-color, #C0C0C0))); --button-disabled-icon-color: var(--button-confirmatory-default-icon-disabled, var(--custom-dropdown-arrow-disabled-bg, #8A8A8A)); --button-destructive-text-color: var(--button-destructive-default-text-default, var(--comp-btn-default-on-destructive-text-default, var(--custom-button-destructive-text-color, #A12036))); --button-destructive-hover-text-color: var(--button-destructive-default-text-inverse, var(--comp-btn-default-on-destructive-text-inverse, #FFFFFF)); --button-destructive-bg: var(--button-destructive-default-surface-enabled, var(--comp-btn-default-on-destructive-surface-enabled, var(--custom-button-destructive-bg, #FFFFFF))); --button-destructive-hover-bg: var(--button-destructive-default-surface-hover, var(--comp-btn-default-on-destructive-surface-hover, var(--custom-button-destructive-hover-bg, #CC334C))); --button-destructive-pressed-bg: var(--button-destructive-default-surface-pressed, var(--comp-btn-default-on-destructive-surface-pressed, var(--custom-button-destructive-pressed-bg, #801F30))); --button-destructive-border-color: var(--button-destructive-default-border-enabled, var(--comp-btn-default-on-destructive-border-enabled, var(--custom-button-destructive-border-color, #CC334C))); --button-destructive-hover-border-color: var(--button-destructive-default-border-hover, #CC334C); --button-primary-text-color: var(--button-confirmatory-primary-text-default, var(--comp-btn-primary-on-confimatory-text-default, var(--custom-button-primary-text-color, #FFFFFF))); --button-primary-bg: var(--button-confirmatory-primary-surface-enabled, var(--comp-btn-primary-on-confimatory-surface-enabled, var(--custom-button-primary-bg, #2D7048))); --button-primary-border-color: var(--button-confirmatory-primary-border-enabled, var(--comp-btn-primary-on-confimatory-border-enabled, var(--custom-button-primary-border-color, #2D7048))); --button-primary-shadow: var(--shadow-brand-elevation-1, 0 2px 4px 0 rgba(49, 98, 69, 0.16)); --button-primary-icon: var(--button-confirmatory-primary-icon-default, var(--comp-btn-primary-on-confimatory-icon-default, var(--custom-button-primary-icon, #FFFFFF))); --facet-primary-bg: var(--button-confirmatory-default-surface-enabled, var(--comp-btn-default-on-confimatory-surface-selected-strong, var(--custom-facet-primary-bg, #FFFFFF))); --button-primary-hover-bg: var(--button-confirmatory-primary-surface-hover, var(--comp-btn-primary-on-confimatory-surface-hover, var(--custom-button-primary-hover-bg, color-mix(in oklch, black 12%, #2D7048)))); --button-primary-hover-border-color: var(--button-confirmatory-primary-border-hover, var(--comp-btn-primary-on-confimatory-border-hover, var(--custom-button-primary-hover-border-color, color-mix(in oklch, black 12%, #2D7048)))); --button-primary-focus-border-color: var(--button-confirmatory-primary-border-focused, var(--comp-btn-primary-on-confimatory-border-focused, var(--custom-button-primary-focus-border-color, #1482CC))); --button-primary-focus-inner-shadow-color: var(--custom-button-primary-focus-inner-shadow-color, var(--neutral-05)); --button-primary-active-bg: var(--button-confirmatory-primary-surface-pressed, var(--comp-btn-primary-on-confimatory-surface-pressed, var(--custom-button-primary-active-bg, #254934))); --button-primary-active-border-color: var(--button-confirmatory-primary-border-pressed, var(--comp-btn-primary-on-confimatory-border-pressed, var(--custom-button-primary-active-border-color, #254934))); --button-primary-selected-bg: var(--button-confirmatory-default-surface-selected-strong, var(--comp-btn-default-on-confimatory-surface-selected-strong, var(--custom-button-primary-selected-bg, #316245))); --button-primary-selected-border-color: var(--button-confirmatory-default-border-selected-strong, var(--comp-btn-default-on-confimatory-border-selected-strong, var(--custom-button-primary-selected-border-color, #316245))); --button-primary-destructive-bg: var(--button-destructive-primary-surface-enabled, var(--comp-btn-primary-on-destructive-surface-enabled, var(--custom-button-primary-destructive-bg, #CC334C))); --button-primary-destructive-hover-bg: var(--button-destructive-primary-surface-hover, color-mix(in oklch, black 12%, #CC334C)); --button-primary-destructive-active-bg: var(--button-destructive-primary-surface-pressed, var(--comp-btn-primary-on-destructive-surface-pressed, var(--custom-button-primary-destructive-active-bg, #801F30))); --button-primary-destructive-hover-border-color: var(--button-destructive-primary-border-hover, color-mix(in oklch, black 12%, #CC334C)); --button-primary-destructive-active-border-color: var(--button-destructive-primary-border-pressed, var(--comp-btn-primary-on-destructive-border-pressed, var(--custom-button-primary-destructive-active-border-color, #801F30))); --button-group-selected-border-accent-color: var(--separator-emphasis, #4E9C54); --dropdown-menu-text-color: var(--list-text-default, var(--comp-list-text-default, var(--custom-dropdown-menu-text-color, #252626))); --dropdown-menu-bg: var(--content-surface-enabled, var(--comp-content-surface-enabled, var(--custom-dropdown-menu-bg, #FFFFFF))); --dropdown-menu-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --dropdown-menu-hover-bg: var(--list-surface-hover, var(--comp-list-surface-hover, var(--custom-dropdown-menu-hover-bg, #D2EAFA))); --dropdown-menu-hover-border-color: var(--list-border-hover, #1482CC); --dropdown-menu-selected-text-color: var(--list-text-selected, var(--list-text-default, var(--comp-list-text-default, var(--custom-dropdown-menu-selected-text-color, #252626)))); --dropdown-menu-selected-bg: var(--list-surface-selected-moderate, #F2F2F2); --dropdown-menu-selected-border-color: var(--list-border-selected-moderate, #8A8A8A); --dropdown-arrow-bg: var(--button-confirmatory-default-icon-default, var(--comp-btn-default-on-confimatory-icon-default, var(--custom-dropdown-arrow-bg, #494A4A))); --dropdown-arrow-disabled-bg: var(--button-confirmatory-default-icon-disabled, var(--comp-btn-default-on-confimatory-icon-disabled, var(--custom-dropdown-arrow-disabled-bg, #8A8A8A))); --dropdown-primary-arrow-bg: var(--button-confirmatory-primary-icon-default, var(--comp-btn-primary-on-confimatory-icon-default, var(--custom-dropdown-primary-arrow-bg, #FFFFFF))); --dropdown-primary-arrow-disabled-bg: var(--button-confirmatory-primary-icon-disabled, var(--custom-dropdown-arrow-disabled-bg, #8A8A8A)); --segmented-control-bg: var(--nav-stepper-surface-muted, #F2F2F2); --segmented-control-divider-color: var(--separator-moderate, #DADADA); --segmented-control-button-text-color: var(--nav-stepper-text-default, #252626); --segmented-control-button-hover-border-color: var(--button-hover-border-color); --segmented-control-button-focus-border-color: var(--button-focus-border-color); --segmented-control-button-pressed-border-color: transparent; --segmented-control-button-selected-border-color: var(--segmented-control-divider-color); --segmented-control-button-bg: transparent; --segmented-control-button-hover-bg: var(--button-hover-bg); --segmented-control-button-pressed-bg: var(--nav-stepper-surface-enabled, #FFFFFF); --segmented-control-button-selected-bg: var(--nav-stepper-surface-enabled, #FFFFFF); --wizard-bg: var(--nav-stepper-surface-enabled, #FFFFFF); --wizard-border-color: var(--nav-stepper-border-enabled, var(--comp-nav-stepper-border-enabled, var(--custom-wizard-border-color, #8A8A8A))); --wizard-icon-color: var(--nav-stepper-icon-default, #494A4A); --wizard-hover-bg: var(--nav-stepper-surface-hover, #D2EAFA); --wizard-hover-border-color: var(--nav-stepper-border-hover, var(--comp-nav-stepper-border-hover, var(--custom-wizard-hover-border-color, #1482CC))); --wizard-focus-border-color: var(--nav-stepper-border-focused, #1482CC); --wizard-selected-bg: var(--nav-stepper-surface-selected-moderate, #F2F2F2); --wizard-selected-border-color: var(--nav-stepper-border-selected-strong, var(--comp-nav-stepper-border-selected-strong, var(--custom-wizard-selected-border-color, #316245))); --wizard-checkmark-icon: var(--custom-wizard-checkmark-icon, url('wizard-checkmark.svg')); --wizard-tabdrop-color: var(--nav-stepper-icon-default, var(--comp-nav-stepper-icon-default, var(--custom-wizard-tabdrop-color, #494A4A))); --icon-bg: var(--ref-icon-default, var(--custom-icon-bg, #494A4A)); --icon-cta-bg: var(--ref-icon-emphasis, #1482CC); --icon-disabled-bg: var(--ref-icon-disabled, var(--custom-icon-disabled-bg, #8A8A8A)); --visma-icon-color: var(--icon-bg); --visma-icon-hover-color: var(--icon-hover-bg); --visma-icon-disabled-color: var(--icon-disabled-bg); --pictogram-primary-bg: var(--ref-pictogram-primary-stroke-default, var(--ref-pictogram-on-primary-stroke-default, #494A4A)); --pictogram-secondary-bg: var(--ref-pictogram-secondary-stroke-default, var(--ref-pictogram-on-secondary-stroke-default, #494A4A)); --pictogram-tertiary-bg: var(--ref-pictogram-tertiary-stroke-default, var(--ref-pictogram-on-tertiary-stroke-default, #494A4A)); --pictogram-fill: var(--ref-pictogram-primary-fill-default, var(--ref-pictogram-on-primary-fill-default, rgba(73, 74, 74, 0.08))); --pictogram-stroke: var(--ref-pictogram-primary-stroke-default, var(--ref-pictogram-on-primary-stroke-default, #494A4A)); --pictogram-accent-fill: var(--ref-pictogram-primary-fill-emphasis, rgba(17, 111, 174, 0.24)); --pictogram-accent-stroke: var(--ref-pictogram-primary-stroke-emphasis, #116FAE); --pictogram-bg: var(--ref-pictogram-primary-stroke-default, #494A4A); --visma-pictogram-color: var(--pictogram-bg); --visma-pictogram-fill: var(--pictogram-fill); --visma-pictogram-stroke: var(--pictogram-stroke); --icon-informative-success-bg: var(--situation-funct-icon-success, var(--comp-situation-funct-icon-success, var(--custom-icon-informative-success-bg, #4E9C54))); --icon-informative-error-bg: var(--situation-funct-icon-error, var(--comp-situation-funct-icon-error, var(--custom-icon-informative-error-bg, #D44F64))); --icon-informative-warning-bg: var(--situation-funct-icon-warning, var(--comp-situation-funct-icon-warning, var(--custom-icon-informative-warning-bg, #CA7900))); --icon-informative-info-bg: var(--situation-funct-icon-emphasis, var(--comp-situation-funct-icon-emphasis, var(--custom-icon-informative-info-bg, #1482CC))); --icon-informative-help-bg: var(--situation-funct-icon-emphasis, var(--comp-situation-funct-icon-emphasis, var(--custom-icon-informative-help-bg, #1482CC))); --visma-informative-success-color: var(--icon-informative-success-bg); --visma-informative-error-color: var(--icon-informative-error-bg); --visma-informative-warning-color: var(--icon-informative-warning-bg); --visma-informative-info-color: var(--icon-informative-info-bg); --visma-informative-help-color: var(--icon-informative-help-bg); --caret-default-bg: var(--ref-icon-default, var(--custom-caret-default-bg, #494A4A)); --caret-primary-bg: var(--ref-icon-emphasis, var(--custom-caret-primary-bg, #1482CC)); --caret-secondary-bg: var(--ref-icon-inverse, var(--custom-caret-secondary-bg, #FFFFFF)); --caret-disabled-bg: var(--ref-icon-disabled, var(--custom-caret-disabled-bg, #8A8A8A)); --close-icon-bg: var(--ref-icon-default, var(--custom-close-icon-bg, #494A4A)); --badge-text-color: var(--situation-funct-text-default, var(--comp-situation-funct-text-default, var(--custom-badge-text-color, #252626))); --badge-bg: var(--situation-funct-surface-default, var(--comp-situation-funct-surface-default, var(--custom-badge-bg, #FFFFFF))); --badge-border-color: var(--situation-funct-border-default, #8A8A8A); --badge-disabled-text-color: var(--situation-funct-text-disabled, #494A4A); --badge-disabled-bg: var(--situation-funct-surface-disabled, #FFFFFF); --badge-disabled-border-color: var(--situation-funct-border-disabled, #C0C0C0); --badge-success-text: var(--situation-funct-text-success-weak, var(--custom-badge-success-text, #FFFFFF)); --badge-success-bg: var(--situation-funct-surface-success-moderate, var(--comp-situation-funct-surface-success-moderate, var(--custom-badge-success-bg, #2D7048))); --badge-success-sm-bg: var(--situation-funct-icon-success, var(--comp-situation-funct-icon-success, var(--custom-badge-success-sm-bg, #4E9C54))); --badge-success-border-color: var(--situation-funct-border-success-moderate, #2D7048); --badge-warning-text: var(--situation-funct-text-warning-weak, #FFFFFF); --badge-warning-bg: var(--situation-funct-surface-warning-moderate, var(--comp-situation-funct-surface-warning-moderate, var(--custom-badge-warning-bg, #C26800))); --badge-warning-sm-bg: var(--situation-funct-icon-warning, var(--comp-situation-funct-icon-warning, var(--custom-badge-warning-sm-bg, #CA7900))); --badge-warning-border-color: var(--situation-funct-border-warning-moderate, #C26800); --badge-danger-text: var(--situation-funct-text-error-weak, #FFFFFF); --badge-danger-bg: var(--situation-funct-surface-error-moderate, var(--comp-situation-funct-surface-error-moderate, var(--custom-badge-danger-bg, #CC334C))); --badge-danger-sm-bg: var(--situation-funct-icon-error, var(--comp-situation-funct-icon-error, var(--custom-badge-danger-sm-bg, #D44F64))); --badge-danger-border-color: var(--situation-funct-border-error-moderate, #CC334C); --badge-info-text: var(--situation-funct-text-info-weak, var(--comp-situation-funct-text-info-weak, var(--custom-badge-info-text, #FFFFFF))); --badge-info-bg: var(--situation-funct-surface-info-moderate, var(--comp-situation-funct-surface-info-moderate, var(--custom-badge-info-bg, #0D5788))); --badge-info-sm-bg: var(--situation-funct-icon-emphasis, var(--comp-situation-funct-icon-emphasis, var(--custom-badge-info-sm-bg, #1482CC))); --badge-info-border-color: var(--situation-funct-border-info-moderate, #0D5788); --label-text-size: var(--font-size-fixed-xs, 1.3rem); --label-text-color: var(--situation-funct-text-default, #252626); --label-border-color: var(--situation-funct-border-default, #8A8A8A); --label-border-radius: var(--radii-xs, 0.4rem); --label-bg: var(--situation-funct-surface-overlay-inverse, rgba(255, 255, 255, 0.08)); --label-disabled-text-color: var(--situation-funct-text-disabled, #494A4A); --label-disabled-border-color: var(--situation-funct-border-disabled, #C0C0C0); --label-disabled-bg: var(--situation-funct-surface-overlay-default, rgba(0, 0, 0, 0.08)); --label-info-text-color: var(--situation-funct-text-info-moderate, #116FAE); --label-info-border-color: var(--situation-funct-border-info-weak, #116FAE); --label-info-bg: var(--situation-funct-surface-info-weak, #E7F2F9); --label-success-text-color: var(--situation-funct-text-success-moderate, #2D7048); --label-success-border-color: var(--situation-funct-border-success-weak, #4E9C54); --label-success-bg: var(--situation-funct-surface-success-weak, hsl(120, 42.9%, 94.5%)); --label-warning-text-color: var(--situation-funct-text-warning-moderate, #803B00); --label-warning-border-color: var(--situation-funct-border-warning-weak, #C26800); --label-warning-bg: var(--situation-funct-surface-warning-weak, #FCF2DC); --label-danger-text-color: var(--situation-funct-text-error-moderate, #A12036); --label-danger-border-color: var(--situation-funct-border-error-weak, #CC334C); --label-danger-bg: var(--situation-funct-surface-error-weak, #FFEDEF); --list-group-bg: var(--content-surface-enabled, #FFFFFF); --list-group-border-color: var(--separator-moderate, #DADADA); --list-group-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --list-group-divider: var(--custom-list-group-divider, inset 0 2px 0 -1px #DADADA); --list-group-badge-text: var(--list-text-default, var(--comp-list-text-secondary, var(--custom-list-group-badge-text, #252626))); --list-group-header-bg: var(--nav-hor-brand-surface-default, var(--comp-nav-hor-brand-surface-default, var(--custom-list-group-header-bg, #0D5788))); --list-group-badge-border: var(--situation-funct-border-default, var(--comp-situation-funct-border-default, var(--custom-list-group-badge-border, #8A8A8A))); --list-group-badge-bg: var(--situation-funct-surface-default, var(--comp-situation-funct-surface-default, var(--custom-list-group-badge-bg, #FFFFFF))); --list-group-primary-text-color: var(--nav-hor-brand-text-default, var(--comp-nav-hor-brand-text-default, var(--custom-list-group-primary-text-color, #FFFFFF))); --list-group-primary-bg: var(--nav-hor-brand-surface-default, var(--comp-nav-hor-brand-surface-default, var(--custom-list-group-primary-bg, #0D5788))); --navigation-default-bg: var(--nav-hor-brand-surface-default, var(--comp-nav-hor-brand-surface-default, var(--custom-navigation-default-bg, #0D5788))); --navigation-default-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --navbar-brand-item-focus-border-color: var(--nav-hor-default-border-focused, var(--custom-navbar-brand-item-focus-border-color, #1482CC)); --navigation-default-second-level-bg: var(--nav-hor-default-surface-default, var(--comp-nav-hor-default-surface-default, var(--custom-navigation-default-second-level-bg, #FFFFFF))); --navigation-default-second-level-shadow: var(--shadow-default-elevation-1, var(--custom-navigation-default-second-level-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08))); --navigation-default-second-level-divider: var(--separator-moderate, var(--custom-navigation-default-second-level-divider, #DADADA)); --navigation-default-item-text-color: var(--nav-hor-brand-text-default, var(--comp-nav-hor-brand-text-default, var(--custom-navigation-default-item-text-color, #FFFFFF))); --navigation-default-disabled-text-color: var(--nav-hor-brand-text-disabled, #8A8A8A); --navigation-default-item-hover-border-color: var(--nav-hor-brand-border-hover, #D2EAFA); --navigation-default-item-focus-border-color: var(--nav-hor-brand-border-focused, var(--comp-nav-hor-brand-border-focused, var(--custom-navigation-default-item-focus-border-color, #F2F2F2))); --navigation-default-item-hover-bg: var(--nav-hor-brand-surface-hover, var(--comp-nav-hor-brand-surface-hover, var(--custom-navigation-default-item-hover-bg, rgba(255, 255, 255, 0.08)))); --navigation-default-item-active-bg: var(--nav-hor-brand-surface-selected-moderate, var(--comp-nav-hor-brand-surface-selected-moderate, var(--custom-navigation-default-item-active-bg, #14476A))); --navigation-default-icon-bg: var(--nav-hor-brand-icon-default, var(--comp-nav-hor-brand-icon-default, var(--custom-navigation-default-icon-bg, #FFFFFF))); --navigation-default-disabled-icon-bg: var(--nav-hor-brand-icon-disabled, #8A8A8A); --navigation-default-dropdown-open-icon-bg: var(--nav-hor-brand-icon-inverse, var(--comp-nav-hor-brand-icon-inverse, var(--custom-navigation-default-dropdown-open-icon-bg, #494A4A))); --navigation-default-item-dropdown-open-text-color: var(--nav-hor-default-text-default, var(--comp-nav-hor-brand-text-inverse, var(--custom-navigation-default-item-dropdown-open-text-color, #252626))); --navigation-default-item-dropdown-small-text-color: var(--nav-hor-brand-text-default, var(--comp-nav-hor-brand-text-default, var(--custom-navigation-default-item-dropdown-small-text-color, #FFFFFF))); --navigation-default-item-dropdown-open-small-text-color: var(--nav-hor-default-text-default, var(--comp-content-text-secondary, var(--custom-navigation-default-item-dropdown-open-small-text-color, #494A4A))); --navigation-default-item-dropdown-open-bg: var(--nav-hor-default-surface-default, var(--comp-nav-hor-default-surface-default, var(--custom-navigation-default-item-dropdown-open-bg, #FFFFFF))); --navigation-default-dropdown-text-color: var(--content-text-default, var(--comp-content-text-default, var(--custom-navigation-default-dropdown-text-color, #252626))); --navigation-default-dropdown-shadow: var(--shadow-default-elevation-1, var(--custom-navigation-default-dropdown-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08))); --navigation-default-dropdown-divider-color-dotted: var(--separator-strong, var(--custom-navigation-default-dropdown-divider-color-dotted, #8A8A8A)); --navigation-default-dropdown-divider-color-strong: var(--separator-moderate, var(--custom-navigation-default-dropdown-divider-color-strong, #DADADA)); --navigation-default-attention-bg: var(--situation-funct-icon-warning, var(--comp-situation-funct-icon-warning, var(--custom-navigation-default-attention-bg, #CA7900))); --navigation-default-badge-text-color: var(--situation-funct-text-default, var(--comp-situation-funct-text-default, var(--custom-navigation-default-badge-text-color, #252626))); --navigation-default-badge-bg: var(--situation-funct-surface-default, var(--comp-situation-funct-surface-default, var(--custom-navigation-default-badge-bg, #FFFFFF))); --navigation-default-badge-border-color: var(--situation-funct-border-default, var(--custom-navigation-default-badge-text-color, #8A8A8A)); --navigation-default-menudrop-bg: var(--content-surface-enabled, var(--custom-navigation-default-menudrop-bg, #FFFFFF)); --navigation-default-menudrop-border-color: var(--separator-moderate, #DADADA); --navigation-default-menudrop-shadow: var(--custom-navigation-default-menudrop-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --navigation-default-hamburger-bg: var(--nav-hor-brand-icon-inverse, var(--comp-nav-hor-brand-icon-default, var(--custom-navigation-default-hamburger-bg, #FFFFFF))); --navigation-default-hamburger-open-bg: var(--nav-hor-brand-icon-default, var(--comp-nav-hor-brand-icon-inverse, var(--custom-navigation-default-hamburger-open-bg, #494A4A))); --navigation-brand-search-bg: var(--nav-hor-brand-surface-enabled, #0D5788); --navigation-brand-search-hover-bg: var(--nav-hor-brand-surface-hover, rgba(255, 255, 255, 0.08)); --navigation-brand-search-disabled-bg: var(--nav-hor-brand-surface-disabled, #FFFFFF); --navigation-brand-search-border-color: var(--nav-hor-brand-border-enabled, #D2EAFA); --navigation-brand-search-hover-border-color: var(--nav-hor-brand-border-hover, #D2EAFA); --navigation-brand-search-focus-border-color: var(--nav-hor-brand-border-focused, #F2F2F2); --navigation-brand-search-disabled-border-color: var(--nav-hor-brand-border-disabled-low, #C0C0C0); --navigation-primary-bg: var(--nav-hor-inverted-surface-default, var(--comp-nav-hor-inverted-surface-default,var(--custom-navigation-primary-bg, #252626))); --navigation-primary-item-text-color: var(--nav-hor-inverted-text-default, var(--comp-nav-hor-inverted-text-default, #FFFFFF)); --navigation-primary-item-hover-bg: var(--nav-hor-inverted-surface-hover, var(--comp-nav-hor-inverted-surface-hover, var(--custom-navigation-primary-item-hover-bg, rgba(255, 255, 255, 0.08)))); --navigation-primary-item-active-bg: var(--nav-hor-inverted-surface-selected-moderate, var(--comp-nav-hor-inverted-surface-selected-moderate, var(--custom-navigation-primary-item-active-bg, #252626))); --navigation-primary-item-hover-border-color: var(--nav-hor-inverted-border-hover, #8A8A8A); --navigation-primary-item-active-border-color: var(--nav-hor-inverted-border-selected, #8A8A8A); --navigation-inverted-search-bg: var(--nav-hor-inverted-surface-enabled, #252626); --navigation-inverted-search-hover-bg: var(--nav-hor-inverted-surface-hover, rgba(255, 255, 255, 0.08)); --navigation-inverted-search-disabled-bg: var(--nav-hor-inverted-surface-disabled, #FFFFFF); --navigation-primary-search-border-color: var(--nav-hor-inverted-border-enabled, #8A8A8A); --navigation-primary-search-hover-border-color: var(--nav-hor-inverted-border-hover, #8A8A8A); --navigation-primary-search-focus-border-color: var(--nav-hor-inverted-border-focused, #F2F2F2); --navigation-primary-search-disabled-border-color: var(--nav-hor-inverted-border-disabled-low, #C0C0C0); --navigation-primary-icon-bg: var(--nav-hor-inverted-icon-default, var(--comp-nav-hor-inverted-icon-default, #FFFFFF)); --navigation-primary-dropdown-open-icon-bg: var(--nav-hor-inverted-icon-inverse, #494A4A); --navigation-secondary-bg: var(--nav-hor-default-surface-default, var(--comp-nav-hor-default-surface-default, var(--custom-navigation-secondary-bg, #FFFFFF))); --navigation-secondary-second-level-shadow: var(--custom-navigation-secondary-second-level-shadow, var(--navigation-default-second-level-shadow)); --navigation-secondary-second-level-divider: var(--custom-navigation-secondary-second-level-divider, var(--navigation-default-second-level-divider, #DADADA)); --navigation-secondary-item-text-color: var(--nav-hor-default-text-default, var(--comp-nav-hor-default-text-default, var(--custom-navigation-secondary-item-text-color, #252626))); --navigation-secondary-item-active-text-color: var(--nav-hor-default-text-emphasis, var(--comp-nav-hor-default-text-emphasis, var(--custom-navigation-secondary-item-active-text-color, #116FAE))); --navigation-secondary-item-active-bg: var(--nav-hor-default-surface-selected-moderate, var(--comp-nav-hor-default-surface-selected-moderate, var(--custom-navigation-secondary-item-active-bg, #FFFFFF))); --navigation-secondary-item-hover-bg: var(--nav-hor-default-surface-hover, var(--comp-nav-hor-default-surface-hover, var(--custom-navigation-secondary-item-hover-bg, #D2EAFA))); --navigation-secondary-item-focus-border-color: var(--nav-hor-default-border-focused, var(--comp-nav-hor-default-border-focused, var(--custom-navigation-secondary-item-focus-border-color, #1482CC))); --navigation-secondary-item-selected-border-color: var(--nav-hor-default-border-selected-moderate, #8A8A8A); --navigation-secondary-item-active-shadow: var(--custom-navigation-secondary-item-active-shadow, inset 0 0.4rem 0px #1482CC); --navigation-secondary-item-dropdown-small-text-color: var(--nav-hor-default-text-default, var(--comp-nav-hor-default-text-default, var(--custom-navigation-secondary-item-dropdown-small-text-color, #252626))); --navigation-secondary-icon-bg: var(--nav-hor-default-icon-default, var(--custom-navigation-secondary-icon-bg, #494A4A)); --navigation-secondary-badge-bg: var(--situation-funct-surface-default, var(--custom-navigation-secondary-badge-bg, #FFFFFF)); --navigation-secondary-badge-border-color: var(--situation-funct-border-default, #8A8A8A); --navigation-secondary-badge-text-color: var(--situation-funct-text-default, var(--custom-navigation-secondary-badge-text-color, #252626)); --navigation-secondary-menudrop-icon-bg: var(--nav-hor-default-icon-default, var(--comp-nav-hor-default-icon-default, var(--custom-navigation-secondary-menudrop-icon-bg, #494A4A))); --navigation-secondary-hamburger-bg: var(--custom-navigation-secondary-hamburger-bg, var(--neutral-80)); --navigation-secondary-hamburger-open-bg: var(--custom-navigation-secondary-hamburger-open-bg, var(--neutral-80)); --navigation-secondary-search-bg: var(--nav-hor-default-surface-enabled, #FFFFFF); --navigation-secondary-search-hover-bg: var(--nav-hor-default-surface-transparent, rgba(255, 255, 255, 0)); --navigation-secondary-search-disabled-bg: var(--nav-hor-default-surface-disabled, rgba(255, 255, 255, 0.08)); --navigation-secondary-search-border-color: var(--nav-hor-default-border-enabled, #8A8A8A); --navigation-secondary-search-hover-border-color: var(--nav-hor-default-border-hover, #1482CC); --navigation-secondary-search-focus-border-color: var(--nav-hor-default-border-focused, #1482CC); --navigation-secondary-search-disabled-border-color: var(--nav-hor-default-border-disabled-low, #C0C0C0); --vertical-nav-default-bg: var(--nav-vert-default-surface-default, var(--comp-nav-vert-default-surface-default, var(--custom-vertical-nav-default-bg, #FFFFFF))); --vertical-nav-default-shadow: var(--shadow-default-elevation-2, var(--custom-vertical-nav-default-shadow, 0 5px 10px 0 rgba(37, 38, 38, 0.12))); --vertical-nav-default-item-text-color: var(--nav-vert-default-text-default, #252626); --vertical-nav-default-item-active-text-color: var(--nav-vert-default-text-inverse, #FFFFFF); --vertical-nav-default-item-disabled-text-color: var(--nav-vert-default-text-disabled, #8A8A8A); --vertical-nav-default-item-hover-bg: var(--nav-vert-default-surface-hover, var(--comp-nav-vert-default-surface-hover, var(--custom-vertical-nav-default-item-hover-bg, #D2EAFA))); --vertical-nav-default-item-hover-border-color: var(--nav-vert-default-border-hover, #1482CC); --vertical-nav-default-item-active-bg: var(--nav-vert-default-surface-selected-strong, var(--comp-nav-vert-default-surface-selected-strong, var(--custom-vertical-nav-default-item-active-bg, #116FAE))); --vertical-nav-default-item-open-bg: var(--nav-vert-default-surface-selected-weak, var(--comp-nav-vert-default-surface-selected-weak, var(--custom-vertical-nav-default-item-open-bg, #F7F7F7))); --vertical-nav-default-sublvl-active-bg: var(--nav-vert-default-surface-selected-strong, var(--comp-nav-vert-default-surface-selected-strong, var(--custom-vertical-nav-default-sublvl-active-bg, #116FAE))); --vertical-nav-default-collapse-btn-bg: var(--nav-vert-brand-surface-default, var(--comp-nav-vert-brand-surface-default, var(--custom-vertical-nav-default-collapse-btn-bg, #116FAE))); --vertical-nav-default-collapse-btn-hover-bg: var(--button-confirmatory-secondary-surface-hover, var(--custom-vertical-nav-default-collapse-btn-hover-bg, #0D5788)); --vertical-nav-default-icon-color: var(--nav-vert-default-icon-default, var(--comp-nav-vert-default-icon-default, var(--custom-vertical-nav-default-icon-color, #494A4A))); --vertical-nav-default-active-icon-color: var(--nav-vert-default-icon-inverse, #FFFFFF); --vertical-nav-default-icon-disabled-color: var(--nav-vert-default-icon-disabled, var(--comp-nav-vert-default-icon-disabled, var(--custom-vertical-nav-default-icon-disabled-color, #8A8A8A))); --vertical-nav-default-divider-bg: var(--nav-vert-default-separator, var(--custom-vertical-nav-default-divider-bg, rgba(0, 0, 0, 0.12))); --vertical-nav-default-badge-bg: var(--situation-funct-surface-overlay-default, var(--comp-situation-funct-surface-overlay-default, var(--custom-vertical-nav-default-badge-bg, rgba(0, 0, 0, 0.08)))); --vertical-nav-default-item-active-badge-bg: var(--nav-vert-default-surface-selected-weak, #F7F7F7); --vertical-nav-default-title-text-color: var(--nav-vert-default-text-secondary, #494A4A); --vertical-nav-primary-bg: var(--nav-vert-brand-surface-default, var(--comp-nav-vert-brand-surface-default, var(--custom-vertical-nav-primary-bg, #116FAE))); --vertical-nav-primary-shadow: var(--custom-vertical-nav-primary-shadow, --vertical-nav-default-shadow); --vertical-nav-primary-item-hover-bg: var(--nav-vert-brand-surface-hover, var(--custom-vertical-nav-primary-item-hover-bg, rgba(255, 255, 255, 0.08))); --vertical-nav-brand-item-hover-border-color: var(--nav-vert-brand-border-hover, #D2EAFA); --vertical-nav-primary-item-active-bg: var(--nav-vert-brand-surface-selected-strong, var(--comp-nav-vert-brand-surface-selected-strong, var(--custom-vertical-nav-primary-item-active-bg, #FFFFFF))); --vertical-nav-primary-item-open-bg: var(--nav-vert-brand-surface-selected-weak, var(--custom-vertical-nav-primary-item-open-bg, rgba(0, 0, 0, 0.08))); --vertical-nav-primary-item-text: var(--nav-vert-brand-text-default, var(--comp-nav-vert-brand-text-default, var(--custom-vertical-nav-primary-item-text, #FFFFFF))); --vertical-nav-brand-item-active-text-color: var(--nav-vert-brand-text-inverse, #252626); --vertical-nav-primary-item-disabled: var(--nav-vert-brand-text-disabled, var(--custom-vertical-nav-primary-item-disabled, rgba(255, 255, 255, 0.56))); --vertical-nav-primary-collapse-btn-bg: var(--nav-vert-brand-icon-default, var(--comp-nav-vert-brand-icon-default, var(--custom-vertical-nav-primary-collapse-btn-bg, #FFFFFF))); --vertical-nav-primary-collapse-btn-hover-bg: var(--button-confirmatory-secondary-surface-hover, var(--custom-vertical-nav-primary-collapse-btn-hover-bg, #0D5788)); --vertical-nav-primary-collapse-arrow: var(--custom-vertical-nav-primary-collapse-arrow, var(--comp-nav-vert-brand-surface-default, #1482CC)); --vertical-nav-brand-icon-color: var(--nav-vert-brand-icon-default, #FFFFFF); --vertical-nav-brand-active-icon-color: var(--nav-vert-brand-icon-inverse, #494A4A); --vertical-nav-brand-icon-disabled-color: var(--nav-vert-brand-icon-disabled, rgba(255, 255, 255, 0.56)); --vertical-nav-brand-badge-bg: var(--situation-funct-surface-overlay-inverse, rgba(255, 255, 255, 0.08)); --vertical-nav-brand-item-active-badge-bg: var(--situation-funct-surface-overlay-inverse, rgba(255, 255, 255, 0.08)); --vertical-nav-primary-divider-bg: var(--nav-vert-brand-separator, var(--custom-vertical-nav-primary-divider-bg, rgba(228, 235, 240, 0.12))); --vertical-nav-secondary-bg: var(--nav-vert-inverted-surface-default, var(--comp-nav-vert-inverted-surface-default, var(--custom-vertical-nav-secondary-bg, #252626))); --vertical-nav-secondary-border-color: var(--custom-vertical-nav-secondary-border-color, var(--vertical-nav-secondary-bg)); --vertical-nav-secondary-item-text: var(--nav-vert-inverted-text-default, var(--comp-nav-vert-inverted-icon-default, #FFFFFF)); --vertical-nav-inverted-item-active-text-color: var(--nav-vert-inverted-text-inverse, #252626); --vertical-nav-inverted-item-disabled: var(--nav-vert-inverted-text-disabled, rgba(255, 255, 255, 0.56)); --vertical-nav-secondary-item-active-bg: var(--nav-vert-inverted-surface-selected-strong, var(--comp-nav-vert-inverted-surface-selected-strong, var(--custom-vertical-nav-secondary-item-active-bg, #FFFFFF))); --vertical-nav-secondary-item-open-bg: var(--nav-vert-inverted-surface-selected-weak, var(--custom-vertical-nav-secondary-item-open-bg, rgba(255, 255, 255, 0.08))); --vertical-nav-secondary-item-hover-bg: var(--nav-vert-inverted-surface-hover, var(--custom-vertical-nav-secondary-item-hover-bg, rgba(255, 255, 255, 0.08))); --vertical-nav-inverted-item-hover-border-color: var(--nav-vert-inverted-border-hover, #8A8A8A); --vertical-nav-secondary-collapsed-border-color: var(--nav-vert-inverted-surface-default, var(--custom-vertical-nav-secondary-collapsed-border-color, rgba(255, 255, 255, 0.56))); --vertical-nav-secondary-collapse-btn-bg: var(--nav-vert-inverted-icon-default, var(--comp-nav-vert-inverted-icon-default,var(--custom-vertical-nav-secondary-collapse-btn-bg, #FFFFFF))); --vertical-nav-secondary-collapse-btn-hover-bg: var(--custom-vertical-nav-secondary-collapse-btn-hover-bg, var(--neutral-30)); --vertical-nav-secondary-collapsed-btn-hover-bg: var(--custom-vertical-nav-secondary-collapsed-btn-hover-bg, var(--neutral-70)); --vertical-nav-inverted-icon-color: var(--nav-vert-inverted-icon-default, #FFFFFF); --vertical-nav-inverted-active-icon-color: var(--nav-vert-inverted-icon-inverse, #494A4A); --vertical-nav-inverted-icon-disabled-color: var(--nav-vert-inverted-icon-disabled, rgba(255, 255, 255, 0.56)); --vertical-nav-inverted-badge-bg: var(--situation-funct-surface-overlay-inverse, rgba(255, 255, 255, 0.08)); --vertical-nav-inverted-item-active-badge-bg: var(--situation-funct-surface-overlay-inverse, rgba(255, 255, 255, 0.08)); --vertical-nav-inverted-divider-bg: var(--nav-vert-brand-separator, var(--custom-vertical-nav-primary-divider-bg, rgba(228, 235, 240, 0.12))); --modal-bg: var(--content-surface-enabled, var(--comp-content-surface-enabled, var(--custom-modal-bg, #FFFFFF))); --modal-shadow: var(--shadow-default-elevation-2, var(--custom-modal-shadow, 0 5px 10px 0 rgba(37, 38, 38, 0.12))); --modal-overlay-bg: var(--custom-modal-overlay-bg, rgba(37, 38, 38, 0.5)); --modal-border-color: var(--separator-moderate, #DADADA); --modal-text-color: var(--content-text-default, #252626); --input-text-color: var(--inputs-text-default, var(--comp-inputs-text-default, var(--custom-input-text-color, #252626))); --input-placeholder-color: var(--inputs-text-secondary, var(--comp-inputs-text-secondary, var(--custom-input-placeholder-color, #494A4A))); --input-bg: var(--inputs-surface-enabled, var(--comp-inputs-surface-enabled, var(--custom-input-bg, #FFFFFF))); --input-border-color: var(--inputs-border-enabled, var(--comp-inputs-border-enabled, var(--custom-input-border-color, #8A8A8A))); --input-shadow: none; --input-hover-bg: var(--inputs-surface-hover, var(--comp-inputs-surface-hover, var(--custom-input-hover-bg, #FFFFFF))); --input-hover-border-color: var(--inputs-border-hover, var(--comp-inputs-border-hover, var(--custom-input-hover-border-color, #1482CC))); --input-hover-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --input-focus-border-color: var(--inputs-border-focused, var(--comp-inputs-border-focused, var(--custom-input-focus-border-color, #1482CC))); --input-focus-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --input-disabled-text-color: var(--inputs-text-disabled, var(--comp-inputs-text-disabled, var(--custom-input-disabled-text-color, #8A8A8A))); --input-disabled-bg: var(--inputs-surface-disabled, var(--comp-inputs-surface-disabled, var(--custom-input-disabled-bg, #FFFFFF))); --input-disabled-border-color: var(--inputs-border-disabled, var(--comp-inputs-border-disabled, var(--custom-input-disabled-border-color, #C0C0C0))); --input-error-text-color: var(--inputs-text-error, var(--comp-inputs-text-error, var(--custom-input-error-text-color, #A12036))); --input-error-bg: var(--inputs-surface-error, #FFFFFF); --input-error-border-color: var(--inputs-border-error, var(--comp-inputs-border-error, var(--custom-input-error-border-color, #CC334C))); --input-read-only-bg: var(--input-read-only-bg, transparent); --input-read-only-inverted-bg: var(--input-read-only-inverted-bg, var(--inputs-surface-muted, #F2F2F2)); --input-label-text-color: var(--inputs-text-default, var(--comp-inputs-text-default, var(--custom-input-label-text-color,#252626))); --input-label-disabled-text-color: var(--inputs-text-disabled, var(--comp-inputs-text-disabled, var(--custom-input-label-disabled-text-color, #8A8A8A))); --input-primary-bg: var(--search-brand-surface-enabled, #FFFFFF); --input-primary-border-color: var(--search-brand-border-enabled, var(--comp-search-brand-border-enabled, var(--custom-input-primary-border-color, #4E9C54))); --input-primary-shadow: var(--shadow-brand-elevation-1, 0 2px 4px 0 rgba(49, 98, 69, 0.16)); --input-primary-hover-border-color: var(--search-brand-border-hover, var(--comp-search-brand-border-hover, var(--custom-input-primary-hover-border-color, #2D7048))); --search-field-primary-disabled-button: var(--button-confirmatory-primary-surface-disabled, var(--comp-btn-primary-on-confimatory-surface-disabled, var(--custom-search-field-primary-disabled-button, #FFFFFF))); --search-field-primary-disabled-button-border: var(--button-confirmatory-primary-border-disabled, var(--comp-btn-primary-on-confimatory-border-disabled, var(--custom-search-field-primary-disabled-button-border, #C0C0C0))); --switches-text-color: var(--switch-text-default, var(--comp-switch-text-default, var(--custom-switches-text-color, #252626))); --switches-bg: var(--switch-surface-enabled, var(--comp-switch-surface-enabled, var(--custom-switches-bg, #FFFFFF))); --switches-border-color: var(--switch-border-enabled, var(--comp-switch-border-enabled, var(--custom-switches-border-color, #8A8A8A))); --switches-togglemark-bg: var(--switch-surface-strong, var(--comp-switch-surface-strong, var(--custom-switches-togglemark-bg, #FFFFFF))); --switches-togglemark-border-color: var(--switch-border-strong, #8A8A8A); --switches-hover-bg: var(--switch-surface-hover, var(--comp-switch-surface-hover, var(--custom-switches-hover-bg, #D2EAFA))); --switches-hover-border-color: var(--switch-border-hover, #1482CC); --switches-focus-border-color: var(--switch-border-focused, var(--comp-switch-border-focused, var(--custom-switches-focus-border-color, #1482CC))); --switches-focus-inner-border-color: var(--border-inner-shadow, var(--custom-switches-focus-inner-border-color, inset 0 0 0 3px #FFFFFF, 0 2px 4px 0 rgba(27, 56, 76, 0.12))); --switches-disabled-text-color: var(--switch-text-disabled, var(--comp-switch-text-disabled, var(--custom-switches-disabled-text-color, #8A8A8A))); --switches-disabled-bg: var(--switch-surface-disabled-moderate, var(--comp-switch-surface-disabled, var(--custom-switches-disabled-bg, #F2F2F2))); --switches-disabled-border-color: var(--switch-border-disabled, var(--comp-switch-border-disabled, #C0C0C0)); --switches-disabled-togglemark-bg: var(--switch-surface-disabled-moderate, var(--comp-switch-surface-disabled, var(--custom-switches-disabled-togglemark-bg, #F2F2F2))); --switches-disabled-togglemark-border-color: var(--switch-border-disabled, #C0C0C0); --switches-error-border-color: var(--switch-border-error, #CC334C); --switches-checked-text-color: var(--switch-text-inverse, var(--comp-switch-text-inverse, var(--custom-switches-checked-text-color, #FFFFFF))); --switches-checked-border-color: var(--switch-border-selected-strong, #2D7048); --switches-checked-bg: var(--switch-surface-selected-strong, var(--comp-switch-surface-selected-strong, var(--custom-switches-checked-bg, #316245))); --switches-checked-togglemark-border-color: var(--switch-checked-togglemark-border-color, rgba(255, 255, 255, 0)); --switches-checked-hover-bg: var(--switch-surface-selected-strong-hover, var(---comp-switch-surface-selected-strong-hover, var(--custom-switches-checked-hover-bg, #316245))); --switches-checked-hover-border-color: var(--switch-border-selected-strong-hover, #2D7048); --switches-checked-disabled-text-color: var(--switch-text-disabled, #8A8A8A); --switches-checked-disabled-bg: var(--switch-surface-disabled-strong, var(--comp-switch-surface-disabled, var(--custom-switches-checked-disabled-bg, #F2F2F2))); --radio-checkbox-text-color: var(--toggle-text-default, var(--comp-toggle-text-default, var(--custom-radio-checkbox-text-color, #252626))); --radio-checkbox-bg: var(--toggle-surface-enabled, var(--comp-toggle-surface-enabled, var(--custom-radio-checkbox-bg, #FFFFFF))); --radio-checkbox-border-color: var(--toggle-border-enabled, var(--comp-toggle-border-enabled, var(--custom-radio-checkbox-border-color, #8A8A8A))); --radio-checkbox-focus-border-color: var(--toggle-border-focused, var(--comp-toggle-border-focused, var(--custom-radio-checkbox-focus-border-color, #1482CC))); --radio-checkbox-error-focus-border-color: var(--toggle-border-error, var(--comp-toggle-border-error, var(--custom-radio-checkbox-error-focus-border-color, #CC334C))); --radio-checkbox-disabled-text-color: var(--toggle-text-disabled, var(--comp-toggle-text-disabled, var(--custom-radio-checkbox-disabled-text-color, #8A8A8A))); --radio-checkbox-disabled-bg: var(--toggle-surface-disabled-moderate, var(--comp-toggle-icon-disabled, var(--custom-radio-checkbox-disabled-bg, #F2F2F2))); --radio-checkbox-disabled-border-color: var(--toggle-border-disabled-moderate, var(--comp-toggle-border-disabled, var(--custom-radio-checkbox-disabled-border-color, #C0C0C0))); --radio-checkbox-checked-bg: var(--toggle-surface-emphasis, var(--comp-toggle-icon-emphasis, var(--custom-radio-checkbox-checked-bg, #1482CC))); --radio-checkbox-checked-border-color: var(--toggle-border-emphasis, var(--comp-toggle-border-emphasis, var(--custom-radio-checkbox-checked-border-color, #1482CC))); --radio-checkbox-checkmark-bg: var(--toggle-icon-inverse, var(--custom-radio-checkmark-bg, #FFFFFF)); --radio-checkbox-dot-bg: var(--toggle-icon-inverse, var(--custom-radio-checkbox-dot-bg, #FFFFFF)); --radio-checkbox-checked-disabled-bg: var(--toggle-surface-disabled-strong, var(--comp-toggle-surface-disabled, var(--custom-radio-checkbox-checked-disabled-bg, #F2F2F2))); --radio-checkbox-checked-disabled-border-color: var(--toggle-border-disabled-strong, var(--comp-toggle-border-disabled, var(--custom-radio-checkbox-checked-disabled-border-color, #C0C0C0))); --radio-checkbox-checked-disabled-checkmark-bg: var(--toggle-icon-disabled, var(--comp-toggle-icon-disabled, var(--custom-radio-checkbox-checked-disabled-checkmark-bg, #FFFFFF))); --radio-checkbox-checked-disabled-dot-bg: var(--toggle-icon-disabled, var(--comp-toggle-icon-disabled, var(--custom-radio-checkbox-checked-disabled-dot-bg, #FFFFFF))); --radio-checkbox-outline-bg: var(--toggle-surface-enabled, #FFFFFF); --radio-checkbox-outline-border-color: var(--toggle-border-enabled, #8A8A8A); --radio-checkbox-outline-disabled-bg: var(--toggle-surface-disabled-moderate, #F2F2F2); --radio-checkbox-outline-disabled-border-color: var(--toggle-border-disabled-moderate, #C0C0C0); --radio-checkbox-outline-checkmark-bg: var(--toggle-icon-emphasis, #1482CC); --radio-checkbox-outline-dot-bg: var(--toggle-icon-emphasis, #1482CC); --radio-checkbox-outline-checked-disabled-bg: var(--toggle-surface-disabled-moderate, #F2F2F2); --radio-checkbox-outline-checked-disabled-border-color: var(--toggle-border-disabled-moderate, #C0C0C0); --radio-checkbox-outline-checked-disabled-checkmark-bg: var(--ref-icon-disabled, #8A8A8A); --radio-checkbox-outline-checked-disabled-dot-bg: var(--ref-icon-disabled, #8A8A8A); --select-arrow: var(--custom-select-arrow, url('arrow-large.svg')); --select-arrow-disabled: var(--custom-select-arrow-disabled, url('arrow-large-disabled.svg')); --select-text-color: var(--inputs-text-default, #252626); --select-bg: var(--inputs-surface-enabled, #FFFFFF); --select-border-color: var(--inputs-border-enabled, #8A8A8A); --select-border-radius: var(--radii-xs, 0.4rem); --select-menu-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --select-item-menu-text-color: var(--list-text-default, #252626); --select-item-menu-bg: var(--content-surface-enabled, #FFFFFF); --select-item-menu-border-color: var(--separator-moderate, #DADADA); --select-item-menu-border-radius: var(--radii-sm, 0.8rem); --select-hover-bg: var(--inputs-surface-hover, #FFFFFF); --select-hover-border-color: var(--inputs-border-hover, #1482CC); --select-item-menu-hover-bg: var(--list-surface-hover, #D2EAFA); --select-focus-border-color: var(--inputs-border-focused, #1482CC); --select-item-menu-focus-border-color: var(--list-border-focused, #1482CC); --select-pressed-bg: var(--inputs-surface-pressed, #DADADA); --select-pressed-border-color: var(--inputs-border-pressed, #8A8A8A); --select-item-menu-selected-bg: var(--list-surface-selected-moderate, #F2F2F2); --select-disabled-text-color: var(--inputs-text-disabled, #8A8A8A); --select-disabled-bg: var(--inputs-surface-disabled, #FFFFFF); --select-disabled-border-color: var(--inputs-border-disabled, #C0C0C0); --select-item-menu-disabled-text-color: var(--list-text-disabled, #8A8A8A); --drop-area-bg: var(--custom-drop-area-bg, var(--neutral-10)); --drop-area-border-color: var(--custom-drop-area-border-color, var(--neutral-70)); --drop-area-highlight-border-color: var(--custom-drop-area-highlight-border-color, var(--blue-50)); --drop-area-highlight-bg: var(--custom-drop-area-highlight-bg, var(--button-hover-bg)); --drop-area-focus-border-color: var(--custom-drop-area-focus-border-color, var(--blue-50)); --drop-area-preview-item-bg: var(--custom-drop-area-preview-item-bg, var(--neutral-20)); --drop-area-preview-item-op: var(--custom-drop-area-preview-item-op, 1); --drop-area-preview-item-border-color: var(--custom-drop-area-preview-item-border-color, var(--neutral-60)); --image-no-alt-border-color: var(--situation-funct-border-warning-moderate, var(--custom-image-no-alt-border-color, #C26800)); --table-bg: var(--table-surface-enabled, var(--comp-table-surface-enabled, var(--custom-table-bg, #FFFFFF))); --table-alt-bg: var(--table-surface-muted, var(--comp-table-surface-muted, var(--custom-table-alt-bg, #F2F2F2))); --table-border-color: var(--separator-moderate, var(--comp-separator-moderate, var(--custom-table-border-color, #DADADA))); --table-dotted-divider-color: var(--separator-strong, var(--comp-separator-strong, var(--custom-table-dotted-divider-color, #8A8A8A))); --table-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --table-hover-bg: var(--table-surface-hover, var(--comp-table-surface-hover, var(--custom-table-hover-bg, #D2EAFA))); --table-hover-border-color: var(--table-border-hover, var(--comp-table-border-hover, var(--custom-table-hover-border-color, #1482CC))); --table-active-bg: var(--table-surface-selected, var(--comp-table-surface-selected, var(--custom-table-active-bg, #F2F2F2))); --table-active-border-color: var(--table-border-selected, var(--comp-table-border-selected, var(--custom-table-active-border-color, #8A8A8A))); --table-selected-bg: var(--table-surface-selected, var(--comp-table-surface-selected, var(--custom-table-selected-bg, #F2F2F2))); --table-selected-border-color: var(--table-border-selected, var(--comp-table-border-selected, var(--custom-table-selected-border-color, #8A8A8A))); --table-error-text-color: var(--table-text-error-moderate, var(--comp-table-text-error-moderate, #A12036)); --table-error-bg: var(--table-surface-error-hover, var(--comp-table-surface-error-hover, var(--custom-table-error-bg, #FFEDEF))); --stepper-text-color: var(--nav-stepper-text-disabled, var(--comp-nav-stepper-text-disabled, var(--custom-stepper-text-color, #8A8A8A))); --stepper-bg: var(--nav-stepper-surface-weak, var(--comp-nav-stepper-surface-weak, var(--custom-stepper-bg, #C0C0C0))); --stepper-active-text-color: var(--nav-stepper-text-emphasis, var(--comp-nav-stepper-text-emphasis, var(--custom-stepper-active-text-color, #116FAE))); --stepper-active-border-color: var(--nav-stepper-surface-strong, var(--comp-nav-stepper-surface-strong, var(--custom-stepper-active-border-color, #116FAE))); --stepper-active-bg: var(--nav-stepper-icon-inverse, var(--custom-stepper-active-bg, #FFFFFF)); --stepper-visited-text-color: var(--nav-stepper-text-success, var(--comp-nav-stepper-text-success, var(--custom-stepper-visited-text-color, #2D7048))); --stepper-visited-bg: var(--nav-stepper-icon-success, var(--comp-nav-stepper-icon-success, var(--custom-stepper-visited-bg, #4E9C54))); --progress-bar-label: var(--progress-text-secondary, var(--comp-progress-text-secondary, var(--custom-progress-bar-label, #494A4A))); --progress-bar-bg: var(--progress-secondary-border-strong, var(--comp-progress-secondary-border-strong, var(--custom-progress-bar-bg, #1482CC))); --progress-bar-wrapper-bg: var(--progress-default-border-weak, var(--comp-progress-default-border-weak, var(--custom-progress-bar-wrapper-bg, rgba(0, 0, 0, 0.08)))); --alert-success-text: var(--situation-funct-text-success-moderate, var(--comp-situation-funct-text-success-moderate, var(--custom-alert-success-text, #2D7048))); --alert-success-bg: var(--situation-funct-surface-success-weak, var(--comp-situation-funct-surface-success-weak, var(--custom-alert-success-bg, hsl(120, 42.9%, 94.5%)))); --alert-success-border: var(--situation-funct-border-success-weak, var(--comp-situation-funct-border-success-weak, var(--custom-alert-success-border, #4E9C54))); --alert-success-shadow: var(--custom-alert-success-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --alert-info-text: var(--situation-funct-text-info-moderate, var(--comp-situation-funct-text-info-moderate, var(--custom-alert-info-text, #116FAE))); --alert-info-bg: var(--situation-funct-surface-info-weak, var(--comp-situation-funct-surface-info-weak, var(--custom-alert-info-bg, #E7F2F9))); --alert-info-border: var(--situation-funct-border-info-weak, var(--comp-situation-funct-border-info-weak, var(--custom-alert-info-border, #116FAE))); --alert-info-shadow: var(--custom-alert-info-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --alert-warning-text: var(--situation-funct-text-warning-moderate, var(--comp-situation-funct-text-warning-moderate, var(--custom-alert-warning-text, #803B00))); --alert-warning-bg: var(--situation-funct-surface-warning-weak, var(--comp-situation-funct-surface-warning-weak, var(--custom-alert-warning-bg, #FCF2DC))); --alert-warning-border: var(--situation-funct-border-warning-weak, var(--comp-situation-funct-border-warning-weak, var(--custom-alert-warning-border, #C26800))); --alert-warning-shadow: var(--custom-alert-warning-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --alert-danger-text: var(--situation-funct-text-error-moderate, var(--comp-situation-funct-text-error-moderate, var(--custom-alert-danger-text, #A12036))); --alert-danger-bg: var(--situation-funct-surface-error-weak, var(--comp-situation-funct-surface-error-weak, var(--custom-alert-danger-bg, #FFEDEF))); --alert-danger-border: var(--situation-funct-border-error-weak, var(--comp-situation-funct-border-error-weak, var(--custom-alert-danger-border, #CC334C))); --alert-danger-shadow: var(--custom-alert-danger-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --popover-shadow: var(--shadow-default-elevation-1, var(--custom-popover-shadow, 0 2px 4px 0 rgba(37, 38, 38, 0.08))); --popover-arrow-tip: var(--custom-popover-arrow-tip, url('popover-tip.svg')); --tooltip-text: var(--situation-funct-text-warning-moderate, var(--custom-tooltip-primary-text, #803B00)); --tooltip-bg: var(--situation-funct-surface-warning-weak, var(--custom-tooltip-bg, #FCF2DC)); --tooltip-border-color: var(--situation-funct-border-warning-weak, var(--custom-tooltip-border-color, #C26800)); --tooltip-shadow: var(--shadow-default-elevation-2, var(--custom-tooltip-shadow, 0 5px 10px 0 rgba(37, 38, 38, 0.12))); --tooltip-arrow-tip: var(--custom-tooltip-arrow-tip, url('tooltip-tip.svg')); --tooltip-primary-text: var(--situation-funct-text-default, var(--custom-tooltip-primary-text, #252626)); --tooltip-primary-bg: var(--situation-funct-surface-default, var(--custom-tooltip-primary-bg, #FFFFFF)); --tooltip-primary-border-color: var(--situation-funct-border-default, var(--custom-tooltip-primary-border-color, #8A8A8A)); --tooltip-primary-shadow: var(--custom-tooltip-primary-shadow, var(--tooltip-shadow)); --tooltip-primary-arrow-tip: var(--custom-tooltip-primary-arrow-tip, url('tooltip-tip-primary.svg')); --tooltip-secondary-text: var(--situation-funct-text-inverse, var(--custom-tooltip-secondary-text, #FFFFFF)); --tooltip-secondary-bg: var(--situation-funct-surface-inverse, var(--custom-tooltip-secondary-bg, #252626)); --tooltip-secondary-border-color: var(--situation-funct-border-default, var(--custom-tooltip-secondary-border-color, #8A8A8A)); --tooltip-secondary-shadow: var(--custom-tooltip-secondary-shadow, var(--tooltip-shadow)); --tooltip-secondary-arrow-tip: var(--custom-tooltip-secondary-arrow-tip, url('tooltip-tip-secondary.svg')); --tooltip-error-text: var(--situation-funct-text-error-moderate, var(--custom-tooltip-error-text, #A12036)); --tooltip-error-bg: var(--situation-funct-surface-error-weak, var(--custom-tooltip-error-bg, #FFEDEF)); --tooltip-error-border-color: var(--situation-funct-border-error-weak, var(--custom-tooltip-error-border-color, #CC334C)); --tooltip-error-shadow: var(--custom-tooltip-error-shadow, var(--tooltip-shadow)); --tooltip-error-arrow-tip: var(--custom-tooltip-error-arrow-tip, url('tooltip-tip-error.svg')); --datepicker-inline-bg: var(--calendar-surface-enabled, var(--comp-calendar-surface-enabled, var(--custom-datepicker-inline-bg, #FFFFFF))); --datepicker-arrow: var(--custom-datepicker-arrow, url('arrow-small-blue.svg')); --datepicker-border-color: var(--separator-moderate, var(--comp-separator-moderate, var(--custom-datepicker-border-color, #DADADA))); --datepicker-nonclickable-text-color: var(--calendar-text-disabled, var(--custom-datepicker-nonclickable-text-color, #8A8A8A)); --datepicker-item-text: var(--calendar-text-default, var(--custom-datepicker-item-text, #252626)); --datepicker-item-today-border: var(--calendar-border-focused, var(--custom-datepicker-item-today-border, #1482CC)); --datepicker-item-hover-bg: var(--calendar-surface-hover, var(--custom-datepicker-item-hover-bg, #D2EAFA)); --datepicker-item-hover-range-bg: var(--calendar-surface-hover, var(--custom-datepicker-item-hover-range-bg, #D2EAFA)); --datepicker-item-selected-focus-border: var(--calendar-border-focused, var(--custom-datepicker-item-selected-focus-border, #1482CC)); --datepicker-item-selected-bg: var(--calendar-surface-selected-strong, var(--custom-datepicker-item-selected-bg, #14476A)); --datepicker-item-selected-text: var(--calendar-text-inverse, var(--custom-datepicker-item-selected-text, #FFFFFF)); --datepicker-item-selected-range-bg: var(--calendar-surface-muted, var(--custom-datepicker-item-selected-range-bg, #F2F2F2)); --datepicker-today-btn-bg: var(--button-confirmatory-default-surface-enabled, #FFFFFF); --datepicker-today-btn-border: var(--button-confirmatory-secondary-tint-border-enabled, var(--custom-datepicker-today-btn-border, #116FAE)); --datepicker-today-btn-text: var(--button-confirmatory-secondary-tint-text-default, var(--custom-datepicker-today-btn-text, #1B384C)); --datepicker-today-btn-hover-bg: var(--button-confirmatory-secondary-tint-surface-hover, #99CBEC); --datepicker-today-btn-focus-btn-border: var(--button-confirmatory-secondary-tint-border-focused, #1482CC); --datepicker-clear-btn-bg: var(--button-destructive-default-surface-enabled, #FFFFFF); --datepicker-clear-btn-border: var(--button-destructive-default-border-enabled, var(--custom-datepicker-today-btn-border, #CC334C)); --datepicker-clear-btn-text-color: var(--button-destructive-default-text-default, var(--custom-datepicker-today-btn-text, #A12036)); --datepicker-clear-btn-hover-bg: var(--button-destructive-default-surface-hover, #CC334C); --datepicker-clear-btn-hover-text-color: var(--button-destructive-default-text-inverse, light-button-destructive-default-text-inverse); --datepicker-clear-btn-focus-btn-border: var(--button-destructive-default-border-focused, #1482CC); --tabs-text-color: var(--nav-stepper-text-default, var(--comp-nav-stepper-text-default, var(--custom-tabs-text-color, #252626))); --tabs-hover-text-color: var(--nav-stepper-text-emphasis, #116FAE); --tabs-focused-text-color: var(--nav-stepper-text-default, var(--comp-nav-stepper-text-default, var(--custom-tabs-focused-text-color, #252626))); --tabs-disabled-text-color: var(--nav-stepper-text-disabled, var(--comp-nav-stepper-text-disabled, var(--custom-tabs-disabled-text-color, #8A8A8A))); --tabs-content-bg: var(--content-surface-enabled, var(--custom-tabs-content-bg, #FFFFFF)); --tabs-content-border-color: var(--separator-emphasis, var(--comp-separator-extreme, var(--custom-tabs-content-border-color, #4E9C54))); --tabs-content-secondary-border-color: var(--separator-moderate, var(--comp-nav-stepper-surface-pressed, var(--custom-tabs-content-secondary-border-color, #DADADA))); --tabs-content-shadow-color: var(--shadow-default-elevation-1, var(--custom-tabs-content-shadow-color, 0 2px 4px 0 rgba(37, 38, 38, 0.08))); --tabs-border-color: var(--nav-stepper-border-enabled, #8A8A8A); --tabs-hover-border-color: var(--nav-stepper-border-hover, #1482CC); --tabs-focus-border-color: var(--nav-stepper-border-focused, #1482CC); --tabs-pressed-border-color: var(--nav-stepper-border-pressed, #8A8A8A); --tabs-selected-border-color: var(--separator-emphasis, #4E9C54); --tabs-disabled-border-color: var(--nav-stepper-border-disabled, #C0C0C0); --tabs-bg: var(--nav-stepper-surface-enabled, #FFFFFF); --tabs-hover-bg: var(--nav-stepper-surface-hover, #D2EAFA); --tabs-pressed-bg: var(--nav-stepper-surface-pressed, #DADADA); --tabs-disabled-bg: var(--nav-stepper-surface-disabled, #FFFFFF); --tabs-dots-bg: var(--nav-stepper-icon-default, #494A4A); --tabs-dots-disabled-bg: var(--nav-stepper-icon-disabled, #8A8A8A); --border-color: var(--separator-moderate, var(--custom-border-color, #DADADA)); --mask-bg: var(--custom-mask-bg, rgba(27, 56, 76, 0)); --cookies-alert-text: var(--situation-funct-text-default, var(--custom-cookies-alert-text, #252626)); --cookies-alert-bg: var(--content-surface-enabled, var(--custom-cookies-alert-bg, #FFFFFF)); --cookies-alert-secondary-bg: var(--situation-funct-surface-muted, var(--custom-cookies-alert-secondary-bg, #F2F2F2)); --password-field-icon: var(--custom-password-field-icon, url('password-icon.svg')); --visma-logo: var(--custom-visma-logo, url('visma-logo.svg')); --error-img-opacity: var(--custom-error-img-opacity, 1); --spinner-default-blue: var(--custom-spinner-default-blue, url('spinner_doughnut_blue_light.svg')); --spinner-default-grey: var(--custom-spinner-default-grey, url('spinner_doughnut_grey_light.svg')); --spinner-default-green: var(--custom-spinner-default-green, url('spinner_doughnut_green_light.svg')); --spinner-primary-blue: var(--custom-spinner-primary-blue, url('spinner_dotted_blue_light.svg')); --spinner-primary-grey: var(--custom-spinner-primary-grey, url('spinner_dotted_grey_light.svg')); --spinner-primary-green: var(--custom-spinner-primary-green, url('spinner_dotted_green_light.svg')); --spinner-secondary-blue: var(--custom-spinner-secondary-blue, url('spinner_snake_blue_light.svg')); --spinner-secondary-grey: var(--custom-spinner-secondary-grey, url('spinner_snake_grey_light.svg')); --spinner-secondary-green: var(--custom-spinner-secondary-green, url('spinner_snake_green_light.svg')); --card-list-text-color: var(--list-text-default, var(--custom-card-list-text-color, #252626)); --card-list-bg: var(--list-surface-enabled, #FFFFFF); --card-list-border-color: var(--list-border-enabled, #8A8A8A); --card-list-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --card-list-secondary-bg: var(--custom-card-list-secondary-bg, var(--neutral-20)); --card-list-hover-bg: var(--list-surface-hover, #D2EAFA); --card-list-hover-border-color: var(--list-border-hover, #1482CC); --card-list-hover-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --card-list-selected-bg: var(--list-surface-selected-moderate, #F2F2F2); --card-list-selected-border-color: var(--list-border-selected-moderate, #8A8A8A); --card-list-selected-border-accent: var(--separator-emphasis, #4E9C54); --card-list-selected-shadow: var(--shadow-default-elevation-1, 0 2px 4px 0 rgba(37, 38, 38, 0.08)); --hero-card-bg: var(--content-surface-muted, var(--comp-content-surface-muted, var(--custom-hero-card-bg, #F2F2F2))); --hero-card-border-color: var(--content-surface-enabled, var(--custom-hero-card-border-color, #FFFFFF)); --hero-card-inner-border-color: var(--separator-moderate, #DADADA); --hero-card-shadow: var(--shadow-default-elevation-3, 0 10px 15px 0 rgba(37, 38, 38, 0.16)); } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ *, ::after, ::before { box-sizing: border-box; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; padding: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: rgba(0, 0, 0, 0); } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } * { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-track-bg); } *::-webkit-scrollbar { width: 0.8rem; height: 0.8rem; } *::-webkit-scrollbar-track { background: var(--scrollbar-track-bg); } *::-webkit-scrollbar-thumb { border-radius: 1.6rem; border: 0.2rem solid var(--scrollbar-track-bg); background-color: var(--scrollbar-thumb-bg); } *::-webkit-scrollbar-thumb:hover { border-width: 0; } *::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-thumb-drag-bg); } html { font-size: var(--html-font-size); background-color: var(--root-background-color); } body { font-size: var(--body-font-size); padding-bottom: 8.6rem; position: relative; min-height: 100vh; } footer { width: 100%; height: 8.6rem; position: absolute; bottom: 0; padding: 3.2rem 0; text-align: center; } footer img { margin: 0 auto; } @font-face { font-family: "UbuntuFallback-thin"; font-style: normal; font-weight: 200; src: url('Ubuntu-Thin.woff2') format("woff2"), url('Ubuntu-Thin.woff') format("woff"); } @font-face { font-family: "UbuntuFallback-light"; font-style: normal; font-weight: 300; src: url('Ubuntu-Light.woff2') format("woff2"), url('Ubuntu-Light.woff') format("woff"); } @font-face { font-family: "UbuntuFallback-semibold"; font-style: normal; font-weight: 600; src: url('Ubuntu-Medium.woff2') format("woff2"), url('Ubuntu-Medium.woff') format("woff"); } @font-face { font-family: "UbuntuFallback-bold"; src: url('Ubuntu-Bold.woff2') format("woff2"), url('Ubuntu-Bold.woff') format("woff"), url('Ubuntu-Bold.ttf') format("truetype"); } @font-face { font-family: "OpenSansFallback"; font-style: italic; font-weight: 300; src: url('OpenSans-Light-Italic.woff2') format("woff2"), url('OpenSans-Light-Italic.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: normal; font-weight: 300; src: url('OpenSans-Light.woff2') format("woff2"), url('OpenSans-Light.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: italic; font-weight: 400; src: url('OpenSans-Regular-Italic.woff2') format("woff2"), url('OpenSans-Regular-Italic.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: normal; font-weight: 400; src: url('OpenSans-Regular.woff2') format("woff2"), url('OpenSans-Regular.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: italic; font-weight: 600; src: url('OpenSans-SemiBold-Italic.woff2') format("woff2"), url('OpenSans-SemiBold-Italic.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: normal; font-weight: 600; src: url('OpenSans-SemiBold.woff2') format("woff2"), url('OpenSans-SemiBold.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: italic; font-weight: 700; src: url('OpenSans-Bold-Italic.woff2') format("woff2"), url('OpenSans-Bold-Italic.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: normal; font-weight: 700; src: url('OpenSans-Bold.woff2') format("woff2"), url('OpenSans-Bold.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: italic; font-weight: 800; src: url('OpenSans-ExtraBold-Italic.woff2') format("woff2"), url('OpenSans-ExtraBold-Italic.woff') format("woff"); } @font-face { font-family: "OpenSansFallback"; font-style: normal; font-weight: 800; src: url('OpenSans-ExtraBold.woff2') format("woff2"), url('OpenSans-ExtraBold.woff') format("woff"); } @font-face { font-family: "UbuntuFallback"; font-style: normal; font-weight: 200; src: url('Ubuntu-Thin.ttf') format("truetype"); } @font-face { font-family: "UbuntuFallback"; font-style: normal; font-weight: 300; src: url('Ubuntu-Light.ttf') format("truetype"); } @font-face { font-family: "UbuntuFallback"; font-style: italic; font-weight: 300; src: url('Ubuntu-Light-Italic.ttf') format("truetype"); } @font-face { font-family: "UbuntuFallback"; font-style: normal; font-weight: 400; src: url('Ubuntu-Regular.ttf') format("truetype"); } @font-face { font-family: "UbuntuFallback"; font-style: italic; font-weight: 400; src: url('Ubuntu-Regular-Italic.ttf') format("truetype"); } @font-face { font-family: "UbuntuFallback"; font-style: normal; font-weight: 500; src: url('Ubuntu-Medium.ttf') format("truetype"); } @font-face { font-family: "UbuntuFallback"; font-style: italic; font-weight: 600; src: url('Ubuntu-Medium-Italic.ttf') format("truetype"); } @font-face { font-family: "UbuntuFallback"; font-style: normal; font-weight: 700; src: url('Ubuntu-Bold.ttf') format("truetype"); } @font-face { font-family: "UbuntuFallback"; font-style: italic; font-weight: 700; src: url('Ubuntu-Bold-Italic.ttf') format("truetype"); } body { color: var(--body-font-color); font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; text-align: left; line-height: 1.4; } p { margin: 0 0 2rem; } a { cursor: pointer; color: var(--anchor-color); text-decoration: underline; } a:hover { color: var(--anchor-hover-color); text-decoration: none; } a:focus { outline: 0.2rem solid var(--anchor-focus-outline); outline-offset: 0.1rem; } b, strong { font-weight: 700; } title, .title, h1, .h1 { margin: 0 0 2rem; font-size: var(--font-size-xl); line-height: 1.15; } h2, .h2 { margin: 0 0 1.5rem; font-size: var(--font-size-lg); line-height: 1.15; } h3, .h3 { margin: 0 0 1.5rem; font-size: var(--font-size-md); line-height: 1.15; } h4, .h4 { margin: 0 0 0.5rem; font-size: var(--font-size-sm); line-height: 1.15; } h5, .h5, h6, .h6 { margin: 0 0 0.5rem; font-size: var(--font-size-xs); line-height: 1.15; } title, .title, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; font-weight: normal; } title.font-weight-bold, title.bold, title > b, title > strong, .title.font-weight-bold, .title.bold, .title > b, .title > strong, h1.font-weight-bold, h1.bold, h1 > b, h1 > strong, .h1.font-weight-bold, .h1.bold, .h1 > b, .h1 > strong, h2.font-weight-bold, h2.bold, h2 > b, h2 > strong, .h2.font-weight-bold, .h2.bold, .h2 > b, .h2 > strong, h3.font-weight-bold, h3.bold, h3 > b, h3 > strong, .h3.font-weight-bold, .h3.bold, .h3 > b, .h3 > strong, h4.font-weight-bold, h4.bold, h4 > b, h4 > strong, .h4.font-weight-bold, .h4.bold, .h4 > b, .h4 > strong, h5.font-weight-bold, h5.bold, h5 > b, h5 > strong, .h5.font-weight-bold, .h5.bold, .h5 > b, .h5 > strong, h6.font-weight-bold, h6.bold, h6 > b, h6 > strong, .h6.font-weight-bold, .h6.bold, .h6 > b, .h6 > strong { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; } title.font-weight-light, title.light, .title.font-weight-light, .title.light, h1.font-weight-light, h1.light, .h1.font-weight-light, .h1.light, h2.font-weight-light, h2.light, .h2.font-weight-light, .h2.light, h3.font-weight-light, h3.light, .h3.font-weight-light, .h3.light, h4.font-weight-light, h4.light, .h4.font-weight-light, .h4.light, h5.font-weight-light, h5.light, .h5.font-weight-light, .h5.light, h6.font-weight-light, h6.light, .h6.font-weight-light, .h6.light { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; } mark, .mark { background-color: var(--highlighted-text-bg-color); color: var(--highlighted-text-color); } code { padding: 0.1rem 0.4rem; font-size: 100%; } .lead { font-weight: 200; font-size: 1.8rem; } ul, ol { margin: 0 0 1.8rem; padding-left: 3rem; } ul ol, ul ul, ol ol, ol ul { margin-top: 0.6rem; margin-bottom: 0.6rem; } ul li, ol li { font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; } dl { margin: 0 0 1.8rem; } dt, dd { margin-left: 0; } dt { font-weight: 700; } .right-direction { direction: rtl; } .left-direction { direction: ltr; } hr { clear: both; display: block; margin-top: 0.5rem; margin-bottom: 1rem; border: 0; border-bottom: 0.1rem solid var(--divider-color); } hr.hr-disabled { border-color: var(--divider-disabled-color); } hr.hr-dotted { border-style: dotted; } hr.hr-nc-dotted { height: 0.1rem; border: 0; background-position: bottom left; background-repeat: repeat-x; background-size: 0.6rem 0.1rem; background-image: linear-gradient(to right, var(--fancy-divider-color) 10%, rgba(0, 0, 0, 0) 0%); } hr.hr-nc-dotted.hr-disabled { --fancy-divider-color: var(--divider-disabled-color); } .inline-divider { display: flex; align-items: center; text-align: center; margin: 0.5rem 0 1rem; } .inline-divider::before, .inline-divider::after { content: ""; flex: 1; min-width: 3rem; border-bottom: 0.1rem solid var(--divider-default-color); } .inline-divider::before { margin-right: 1.6rem; } .inline-divider::after { margin-left: 1.6rem; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .order-first { order: -9999; } .order-last { order: 9999; } .order-none { order: 0; } .flex-fill, .flex-auto { flex: 1 1 auto !important; } .flex-1 { flex: 1 1 0% !important; } .flex-initial { flex: 0 1 auto !important; } .flex-none { flex: none !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .me-auto { margin-right: auto !important; } .ms-auto { margin-left: auto !important; } @media (min-width: 550px) { .flex-xs-row { flex-direction: row !important; } .flex-xs-column { flex-direction: column !important; } .flex-xs-row-reverse { flex-direction: row-reverse !important; } .flex-xs-column-reverse { flex-direction: column-reverse !important; } .flex-xs-wrap { flex-wrap: wrap !important; } .flex-xs-nowrap { flex-wrap: nowrap !important; } .flex-xs-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xs-start { justify-content: flex-start !important; } .justify-content-xs-end { justify-content: flex-end !important; } .justify-content-xs-center { justify-content: center !important; } .justify-content-xs-between { justify-content: space-between !important; } .justify-content-xs-around { justify-content: space-around !important; } .align-items-xs-start { align-items: flex-start !important; } .align-items-xs-end { align-items: flex-end !important; } .align-items-xs-center { align-items: center !important; } .align-items-xs-baseline { align-items: baseline !important; } .align-items-xs-stretch { align-items: stretch !important; } .align-content-xs-start { align-content: flex-start !important; } .align-content-xs-end { align-content: flex-end !important; } .align-content-xs-center { align-content: center !important; } .align-content-xs-between { align-content: space-between !important; } .align-content-xs-around { align-content: space-around !important; } .align-content-xs-stretch { align-content: stretch !important; } .align-self-xs-auto { align-self: auto !important; } .align-self-xs-start { align-self: flex-start !important; } .align-self-xs-end { align-self: flex-end !important; } .align-self-xs-center { align-self: center !important; } .align-self-xs-baseline { align-self: baseline !important; } .align-self-xs-stretch { align-self: stretch !important; } .order-xs-1 { order: 1; } .order-xs-2 { order: 2; } .order-xs-3 { order: 3; } .order-xs-4 { order: 4; } .order-xs-5 { order: 5; } .order-xs-6 { order: 6; } .order-xs-7 { order: 7; } .order-xs-8 { order: 8; } .order-xs-9 { order: 9; } .order-xs-10 { order: 10; } .order-xs-11 { order: 11; } .order-xs-12 { order: 12; } .order-xs-first { order: -9999; } .order-xs-last { order: 9999; } .order-xs-none { order: 0; } .flex-xs-fill, .flex-xs-auto { flex: 1 1 auto !important; } .flex-xs-1 { flex: 1 1 0% !important; } .flex-xs-initial { flex: 0 1 auto !important; } .flex-xs-none { flex: none !important; } .flex-shrink-xs-0 { flex-shrink: 0 !important; } .flex-shrink-xs-1 { flex-shrink: 1 !important; } .flex-grow-xs-0 { flex-grow: 0 !important; } .flex-grow-xs-1 { flex-grow: 1 !important; } .me-xs-auto { margin-right: auto !important; } .ms-xs-auto { margin-left: auto !important; } } @media (min-width: 769px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .order-sm-first { order: -9999; } .order-sm-last { order: 9999; } .order-sm-none { order: 0; } .flex-sm-fill, .flex-sm-auto { flex: 1 1 auto !important; } .flex-sm-1 { flex: 1 1 0% !important; } .flex-sm-initial { flex: 0 1 auto !important; } .flex-sm-none { flex: none !important; } .flex-shrink-sm-0 { flex-shrink: 0 !important; } .flex-shrink-sm-1 { flex-shrink: 1 !important; } .flex-grow-sm-0 { flex-grow: 0 !important; } .flex-grow-sm-1 { flex-grow: 1 !important; } .me-sm-auto { margin-right: auto !important; } .ms-sm-auto { margin-left: auto !important; } } @media (min-width: 992px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .order-md-first { order: -9999; } .order-md-last { order: 9999; } .order-md-none { order: 0; } .flex-md-fill, .flex-md-auto { flex: 1 1 auto !important; } .flex-md-1 { flex: 1 1 0% !important; } .flex-md-initial { flex: 0 1 auto !important; } .flex-md-none { flex: none !important; } .flex-shrink-md-0 { flex-shrink: 0 !important; } .flex-shrink-md-1 { flex-shrink: 1 !important; } .flex-grow-md-0 { flex-grow: 0 !important; } .flex-grow-md-1 { flex-grow: 1 !important; } .me-md-auto { margin-right: auto !important; } .ms-md-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .order-lg-first { order: -9999; } .order-lg-last { order: 9999; } .order-lg-none { order: 0; } .flex-lg-fill, .flex-lg-auto { flex: 1 1 auto !important; } .flex-lg-1 { flex: 1 1 0% !important; } .flex-lg-initial { flex: 0 1 auto !important; } .flex-lg-none { flex: none !important; } .flex-shrink-lg-0 { flex-shrink: 0 !important; } .flex-shrink-lg-1 { flex-shrink: 1 !important; } .flex-grow-lg-0 { flex-grow: 0 !important; } .flex-grow-lg-1 { flex-grow: 1 !important; } .me-lg-auto { margin-right: auto !important; } .ms-lg-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .order-xl-first { order: -9999; } .order-xl-last { order: 9999; } .order-xl-none { order: 0; } .flex-xl-fill, .flex-xl-auto { flex: 1 1 auto !important; } .flex-xl-1 { flex: 1 1 0% !important; } .flex-xl-initial { flex: 0 1 auto !important; } .flex-xl-none { flex: none !important; } .flex-shrink-xl-0 { flex-shrink: 0 !important; } .flex-shrink-xl-1 { flex-shrink: 1 !important; } .flex-grow-xl-0 { flex-grow: 0 !important; } .flex-grow-xl-1 { flex-grow: 1 !important; } .me-xl-auto { margin-right: auto !important; } .ms-xl-auto { margin-left: auto !important; } } @media (min-width: 1680px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .order-xxl-first { order: -9999; } .order-xxl-last { order: 9999; } .order-xxl-none { order: 0; } .flex-xxl-fill, .flex-xxl-auto { flex: 1 1 auto !important; } .flex-xxl-1 { flex: 1 1 0% !important; } .flex-xxl-initial { flex: 0 1 auto !important; } .flex-xxl-none { flex: none !important; } .flex-shrink-xxl-0 { flex-shrink: 0 !important; } .flex-shrink-xxl-1 { flex-shrink: 1 !important; } .flex-grow-xxl-0 { flex-grow: 0 !important; } .flex-grow-xxl-1 { flex-grow: 1 !important; } .me-xxl-auto { margin-right: auto !important; } .ms-xxl-auto { margin-left: auto !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-n0 { margin: 0 !important; } .mt-n0, .my-n0 { margin-top: 0 !important; } .mr-n0, .mx-n0 { margin-right: 0 !important; } .mb-n0, .my-n0 { margin-bottom: 0 !important; } .ml-n0, .mx-n0 { margin-left: 0 !important; } .m-2 { margin: 0.2rem !important; } .mt-2, .my-2 { margin-top: 0.2rem !important; } .mr-2, .mx-2 { margin-right: 0.2rem !important; } .mb-2, .my-2 { margin-bottom: 0.2rem !important; } .ml-2, .mx-2 { margin-left: 0.2rem !important; } .m-n2 { margin: -0.2rem !important; } .mt-n2, .my-n2 { margin-top: -0.2rem !important; } .mr-n2, .mx-n2 { margin-right: -0.2rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.2rem !important; } .ml-n2, .mx-n2 { margin-left: -0.2rem !important; } .m-4 { margin: 0.4rem !important; } .mt-4, .my-4 { margin-top: 0.4rem !important; } .mr-4, .mx-4 { margin-right: 0.4rem !important; } .mb-4, .my-4 { margin-bottom: 0.4rem !important; } .ml-4, .mx-4 { margin-left: 0.4rem !important; } .m-n4 { margin: -0.4rem !important; } .mt-n4, .my-n4 { margin-top: -0.4rem !important; } .mr-n4, .mx-n4 { margin-right: -0.4rem !important; } .mb-n4, .my-n4 { margin-bottom: -0.4rem !important; } .ml-n4, .mx-n4 { margin-left: -0.4rem !important; } .m-6 { margin: 0.6rem !important; } .mt-6, .my-6 { margin-top: 0.6rem !important; } .mr-6, .mx-6 { margin-right: 0.6rem !important; } .mb-6, .my-6 { margin-bottom: 0.6rem !important; } .ml-6, .mx-6 { margin-left: 0.6rem !important; } .m-n6 { margin: -0.6rem !important; } .mt-n6, .my-n6 { margin-top: -0.6rem !important; } .mr-n6, .mx-n6 { margin-right: -0.6rem !important; } .mb-n6, .my-n6 { margin-bottom: -0.6rem !important; } .ml-n6, .mx-n6 { margin-left: -0.6rem !important; } .m-8 { margin: 0.8rem !important; } .mt-8, .my-8 { margin-top: 0.8rem !important; } .mr-8, .mx-8 { margin-right: 0.8rem !important; } .mb-8, .my-8 { margin-bottom: 0.8rem !important; } .ml-8, .mx-8 { margin-left: 0.8rem !important; } .m-n8 { margin: -0.8rem !important; } .mt-n8, .my-n8 { margin-top: -0.8rem !important; } .mr-n8, .mx-n8 { margin-right: -0.8rem !important; } .mb-n8, .my-n8 { margin-bottom: -0.8rem !important; } .ml-n8, .mx-n8 { margin-left: -0.8rem !important; } .m-10 { margin: 1rem !important; } .mt-10, .my-10 { margin-top: 1rem !important; } .mr-10, .mx-10 { margin-right: 1rem !important; } .mb-10, .my-10 { margin-bottom: 1rem !important; } .ml-10, .mx-10 { margin-left: 1rem !important; } .m-n10 { margin: -1rem !important; } .mt-n10, .my-n10 { margin-top: -1rem !important; } .mr-n10, .mx-n10 { margin-right: -1rem !important; } .mb-n10, .my-n10 { margin-bottom: -1rem !important; } .ml-n10, .mx-n10 { margin-left: -1rem !important; } .m-12 { margin: 1.2rem !important; } .mt-12, .my-12 { margin-top: 1.2rem !important; } .mr-12, .mx-12 { margin-right: 1.2rem !important; } .mb-12, .my-12 { margin-bottom: 1.2rem !important; } .ml-12, .mx-12 { margin-left: 1.2rem !important; } .m-n12 { margin: -1.2rem !important; } .mt-n12, .my-n12 { margin-top: -1.2rem !important; } .mr-n12, .mx-n12 { margin-right: -1.2rem !important; } .mb-n12, .my-n12 { margin-bottom: -1.2rem !important; } .ml-n12, .mx-n12 { margin-left: -1.2rem !important; } .m-16 { margin: 1.6rem !important; } .mt-16, .my-16 { margin-top: 1.6rem !important; } .mr-16, .mx-16 { margin-right: 1.6rem !important; } .mb-16, .my-16 { margin-bottom: 1.6rem !important; } .ml-16, .mx-16 { margin-left: 1.6rem !important; } .m-n16 { margin: -1.6rem !important; } .mt-n16, .my-n16 { margin-top: -1.6rem !important; } .mr-n16, .mx-n16 { margin-right: -1.6rem !important; } .mb-n16, .my-n16 { margin-bottom: -1.6rem !important; } .ml-n16, .mx-n16 { margin-left: -1.6rem !important; } .m-24 { margin: 2.4rem !important; } .mt-24, .my-24 { margin-top: 2.4rem !important; } .mr-24, .mx-24 { margin-right: 2.4rem !important; } .mb-24, .my-24 { margin-bottom: 2.4rem !important; } .ml-24, .mx-24 { margin-left: 2.4rem !important; } .m-n24 { margin: -2.4rem !important; } .mt-n24, .my-n24 { margin-top: -2.4rem !important; } .mr-n24, .mx-n24 { margin-right: -2.4rem !important; } .mb-n24, .my-n24 { margin-bottom: -2.4rem !important; } .ml-n24, .mx-n24 { margin-left: -2.4rem !important; } .m-32 { margin: 3.2rem !important; } .mt-32, .my-32 { margin-top: 3.2rem !important; } .mr-32, .mx-32 { margin-right: 3.2rem !important; } .mb-32, .my-32 { margin-bottom: 3.2rem !important; } .ml-32, .mx-32 { margin-left: 3.2rem !important; } .m-n32 { margin: -3.2rem !important; } .mt-n32, .my-n32 { margin-top: -3.2rem !important; } .mr-n32, .mx-n32 { margin-right: -3.2rem !important; } .mb-n32, .my-n32 { margin-bottom: -3.2rem !important; } .ml-n32, .mx-n32 { margin-left: -3.2rem !important; } .m-40 { margin: 4rem !important; } .mt-40, .my-40 { margin-top: 4rem !important; } .mr-40, .mx-40 { margin-right: 4rem !important; } .mb-40, .my-40 { margin-bottom: 4rem !important; } .ml-40, .mx-40 { margin-left: 4rem !important; } .m-n40 { margin: -4rem !important; } .mt-n40, .my-n40 { margin-top: -4rem !important; } .mr-n40, .mx-n40 { margin-right: -4rem !important; } .mb-n40, .my-n40 { margin-bottom: -4rem !important; } .ml-n40, .mx-n40 { margin-left: -4rem !important; } .m-48 { margin: 4.8rem !important; } .mt-48, .my-48 { margin-top: 4.8rem !important; } .mr-48, .mx-48 { margin-right: 4.8rem !important; } .mb-48, .my-48 { margin-bottom: 4.8rem !important; } .ml-48, .mx-48 { margin-left: 4.8rem !important; } .m-n48 { margin: -4.8rem !important; } .mt-n48, .my-n48 { margin-top: -4.8rem !important; } .mr-n48, .mx-n48 { margin-right: -4.8rem !important; } .mb-n48, .my-n48 { margin-bottom: -4.8rem !important; } .ml-n48, .mx-n48 { margin-left: -4.8rem !important; } .m-64 { margin: 6.4rem !important; } .mt-64, .my-64 { margin-top: 6.4rem !important; } .mr-64, .mx-64 { margin-right: 6.4rem !important; } .mb-64, .my-64 { margin-bottom: 6.4rem !important; } .ml-64, .mx-64 { margin-left: 6.4rem !important; } .m-n64 { margin: -6.4rem !important; } .mt-n64, .my-n64 { margin-top: -6.4rem !important; } .mr-n64, .mx-n64 { margin-right: -6.4rem !important; } .mb-n64, .my-n64 { margin-bottom: -6.4rem !important; } .ml-n64, .mx-n64 { margin-left: -6.4rem !important; } .m-96 { margin: 9.6rem !important; } .mt-96, .my-96 { margin-top: 9.6rem !important; } .mr-96, .mx-96 { margin-right: 9.6rem !important; } .mb-96, .my-96 { margin-bottom: 9.6rem !important; } .ml-96, .mx-96 { margin-left: 9.6rem !important; } .m-n96 { margin: -9.6rem !important; } .mt-n96, .my-n96 { margin-top: -9.6rem !important; } .mr-n96, .mx-n96 { margin-right: -9.6rem !important; } .mb-n96, .my-n96 { margin-bottom: -9.6rem !important; } .ml-n96, .mx-n96 { margin-left: -9.6rem !important; } .m-128 { margin: 12.8rem !important; } .mt-128, .my-128 { margin-top: 12.8rem !important; } .mr-128, .mx-128 { margin-right: 12.8rem !important; } .mb-128, .my-128 { margin-bottom: 12.8rem !important; } .ml-128, .mx-128 { margin-left: 12.8rem !important; } .m-n128 { margin: -12.8rem !important; } .mt-n128, .my-n128 { margin-top: -12.8rem !important; } .mr-n128, .mx-n128 { margin-right: -12.8rem !important; } .mb-n128, .my-n128 { margin-bottom: -12.8rem !important; } .ml-n128, .mx-n128 { margin-left: -12.8rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .m-nauto { margin: -auto !important; } .mt-nauto, .my-nauto { margin-top: -auto !important; } .mr-nauto, .mx-nauto { margin-right: -auto !important; } .mb-nauto, .my-nauto { margin-bottom: -auto !important; } .ml-nauto, .mx-nauto { margin-left: -auto !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .m-n0 { margin: 0 !important; } .mt-n0, .my-n0 { margin-top: 0 !important; } .mr-n0, .mx-n0 { margin-right: 0 !important; } .mb-n0, .my-n0 { margin-bottom: 0 !important; } .ml-n0, .mx-n0 { margin-left: 0 !important; } .p-2 { padding: 0.2rem !important; } .pt-2, .py-2 { padding-top: 0.2rem !important; } .pr-2, .px-2 { padding-right: 0.2rem !important; } .pb-2, .py-2 { padding-bottom: 0.2rem !important; } .pl-2, .px-2 { padding-left: 0.2rem !important; } .m-n2 { margin: -0.2rem !important; } .mt-n2, .my-n2 { margin-top: -0.2rem !important; } .mr-n2, .mx-n2 { margin-right: -0.2rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.2rem !important; } .ml-n2, .mx-n2 { margin-left: -0.2rem !important; } .p-4 { padding: 0.4rem !important; } .pt-4, .py-4 { padding-top: 0.4rem !important; } .pr-4, .px-4 { padding-right: 0.4rem !important; } .pb-4, .py-4 { padding-bottom: 0.4rem !important; } .pl-4, .px-4 { padding-left: 0.4rem !important; } .m-n4 { margin: -0.4rem !important; } .mt-n4, .my-n4 { margin-top: -0.4rem !important; } .mr-n4, .mx-n4 { margin-right: -0.4rem !important; } .mb-n4, .my-n4 { margin-bottom: -0.4rem !important; } .ml-n4, .mx-n4 { margin-left: -0.4rem !important; } .p-6 { padding: 0.6rem !important; } .pt-6, .py-6 { padding-top: 0.6rem !important; } .pr-6, .px-6 { padding-right: 0.6rem !important; } .pb-6, .py-6 { padding-bottom: 0.6rem !important; } .pl-6, .px-6 { padding-left: 0.6rem !important; } .m-n6 { margin: -0.6rem !important; } .mt-n6, .my-n6 { margin-top: -0.6rem !important; } .mr-n6, .mx-n6 { margin-right: -0.6rem !important; } .mb-n6, .my-n6 { margin-bottom: -0.6rem !important; } .ml-n6, .mx-n6 { margin-left: -0.6rem !important; } .p-8 { padding: 0.8rem !important; } .pt-8, .py-8 { padding-top: 0.8rem !important; } .pr-8, .px-8 { padding-right: 0.8rem !important; } .pb-8, .py-8 { padding-bottom: 0.8rem !important; } .pl-8, .px-8 { padding-left: 0.8rem !important; } .m-n8 { margin: -0.8rem !important; } .mt-n8, .my-n8 { margin-top: -0.8rem !important; } .mr-n8, .mx-n8 { margin-right: -0.8rem !important; } .mb-n8, .my-n8 { margin-bottom: -0.8rem !important; } .ml-n8, .mx-n8 { margin-left: -0.8rem !important; } .p-10 { padding: 1rem !important; } .pt-10, .py-10 { padding-top: 1rem !important; } .pr-10, .px-10 { padding-right: 1rem !important; } .pb-10, .py-10 { padding-bottom: 1rem !important; } .pl-10, .px-10 { padding-left: 1rem !important; } .m-n10 { margin: -1rem !important; } .mt-n10, .my-n10 { margin-top: -1rem !important; } .mr-n10, .mx-n10 { margin-right: -1rem !important; } .mb-n10, .my-n10 { margin-bottom: -1rem !important; } .ml-n10, .mx-n10 { margin-left: -1rem !important; } .p-12 { padding: 1.2rem !important; } .pt-12, .py-12 { padding-top: 1.2rem !important; } .pr-12, .px-12 { padding-right: 1.2rem !important; } .pb-12, .py-12 { padding-bottom: 1.2rem !important; } .pl-12, .px-12 { padding-left: 1.2rem !important; } .m-n12 { margin: -1.2rem !important; } .mt-n12, .my-n12 { margin-top: -1.2rem !important; } .mr-n12, .mx-n12 { margin-right: -1.2rem !important; } .mb-n12, .my-n12 { margin-bottom: -1.2rem !important; } .ml-n12, .mx-n12 { margin-left: -1.2rem !important; } .p-16 { padding: 1.6rem !important; } .pt-16, .py-16 { padding-top: 1.6rem !important; } .pr-16, .px-16 { padding-right: 1.6rem !important; } .pb-16, .py-16 { padding-bottom: 1.6rem !important; } .pl-16, .px-16 { padding-left: 1.6rem !important; } .m-n16 { margin: -1.6rem !important; } .mt-n16, .my-n16 { margin-top: -1.6rem !important; } .mr-n16, .mx-n16 { margin-right: -1.6rem !important; } .mb-n16, .my-n16 { margin-bottom: -1.6rem !important; } .ml-n16, .mx-n16 { margin-left: -1.6rem !important; } .p-24 { padding: 2.4rem !important; } .pt-24, .py-24 { padding-top: 2.4rem !important; } .pr-24, .px-24 { padding-right: 2.4rem !important; } .pb-24, .py-24 { padding-bottom: 2.4rem !important; } .pl-24, .px-24 { padding-left: 2.4rem !important; } .m-n24 { margin: -2.4rem !important; } .mt-n24, .my-n24 { margin-top: -2.4rem !important; } .mr-n24, .mx-n24 { margin-right: -2.4rem !important; } .mb-n24, .my-n24 { margin-bottom: -2.4rem !important; } .ml-n24, .mx-n24 { margin-left: -2.4rem !important; } .p-32 { padding: 3.2rem !important; } .pt-32, .py-32 { padding-top: 3.2rem !important; } .pr-32, .px-32 { padding-right: 3.2rem !important; } .pb-32, .py-32 { padding-bottom: 3.2rem !important; } .pl-32, .px-32 { padding-left: 3.2rem !important; } .m-n32 { margin: -3.2rem !important; } .mt-n32, .my-n32 { margin-top: -3.2rem !important; } .mr-n32, .mx-n32 { margin-right: -3.2rem !important; } .mb-n32, .my-n32 { margin-bottom: -3.2rem !important; } .ml-n32, .mx-n32 { margin-left: -3.2rem !important; } .p-40 { padding: 4rem !important; } .pt-40, .py-40 { padding-top: 4rem !important; } .pr-40, .px-40 { padding-right: 4rem !important; } .pb-40, .py-40 { padding-bottom: 4rem !important; } .pl-40, .px-40 { padding-left: 4rem !important; } .m-n40 { margin: -4rem !important; } .mt-n40, .my-n40 { margin-top: -4rem !important; } .mr-n40, .mx-n40 { margin-right: -4rem !important; } .mb-n40, .my-n40 { margin-bottom: -4rem !important; } .ml-n40, .mx-n40 { margin-left: -4rem !important; } .p-48 { padding: 4.8rem !important; } .pt-48, .py-48 { padding-top: 4.8rem !important; } .pr-48, .px-48 { padding-right: 4.8rem !important; } .pb-48, .py-48 { padding-bottom: 4.8rem !important; } .pl-48, .px-48 { padding-left: 4.8rem !important; } .m-n48 { margin: -4.8rem !important; } .mt-n48, .my-n48 { margin-top: -4.8rem !important; } .mr-n48, .mx-n48 { margin-right: -4.8rem !important; } .mb-n48, .my-n48 { margin-bottom: -4.8rem !important; } .ml-n48, .mx-n48 { margin-left: -4.8rem !important; } .p-64 { padding: 6.4rem !important; } .pt-64, .py-64 { padding-top: 6.4rem !important; } .pr-64, .px-64 { padding-right: 6.4rem !important; } .pb-64, .py-64 { padding-bottom: 6.4rem !important; } .pl-64, .px-64 { padding-left: 6.4rem !important; } .m-n64 { margin: -6.4rem !important; } .mt-n64, .my-n64 { margin-top: -6.4rem !important; } .mr-n64, .mx-n64 { margin-right: -6.4rem !important; } .mb-n64, .my-n64 { margin-bottom: -6.4rem !important; } .ml-n64, .mx-n64 { margin-left: -6.4rem !important; } .p-96 { padding: 9.6rem !important; } .pt-96, .py-96 { padding-top: 9.6rem !important; } .pr-96, .px-96 { padding-right: 9.6rem !important; } .pb-96, .py-96 { padding-bottom: 9.6rem !important; } .pl-96, .px-96 { padding-left: 9.6rem !important; } .m-n96 { margin: -9.6rem !important; } .mt-n96, .my-n96 { margin-top: -9.6rem !important; } .mr-n96, .mx-n96 { margin-right: -9.6rem !important; } .mb-n96, .my-n96 { margin-bottom: -9.6rem !important; } .ml-n96, .mx-n96 { margin-left: -9.6rem !important; } .p-128 { padding: 12.8rem !important; } .pt-128, .py-128 { padding-top: 12.8rem !important; } .pr-128, .px-128 { padding-right: 12.8rem !important; } .pb-128, .py-128 { padding-bottom: 12.8rem !important; } .pl-128, .px-128 { padding-left: 12.8rem !important; } .m-n128 { margin: -12.8rem !important; } .mt-n128, .my-n128 { margin-top: -12.8rem !important; } .mr-n128, .mx-n128 { margin-right: -12.8rem !important; } .mb-n128, .my-n128 { margin-bottom: -12.8rem !important; } .ml-n128, .mx-n128 { margin-left: -12.8rem !important; } .p-auto { padding: auto !important; } .pt-auto, .py-auto { padding-top: auto !important; } .pr-auto, .px-auto { padding-right: auto !important; } .pb-auto, .py-auto { padding-bottom: auto !important; } .pl-auto, .px-auto { padding-left: auto !important; } .m-nauto { margin: -auto !important; } .mt-nauto, .my-nauto { margin-top: -auto !important; } .mr-nauto, .mx-nauto { margin-right: -auto !important; } .mb-nauto, .my-nauto { margin-bottom: -auto !important; } .ml-nauto, .mx-nauto { margin-left: -auto !important; } .top-0 { top: 0 !important; } .top-n0 { top: 0 !important; } .top-2 { top: 0.2rem !important; } .top-n2 { top: -0.2rem !important; } .top-4 { top: 0.4rem !important; } .top-n4 { top: -0.4rem !important; } .top-6 { top: 0.6rem !important; } .top-n6 { top: -0.6rem !important; } .top-8 { top: 0.8rem !important; } .top-n8 { top: -0.8rem !important; } .top-10 { top: 1rem !important; } .top-n10 { top: -1rem !important; } .top-12 { top: 1.2rem !important; } .top-n12 { top: -1.2rem !important; } .top-16 { top: 1.6rem !important; } .top-n16 { top: -1.6rem !important; } .top-24 { top: 2.4rem !important; } .top-n24 { top: -2.4rem !important; } .top-32 { top: 3.2rem !important; } .top-n32 { top: -3.2rem !important; } .top-40 { top: 4rem !important; } .top-n40 { top: -4rem !important; } .top-48 { top: 4.8rem !important; } .top-n48 { top: -4.8rem !important; } .top-64 { top: 6.4rem !important; } .top-n64 { top: -6.4rem !important; } .top-96 { top: 9.6rem !important; } .top-n96 { top: -9.6rem !important; } .top-128 { top: 12.8rem !important; } .top-n128 { top: -12.8rem !important; } .top-auto { top: auto !important; } .top-nauto { top: -auto !important; } .left-0 { left: 0 !important; } .left-n0 { left: 0 !important; } .left-2 { left: 0.2rem !important; } .left-n2 { left: -0.2rem !important; } .left-4 { left: 0.4rem !important; } .left-n4 { left: -0.4rem !important; } .left-6 { left: 0.6rem !important; } .left-n6 { left: -0.6rem !important; } .left-8 { left: 0.8rem !important; } .left-n8 { left: -0.8rem !important; } .left-10 { left: 1rem !important; } .left-n10 { left: -1rem !important; } .left-12 { left: 1.2rem !important; } .left-n12 { left: -1.2rem !important; } .left-16 { left: 1.6rem !important; } .left-n16 { left: -1.6rem !important; } .left-24 { left: 2.4rem !important; } .left-n24 { left: -2.4rem !important; } .left-32 { left: 3.2rem !important; } .left-n32 { left: -3.2rem !important; } .left-40 { left: 4rem !important; } .left-n40 { left: -4rem !important; } .left-48 { left: 4.8rem !important; } .left-n48 { left: -4.8rem !important; } .left-64 { left: 6.4rem !important; } .left-n64 { left: -6.4rem !important; } .left-96 { left: 9.6rem !important; } .left-n96 { left: -9.6rem !important; } .left-128 { left: 12.8rem !important; } .left-n128 { left: -12.8rem !important; } .left-auto { left: auto !important; } .left-nauto { left: -auto !important; } .right-0 { right: 0 !important; } .right-n0 { right: 0 !important; } .right-2 { right: 0.2rem !important; } .right-n2 { right: -0.2rem !important; } .right-4 { right: 0.4rem !important; } .right-n4 { right: -0.4rem !important; } .right-6 { right: 0.6rem !important; } .right-n6 { right: -0.6rem !important; } .right-8 { right: 0.8rem !important; } .right-n8 { right: -0.8rem !important; } .right-10 { right: 1rem !important; } .right-n10 { right: -1rem !important; } .right-12 { right: 1.2rem !important; } .right-n12 { right: -1.2rem !important; } .right-16 { right: 1.6rem !important; } .right-n16 { right: -1.6rem !important; } .right-24 { right: 2.4rem !important; } .right-n24 { right: -2.4rem !important; } .right-32 { right: 3.2rem !important; } .right-n32 { right: -3.2rem !important; } .right-40 { right: 4rem !important; } .right-n40 { right: -4rem !important; } .right-48 { right: 4.8rem !important; } .right-n48 { right: -4.8rem !important; } .right-64 { right: 6.4rem !important; } .right-n64 { right: -6.4rem !important; } .right-96 { right: 9.6rem !important; } .right-n96 { right: -9.6rem !important; } .right-128 { right: 12.8rem !important; } .right-n128 { right: -12.8rem !important; } .right-auto { right: auto !important; } .right-nauto { right: -auto !important; } .bottom-0 { bottom: 0 !important; } .bottom-n0 { bottom: 0 !important; } .bottom-2 { bottom: 0.2rem !important; } .bottom-n2 { bottom: -0.2rem !important; } .bottom-4 { bottom: 0.4rem !important; } .bottom-n4 { bottom: -0.4rem !important; } .bottom-6 { bottom: 0.6rem !important; } .bottom-n6 { bottom: -0.6rem !important; } .bottom-8 { bottom: 0.8rem !important; } .bottom-n8 { bottom: -0.8rem !important; } .bottom-10 { bottom: 1rem !important; } .bottom-n10 { bottom: -1rem !important; } .bottom-12 { bottom: 1.2rem !important; } .bottom-n12 { bottom: -1.2rem !important; } .bottom-16 { bottom: 1.6rem !important; } .bottom-n16 { bottom: -1.6rem !important; } .bottom-24 { bottom: 2.4rem !important; } .bottom-n24 { bottom: -2.4rem !important; } .bottom-32 { bottom: 3.2rem !important; } .bottom-n32 { bottom: -3.2rem !important; } .bottom-40 { bottom: 4rem !important; } .bottom-n40 { bottom: -4rem !important; } .bottom-48 { bottom: 4.8rem !important; } .bottom-n48 { bottom: -4.8rem !important; } .bottom-64 { bottom: 6.4rem !important; } .bottom-n64 { bottom: -6.4rem !important; } .bottom-96 { bottom: 9.6rem !important; } .bottom-n96 { bottom: -9.6rem !important; } .bottom-128 { bottom: 12.8rem !important; } .bottom-n128 { bottom: -12.8rem !important; } .bottom-auto { bottom: auto !important; } .bottom-nauto { bottom: -auto !important; } .gap-0 { gap: 0 !important; } .gap-y-0 { row-gap: 0 !important; } .gap-x-0 { column-gap: 0 !important; } .gap-n0 { gap: 0 !important; } .gap-2 { gap: 0.2rem !important; } .gap-y-2 { row-gap: 0.2rem !important; } .gap-x-2 { column-gap: 0.2rem !important; } .gap-n2 { gap: -0.2rem !important; } .gap-4 { gap: 0.4rem !important; } .gap-y-4 { row-gap: 0.4rem !important; } .gap-x-4 { column-gap: 0.4rem !important; } .gap-n4 { gap: -0.4rem !important; } .gap-6 { gap: 0.6rem !important; } .gap-y-6 { row-gap: 0.6rem !important; } .gap-x-6 { column-gap: 0.6rem !important; } .gap-n6 { gap: -0.6rem !important; } .gap-8 { gap: 0.8rem !important; } .gap-y-8 { row-gap: 0.8rem !important; } .gap-x-8 { column-gap: 0.8rem !important; } .gap-n8 { gap: -0.8rem !important; } .gap-10 { gap: 1rem !important; } .gap-y-10 { row-gap: 1rem !important; } .gap-x-10 { column-gap: 1rem !important; } .gap-n10 { gap: -1rem !important; } .gap-12 { gap: 1.2rem !important; } .gap-y-12 { row-gap: 1.2rem !important; } .gap-x-12 { column-gap: 1.2rem !important; } .gap-n12 { gap: -1.2rem !important; } .gap-16 { gap: 1.6rem !important; } .gap-y-16 { row-gap: 1.6rem !important; } .gap-x-16 { column-gap: 1.6rem !important; } .gap-n16 { gap: -1.6rem !important; } .gap-24 { gap: 2.4rem !important; } .gap-y-24 { row-gap: 2.4rem !important; } .gap-x-24 { column-gap: 2.4rem !important; } .gap-n24 { gap: -2.4rem !important; } .gap-32 { gap: 3.2rem !important; } .gap-y-32 { row-gap: 3.2rem !important; } .gap-x-32 { column-gap: 3.2rem !important; } .gap-n32 { gap: -3.2rem !important; } .gap-40 { gap: 4rem !important; } .gap-y-40 { row-gap: 4rem !important; } .gap-x-40 { column-gap: 4rem !important; } .gap-n40 { gap: -4rem !important; } .gap-48 { gap: 4.8rem !important; } .gap-y-48 { row-gap: 4.8rem !important; } .gap-x-48 { column-gap: 4.8rem !important; } .gap-n48 { gap: -4.8rem !important; } .gap-64 { gap: 6.4rem !important; } .gap-y-64 { row-gap: 6.4rem !important; } .gap-x-64 { column-gap: 6.4rem !important; } .gap-n64 { gap: -6.4rem !important; } .gap-96 { gap: 9.6rem !important; } .gap-y-96 { row-gap: 9.6rem !important; } .gap-x-96 { column-gap: 9.6rem !important; } .gap-n96 { gap: -9.6rem !important; } .gap-128 { gap: 12.8rem !important; } .gap-y-128 { row-gap: 12.8rem !important; } .gap-x-128 { column-gap: 12.8rem !important; } .gap-n128 { gap: -12.8rem !important; } .gap-auto { gap: auto !important; } .gap-y-auto { row-gap: auto !important; } .gap-x-auto { column-gap: auto !important; } .gap-nauto { gap: -auto !important; } @media (min-width: 550px) { .m-xs-0 { margin: 0 !important; } .mt-xs-0, .my-xs-0 { margin-top: 0 !important; } .mr-xs-0, .mx-xs-0 { margin-right: 0 !important; } .mb-xs-0, .my-xs-0 { margin-bottom: 0 !important; } .ml-xs-0, .mx-xs-0 { margin-left: 0 !important; } .m-xs-n0 { margin: 0 !important; } .mt-xs-n0, .my-xs-n0 { margin-top: 0 !important; } .mr-xs-n0, .mx-xs-n0 { margin-right: 0 !important; } .mb-xs-n0, .my-xs-n0 { margin-bottom: 0 !important; } .ml-xs-n0, .mx-xs-n0 { margin-left: 0 !important; } .m-xs-2 { margin: 0.2rem !important; } .mt-xs-2, .my-xs-2 { margin-top: 0.2rem !important; } .mr-xs-2, .mx-xs-2 { margin-right: 0.2rem !important; } .mb-xs-2, .my-xs-2 { margin-bottom: 0.2rem !important; } .ml-xs-2, .mx-xs-2 { margin-left: 0.2rem !important; } .m-xs-n2 { margin: -0.2rem !important; } .mt-xs-n2, .my-xs-n2 { margin-top: -0.2rem !important; } .mr-xs-n2, .mx-xs-n2 { margin-right: -0.2rem !important; } .mb-xs-n2, .my-xs-n2 { margin-bottom: -0.2rem !important; } .ml-xs-n2, .mx-xs-n2 { margin-left: -0.2rem !important; } .m-xs-4 { margin: 0.4rem !important; } .mt-xs-4, .my-xs-4 { margin-top: 0.4rem !important; } .mr-xs-4, .mx-xs-4 { margin-right: 0.4rem !important; } .mb-xs-4, .my-xs-4 { margin-bottom: 0.4rem !important; } .ml-xs-4, .mx-xs-4 { margin-left: 0.4rem !important; } .m-xs-n4 { margin: -0.4rem !important; } .mt-xs-n4, .my-xs-n4 { margin-top: -0.4rem !important; } .mr-xs-n4, .mx-xs-n4 { margin-right: -0.4rem !important; } .mb-xs-n4, .my-xs-n4 { margin-bottom: -0.4rem !important; } .ml-xs-n4, .mx-xs-n4 { margin-left: -0.4rem !important; } .m-xs-6 { margin: 0.6rem !important; } .mt-xs-6, .my-xs-6 { margin-top: 0.6rem !important; } .mr-xs-6, .mx-xs-6 { margin-right: 0.6rem !important; } .mb-xs-6, .my-xs-6 { margin-bottom: 0.6rem !important; } .ml-xs-6, .mx-xs-6 { margin-left: 0.6rem !important; } .m-xs-n6 { margin: -0.6rem !important; } .mt-xs-n6, .my-xs-n6 { margin-top: -0.6rem !important; } .mr-xs-n6, .mx-xs-n6 { margin-right: -0.6rem !important; } .mb-xs-n6, .my-xs-n6 { margin-bottom: -0.6rem !important; } .ml-xs-n6, .mx-xs-n6 { margin-left: -0.6rem !important; } .m-xs-8 { margin: 0.8rem !important; } .mt-xs-8, .my-xs-8 { margin-top: 0.8rem !important; } .mr-xs-8, .mx-xs-8 { margin-right: 0.8rem !important; } .mb-xs-8, .my-xs-8 { margin-bottom: 0.8rem !important; } .ml-xs-8, .mx-xs-8 { margin-left: 0.8rem !important; } .m-xs-n8 { margin: -0.8rem !important; } .mt-xs-n8, .my-xs-n8 { margin-top: -0.8rem !important; } .mr-xs-n8, .mx-xs-n8 { margin-right: -0.8rem !important; } .mb-xs-n8, .my-xs-n8 { margin-bottom: -0.8rem !important; } .ml-xs-n8, .mx-xs-n8 { margin-left: -0.8rem !important; } .m-xs-10 { margin: 1rem !important; } .mt-xs-10, .my-xs-10 { margin-top: 1rem !important; } .mr-xs-10, .mx-xs-10 { margin-right: 1rem !important; } .mb-xs-10, .my-xs-10 { margin-bottom: 1rem !important; } .ml-xs-10, .mx-xs-10 { margin-left: 1rem !important; } .m-xs-n10 { margin: -1rem !important; } .mt-xs-n10, .my-xs-n10 { margin-top: -1rem !important; } .mr-xs-n10, .mx-xs-n10 { margin-right: -1rem !important; } .mb-xs-n10, .my-xs-n10 { margin-bottom: -1rem !important; } .ml-xs-n10, .mx-xs-n10 { margin-left: -1rem !important; } .m-xs-12 { margin: 1.2rem !important; } .mt-xs-12, .my-xs-12 { margin-top: 1.2rem !important; } .mr-xs-12, .mx-xs-12 { margin-right: 1.2rem !important; } .mb-xs-12, .my-xs-12 { margin-bottom: 1.2rem !important; } .ml-xs-12, .mx-xs-12 { margin-left: 1.2rem !important; } .m-xs-n12 { margin: -1.2rem !important; } .mt-xs-n12, .my-xs-n12 { margin-top: -1.2rem !important; } .mr-xs-n12, .mx-xs-n12 { margin-right: -1.2rem !important; } .mb-xs-n12, .my-xs-n12 { margin-bottom: -1.2rem !important; } .ml-xs-n12, .mx-xs-n12 { margin-left: -1.2rem !important; } .m-xs-16 { margin: 1.6rem !important; } .mt-xs-16, .my-xs-16 { margin-top: 1.6rem !important; } .mr-xs-16, .mx-xs-16 { margin-right: 1.6rem !important; } .mb-xs-16, .my-xs-16 { margin-bottom: 1.6rem !important; } .ml-xs-16, .mx-xs-16 { margin-left: 1.6rem !important; } .m-xs-n16 { margin: -1.6rem !important; } .mt-xs-n16, .my-xs-n16 { margin-top: -1.6rem !important; } .mr-xs-n16, .mx-xs-n16 { margin-right: -1.6rem !important; } .mb-xs-n16, .my-xs-n16 { margin-bottom: -1.6rem !important; } .ml-xs-n16, .mx-xs-n16 { margin-left: -1.6rem !important; } .m-xs-24 { margin: 2.4rem !important; } .mt-xs-24, .my-xs-24 { margin-top: 2.4rem !important; } .mr-xs-24, .mx-xs-24 { margin-right: 2.4rem !important; } .mb-xs-24, .my-xs-24 { margin-bottom: 2.4rem !important; } .ml-xs-24, .mx-xs-24 { margin-left: 2.4rem !important; } .m-xs-n24 { margin: -2.4rem !important; } .mt-xs-n24, .my-xs-n24 { margin-top: -2.4rem !important; } .mr-xs-n24, .mx-xs-n24 { margin-right: -2.4rem !important; } .mb-xs-n24, .my-xs-n24 { margin-bottom: -2.4rem !important; } .ml-xs-n24, .mx-xs-n24 { margin-left: -2.4rem !important; } .m-xs-32 { margin: 3.2rem !important; } .mt-xs-32, .my-xs-32 { margin-top: 3.2rem !important; } .mr-xs-32, .mx-xs-32 { margin-right: 3.2rem !important; } .mb-xs-32, .my-xs-32 { margin-bottom: 3.2rem !important; } .ml-xs-32, .mx-xs-32 { margin-left: 3.2rem !important; } .m-xs-n32 { margin: -3.2rem !important; } .mt-xs-n32, .my-xs-n32 { margin-top: -3.2rem !important; } .mr-xs-n32, .mx-xs-n32 { margin-right: -3.2rem !important; } .mb-xs-n32, .my-xs-n32 { margin-bottom: -3.2rem !important; } .ml-xs-n32, .mx-xs-n32 { margin-left: -3.2rem !important; } .m-xs-40 { margin: 4rem !important; } .mt-xs-40, .my-xs-40 { margin-top: 4rem !important; } .mr-xs-40, .mx-xs-40 { margin-right: 4rem !important; } .mb-xs-40, .my-xs-40 { margin-bottom: 4rem !important; } .ml-xs-40, .mx-xs-40 { margin-left: 4rem !important; } .m-xs-n40 { margin: -4rem !important; } .mt-xs-n40, .my-xs-n40 { margin-top: -4rem !important; } .mr-xs-n40, .mx-xs-n40 { margin-right: -4rem !important; } .mb-xs-n40, .my-xs-n40 { margin-bottom: -4rem !important; } .ml-xs-n40, .mx-xs-n40 { margin-left: -4rem !important; } .m-xs-48 { margin: 4.8rem !important; } .mt-xs-48, .my-xs-48 { margin-top: 4.8rem !important; } .mr-xs-48, .mx-xs-48 { margin-right: 4.8rem !important; } .mb-xs-48, .my-xs-48 { margin-bottom: 4.8rem !important; } .ml-xs-48, .mx-xs-48 { margin-left: 4.8rem !important; } .m-xs-n48 { margin: -4.8rem !important; } .mt-xs-n48, .my-xs-n48 { margin-top: -4.8rem !important; } .mr-xs-n48, .mx-xs-n48 { margin-right: -4.8rem !important; } .mb-xs-n48, .my-xs-n48 { margin-bottom: -4.8rem !important; } .ml-xs-n48, .mx-xs-n48 { margin-left: -4.8rem !important; } .m-xs-64 { margin: 6.4rem !important; } .mt-xs-64, .my-xs-64 { margin-top: 6.4rem !important; } .mr-xs-64, .mx-xs-64 { margin-right: 6.4rem !important; } .mb-xs-64, .my-xs-64 { margin-bottom: 6.4rem !important; } .ml-xs-64, .mx-xs-64 { margin-left: 6.4rem !important; } .m-xs-n64 { margin: -6.4rem !important; } .mt-xs-n64, .my-xs-n64 { margin-top: -6.4rem !important; } .mr-xs-n64, .mx-xs-n64 { margin-right: -6.4rem !important; } .mb-xs-n64, .my-xs-n64 { margin-bottom: -6.4rem !important; } .ml-xs-n64, .mx-xs-n64 { margin-left: -6.4rem !important; } .m-xs-96 { margin: 9.6rem !important; } .mt-xs-96, .my-xs-96 { margin-top: 9.6rem !important; } .mr-xs-96, .mx-xs-96 { margin-right: 9.6rem !important; } .mb-xs-96, .my-xs-96 { margin-bottom: 9.6rem !important; } .ml-xs-96, .mx-xs-96 { margin-left: 9.6rem !important; } .m-xs-n96 { margin: -9.6rem !important; } .mt-xs-n96, .my-xs-n96 { margin-top: -9.6rem !important; } .mr-xs-n96, .mx-xs-n96 { margin-right: -9.6rem !important; } .mb-xs-n96, .my-xs-n96 { margin-bottom: -9.6rem !important; } .ml-xs-n96, .mx-xs-n96 { margin-left: -9.6rem !important; } .m-xs-128 { margin: 12.8rem !important; } .mt-xs-128, .my-xs-128 { margin-top: 12.8rem !important; } .mr-xs-128, .mx-xs-128 { margin-right: 12.8rem !important; } .mb-xs-128, .my-xs-128 { margin-bottom: 12.8rem !important; } .ml-xs-128, .mx-xs-128 { margin-left: 12.8rem !important; } .m-xs-n128 { margin: -12.8rem !important; } .mt-xs-n128, .my-xs-n128 { margin-top: -12.8rem !important; } .mr-xs-n128, .mx-xs-n128 { margin-right: -12.8rem !important; } .mb-xs-n128, .my-xs-n128 { margin-bottom: -12.8rem !important; } .ml-xs-n128, .mx-xs-n128 { margin-left: -12.8rem !important; } .m-xs-auto { margin: auto !important; } .mt-xs-auto, .my-xs-auto { margin-top: auto !important; } .mr-xs-auto, .mx-xs-auto { margin-right: auto !important; } .mb-xs-auto, .my-xs-auto { margin-bottom: auto !important; } .ml-xs-auto, .mx-xs-auto { margin-left: auto !important; } .m-xs-nauto { margin: -auto !important; } .mt-xs-nauto, .my-xs-nauto { margin-top: -auto !important; } .mr-xs-nauto, .mx-xs-nauto { margin-right: -auto !important; } .mb-xs-nauto, .my-xs-nauto { margin-bottom: -auto !important; } .ml-xs-nauto, .mx-xs-nauto { margin-left: -auto !important; } .p-xs-0 { padding: 0 !important; } .pt-xs-0, .py-xs-0 { padding-top: 0 !important; } .pr-xs-0, .px-xs-0 { padding-right: 0 !important; } .pb-xs-0, .py-xs-0 { padding-bottom: 0 !important; } .pl-xs-0, .px-xs-0 { padding-left: 0 !important; } .m-xs-n0 { margin: 0 !important; } .mt-xs-n0, .my-xs-n0 { margin-top: 0 !important; } .mr-xs-n0, .mx-xs-n0 { margin-right: 0 !important; } .mb-xs-n0, .my-xs-n0 { margin-bottom: 0 !important; } .ml-xs-n0, .mx-xs-n0 { margin-left: 0 !important; } .p-xs-2 { padding: 0.2rem !important; } .pt-xs-2, .py-xs-2 { padding-top: 0.2rem !important; } .pr-xs-2, .px-xs-2 { padding-right: 0.2rem !important; } .pb-xs-2, .py-xs-2 { padding-bottom: 0.2rem !important; } .pl-xs-2, .px-xs-2 { padding-left: 0.2rem !important; } .m-xs-n2 { margin: -0.2rem !important; } .mt-xs-n2, .my-xs-n2 { margin-top: -0.2rem !important; } .mr-xs-n2, .mx-xs-n2 { margin-right: -0.2rem !important; } .mb-xs-n2, .my-xs-n2 { margin-bottom: -0.2rem !important; } .ml-xs-n2, .mx-xs-n2 { margin-left: -0.2rem !important; } .p-xs-4 { padding: 0.4rem !important; } .pt-xs-4, .py-xs-4 { padding-top: 0.4rem !important; } .pr-xs-4, .px-xs-4 { padding-right: 0.4rem !important; } .pb-xs-4, .py-xs-4 { padding-bottom: 0.4rem !important; } .pl-xs-4, .px-xs-4 { padding-left: 0.4rem !important; } .m-xs-n4 { margin: -0.4rem !important; } .mt-xs-n4, .my-xs-n4 { margin-top: -0.4rem !important; } .mr-xs-n4, .mx-xs-n4 { margin-right: -0.4rem !important; } .mb-xs-n4, .my-xs-n4 { margin-bottom: -0.4rem !important; } .ml-xs-n4, .mx-xs-n4 { margin-left: -0.4rem !important; } .p-xs-6 { padding: 0.6rem !important; } .pt-xs-6, .py-xs-6 { padding-top: 0.6rem !important; } .pr-xs-6, .px-xs-6 { padding-right: 0.6rem !important; } .pb-xs-6, .py-xs-6 { padding-bottom: 0.6rem !important; } .pl-xs-6, .px-xs-6 { padding-left: 0.6rem !important; } .m-xs-n6 { margin: -0.6rem !important; } .mt-xs-n6, .my-xs-n6 { margin-top: -0.6rem !important; } .mr-xs-n6, .mx-xs-n6 { margin-right: -0.6rem !important; } .mb-xs-n6, .my-xs-n6 { margin-bottom: -0.6rem !important; } .ml-xs-n6, .mx-xs-n6 { margin-left: -0.6rem !important; } .p-xs-8 { padding: 0.8rem !important; } .pt-xs-8, .py-xs-8 { padding-top: 0.8rem !important; } .pr-xs-8, .px-xs-8 { padding-right: 0.8rem !important; } .pb-xs-8, .py-xs-8 { padding-bottom: 0.8rem !important; } .pl-xs-8, .px-xs-8 { padding-left: 0.8rem !important; } .m-xs-n8 { margin: -0.8rem !important; } .mt-xs-n8, .my-xs-n8 { margin-top: -0.8rem !important; } .mr-xs-n8, .mx-xs-n8 { margin-right: -0.8rem !important; } .mb-xs-n8, .my-xs-n8 { margin-bottom: -0.8rem !important; } .ml-xs-n8, .mx-xs-n8 { margin-left: -0.8rem !important; } .p-xs-10 { padding: 1rem !important; } .pt-xs-10, .py-xs-10 { padding-top: 1rem !important; } .pr-xs-10, .px-xs-10 { padding-right: 1rem !important; } .pb-xs-10, .py-xs-10 { padding-bottom: 1rem !important; } .pl-xs-10, .px-xs-10 { padding-left: 1rem !important; } .m-xs-n10 { margin: -1rem !important; } .mt-xs-n10, .my-xs-n10 { margin-top: -1rem !important; } .mr-xs-n10, .mx-xs-n10 { margin-right: -1rem !important; } .mb-xs-n10, .my-xs-n10 { margin-bottom: -1rem !important; } .ml-xs-n10, .mx-xs-n10 { margin-left: -1rem !important; } .p-xs-12 { padding: 1.2rem !important; } .pt-xs-12, .py-xs-12 { padding-top: 1.2rem !important; } .pr-xs-12, .px-xs-12 { padding-right: 1.2rem !important; } .pb-xs-12, .py-xs-12 { padding-bottom: 1.2rem !important; } .pl-xs-12, .px-xs-12 { padding-left: 1.2rem !important; } .m-xs-n12 { margin: -1.2rem !important; } .mt-xs-n12, .my-xs-n12 { margin-top: -1.2rem !important; } .mr-xs-n12, .mx-xs-n12 { margin-right: -1.2rem !important; } .mb-xs-n12, .my-xs-n12 { margin-bottom: -1.2rem !important; } .ml-xs-n12, .mx-xs-n12 { margin-left: -1.2rem !important; } .p-xs-16 { padding: 1.6rem !important; } .pt-xs-16, .py-xs-16 { padding-top: 1.6rem !important; } .pr-xs-16, .px-xs-16 { padding-right: 1.6rem !important; } .pb-xs-16, .py-xs-16 { padding-bottom: 1.6rem !important; } .pl-xs-16, .px-xs-16 { padding-left: 1.6rem !important; } .m-xs-n16 { margin: -1.6rem !important; } .mt-xs-n16, .my-xs-n16 { margin-top: -1.6rem !important; } .mr-xs-n16, .mx-xs-n16 { margin-right: -1.6rem !important; } .mb-xs-n16, .my-xs-n16 { margin-bottom: -1.6rem !important; } .ml-xs-n16, .mx-xs-n16 { margin-left: -1.6rem !important; } .p-xs-24 { padding: 2.4rem !important; } .pt-xs-24, .py-xs-24 { padding-top: 2.4rem !important; } .pr-xs-24, .px-xs-24 { padding-right: 2.4rem !important; } .pb-xs-24, .py-xs-24 { padding-bottom: 2.4rem !important; } .pl-xs-24, .px-xs-24 { padding-left: 2.4rem !important; } .m-xs-n24 { margin: -2.4rem !important; } .mt-xs-n24, .my-xs-n24 { margin-top: -2.4rem !important; } .mr-xs-n24, .mx-xs-n24 { margin-right: -2.4rem !important; } .mb-xs-n24, .my-xs-n24 { margin-bottom: -2.4rem !important; } .ml-xs-n24, .mx-xs-n24 { margin-left: -2.4rem !important; } .p-xs-32 { padding: 3.2rem !important; } .pt-xs-32, .py-xs-32 { padding-top: 3.2rem !important; } .pr-xs-32, .px-xs-32 { padding-right: 3.2rem !important; } .pb-xs-32, .py-xs-32 { padding-bottom: 3.2rem !important; } .pl-xs-32, .px-xs-32 { padding-left: 3.2rem !important; } .m-xs-n32 { margin: -3.2rem !important; } .mt-xs-n32, .my-xs-n32 { margin-top: -3.2rem !important; } .mr-xs-n32, .mx-xs-n32 { margin-right: -3.2rem !important; } .mb-xs-n32, .my-xs-n32 { margin-bottom: -3.2rem !important; } .ml-xs-n32, .mx-xs-n32 { margin-left: -3.2rem !important; } .p-xs-40 { padding: 4rem !important; } .pt-xs-40, .py-xs-40 { padding-top: 4rem !important; } .pr-xs-40, .px-xs-40 { padding-right: 4rem !important; } .pb-xs-40, .py-xs-40 { padding-bottom: 4rem !important; } .pl-xs-40, .px-xs-40 { padding-left: 4rem !important; } .m-xs-n40 { margin: -4rem !important; } .mt-xs-n40, .my-xs-n40 { margin-top: -4rem !important; } .mr-xs-n40, .mx-xs-n40 { margin-right: -4rem !important; } .mb-xs-n40, .my-xs-n40 { margin-bottom: -4rem !important; } .ml-xs-n40, .mx-xs-n40 { margin-left: -4rem !important; } .p-xs-48 { padding: 4.8rem !important; } .pt-xs-48, .py-xs-48 { padding-top: 4.8rem !important; } .pr-xs-48, .px-xs-48 { padding-right: 4.8rem !important; } .pb-xs-48, .py-xs-48 { padding-bottom: 4.8rem !important; } .pl-xs-48, .px-xs-48 { padding-left: 4.8rem !important; } .m-xs-n48 { margin: -4.8rem !important; } .mt-xs-n48, .my-xs-n48 { margin-top: -4.8rem !important; } .mr-xs-n48, .mx-xs-n48 { margin-right: -4.8rem !important; } .mb-xs-n48, .my-xs-n48 { margin-bottom: -4.8rem !important; } .ml-xs-n48, .mx-xs-n48 { margin-left: -4.8rem !important; } .p-xs-64 { padding: 6.4rem !important; } .pt-xs-64, .py-xs-64 { padding-top: 6.4rem !important; } .pr-xs-64, .px-xs-64 { padding-right: 6.4rem !important; } .pb-xs-64, .py-xs-64 { padding-bottom: 6.4rem !important; } .pl-xs-64, .px-xs-64 { padding-left: 6.4rem !important; } .m-xs-n64 { margin: -6.4rem !important; } .mt-xs-n64, .my-xs-n64 { margin-top: -6.4rem !important; } .mr-xs-n64, .mx-xs-n64 { margin-right: -6.4rem !important; } .mb-xs-n64, .my-xs-n64 { margin-bottom: -6.4rem !important; } .ml-xs-n64, .mx-xs-n64 { margin-left: -6.4rem !important; } .p-xs-96 { padding: 9.6rem !important; } .pt-xs-96, .py-xs-96 { padding-top: 9.6rem !important; } .pr-xs-96, .px-xs-96 { padding-right: 9.6rem !important; } .pb-xs-96, .py-xs-96 { padding-bottom: 9.6rem !important; } .pl-xs-96, .px-xs-96 { padding-left: 9.6rem !important; } .m-xs-n96 { margin: -9.6rem !important; } .mt-xs-n96, .my-xs-n96 { margin-top: -9.6rem !important; } .mr-xs-n96, .mx-xs-n96 { margin-right: -9.6rem !important; } .mb-xs-n96, .my-xs-n96 { margin-bottom: -9.6rem !important; } .ml-xs-n96, .mx-xs-n96 { margin-left: -9.6rem !important; } .p-xs-128 { padding: 12.8rem !important; } .pt-xs-128, .py-xs-128 { padding-top: 12.8rem !important; } .pr-xs-128, .px-xs-128 { padding-right: 12.8rem !important; } .pb-xs-128, .py-xs-128 { padding-bottom: 12.8rem !important; } .pl-xs-128, .px-xs-128 { padding-left: 12.8rem !important; } .m-xs-n128 { margin: -12.8rem !important; } .mt-xs-n128, .my-xs-n128 { margin-top: -12.8rem !important; } .mr-xs-n128, .mx-xs-n128 { margin-right: -12.8rem !important; } .mb-xs-n128, .my-xs-n128 { margin-bottom: -12.8rem !important; } .ml-xs-n128, .mx-xs-n128 { margin-left: -12.8rem !important; } .p-xs-auto { padding: auto !important; } .pt-xs-auto, .py-xs-auto { padding-top: auto !important; } .pr-xs-auto, .px-xs-auto { padding-right: auto !important; } .pb-xs-auto, .py-xs-auto { padding-bottom: auto !important; } .pl-xs-auto, .px-xs-auto { padding-left: auto !important; } .m-xs-nauto { margin: -auto !important; } .mt-xs-nauto, .my-xs-nauto { margin-top: -auto !important; } .mr-xs-nauto, .mx-xs-nauto { margin-right: -auto !important; } .mb-xs-nauto, .my-xs-nauto { margin-bottom: -auto !important; } .ml-xs-nauto, .mx-xs-nauto { margin-left: -auto !important; } .top-xs-0 { top: 0 !important; } .top-xs-n0 { top: 0 !important; } .top-xs-2 { top: 0.2rem !important; } .top-xs-n2 { top: -0.2rem !important; } .top-xs-4 { top: 0.4rem !important; } .top-xs-n4 { top: -0.4rem !important; } .top-xs-6 { top: 0.6rem !important; } .top-xs-n6 { top: -0.6rem !important; } .top-xs-8 { top: 0.8rem !important; } .top-xs-n8 { top: -0.8rem !important; } .top-xs-10 { top: 1rem !important; } .top-xs-n10 { top: -1rem !important; } .top-xs-12 { top: 1.2rem !important; } .top-xs-n12 { top: -1.2rem !important; } .top-xs-16 { top: 1.6rem !important; } .top-xs-n16 { top: -1.6rem !important; } .top-xs-24 { top: 2.4rem !important; } .top-xs-n24 { top: -2.4rem !important; } .top-xs-32 { top: 3.2rem !important; } .top-xs-n32 { top: -3.2rem !important; } .top-xs-40 { top: 4rem !important; } .top-xs-n40 { top: -4rem !important; } .top-xs-48 { top: 4.8rem !important; } .top-xs-n48 { top: -4.8rem !important; } .top-xs-64 { top: 6.4rem !important; } .top-xs-n64 { top: -6.4rem !important; } .top-xs-96 { top: 9.6rem !important; } .top-xs-n96 { top: -9.6rem !important; } .top-xs-128 { top: 12.8rem !important; } .top-xs-n128 { top: -12.8rem !important; } .top-xs-auto { top: auto !important; } .top-xs-nauto { top: -auto !important; } .left-xs-0 { left: 0 !important; } .left-xs-n0 { left: 0 !important; } .left-xs-2 { left: 0.2rem !important; } .left-xs-n2 { left: -0.2rem !important; } .left-xs-4 { left: 0.4rem !important; } .left-xs-n4 { left: -0.4rem !important; } .left-xs-6 { left: 0.6rem !important; } .left-xs-n6 { left: -0.6rem !important; } .left-xs-8 { left: 0.8rem !important; } .left-xs-n8 { left: -0.8rem !important; } .left-xs-10 { left: 1rem !important; } .left-xs-n10 { left: -1rem !important; } .left-xs-12 { left: 1.2rem !important; } .left-xs-n12 { left: -1.2rem !important; } .left-xs-16 { left: 1.6rem !important; } .left-xs-n16 { left: -1.6rem !important; } .left-xs-24 { left: 2.4rem !important; } .left-xs-n24 { left: -2.4rem !important; } .left-xs-32 { left: 3.2rem !important; } .left-xs-n32 { left: -3.2rem !important; } .left-xs-40 { left: 4rem !important; } .left-xs-n40 { left: -4rem !important; } .left-xs-48 { left: 4.8rem !important; } .left-xs-n48 { left: -4.8rem !important; } .left-xs-64 { left: 6.4rem !important; } .left-xs-n64 { left: -6.4rem !important; } .left-xs-96 { left: 9.6rem !important; } .left-xs-n96 { left: -9.6rem !important; } .left-xs-128 { left: 12.8rem !important; } .left-xs-n128 { left: -12.8rem !important; } .left-xs-auto { left: auto !important; } .left-xs-nauto { left: -auto !important; } .right-xs-0 { right: 0 !important; } .right-xs-n0 { right: 0 !important; } .right-xs-2 { right: 0.2rem !important; } .right-xs-n2 { right: -0.2rem !important; } .right-xs-4 { right: 0.4rem !important; } .right-xs-n4 { right: -0.4rem !important; } .right-xs-6 { right: 0.6rem !important; } .right-xs-n6 { right: -0.6rem !important; } .right-xs-8 { right: 0.8rem !important; } .right-xs-n8 { right: -0.8rem !important; } .right-xs-10 { right: 1rem !important; } .right-xs-n10 { right: -1rem !important; } .right-xs-12 { right: 1.2rem !important; } .right-xs-n12 { right: -1.2rem !important; } .right-xs-16 { right: 1.6rem !important; } .right-xs-n16 { right: -1.6rem !important; } .right-xs-24 { right: 2.4rem !important; } .right-xs-n24 { right: -2.4rem !important; } .right-xs-32 { right: 3.2rem !important; } .right-xs-n32 { right: -3.2rem !important; } .right-xs-40 { right: 4rem !important; } .right-xs-n40 { right: -4rem !important; } .right-xs-48 { right: 4.8rem !important; } .right-xs-n48 { right: -4.8rem !important; } .right-xs-64 { right: 6.4rem !important; } .right-xs-n64 { right: -6.4rem !important; } .right-xs-96 { right: 9.6rem !important; } .right-xs-n96 { right: -9.6rem !important; } .right-xs-128 { right: 12.8rem !important; } .right-xs-n128 { right: -12.8rem !important; } .right-xs-auto { right: auto !important; } .right-xs-nauto { right: -auto !important; } .bottom-xs-0 { bottom: 0 !important; } .bottom-xs-n0 { bottom: 0 !important; } .bottom-xs-2 { bottom: 0.2rem !important; } .bottom-xs-n2 { bottom: -0.2rem !important; } .bottom-xs-4 { bottom: 0.4rem !important; } .bottom-xs-n4 { bottom: -0.4rem !important; } .bottom-xs-6 { bottom: 0.6rem !important; } .bottom-xs-n6 { bottom: -0.6rem !important; } .bottom-xs-8 { bottom: 0.8rem !important; } .bottom-xs-n8 { bottom: -0.8rem !important; } .bottom-xs-10 { bottom: 1rem !important; } .bottom-xs-n10 { bottom: -1rem !important; } .bottom-xs-12 { bottom: 1.2rem !important; } .bottom-xs-n12 { bottom: -1.2rem !important; } .bottom-xs-16 { bottom: 1.6rem !important; } .bottom-xs-n16 { bottom: -1.6rem !important; } .bottom-xs-24 { bottom: 2.4rem !important; } .bottom-xs-n24 { bottom: -2.4rem !important; } .bottom-xs-32 { bottom: 3.2rem !important; } .bottom-xs-n32 { bottom: -3.2rem !important; } .bottom-xs-40 { bottom: 4rem !important; } .bottom-xs-n40 { bottom: -4rem !important; } .bottom-xs-48 { bottom: 4.8rem !important; } .bottom-xs-n48 { bottom: -4.8rem !important; } .bottom-xs-64 { bottom: 6.4rem !important; } .bottom-xs-n64 { bottom: -6.4rem !important; } .bottom-xs-96 { bottom: 9.6rem !important; } .bottom-xs-n96 { bottom: -9.6rem !important; } .bottom-xs-128 { bottom: 12.8rem !important; } .bottom-xs-n128 { bottom: -12.8rem !important; } .bottom-xs-auto { bottom: auto !important; } .bottom-xs-nauto { bottom: -auto !important; } .gap-xs-0 { gap: 0 !important; } .gap-y-xs-0 { row-gap: 0 !important; } .gap-x-xs-0 { column-gap: 0 !important; } .gap-xs-n0 { gap: 0 !important; } .gap-xs-2 { gap: 0.2rem !important; } .gap-y-xs-2 { row-gap: 0.2rem !important; } .gap-x-xs-2 { column-gap: 0.2rem !important; } .gap-xs-n2 { gap: -0.2rem !important; } .gap-xs-4 { gap: 0.4rem !important; } .gap-y-xs-4 { row-gap: 0.4rem !important; } .gap-x-xs-4 { column-gap: 0.4rem !important; } .gap-xs-n4 { gap: -0.4rem !important; } .gap-xs-6 { gap: 0.6rem !important; } .gap-y-xs-6 { row-gap: 0.6rem !important; } .gap-x-xs-6 { column-gap: 0.6rem !important; } .gap-xs-n6 { gap: -0.6rem !important; } .gap-xs-8 { gap: 0.8rem !important; } .gap-y-xs-8 { row-gap: 0.8rem !important; } .gap-x-xs-8 { column-gap: 0.8rem !important; } .gap-xs-n8 { gap: -0.8rem !important; } .gap-xs-10 { gap: 1rem !important; } .gap-y-xs-10 { row-gap: 1rem !important; } .gap-x-xs-10 { column-gap: 1rem !important; } .gap-xs-n10 { gap: -1rem !important; } .gap-xs-12 { gap: 1.2rem !important; } .gap-y-xs-12 { row-gap: 1.2rem !important; } .gap-x-xs-12 { column-gap: 1.2rem !important; } .gap-xs-n12 { gap: -1.2rem !important; } .gap-xs-16 { gap: 1.6rem !important; } .gap-y-xs-16 { row-gap: 1.6rem !important; } .gap-x-xs-16 { column-gap: 1.6rem !important; } .gap-xs-n16 { gap: -1.6rem !important; } .gap-xs-24 { gap: 2.4rem !important; } .gap-y-xs-24 { row-gap: 2.4rem !important; } .gap-x-xs-24 { column-gap: 2.4rem !important; } .gap-xs-n24 { gap: -2.4rem !important; } .gap-xs-32 { gap: 3.2rem !important; } .gap-y-xs-32 { row-gap: 3.2rem !important; } .gap-x-xs-32 { column-gap: 3.2rem !important; } .gap-xs-n32 { gap: -3.2rem !important; } .gap-xs-40 { gap: 4rem !important; } .gap-y-xs-40 { row-gap: 4rem !important; } .gap-x-xs-40 { column-gap: 4rem !important; } .gap-xs-n40 { gap: -4rem !important; } .gap-xs-48 { gap: 4.8rem !important; } .gap-y-xs-48 { row-gap: 4.8rem !important; } .gap-x-xs-48 { column-gap: 4.8rem !important; } .gap-xs-n48 { gap: -4.8rem !important; } .gap-xs-64 { gap: 6.4rem !important; } .gap-y-xs-64 { row-gap: 6.4rem !important; } .gap-x-xs-64 { column-gap: 6.4rem !important; } .gap-xs-n64 { gap: -6.4rem !important; } .gap-xs-96 { gap: 9.6rem !important; } .gap-y-xs-96 { row-gap: 9.6rem !important; } .gap-x-xs-96 { column-gap: 9.6rem !important; } .gap-xs-n96 { gap: -9.6rem !important; } .gap-xs-128 { gap: 12.8rem !important; } .gap-y-xs-128 { row-gap: 12.8rem !important; } .gap-x-xs-128 { column-gap: 12.8rem !important; } .gap-xs-n128 { gap: -12.8rem !important; } .gap-xs-auto { gap: auto !important; } .gap-y-xs-auto { row-gap: auto !important; } .gap-x-xs-auto { column-gap: auto !important; } .gap-xs-nauto { gap: -auto !important; } } @media (min-width: 769px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-n0 { margin: 0 !important; } .mt-sm-n0, .my-sm-n0 { margin-top: 0 !important; } .mr-sm-n0, .mx-sm-n0 { margin-right: 0 !important; } .mb-sm-n0, .my-sm-n0 { margin-bottom: 0 !important; } .ml-sm-n0, .mx-sm-n0 { margin-left: 0 !important; } .m-sm-2 { margin: 0.2rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.2rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.2rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.2rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.2rem !important; } .m-sm-n2 { margin: -0.2rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.2rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.2rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.2rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.2rem !important; } .m-sm-4 { margin: 0.4rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 0.4rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 0.4rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 0.4rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 0.4rem !important; } .m-sm-n4 { margin: -0.4rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -0.4rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -0.4rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -0.4rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -0.4rem !important; } .m-sm-6 { margin: 0.6rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 0.6rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 0.6rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 0.6rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 0.6rem !important; } .m-sm-n6 { margin: -0.6rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -0.6rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -0.6rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -0.6rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -0.6rem !important; } .m-sm-8 { margin: 0.8rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 0.8rem !important; } .mr-sm-8, .mx-sm-8 { margin-right: 0.8rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 0.8rem !important; } .ml-sm-8, .mx-sm-8 { margin-left: 0.8rem !important; } .m-sm-n8 { margin: -0.8rem !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -0.8rem !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -0.8rem !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -0.8rem !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -0.8rem !important; } .m-sm-10 { margin: 1rem !important; } .mt-sm-10, .my-sm-10 { margin-top: 1rem !important; } .mr-sm-10, .mx-sm-10 { margin-right: 1rem !important; } .mb-sm-10, .my-sm-10 { margin-bottom: 1rem !important; } .ml-sm-10, .mx-sm-10 { margin-left: 1rem !important; } .m-sm-n10 { margin: -1rem !important; } .mt-sm-n10, .my-sm-n10 { margin-top: -1rem !important; } .mr-sm-n10, .mx-sm-n10 { margin-right: -1rem !important; } .mb-sm-n10, .my-sm-n10 { margin-bottom: -1rem !important; } .ml-sm-n10, .mx-sm-n10 { margin-left: -1rem !important; } .m-sm-12 { margin: 1.2rem !important; } .mt-sm-12, .my-sm-12 { margin-top: 1.2rem !important; } .mr-sm-12, .mx-sm-12 { margin-right: 1.2rem !important; } .mb-sm-12, .my-sm-12 { margin-bottom: 1.2rem !important; } .ml-sm-12, .mx-sm-12 { margin-left: 1.2rem !important; } .m-sm-n12 { margin: -1.2rem !important; } .mt-sm-n12, .my-sm-n12 { margin-top: -1.2rem !important; } .mr-sm-n12, .mx-sm-n12 { margin-right: -1.2rem !important; } .mb-sm-n12, .my-sm-n12 { margin-bottom: -1.2rem !important; } .ml-sm-n12, .mx-sm-n12 { margin-left: -1.2rem !important; } .m-sm-16 { margin: 1.6rem !important; } .mt-sm-16, .my-sm-16 { margin-top: 1.6rem !important; } .mr-sm-16, .mx-sm-16 { margin-right: 1.6rem !important; } .mb-sm-16, .my-sm-16 { margin-bottom: 1.6rem !important; } .ml-sm-16, .mx-sm-16 { margin-left: 1.6rem !important; } .m-sm-n16 { margin: -1.6rem !important; } .mt-sm-n16, .my-sm-n16 { margin-top: -1.6rem !important; } .mr-sm-n16, .mx-sm-n16 { margin-right: -1.6rem !important; } .mb-sm-n16, .my-sm-n16 { margin-bottom: -1.6rem !important; } .ml-sm-n16, .mx-sm-n16 { margin-left: -1.6rem !important; } .m-sm-24 { margin: 2.4rem !important; } .mt-sm-24, .my-sm-24 { margin-top: 2.4rem !important; } .mr-sm-24, .mx-sm-24 { margin-right: 2.4rem !important; } .mb-sm-24, .my-sm-24 { margin-bottom: 2.4rem !important; } .ml-sm-24, .mx-sm-24 { margin-left: 2.4rem !important; } .m-sm-n24 { margin: -2.4rem !important; } .mt-sm-n24, .my-sm-n24 { margin-top: -2.4rem !important; } .mr-sm-n24, .mx-sm-n24 { margin-right: -2.4rem !important; } .mb-sm-n24, .my-sm-n24 { margin-bottom: -2.4rem !important; } .ml-sm-n24, .mx-sm-n24 { margin-left: -2.4rem !important; } .m-sm-32 { margin: 3.2rem !important; } .mt-sm-32, .my-sm-32 { margin-top: 3.2rem !important; } .mr-sm-32, .mx-sm-32 { margin-right: 3.2rem !important; } .mb-sm-32, .my-sm-32 { margin-bottom: 3.2rem !important; } .ml-sm-32, .mx-sm-32 { margin-left: 3.2rem !important; } .m-sm-n32 { margin: -3.2rem !important; } .mt-sm-n32, .my-sm-n32 { margin-top: -3.2rem !important; } .mr-sm-n32, .mx-sm-n32 { margin-right: -3.2rem !important; } .mb-sm-n32, .my-sm-n32 { margin-bottom: -3.2rem !important; } .ml-sm-n32, .mx-sm-n32 { margin-left: -3.2rem !important; } .m-sm-40 { margin: 4rem !important; } .mt-sm-40, .my-sm-40 { margin-top: 4rem !important; } .mr-sm-40, .mx-sm-40 { margin-right: 4rem !important; } .mb-sm-40, .my-sm-40 { margin-bottom: 4rem !important; } .ml-sm-40, .mx-sm-40 { margin-left: 4rem !important; } .m-sm-n40 { margin: -4rem !important; } .mt-sm-n40, .my-sm-n40 { margin-top: -4rem !important; } .mr-sm-n40, .mx-sm-n40 { margin-right: -4rem !important; } .mb-sm-n40, .my-sm-n40 { margin-bottom: -4rem !important; } .ml-sm-n40, .mx-sm-n40 { margin-left: -4rem !important; } .m-sm-48 { margin: 4.8rem !important; } .mt-sm-48, .my-sm-48 { margin-top: 4.8rem !important; } .mr-sm-48, .mx-sm-48 { margin-right: 4.8rem !important; } .mb-sm-48, .my-sm-48 { margin-bottom: 4.8rem !important; } .ml-sm-48, .mx-sm-48 { margin-left: 4.8rem !important; } .m-sm-n48 { margin: -4.8rem !important; } .mt-sm-n48, .my-sm-n48 { margin-top: -4.8rem !important; } .mr-sm-n48, .mx-sm-n48 { margin-right: -4.8rem !important; } .mb-sm-n48, .my-sm-n48 { margin-bottom: -4.8rem !important; } .ml-sm-n48, .mx-sm-n48 { margin-left: -4.8rem !important; } .m-sm-64 { margin: 6.4rem !important; } .mt-sm-64, .my-sm-64 { margin-top: 6.4rem !important; } .mr-sm-64, .mx-sm-64 { margin-right: 6.4rem !important; } .mb-sm-64, .my-sm-64 { margin-bottom: 6.4rem !important; } .ml-sm-64, .mx-sm-64 { margin-left: 6.4rem !important; } .m-sm-n64 { margin: -6.4rem !important; } .mt-sm-n64, .my-sm-n64 { margin-top: -6.4rem !important; } .mr-sm-n64, .mx-sm-n64 { margin-right: -6.4rem !important; } .mb-sm-n64, .my-sm-n64 { margin-bottom: -6.4rem !important; } .ml-sm-n64, .mx-sm-n64 { margin-left: -6.4rem !important; } .m-sm-96 { margin: 9.6rem !important; } .mt-sm-96, .my-sm-96 { margin-top: 9.6rem !important; } .mr-sm-96, .mx-sm-96 { margin-right: 9.6rem !important; } .mb-sm-96, .my-sm-96 { margin-bottom: 9.6rem !important; } .ml-sm-96, .mx-sm-96 { margin-left: 9.6rem !important; } .m-sm-n96 { margin: -9.6rem !important; } .mt-sm-n96, .my-sm-n96 { margin-top: -9.6rem !important; } .mr-sm-n96, .mx-sm-n96 { margin-right: -9.6rem !important; } .mb-sm-n96, .my-sm-n96 { margin-bottom: -9.6rem !important; } .ml-sm-n96, .mx-sm-n96 { margin-left: -9.6rem !important; } .m-sm-128 { margin: 12.8rem !important; } .mt-sm-128, .my-sm-128 { margin-top: 12.8rem !important; } .mr-sm-128, .mx-sm-128 { margin-right: 12.8rem !important; } .mb-sm-128, .my-sm-128 { margin-bottom: 12.8rem !important; } .ml-sm-128, .mx-sm-128 { margin-left: 12.8rem !important; } .m-sm-n128 { margin: -12.8rem !important; } .mt-sm-n128, .my-sm-n128 { margin-top: -12.8rem !important; } .mr-sm-n128, .mx-sm-n128 { margin-right: -12.8rem !important; } .mb-sm-n128, .my-sm-n128 { margin-bottom: -12.8rem !important; } .ml-sm-n128, .mx-sm-n128 { margin-left: -12.8rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } .m-sm-nauto { margin: -auto !important; } .mt-sm-nauto, .my-sm-nauto { margin-top: -auto !important; } .mr-sm-nauto, .mx-sm-nauto { margin-right: -auto !important; } .mb-sm-nauto, .my-sm-nauto { margin-bottom: -auto !important; } .ml-sm-nauto, .mx-sm-nauto { margin-left: -auto !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .m-sm-n0 { margin: 0 !important; } .mt-sm-n0, .my-sm-n0 { margin-top: 0 !important; } .mr-sm-n0, .mx-sm-n0 { margin-right: 0 !important; } .mb-sm-n0, .my-sm-n0 { margin-bottom: 0 !important; } .ml-sm-n0, .mx-sm-n0 { margin-left: 0 !important; } .p-sm-2 { padding: 0.2rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.2rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.2rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.2rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.2rem !important; } .m-sm-n2 { margin: -0.2rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.2rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.2rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.2rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.2rem !important; } .p-sm-4 { padding: 0.4rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 0.4rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 0.4rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 0.4rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 0.4rem !important; } .m-sm-n4 { margin: -0.4rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -0.4rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -0.4rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -0.4rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -0.4rem !important; } .p-sm-6 { padding: 0.6rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 0.6rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 0.6rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 0.6rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 0.6rem !important; } .m-sm-n6 { margin: -0.6rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -0.6rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -0.6rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -0.6rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -0.6rem !important; } .p-sm-8 { padding: 0.8rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 0.8rem !important; } .pr-sm-8, .px-sm-8 { padding-right: 0.8rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 0.8rem !important; } .pl-sm-8, .px-sm-8 { padding-left: 0.8rem !important; } .m-sm-n8 { margin: -0.8rem !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -0.8rem !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -0.8rem !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -0.8rem !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -0.8rem !important; } .p-sm-10 { padding: 1rem !important; } .pt-sm-10, .py-sm-10 { padding-top: 1rem !important; } .pr-sm-10, .px-sm-10 { padding-right: 1rem !important; } .pb-sm-10, .py-sm-10 { padding-bottom: 1rem !important; } .pl-sm-10, .px-sm-10 { padding-left: 1rem !important; } .m-sm-n10 { margin: -1rem !important; } .mt-sm-n10, .my-sm-n10 { margin-top: -1rem !important; } .mr-sm-n10, .mx-sm-n10 { margin-right: -1rem !important; } .mb-sm-n10, .my-sm-n10 { margin-bottom: -1rem !important; } .ml-sm-n10, .mx-sm-n10 { margin-left: -1rem !important; } .p-sm-12 { padding: 1.2rem !important; } .pt-sm-12, .py-sm-12 { padding-top: 1.2rem !important; } .pr-sm-12, .px-sm-12 { padding-right: 1.2rem !important; } .pb-sm-12, .py-sm-12 { padding-bottom: 1.2rem !important; } .pl-sm-12, .px-sm-12 { padding-left: 1.2rem !important; } .m-sm-n12 { margin: -1.2rem !important; } .mt-sm-n12, .my-sm-n12 { margin-top: -1.2rem !important; } .mr-sm-n12, .mx-sm-n12 { margin-right: -1.2rem !important; } .mb-sm-n12, .my-sm-n12 { margin-bottom: -1.2rem !important; } .ml-sm-n12, .mx-sm-n12 { margin-left: -1.2rem !important; } .p-sm-16 { padding: 1.6rem !important; } .pt-sm-16, .py-sm-16 { padding-top: 1.6rem !important; } .pr-sm-16, .px-sm-16 { padding-right: 1.6rem !important; } .pb-sm-16, .py-sm-16 { padding-bottom: 1.6rem !important; } .pl-sm-16, .px-sm-16 { padding-left: 1.6rem !important; } .m-sm-n16 { margin: -1.6rem !important; } .mt-sm-n16, .my-sm-n16 { margin-top: -1.6rem !important; } .mr-sm-n16, .mx-sm-n16 { margin-right: -1.6rem !important; } .mb-sm-n16, .my-sm-n16 { margin-bottom: -1.6rem !important; } .ml-sm-n16, .mx-sm-n16 { margin-left: -1.6rem !important; } .p-sm-24 { padding: 2.4rem !important; } .pt-sm-24, .py-sm-24 { padding-top: 2.4rem !important; } .pr-sm-24, .px-sm-24 { padding-right: 2.4rem !important; } .pb-sm-24, .py-sm-24 { padding-bottom: 2.4rem !important; } .pl-sm-24, .px-sm-24 { padding-left: 2.4rem !important; } .m-sm-n24 { margin: -2.4rem !important; } .mt-sm-n24, .my-sm-n24 { margin-top: -2.4rem !important; } .mr-sm-n24, .mx-sm-n24 { margin-right: -2.4rem !important; } .mb-sm-n24, .my-sm-n24 { margin-bottom: -2.4rem !important; } .ml-sm-n24, .mx-sm-n24 { margin-left: -2.4rem !important; } .p-sm-32 { padding: 3.2rem !important; } .pt-sm-32, .py-sm-32 { padding-top: 3.2rem !important; } .pr-sm-32, .px-sm-32 { padding-right: 3.2rem !important; } .pb-sm-32, .py-sm-32 { padding-bottom: 3.2rem !important; } .pl-sm-32, .px-sm-32 { padding-left: 3.2rem !important; } .m-sm-n32 { margin: -3.2rem !important; } .mt-sm-n32, .my-sm-n32 { margin-top: -3.2rem !important; } .mr-sm-n32, .mx-sm-n32 { margin-right: -3.2rem !important; } .mb-sm-n32, .my-sm-n32 { margin-bottom: -3.2rem !important; } .ml-sm-n32, .mx-sm-n32 { margin-left: -3.2rem !important; } .p-sm-40 { padding: 4rem !important; } .pt-sm-40, .py-sm-40 { padding-top: 4rem !important; } .pr-sm-40, .px-sm-40 { padding-right: 4rem !important; } .pb-sm-40, .py-sm-40 { padding-bottom: 4rem !important; } .pl-sm-40, .px-sm-40 { padding-left: 4rem !important; } .m-sm-n40 { margin: -4rem !important; } .mt-sm-n40, .my-sm-n40 { margin-top: -4rem !important; } .mr-sm-n40, .mx-sm-n40 { margin-right: -4rem !important; } .mb-sm-n40, .my-sm-n40 { margin-bottom: -4rem !important; } .ml-sm-n40, .mx-sm-n40 { margin-left: -4rem !important; } .p-sm-48 { padding: 4.8rem !important; } .pt-sm-48, .py-sm-48 { padding-top: 4.8rem !important; } .pr-sm-48, .px-sm-48 { padding-right: 4.8rem !important; } .pb-sm-48, .py-sm-48 { padding-bottom: 4.8rem !important; } .pl-sm-48, .px-sm-48 { padding-left: 4.8rem !important; } .m-sm-n48 { margin: -4.8rem !important; } .mt-sm-n48, .my-sm-n48 { margin-top: -4.8rem !important; } .mr-sm-n48, .mx-sm-n48 { margin-right: -4.8rem !important; } .mb-sm-n48, .my-sm-n48 { margin-bottom: -4.8rem !important; } .ml-sm-n48, .mx-sm-n48 { margin-left: -4.8rem !important; } .p-sm-64 { padding: 6.4rem !important; } .pt-sm-64, .py-sm-64 { padding-top: 6.4rem !important; } .pr-sm-64, .px-sm-64 { padding-right: 6.4rem !important; } .pb-sm-64, .py-sm-64 { padding-bottom: 6.4rem !important; } .pl-sm-64, .px-sm-64 { padding-left: 6.4rem !important; } .m-sm-n64 { margin: -6.4rem !important; } .mt-sm-n64, .my-sm-n64 { margin-top: -6.4rem !important; } .mr-sm-n64, .mx-sm-n64 { margin-right: -6.4rem !important; } .mb-sm-n64, .my-sm-n64 { margin-bottom: -6.4rem !important; } .ml-sm-n64, .mx-sm-n64 { margin-left: -6.4rem !important; } .p-sm-96 { padding: 9.6rem !important; } .pt-sm-96, .py-sm-96 { padding-top: 9.6rem !important; } .pr-sm-96, .px-sm-96 { padding-right: 9.6rem !important; } .pb-sm-96, .py-sm-96 { padding-bottom: 9.6rem !important; } .pl-sm-96, .px-sm-96 { padding-left: 9.6rem !important; } .m-sm-n96 { margin: -9.6rem !important; } .mt-sm-n96, .my-sm-n96 { margin-top: -9.6rem !important; } .mr-sm-n96, .mx-sm-n96 { margin-right: -9.6rem !important; } .mb-sm-n96, .my-sm-n96 { margin-bottom: -9.6rem !important; } .ml-sm-n96, .mx-sm-n96 { margin-left: -9.6rem !important; } .p-sm-128 { padding: 12.8rem !important; } .pt-sm-128, .py-sm-128 { padding-top: 12.8rem !important; } .pr-sm-128, .px-sm-128 { padding-right: 12.8rem !important; } .pb-sm-128, .py-sm-128 { padding-bottom: 12.8rem !important; } .pl-sm-128, .px-sm-128 { padding-left: 12.8rem !important; } .m-sm-n128 { margin: -12.8rem !important; } .mt-sm-n128, .my-sm-n128 { margin-top: -12.8rem !important; } .mr-sm-n128, .mx-sm-n128 { margin-right: -12.8rem !important; } .mb-sm-n128, .my-sm-n128 { margin-bottom: -12.8rem !important; } .ml-sm-n128, .mx-sm-n128 { margin-left: -12.8rem !important; } .p-sm-auto { padding: auto !important; } .pt-sm-auto, .py-sm-auto { padding-top: auto !important; } .pr-sm-auto, .px-sm-auto { padding-right: auto !important; } .pb-sm-auto, .py-sm-auto { padding-bottom: auto !important; } .pl-sm-auto, .px-sm-auto { padding-left: auto !important; } .m-sm-nauto { margin: -auto !important; } .mt-sm-nauto, .my-sm-nauto { margin-top: -auto !important; } .mr-sm-nauto, .mx-sm-nauto { margin-right: -auto !important; } .mb-sm-nauto, .my-sm-nauto { margin-bottom: -auto !important; } .ml-sm-nauto, .mx-sm-nauto { margin-left: -auto !important; } .top-sm-0 { top: 0 !important; } .top-sm-n0 { top: 0 !important; } .top-sm-2 { top: 0.2rem !important; } .top-sm-n2 { top: -0.2rem !important; } .top-sm-4 { top: 0.4rem !important; } .top-sm-n4 { top: -0.4rem !important; } .top-sm-6 { top: 0.6rem !important; } .top-sm-n6 { top: -0.6rem !important; } .top-sm-8 { top: 0.8rem !important; } .top-sm-n8 { top: -0.8rem !important; } .top-sm-10 { top: 1rem !important; } .top-sm-n10 { top: -1rem !important; } .top-sm-12 { top: 1.2rem !important; } .top-sm-n12 { top: -1.2rem !important; } .top-sm-16 { top: 1.6rem !important; } .top-sm-n16 { top: -1.6rem !important; } .top-sm-24 { top: 2.4rem !important; } .top-sm-n24 { top: -2.4rem !important; } .top-sm-32 { top: 3.2rem !important; } .top-sm-n32 { top: -3.2rem !important; } .top-sm-40 { top: 4rem !important; } .top-sm-n40 { top: -4rem !important; } .top-sm-48 { top: 4.8rem !important; } .top-sm-n48 { top: -4.8rem !important; } .top-sm-64 { top: 6.4rem !important; } .top-sm-n64 { top: -6.4rem !important; } .top-sm-96 { top: 9.6rem !important; } .top-sm-n96 { top: -9.6rem !important; } .top-sm-128 { top: 12.8rem !important; } .top-sm-n128 { top: -12.8rem !important; } .top-sm-auto { top: auto !important; } .top-sm-nauto { top: -auto !important; } .left-sm-0 { left: 0 !important; } .left-sm-n0 { left: 0 !important; } .left-sm-2 { left: 0.2rem !important; } .left-sm-n2 { left: -0.2rem !important; } .left-sm-4 { left: 0.4rem !important; } .left-sm-n4 { left: -0.4rem !important; } .left-sm-6 { left: 0.6rem !important; } .left-sm-n6 { left: -0.6rem !important; } .left-sm-8 { left: 0.8rem !important; } .left-sm-n8 { left: -0.8rem !important; } .left-sm-10 { left: 1rem !important; } .left-sm-n10 { left: -1rem !important; } .left-sm-12 { left: 1.2rem !important; } .left-sm-n12 { left: -1.2rem !important; } .left-sm-16 { left: 1.6rem !important; } .left-sm-n16 { left: -1.6rem !important; } .left-sm-24 { left: 2.4rem !important; } .left-sm-n24 { left: -2.4rem !important; } .left-sm-32 { left: 3.2rem !important; } .left-sm-n32 { left: -3.2rem !important; } .left-sm-40 { left: 4rem !important; } .left-sm-n40 { left: -4rem !important; } .left-sm-48 { left: 4.8rem !important; } .left-sm-n48 { left: -4.8rem !important; } .left-sm-64 { left: 6.4rem !important; } .left-sm-n64 { left: -6.4rem !important; } .left-sm-96 { left: 9.6rem !important; } .left-sm-n96 { left: -9.6rem !important; } .left-sm-128 { left: 12.8rem !important; } .left-sm-n128 { left: -12.8rem !important; } .left-sm-auto { left: auto !important; } .left-sm-nauto { left: -auto !important; } .right-sm-0 { right: 0 !important; } .right-sm-n0 { right: 0 !important; } .right-sm-2 { right: 0.2rem !important; } .right-sm-n2 { right: -0.2rem !important; } .right-sm-4 { right: 0.4rem !important; } .right-sm-n4 { right: -0.4rem !important; } .right-sm-6 { right: 0.6rem !important; } .right-sm-n6 { right: -0.6rem !important; } .right-sm-8 { right: 0.8rem !important; } .right-sm-n8 { right: -0.8rem !important; } .right-sm-10 { right: 1rem !important; } .right-sm-n10 { right: -1rem !important; } .right-sm-12 { right: 1.2rem !important; } .right-sm-n12 { right: -1.2rem !important; } .right-sm-16 { right: 1.6rem !important; } .right-sm-n16 { right: -1.6rem !important; } .right-sm-24 { right: 2.4rem !important; } .right-sm-n24 { right: -2.4rem !important; } .right-sm-32 { right: 3.2rem !important; } .right-sm-n32 { right: -3.2rem !important; } .right-sm-40 { right: 4rem !important; } .right-sm-n40 { right: -4rem !important; } .right-sm-48 { right: 4.8rem !important; } .right-sm-n48 { right: -4.8rem !important; } .right-sm-64 { right: 6.4rem !important; } .right-sm-n64 { right: -6.4rem !important; } .right-sm-96 { right: 9.6rem !important; } .right-sm-n96 { right: -9.6rem !important; } .right-sm-128 { right: 12.8rem !important; } .right-sm-n128 { right: -12.8rem !important; } .right-sm-auto { right: auto !important; } .right-sm-nauto { right: -auto !important; } .bottom-sm-0 { bottom: 0 !important; } .bottom-sm-n0 { bottom: 0 !important; } .bottom-sm-2 { bottom: 0.2rem !important; } .bottom-sm-n2 { bottom: -0.2rem !important; } .bottom-sm-4 { bottom: 0.4rem !important; } .bottom-sm-n4 { bottom: -0.4rem !important; } .bottom-sm-6 { bottom: 0.6rem !important; } .bottom-sm-n6 { bottom: -0.6rem !important; } .bottom-sm-8 { bottom: 0.8rem !important; } .bottom-sm-n8 { bottom: -0.8rem !important; } .bottom-sm-10 { bottom: 1rem !important; } .bottom-sm-n10 { bottom: -1rem !important; } .bottom-sm-12 { bottom: 1.2rem !important; } .bottom-sm-n12 { bottom: -1.2rem !important; } .bottom-sm-16 { bottom: 1.6rem !important; } .bottom-sm-n16 { bottom: -1.6rem !important; } .bottom-sm-24 { bottom: 2.4rem !important; } .bottom-sm-n24 { bottom: -2.4rem !important; } .bottom-sm-32 { bottom: 3.2rem !important; } .bottom-sm-n32 { bottom: -3.2rem !important; } .bottom-sm-40 { bottom: 4rem !important; } .bottom-sm-n40 { bottom: -4rem !important; } .bottom-sm-48 { bottom: 4.8rem !important; } .bottom-sm-n48 { bottom: -4.8rem !important; } .bottom-sm-64 { bottom: 6.4rem !important; } .bottom-sm-n64 { bottom: -6.4rem !important; } .bottom-sm-96 { bottom: 9.6rem !important; } .bottom-sm-n96 { bottom: -9.6rem !important; } .bottom-sm-128 { bottom: 12.8rem !important; } .bottom-sm-n128 { bottom: -12.8rem !important; } .bottom-sm-auto { bottom: auto !important; } .bottom-sm-nauto { bottom: -auto !important; } .gap-sm-0 { gap: 0 !important; } .gap-y-sm-0 { row-gap: 0 !important; } .gap-x-sm-0 { column-gap: 0 !important; } .gap-sm-n0 { gap: 0 !important; } .gap-sm-2 { gap: 0.2rem !important; } .gap-y-sm-2 { row-gap: 0.2rem !important; } .gap-x-sm-2 { column-gap: 0.2rem !important; } .gap-sm-n2 { gap: -0.2rem !important; } .gap-sm-4 { gap: 0.4rem !important; } .gap-y-sm-4 { row-gap: 0.4rem !important; } .gap-x-sm-4 { column-gap: 0.4rem !important; } .gap-sm-n4 { gap: -0.4rem !important; } .gap-sm-6 { gap: 0.6rem !important; } .gap-y-sm-6 { row-gap: 0.6rem !important; } .gap-x-sm-6 { column-gap: 0.6rem !important; } .gap-sm-n6 { gap: -0.6rem !important; } .gap-sm-8 { gap: 0.8rem !important; } .gap-y-sm-8 { row-gap: 0.8rem !important; } .gap-x-sm-8 { column-gap: 0.8rem !important; } .gap-sm-n8 { gap: -0.8rem !important; } .gap-sm-10 { gap: 1rem !important; } .gap-y-sm-10 { row-gap: 1rem !important; } .gap-x-sm-10 { column-gap: 1rem !important; } .gap-sm-n10 { gap: -1rem !important; } .gap-sm-12 { gap: 1.2rem !important; } .gap-y-sm-12 { row-gap: 1.2rem !important; } .gap-x-sm-12 { column-gap: 1.2rem !important; } .gap-sm-n12 { gap: -1.2rem !important; } .gap-sm-16 { gap: 1.6rem !important; } .gap-y-sm-16 { row-gap: 1.6rem !important; } .gap-x-sm-16 { column-gap: 1.6rem !important; } .gap-sm-n16 { gap: -1.6rem !important; } .gap-sm-24 { gap: 2.4rem !important; } .gap-y-sm-24 { row-gap: 2.4rem !important; } .gap-x-sm-24 { column-gap: 2.4rem !important; } .gap-sm-n24 { gap: -2.4rem !important; } .gap-sm-32 { gap: 3.2rem !important; } .gap-y-sm-32 { row-gap: 3.2rem !important; } .gap-x-sm-32 { column-gap: 3.2rem !important; } .gap-sm-n32 { gap: -3.2rem !important; } .gap-sm-40 { gap: 4rem !important; } .gap-y-sm-40 { row-gap: 4rem !important; } .gap-x-sm-40 { column-gap: 4rem !important; } .gap-sm-n40 { gap: -4rem !important; } .gap-sm-48 { gap: 4.8rem !important; } .gap-y-sm-48 { row-gap: 4.8rem !important; } .gap-x-sm-48 { column-gap: 4.8rem !important; } .gap-sm-n48 { gap: -4.8rem !important; } .gap-sm-64 { gap: 6.4rem !important; } .gap-y-sm-64 { row-gap: 6.4rem !important; } .gap-x-sm-64 { column-gap: 6.4rem !important; } .gap-sm-n64 { gap: -6.4rem !important; } .gap-sm-96 { gap: 9.6rem !important; } .gap-y-sm-96 { row-gap: 9.6rem !important; } .gap-x-sm-96 { column-gap: 9.6rem !important; } .gap-sm-n96 { gap: -9.6rem !important; } .gap-sm-128 { gap: 12.8rem !important; } .gap-y-sm-128 { row-gap: 12.8rem !important; } .gap-x-sm-128 { column-gap: 12.8rem !important; } .gap-sm-n128 { gap: -12.8rem !important; } .gap-sm-auto { gap: auto !important; } .gap-y-sm-auto { row-gap: auto !important; } .gap-x-sm-auto { column-gap: auto !important; } .gap-sm-nauto { gap: -auto !important; } } @media (min-width: 992px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-n0 { margin: 0 !important; } .mt-md-n0, .my-md-n0 { margin-top: 0 !important; } .mr-md-n0, .mx-md-n0 { margin-right: 0 !important; } .mb-md-n0, .my-md-n0 { margin-bottom: 0 !important; } .ml-md-n0, .mx-md-n0 { margin-left: 0 !important; } .m-md-2 { margin: 0.2rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.2rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.2rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.2rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.2rem !important; } .m-md-n2 { margin: -0.2rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.2rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.2rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.2rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.2rem !important; } .m-md-4 { margin: 0.4rem !important; } .mt-md-4, .my-md-4 { margin-top: 0.4rem !important; } .mr-md-4, .mx-md-4 { margin-right: 0.4rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 0.4rem !important; } .ml-md-4, .mx-md-4 { margin-left: 0.4rem !important; } .m-md-n4 { margin: -0.4rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -0.4rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -0.4rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -0.4rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -0.4rem !important; } .m-md-6 { margin: 0.6rem !important; } .mt-md-6, .my-md-6 { margin-top: 0.6rem !important; } .mr-md-6, .mx-md-6 { margin-right: 0.6rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 0.6rem !important; } .ml-md-6, .mx-md-6 { margin-left: 0.6rem !important; } .m-md-n6 { margin: -0.6rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -0.6rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -0.6rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -0.6rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -0.6rem !important; } .m-md-8 { margin: 0.8rem !important; } .mt-md-8, .my-md-8 { margin-top: 0.8rem !important; } .mr-md-8, .mx-md-8 { margin-right: 0.8rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 0.8rem !important; } .ml-md-8, .mx-md-8 { margin-left: 0.8rem !important; } .m-md-n8 { margin: -0.8rem !important; } .mt-md-n8, .my-md-n8 { margin-top: -0.8rem !important; } .mr-md-n8, .mx-md-n8 { margin-right: -0.8rem !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -0.8rem !important; } .ml-md-n8, .mx-md-n8 { margin-left: -0.8rem !important; } .m-md-10 { margin: 1rem !important; } .mt-md-10, .my-md-10 { margin-top: 1rem !important; } .mr-md-10, .mx-md-10 { margin-right: 1rem !important; } .mb-md-10, .my-md-10 { margin-bottom: 1rem !important; } .ml-md-10, .mx-md-10 { margin-left: 1rem !important; } .m-md-n10 { margin: -1rem !important; } .mt-md-n10, .my-md-n10 { margin-top: -1rem !important; } .mr-md-n10, .mx-md-n10 { margin-right: -1rem !important; } .mb-md-n10, .my-md-n10 { margin-bottom: -1rem !important; } .ml-md-n10, .mx-md-n10 { margin-left: -1rem !important; } .m-md-12 { margin: 1.2rem !important; } .mt-md-12, .my-md-12 { margin-top: 1.2rem !important; } .mr-md-12, .mx-md-12 { margin-right: 1.2rem !important; } .mb-md-12, .my-md-12 { margin-bottom: 1.2rem !important; } .ml-md-12, .mx-md-12 { margin-left: 1.2rem !important; } .m-md-n12 { margin: -1.2rem !important; } .mt-md-n12, .my-md-n12 { margin-top: -1.2rem !important; } .mr-md-n12, .mx-md-n12 { margin-right: -1.2rem !important; } .mb-md-n12, .my-md-n12 { margin-bottom: -1.2rem !important; } .ml-md-n12, .mx-md-n12 { margin-left: -1.2rem !important; } .m-md-16 { margin: 1.6rem !important; } .mt-md-16, .my-md-16 { margin-top: 1.6rem !important; } .mr-md-16, .mx-md-16 { margin-right: 1.6rem !important; } .mb-md-16, .my-md-16 { margin-bottom: 1.6rem !important; } .ml-md-16, .mx-md-16 { margin-left: 1.6rem !important; } .m-md-n16 { margin: -1.6rem !important; } .mt-md-n16, .my-md-n16 { margin-top: -1.6rem !important; } .mr-md-n16, .mx-md-n16 { margin-right: -1.6rem !important; } .mb-md-n16, .my-md-n16 { margin-bottom: -1.6rem !important; } .ml-md-n16, .mx-md-n16 { margin-left: -1.6rem !important; } .m-md-24 { margin: 2.4rem !important; } .mt-md-24, .my-md-24 { margin-top: 2.4rem !important; } .mr-md-24, .mx-md-24 { margin-right: 2.4rem !important; } .mb-md-24, .my-md-24 { margin-bottom: 2.4rem !important; } .ml-md-24, .mx-md-24 { margin-left: 2.4rem !important; } .m-md-n24 { margin: -2.4rem !important; } .mt-md-n24, .my-md-n24 { margin-top: -2.4rem !important; } .mr-md-n24, .mx-md-n24 { margin-right: -2.4rem !important; } .mb-md-n24, .my-md-n24 { margin-bottom: -2.4rem !important; } .ml-md-n24, .mx-md-n24 { margin-left: -2.4rem !important; } .m-md-32 { margin: 3.2rem !important; } .mt-md-32, .my-md-32 { margin-top: 3.2rem !important; } .mr-md-32, .mx-md-32 { margin-right: 3.2rem !important; } .mb-md-32, .my-md-32 { margin-bottom: 3.2rem !important; } .ml-md-32, .mx-md-32 { margin-left: 3.2rem !important; } .m-md-n32 { margin: -3.2rem !important; } .mt-md-n32, .my-md-n32 { margin-top: -3.2rem !important; } .mr-md-n32, .mx-md-n32 { margin-right: -3.2rem !important; } .mb-md-n32, .my-md-n32 { margin-bottom: -3.2rem !important; } .ml-md-n32, .mx-md-n32 { margin-left: -3.2rem !important; } .m-md-40 { margin: 4rem !important; } .mt-md-40, .my-md-40 { margin-top: 4rem !important; } .mr-md-40, .mx-md-40 { margin-right: 4rem !important; } .mb-md-40, .my-md-40 { margin-bottom: 4rem !important; } .ml-md-40, .mx-md-40 { margin-left: 4rem !important; } .m-md-n40 { margin: -4rem !important; } .mt-md-n40, .my-md-n40 { margin-top: -4rem !important; } .mr-md-n40, .mx-md-n40 { margin-right: -4rem !important; } .mb-md-n40, .my-md-n40 { margin-bottom: -4rem !important; } .ml-md-n40, .mx-md-n40 { margin-left: -4rem !important; } .m-md-48 { margin: 4.8rem !important; } .mt-md-48, .my-md-48 { margin-top: 4.8rem !important; } .mr-md-48, .mx-md-48 { margin-right: 4.8rem !important; } .mb-md-48, .my-md-48 { margin-bottom: 4.8rem !important; } .ml-md-48, .mx-md-48 { margin-left: 4.8rem !important; } .m-md-n48 { margin: -4.8rem !important; } .mt-md-n48, .my-md-n48 { margin-top: -4.8rem !important; } .mr-md-n48, .mx-md-n48 { margin-right: -4.8rem !important; } .mb-md-n48, .my-md-n48 { margin-bottom: -4.8rem !important; } .ml-md-n48, .mx-md-n48 { margin-left: -4.8rem !important; } .m-md-64 { margin: 6.4rem !important; } .mt-md-64, .my-md-64 { margin-top: 6.4rem !important; } .mr-md-64, .mx-md-64 { margin-right: 6.4rem !important; } .mb-md-64, .my-md-64 { margin-bottom: 6.4rem !important; } .ml-md-64, .mx-md-64 { margin-left: 6.4rem !important; } .m-md-n64 { margin: -6.4rem !important; } .mt-md-n64, .my-md-n64 { margin-top: -6.4rem !important; } .mr-md-n64, .mx-md-n64 { margin-right: -6.4rem !important; } .mb-md-n64, .my-md-n64 { margin-bottom: -6.4rem !important; } .ml-md-n64, .mx-md-n64 { margin-left: -6.4rem !important; } .m-md-96 { margin: 9.6rem !important; } .mt-md-96, .my-md-96 { margin-top: 9.6rem !important; } .mr-md-96, .mx-md-96 { margin-right: 9.6rem !important; } .mb-md-96, .my-md-96 { margin-bottom: 9.6rem !important; } .ml-md-96, .mx-md-96 { margin-left: 9.6rem !important; } .m-md-n96 { margin: -9.6rem !important; } .mt-md-n96, .my-md-n96 { margin-top: -9.6rem !important; } .mr-md-n96, .mx-md-n96 { margin-right: -9.6rem !important; } .mb-md-n96, .my-md-n96 { margin-bottom: -9.6rem !important; } .ml-md-n96, .mx-md-n96 { margin-left: -9.6rem !important; } .m-md-128 { margin: 12.8rem !important; } .mt-md-128, .my-md-128 { margin-top: 12.8rem !important; } .mr-md-128, .mx-md-128 { margin-right: 12.8rem !important; } .mb-md-128, .my-md-128 { margin-bottom: 12.8rem !important; } .ml-md-128, .mx-md-128 { margin-left: 12.8rem !important; } .m-md-n128 { margin: -12.8rem !important; } .mt-md-n128, .my-md-n128 { margin-top: -12.8rem !important; } .mr-md-n128, .mx-md-n128 { margin-right: -12.8rem !important; } .mb-md-n128, .my-md-n128 { margin-bottom: -12.8rem !important; } .ml-md-n128, .mx-md-n128 { margin-left: -12.8rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } .m-md-nauto { margin: -auto !important; } .mt-md-nauto, .my-md-nauto { margin-top: -auto !important; } .mr-md-nauto, .mx-md-nauto { margin-right: -auto !important; } .mb-md-nauto, .my-md-nauto { margin-bottom: -auto !important; } .ml-md-nauto, .mx-md-nauto { margin-left: -auto !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .m-md-n0 { margin: 0 !important; } .mt-md-n0, .my-md-n0 { margin-top: 0 !important; } .mr-md-n0, .mx-md-n0 { margin-right: 0 !important; } .mb-md-n0, .my-md-n0 { margin-bottom: 0 !important; } .ml-md-n0, .mx-md-n0 { margin-left: 0 !important; } .p-md-2 { padding: 0.2rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.2rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.2rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.2rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.2rem !important; } .m-md-n2 { margin: -0.2rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.2rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.2rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.2rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.2rem !important; } .p-md-4 { padding: 0.4rem !important; } .pt-md-4, .py-md-4 { padding-top: 0.4rem !important; } .pr-md-4, .px-md-4 { padding-right: 0.4rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 0.4rem !important; } .pl-md-4, .px-md-4 { padding-left: 0.4rem !important; } .m-md-n4 { margin: -0.4rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -0.4rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -0.4rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -0.4rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -0.4rem !important; } .p-md-6 { padding: 0.6rem !important; } .pt-md-6, .py-md-6 { padding-top: 0.6rem !important; } .pr-md-6, .px-md-6 { padding-right: 0.6rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 0.6rem !important; } .pl-md-6, .px-md-6 { padding-left: 0.6rem !important; } .m-md-n6 { margin: -0.6rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -0.6rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -0.6rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -0.6rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -0.6rem !important; } .p-md-8 { padding: 0.8rem !important; } .pt-md-8, .py-md-8 { padding-top: 0.8rem !important; } .pr-md-8, .px-md-8 { padding-right: 0.8rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 0.8rem !important; } .pl-md-8, .px-md-8 { padding-left: 0.8rem !important; } .m-md-n8 { margin: -0.8rem !important; } .mt-md-n8, .my-md-n8 { margin-top: -0.8rem !important; } .mr-md-n8, .mx-md-n8 { margin-right: -0.8rem !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -0.8rem !important; } .ml-md-n8, .mx-md-n8 { margin-left: -0.8rem !important; } .p-md-10 { padding: 1rem !important; } .pt-md-10, .py-md-10 { padding-top: 1rem !important; } .pr-md-10, .px-md-10 { padding-right: 1rem !important; } .pb-md-10, .py-md-10 { padding-bottom: 1rem !important; } .pl-md-10, .px-md-10 { padding-left: 1rem !important; } .m-md-n10 { margin: -1rem !important; } .mt-md-n10, .my-md-n10 { margin-top: -1rem !important; } .mr-md-n10, .mx-md-n10 { margin-right: -1rem !important; } .mb-md-n10, .my-md-n10 { margin-bottom: -1rem !important; } .ml-md-n10, .mx-md-n10 { margin-left: -1rem !important; } .p-md-12 { padding: 1.2rem !important; } .pt-md-12, .py-md-12 { padding-top: 1.2rem !important; } .pr-md-12, .px-md-12 { padding-right: 1.2rem !important; } .pb-md-12, .py-md-12 { padding-bottom: 1.2rem !important; } .pl-md-12, .px-md-12 { padding-left: 1.2rem !important; } .m-md-n12 { margin: -1.2rem !important; } .mt-md-n12, .my-md-n12 { margin-top: -1.2rem !important; } .mr-md-n12, .mx-md-n12 { margin-right: -1.2rem !important; } .mb-md-n12, .my-md-n12 { margin-bottom: -1.2rem !important; } .ml-md-n12, .mx-md-n12 { margin-left: -1.2rem !important; } .p-md-16 { padding: 1.6rem !important; } .pt-md-16, .py-md-16 { padding-top: 1.6rem !important; } .pr-md-16, .px-md-16 { padding-right: 1.6rem !important; } .pb-md-16, .py-md-16 { padding-bottom: 1.6rem !important; } .pl-md-16, .px-md-16 { padding-left: 1.6rem !important; } .m-md-n16 { margin: -1.6rem !important; } .mt-md-n16, .my-md-n16 { margin-top: -1.6rem !important; } .mr-md-n16, .mx-md-n16 { margin-right: -1.6rem !important; } .mb-md-n16, .my-md-n16 { margin-bottom: -1.6rem !important; } .ml-md-n16, .mx-md-n16 { margin-left: -1.6rem !important; } .p-md-24 { padding: 2.4rem !important; } .pt-md-24, .py-md-24 { padding-top: 2.4rem !important; } .pr-md-24, .px-md-24 { padding-right: 2.4rem !important; } .pb-md-24, .py-md-24 { padding-bottom: 2.4rem !important; } .pl-md-24, .px-md-24 { padding-left: 2.4rem !important; } .m-md-n24 { margin: -2.4rem !important; } .mt-md-n24, .my-md-n24 { margin-top: -2.4rem !important; } .mr-md-n24, .mx-md-n24 { margin-right: -2.4rem !important; } .mb-md-n24, .my-md-n24 { margin-bottom: -2.4rem !important; } .ml-md-n24, .mx-md-n24 { margin-left: -2.4rem !important; } .p-md-32 { padding: 3.2rem !important; } .pt-md-32, .py-md-32 { padding-top: 3.2rem !important; } .pr-md-32, .px-md-32 { padding-right: 3.2rem !important; } .pb-md-32, .py-md-32 { padding-bottom: 3.2rem !important; } .pl-md-32, .px-md-32 { padding-left: 3.2rem !important; } .m-md-n32 { margin: -3.2rem !important; } .mt-md-n32, .my-md-n32 { margin-top: -3.2rem !important; } .mr-md-n32, .mx-md-n32 { margin-right: -3.2rem !important; } .mb-md-n32, .my-md-n32 { margin-bottom: -3.2rem !important; } .ml-md-n32, .mx-md-n32 { margin-left: -3.2rem !important; } .p-md-40 { padding: 4rem !important; } .pt-md-40, .py-md-40 { padding-top: 4rem !important; } .pr-md-40, .px-md-40 { padding-right: 4rem !important; } .pb-md-40, .py-md-40 { padding-bottom: 4rem !important; } .pl-md-40, .px-md-40 { padding-left: 4rem !important; } .m-md-n40 { margin: -4rem !important; } .mt-md-n40, .my-md-n40 { margin-top: -4rem !important; } .mr-md-n40, .mx-md-n40 { margin-right: -4rem !important; } .mb-md-n40, .my-md-n40 { margin-bottom: -4rem !important; } .ml-md-n40, .mx-md-n40 { margin-left: -4rem !important; } .p-md-48 { padding: 4.8rem !important; } .pt-md-48, .py-md-48 { padding-top: 4.8rem !important; } .pr-md-48, .px-md-48 { padding-right: 4.8rem !important; } .pb-md-48, .py-md-48 { padding-bottom: 4.8rem !important; } .pl-md-48, .px-md-48 { padding-left: 4.8rem !important; } .m-md-n48 { margin: -4.8rem !important; } .mt-md-n48, .my-md-n48 { margin-top: -4.8rem !important; } .mr-md-n48, .mx-md-n48 { margin-right: -4.8rem !important; } .mb-md-n48, .my-md-n48 { margin-bottom: -4.8rem !important; } .ml-md-n48, .mx-md-n48 { margin-left: -4.8rem !important; } .p-md-64 { padding: 6.4rem !important; } .pt-md-64, .py-md-64 { padding-top: 6.4rem !important; } .pr-md-64, .px-md-64 { padding-right: 6.4rem !important; } .pb-md-64, .py-md-64 { padding-bottom: 6.4rem !important; } .pl-md-64, .px-md-64 { padding-left: 6.4rem !important; } .m-md-n64 { margin: -6.4rem !important; } .mt-md-n64, .my-md-n64 { margin-top: -6.4rem !important; } .mr-md-n64, .mx-md-n64 { margin-right: -6.4rem !important; } .mb-md-n64, .my-md-n64 { margin-bottom: -6.4rem !important; } .ml-md-n64, .mx-md-n64 { margin-left: -6.4rem !important; } .p-md-96 { padding: 9.6rem !important; } .pt-md-96, .py-md-96 { padding-top: 9.6rem !important; } .pr-md-96, .px-md-96 { padding-right: 9.6rem !important; } .pb-md-96, .py-md-96 { padding-bottom: 9.6rem !important; } .pl-md-96, .px-md-96 { padding-left: 9.6rem !important; } .m-md-n96 { margin: -9.6rem !important; } .mt-md-n96, .my-md-n96 { margin-top: -9.6rem !important; } .mr-md-n96, .mx-md-n96 { margin-right: -9.6rem !important; } .mb-md-n96, .my-md-n96 { margin-bottom: -9.6rem !important; } .ml-md-n96, .mx-md-n96 { margin-left: -9.6rem !important; } .p-md-128 { padding: 12.8rem !important; } .pt-md-128, .py-md-128 { padding-top: 12.8rem !important; } .pr-md-128, .px-md-128 { padding-right: 12.8rem !important; } .pb-md-128, .py-md-128 { padding-bottom: 12.8rem !important; } .pl-md-128, .px-md-128 { padding-left: 12.8rem !important; } .m-md-n128 { margin: -12.8rem !important; } .mt-md-n128, .my-md-n128 { margin-top: -12.8rem !important; } .mr-md-n128, .mx-md-n128 { margin-right: -12.8rem !important; } .mb-md-n128, .my-md-n128 { margin-bottom: -12.8rem !important; } .ml-md-n128, .mx-md-n128 { margin-left: -12.8rem !important; } .p-md-auto { padding: auto !important; } .pt-md-auto, .py-md-auto { padding-top: auto !important; } .pr-md-auto, .px-md-auto { padding-right: auto !important; } .pb-md-auto, .py-md-auto { padding-bottom: auto !important; } .pl-md-auto, .px-md-auto { padding-left: auto !important; } .m-md-nauto { margin: -auto !important; } .mt-md-nauto, .my-md-nauto { margin-top: -auto !important; } .mr-md-nauto, .mx-md-nauto { margin-right: -auto !important; } .mb-md-nauto, .my-md-nauto { margin-bottom: -auto !important; } .ml-md-nauto, .mx-md-nauto { margin-left: -auto !important; } .top-md-0 { top: 0 !important; } .top-md-n0 { top: 0 !important; } .top-md-2 { top: 0.2rem !important; } .top-md-n2 { top: -0.2rem !important; } .top-md-4 { top: 0.4rem !important; } .top-md-n4 { top: -0.4rem !important; } .top-md-6 { top: 0.6rem !important; } .top-md-n6 { top: -0.6rem !important; } .top-md-8 { top: 0.8rem !important; } .top-md-n8 { top: -0.8rem !important; } .top-md-10 { top: 1rem !important; } .top-md-n10 { top: -1rem !important; } .top-md-12 { top: 1.2rem !important; } .top-md-n12 { top: -1.2rem !important; } .top-md-16 { top: 1.6rem !important; } .top-md-n16 { top: -1.6rem !important; } .top-md-24 { top: 2.4rem !important; } .top-md-n24 { top: -2.4rem !important; } .top-md-32 { top: 3.2rem !important; } .top-md-n32 { top: -3.2rem !important; } .top-md-40 { top: 4rem !important; } .top-md-n40 { top: -4rem !important; } .top-md-48 { top: 4.8rem !important; } .top-md-n48 { top: -4.8rem !important; } .top-md-64 { top: 6.4rem !important; } .top-md-n64 { top: -6.4rem !important; } .top-md-96 { top: 9.6rem !important; } .top-md-n96 { top: -9.6rem !important; } .top-md-128 { top: 12.8rem !important; } .top-md-n128 { top: -12.8rem !important; } .top-md-auto { top: auto !important; } .top-md-nauto { top: -auto !important; } .left-md-0 { left: 0 !important; } .left-md-n0 { left: 0 !important; } .left-md-2 { left: 0.2rem !important; } .left-md-n2 { left: -0.2rem !important; } .left-md-4 { left: 0.4rem !important; } .left-md-n4 { left: -0.4rem !important; } .left-md-6 { left: 0.6rem !important; } .left-md-n6 { left: -0.6rem !important; } .left-md-8 { left: 0.8rem !important; } .left-md-n8 { left: -0.8rem !important; } .left-md-10 { left: 1rem !important; } .left-md-n10 { left: -1rem !important; } .left-md-12 { left: 1.2rem !important; } .left-md-n12 { left: -1.2rem !important; } .left-md-16 { left: 1.6rem !important; } .left-md-n16 { left: -1.6rem !important; } .left-md-24 { left: 2.4rem !important; } .left-md-n24 { left: -2.4rem !important; } .left-md-32 { left: 3.2rem !important; } .left-md-n32 { left: -3.2rem !important; } .left-md-40 { left: 4rem !important; } .left-md-n40 { left: -4rem !important; } .left-md-48 { left: 4.8rem !important; } .left-md-n48 { left: -4.8rem !important; } .left-md-64 { left: 6.4rem !important; } .left-md-n64 { left: -6.4rem !important; } .left-md-96 { left: 9.6rem !important; } .left-md-n96 { left: -9.6rem !important; } .left-md-128 { left: 12.8rem !important; } .left-md-n128 { left: -12.8rem !important; } .left-md-auto { left: auto !important; } .left-md-nauto { left: -auto !important; } .right-md-0 { right: 0 !important; } .right-md-n0 { right: 0 !important; } .right-md-2 { right: 0.2rem !important; } .right-md-n2 { right: -0.2rem !important; } .right-md-4 { right: 0.4rem !important; } .right-md-n4 { right: -0.4rem !important; } .right-md-6 { right: 0.6rem !important; } .right-md-n6 { right: -0.6rem !important; } .right-md-8 { right: 0.8rem !important; } .right-md-n8 { right: -0.8rem !important; } .right-md-10 { right: 1rem !important; } .right-md-n10 { right: -1rem !important; } .right-md-12 { right: 1.2rem !important; } .right-md-n12 { right: -1.2rem !important; } .right-md-16 { right: 1.6rem !important; } .right-md-n16 { right: -1.6rem !important; } .right-md-24 { right: 2.4rem !important; } .right-md-n24 { right: -2.4rem !important; } .right-md-32 { right: 3.2rem !important; } .right-md-n32 { right: -3.2rem !important; } .right-md-40 { right: 4rem !important; } .right-md-n40 { right: -4rem !important; } .right-md-48 { right: 4.8rem !important; } .right-md-n48 { right: -4.8rem !important; } .right-md-64 { right: 6.4rem !important; } .right-md-n64 { right: -6.4rem !important; } .right-md-96 { right: 9.6rem !important; } .right-md-n96 { right: -9.6rem !important; } .right-md-128 { right: 12.8rem !important; } .right-md-n128 { right: -12.8rem !important; } .right-md-auto { right: auto !important; } .right-md-nauto { right: -auto !important; } .bottom-md-0 { bottom: 0 !important; } .bottom-md-n0 { bottom: 0 !important; } .bottom-md-2 { bottom: 0.2rem !important; } .bottom-md-n2 { bottom: -0.2rem !important; } .bottom-md-4 { bottom: 0.4rem !important; } .bottom-md-n4 { bottom: -0.4rem !important; } .bottom-md-6 { bottom: 0.6rem !important; } .bottom-md-n6 { bottom: -0.6rem !important; } .bottom-md-8 { bottom: 0.8rem !important; } .bottom-md-n8 { bottom: -0.8rem !important; } .bottom-md-10 { bottom: 1rem !important; } .bottom-md-n10 { bottom: -1rem !important; } .bottom-md-12 { bottom: 1.2rem !important; } .bottom-md-n12 { bottom: -1.2rem !important; } .bottom-md-16 { bottom: 1.6rem !important; } .bottom-md-n16 { bottom: -1.6rem !important; } .bottom-md-24 { bottom: 2.4rem !important; } .bottom-md-n24 { bottom: -2.4rem !important; } .bottom-md-32 { bottom: 3.2rem !important; } .bottom-md-n32 { bottom: -3.2rem !important; } .bottom-md-40 { bottom: 4rem !important; } .bottom-md-n40 { bottom: -4rem !important; } .bottom-md-48 { bottom: 4.8rem !important; } .bottom-md-n48 { bottom: -4.8rem !important; } .bottom-md-64 { bottom: 6.4rem !important; } .bottom-md-n64 { bottom: -6.4rem !important; } .bottom-md-96 { bottom: 9.6rem !important; } .bottom-md-n96 { bottom: -9.6rem !important; } .bottom-md-128 { bottom: 12.8rem !important; } .bottom-md-n128 { bottom: -12.8rem !important; } .bottom-md-auto { bottom: auto !important; } .bottom-md-nauto { bottom: -auto !important; } .gap-md-0 { gap: 0 !important; } .gap-y-md-0 { row-gap: 0 !important; } .gap-x-md-0 { column-gap: 0 !important; } .gap-md-n0 { gap: 0 !important; } .gap-md-2 { gap: 0.2rem !important; } .gap-y-md-2 { row-gap: 0.2rem !important; } .gap-x-md-2 { column-gap: 0.2rem !important; } .gap-md-n2 { gap: -0.2rem !important; } .gap-md-4 { gap: 0.4rem !important; } .gap-y-md-4 { row-gap: 0.4rem !important; } .gap-x-md-4 { column-gap: 0.4rem !important; } .gap-md-n4 { gap: -0.4rem !important; } .gap-md-6 { gap: 0.6rem !important; } .gap-y-md-6 { row-gap: 0.6rem !important; } .gap-x-md-6 { column-gap: 0.6rem !important; } .gap-md-n6 { gap: -0.6rem !important; } .gap-md-8 { gap: 0.8rem !important; } .gap-y-md-8 { row-gap: 0.8rem !important; } .gap-x-md-8 { column-gap: 0.8rem !important; } .gap-md-n8 { gap: -0.8rem !important; } .gap-md-10 { gap: 1rem !important; } .gap-y-md-10 { row-gap: 1rem !important; } .gap-x-md-10 { column-gap: 1rem !important; } .gap-md-n10 { gap: -1rem !important; } .gap-md-12 { gap: 1.2rem !important; } .gap-y-md-12 { row-gap: 1.2rem !important; } .gap-x-md-12 { column-gap: 1.2rem !important; } .gap-md-n12 { gap: -1.2rem !important; } .gap-md-16 { gap: 1.6rem !important; } .gap-y-md-16 { row-gap: 1.6rem !important; } .gap-x-md-16 { column-gap: 1.6rem !important; } .gap-md-n16 { gap: -1.6rem !important; } .gap-md-24 { gap: 2.4rem !important; } .gap-y-md-24 { row-gap: 2.4rem !important; } .gap-x-md-24 { column-gap: 2.4rem !important; } .gap-md-n24 { gap: -2.4rem !important; } .gap-md-32 { gap: 3.2rem !important; } .gap-y-md-32 { row-gap: 3.2rem !important; } .gap-x-md-32 { column-gap: 3.2rem !important; } .gap-md-n32 { gap: -3.2rem !important; } .gap-md-40 { gap: 4rem !important; } .gap-y-md-40 { row-gap: 4rem !important; } .gap-x-md-40 { column-gap: 4rem !important; } .gap-md-n40 { gap: -4rem !important; } .gap-md-48 { gap: 4.8rem !important; } .gap-y-md-48 { row-gap: 4.8rem !important; } .gap-x-md-48 { column-gap: 4.8rem !important; } .gap-md-n48 { gap: -4.8rem !important; } .gap-md-64 { gap: 6.4rem !important; } .gap-y-md-64 { row-gap: 6.4rem !important; } .gap-x-md-64 { column-gap: 6.4rem !important; } .gap-md-n64 { gap: -6.4rem !important; } .gap-md-96 { gap: 9.6rem !important; } .gap-y-md-96 { row-gap: 9.6rem !important; } .gap-x-md-96 { column-gap: 9.6rem !important; } .gap-md-n96 { gap: -9.6rem !important; } .gap-md-128 { gap: 12.8rem !important; } .gap-y-md-128 { row-gap: 12.8rem !important; } .gap-x-md-128 { column-gap: 12.8rem !important; } .gap-md-n128 { gap: -12.8rem !important; } .gap-md-auto { gap: auto !important; } .gap-y-md-auto { row-gap: auto !important; } .gap-x-md-auto { column-gap: auto !important; } .gap-md-nauto { gap: -auto !important; } } @media (min-width: 1280px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-n0 { margin: 0 !important; } .mt-lg-n0, .my-lg-n0 { margin-top: 0 !important; } .mr-lg-n0, .mx-lg-n0 { margin-right: 0 !important; } .mb-lg-n0, .my-lg-n0 { margin-bottom: 0 !important; } .ml-lg-n0, .mx-lg-n0 { margin-left: 0 !important; } .m-lg-2 { margin: 0.2rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.2rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.2rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.2rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.2rem !important; } .m-lg-n2 { margin: -0.2rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.2rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.2rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.2rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.2rem !important; } .m-lg-4 { margin: 0.4rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 0.4rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 0.4rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 0.4rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 0.4rem !important; } .m-lg-n4 { margin: -0.4rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -0.4rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -0.4rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -0.4rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -0.4rem !important; } .m-lg-6 { margin: 0.6rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 0.6rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 0.6rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 0.6rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 0.6rem !important; } .m-lg-n6 { margin: -0.6rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -0.6rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -0.6rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -0.6rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -0.6rem !important; } .m-lg-8 { margin: 0.8rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 0.8rem !important; } .mr-lg-8, .mx-lg-8 { margin-right: 0.8rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 0.8rem !important; } .ml-lg-8, .mx-lg-8 { margin-left: 0.8rem !important; } .m-lg-n8 { margin: -0.8rem !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -0.8rem !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -0.8rem !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -0.8rem !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -0.8rem !important; } .m-lg-10 { margin: 1rem !important; } .mt-lg-10, .my-lg-10 { margin-top: 1rem !important; } .mr-lg-10, .mx-lg-10 { margin-right: 1rem !important; } .mb-lg-10, .my-lg-10 { margin-bottom: 1rem !important; } .ml-lg-10, .mx-lg-10 { margin-left: 1rem !important; } .m-lg-n10 { margin: -1rem !important; } .mt-lg-n10, .my-lg-n10 { margin-top: -1rem !important; } .mr-lg-n10, .mx-lg-n10 { margin-right: -1rem !important; } .mb-lg-n10, .my-lg-n10 { margin-bottom: -1rem !important; } .ml-lg-n10, .mx-lg-n10 { margin-left: -1rem !important; } .m-lg-12 { margin: 1.2rem !important; } .mt-lg-12, .my-lg-12 { margin-top: 1.2rem !important; } .mr-lg-12, .mx-lg-12 { margin-right: 1.2rem !important; } .mb-lg-12, .my-lg-12 { margin-bottom: 1.2rem !important; } .ml-lg-12, .mx-lg-12 { margin-left: 1.2rem !important; } .m-lg-n12 { margin: -1.2rem !important; } .mt-lg-n12, .my-lg-n12 { margin-top: -1.2rem !important; } .mr-lg-n12, .mx-lg-n12 { margin-right: -1.2rem !important; } .mb-lg-n12, .my-lg-n12 { margin-bottom: -1.2rem !important; } .ml-lg-n12, .mx-lg-n12 { margin-left: -1.2rem !important; } .m-lg-16 { margin: 1.6rem !important; } .mt-lg-16, .my-lg-16 { margin-top: 1.6rem !important; } .mr-lg-16, .mx-lg-16 { margin-right: 1.6rem !important; } .mb-lg-16, .my-lg-16 { margin-bottom: 1.6rem !important; } .ml-lg-16, .mx-lg-16 { margin-left: 1.6rem !important; } .m-lg-n16 { margin: -1.6rem !important; } .mt-lg-n16, .my-lg-n16 { margin-top: -1.6rem !important; } .mr-lg-n16, .mx-lg-n16 { margin-right: -1.6rem !important; } .mb-lg-n16, .my-lg-n16 { margin-bottom: -1.6rem !important; } .ml-lg-n16, .mx-lg-n16 { margin-left: -1.6rem !important; } .m-lg-24 { margin: 2.4rem !important; } .mt-lg-24, .my-lg-24 { margin-top: 2.4rem !important; } .mr-lg-24, .mx-lg-24 { margin-right: 2.4rem !important; } .mb-lg-24, .my-lg-24 { margin-bottom: 2.4rem !important; } .ml-lg-24, .mx-lg-24 { margin-left: 2.4rem !important; } .m-lg-n24 { margin: -2.4rem !important; } .mt-lg-n24, .my-lg-n24 { margin-top: -2.4rem !important; } .mr-lg-n24, .mx-lg-n24 { margin-right: -2.4rem !important; } .mb-lg-n24, .my-lg-n24 { margin-bottom: -2.4rem !important; } .ml-lg-n24, .mx-lg-n24 { margin-left: -2.4rem !important; } .m-lg-32 { margin: 3.2rem !important; } .mt-lg-32, .my-lg-32 { margin-top: 3.2rem !important; } .mr-lg-32, .mx-lg-32 { margin-right: 3.2rem !important; } .mb-lg-32, .my-lg-32 { margin-bottom: 3.2rem !important; } .ml-lg-32, .mx-lg-32 { margin-left: 3.2rem !important; } .m-lg-n32 { margin: -3.2rem !important; } .mt-lg-n32, .my-lg-n32 { margin-top: -3.2rem !important; } .mr-lg-n32, .mx-lg-n32 { margin-right: -3.2rem !important; } .mb-lg-n32, .my-lg-n32 { margin-bottom: -3.2rem !important; } .ml-lg-n32, .mx-lg-n32 { margin-left: -3.2rem !important; } .m-lg-40 { margin: 4rem !important; } .mt-lg-40, .my-lg-40 { margin-top: 4rem !important; } .mr-lg-40, .mx-lg-40 { margin-right: 4rem !important; } .mb-lg-40, .my-lg-40 { margin-bottom: 4rem !important; } .ml-lg-40, .mx-lg-40 { margin-left: 4rem !important; } .m-lg-n40 { margin: -4rem !important; } .mt-lg-n40, .my-lg-n40 { margin-top: -4rem !important; } .mr-lg-n40, .mx-lg-n40 { margin-right: -4rem !important; } .mb-lg-n40, .my-lg-n40 { margin-bottom: -4rem !important; } .ml-lg-n40, .mx-lg-n40 { margin-left: -4rem !important; } .m-lg-48 { margin: 4.8rem !important; } .mt-lg-48, .my-lg-48 { margin-top: 4.8rem !important; } .mr-lg-48, .mx-lg-48 { margin-right: 4.8rem !important; } .mb-lg-48, .my-lg-48 { margin-bottom: 4.8rem !important; } .ml-lg-48, .mx-lg-48 { margin-left: 4.8rem !important; } .m-lg-n48 { margin: -4.8rem !important; } .mt-lg-n48, .my-lg-n48 { margin-top: -4.8rem !important; } .mr-lg-n48, .mx-lg-n48 { margin-right: -4.8rem !important; } .mb-lg-n48, .my-lg-n48 { margin-bottom: -4.8rem !important; } .ml-lg-n48, .mx-lg-n48 { margin-left: -4.8rem !important; } .m-lg-64 { margin: 6.4rem !important; } .mt-lg-64, .my-lg-64 { margin-top: 6.4rem !important; } .mr-lg-64, .mx-lg-64 { margin-right: 6.4rem !important; } .mb-lg-64, .my-lg-64 { margin-bottom: 6.4rem !important; } .ml-lg-64, .mx-lg-64 { margin-left: 6.4rem !important; } .m-lg-n64 { margin: -6.4rem !important; } .mt-lg-n64, .my-lg-n64 { margin-top: -6.4rem !important; } .mr-lg-n64, .mx-lg-n64 { margin-right: -6.4rem !important; } .mb-lg-n64, .my-lg-n64 { margin-bottom: -6.4rem !important; } .ml-lg-n64, .mx-lg-n64 { margin-left: -6.4rem !important; } .m-lg-96 { margin: 9.6rem !important; } .mt-lg-96, .my-lg-96 { margin-top: 9.6rem !important; } .mr-lg-96, .mx-lg-96 { margin-right: 9.6rem !important; } .mb-lg-96, .my-lg-96 { margin-bottom: 9.6rem !important; } .ml-lg-96, .mx-lg-96 { margin-left: 9.6rem !important; } .m-lg-n96 { margin: -9.6rem !important; } .mt-lg-n96, .my-lg-n96 { margin-top: -9.6rem !important; } .mr-lg-n96, .mx-lg-n96 { margin-right: -9.6rem !important; } .mb-lg-n96, .my-lg-n96 { margin-bottom: -9.6rem !important; } .ml-lg-n96, .mx-lg-n96 { margin-left: -9.6rem !important; } .m-lg-128 { margin: 12.8rem !important; } .mt-lg-128, .my-lg-128 { margin-top: 12.8rem !important; } .mr-lg-128, .mx-lg-128 { margin-right: 12.8rem !important; } .mb-lg-128, .my-lg-128 { margin-bottom: 12.8rem !important; } .ml-lg-128, .mx-lg-128 { margin-left: 12.8rem !important; } .m-lg-n128 { margin: -12.8rem !important; } .mt-lg-n128, .my-lg-n128 { margin-top: -12.8rem !important; } .mr-lg-n128, .mx-lg-n128 { margin-right: -12.8rem !important; } .mb-lg-n128, .my-lg-n128 { margin-bottom: -12.8rem !important; } .ml-lg-n128, .mx-lg-n128 { margin-left: -12.8rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } .m-lg-nauto { margin: -auto !important; } .mt-lg-nauto, .my-lg-nauto { margin-top: -auto !important; } .mr-lg-nauto, .mx-lg-nauto { margin-right: -auto !important; } .mb-lg-nauto, .my-lg-nauto { margin-bottom: -auto !important; } .ml-lg-nauto, .mx-lg-nauto { margin-left: -auto !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .m-lg-n0 { margin: 0 !important; } .mt-lg-n0, .my-lg-n0 { margin-top: 0 !important; } .mr-lg-n0, .mx-lg-n0 { margin-right: 0 !important; } .mb-lg-n0, .my-lg-n0 { margin-bottom: 0 !important; } .ml-lg-n0, .mx-lg-n0 { margin-left: 0 !important; } .p-lg-2 { padding: 0.2rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.2rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.2rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.2rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.2rem !important; } .m-lg-n2 { margin: -0.2rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.2rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.2rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.2rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.2rem !important; } .p-lg-4 { padding: 0.4rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 0.4rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 0.4rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 0.4rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 0.4rem !important; } .m-lg-n4 { margin: -0.4rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -0.4rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -0.4rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -0.4rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -0.4rem !important; } .p-lg-6 { padding: 0.6rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 0.6rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 0.6rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 0.6rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 0.6rem !important; } .m-lg-n6 { margin: -0.6rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -0.6rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -0.6rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -0.6rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -0.6rem !important; } .p-lg-8 { padding: 0.8rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 0.8rem !important; } .pr-lg-8, .px-lg-8 { padding-right: 0.8rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 0.8rem !important; } .pl-lg-8, .px-lg-8 { padding-left: 0.8rem !important; } .m-lg-n8 { margin: -0.8rem !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -0.8rem !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -0.8rem !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -0.8rem !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -0.8rem !important; } .p-lg-10 { padding: 1rem !important; } .pt-lg-10, .py-lg-10 { padding-top: 1rem !important; } .pr-lg-10, .px-lg-10 { padding-right: 1rem !important; } .pb-lg-10, .py-lg-10 { padding-bottom: 1rem !important; } .pl-lg-10, .px-lg-10 { padding-left: 1rem !important; } .m-lg-n10 { margin: -1rem !important; } .mt-lg-n10, .my-lg-n10 { margin-top: -1rem !important; } .mr-lg-n10, .mx-lg-n10 { margin-right: -1rem !important; } .mb-lg-n10, .my-lg-n10 { margin-bottom: -1rem !important; } .ml-lg-n10, .mx-lg-n10 { margin-left: -1rem !important; } .p-lg-12 { padding: 1.2rem !important; } .pt-lg-12, .py-lg-12 { padding-top: 1.2rem !important; } .pr-lg-12, .px-lg-12 { padding-right: 1.2rem !important; } .pb-lg-12, .py-lg-12 { padding-bottom: 1.2rem !important; } .pl-lg-12, .px-lg-12 { padding-left: 1.2rem !important; } .m-lg-n12 { margin: -1.2rem !important; } .mt-lg-n12, .my-lg-n12 { margin-top: -1.2rem !important; } .mr-lg-n12, .mx-lg-n12 { margin-right: -1.2rem !important; } .mb-lg-n12, .my-lg-n12 { margin-bottom: -1.2rem !important; } .ml-lg-n12, .mx-lg-n12 { margin-left: -1.2rem !important; } .p-lg-16 { padding: 1.6rem !important; } .pt-lg-16, .py-lg-16 { padding-top: 1.6rem !important; } .pr-lg-16, .px-lg-16 { padding-right: 1.6rem !important; } .pb-lg-16, .py-lg-16 { padding-bottom: 1.6rem !important; } .pl-lg-16, .px-lg-16 { padding-left: 1.6rem !important; } .m-lg-n16 { margin: -1.6rem !important; } .mt-lg-n16, .my-lg-n16 { margin-top: -1.6rem !important; } .mr-lg-n16, .mx-lg-n16 { margin-right: -1.6rem !important; } .mb-lg-n16, .my-lg-n16 { margin-bottom: -1.6rem !important; } .ml-lg-n16, .mx-lg-n16 { margin-left: -1.6rem !important; } .p-lg-24 { padding: 2.4rem !important; } .pt-lg-24, .py-lg-24 { padding-top: 2.4rem !important; } .pr-lg-24, .px-lg-24 { padding-right: 2.4rem !important; } .pb-lg-24, .py-lg-24 { padding-bottom: 2.4rem !important; } .pl-lg-24, .px-lg-24 { padding-left: 2.4rem !important; } .m-lg-n24 { margin: -2.4rem !important; } .mt-lg-n24, .my-lg-n24 { margin-top: -2.4rem !important; } .mr-lg-n24, .mx-lg-n24 { margin-right: -2.4rem !important; } .mb-lg-n24, .my-lg-n24 { margin-bottom: -2.4rem !important; } .ml-lg-n24, .mx-lg-n24 { margin-left: -2.4rem !important; } .p-lg-32 { padding: 3.2rem !important; } .pt-lg-32, .py-lg-32 { padding-top: 3.2rem !important; } .pr-lg-32, .px-lg-32 { padding-right: 3.2rem !important; } .pb-lg-32, .py-lg-32 { padding-bottom: 3.2rem !important; } .pl-lg-32, .px-lg-32 { padding-left: 3.2rem !important; } .m-lg-n32 { margin: -3.2rem !important; } .mt-lg-n32, .my-lg-n32 { margin-top: -3.2rem !important; } .mr-lg-n32, .mx-lg-n32 { margin-right: -3.2rem !important; } .mb-lg-n32, .my-lg-n32 { margin-bottom: -3.2rem !important; } .ml-lg-n32, .mx-lg-n32 { margin-left: -3.2rem !important; } .p-lg-40 { padding: 4rem !important; } .pt-lg-40, .py-lg-40 { padding-top: 4rem !important; } .pr-lg-40, .px-lg-40 { padding-right: 4rem !important; } .pb-lg-40, .py-lg-40 { padding-bottom: 4rem !important; } .pl-lg-40, .px-lg-40 { padding-left: 4rem !important; } .m-lg-n40 { margin: -4rem !important; } .mt-lg-n40, .my-lg-n40 { margin-top: -4rem !important; } .mr-lg-n40, .mx-lg-n40 { margin-right: -4rem !important; } .mb-lg-n40, .my-lg-n40 { margin-bottom: -4rem !important; } .ml-lg-n40, .mx-lg-n40 { margin-left: -4rem !important; } .p-lg-48 { padding: 4.8rem !important; } .pt-lg-48, .py-lg-48 { padding-top: 4.8rem !important; } .pr-lg-48, .px-lg-48 { padding-right: 4.8rem !important; } .pb-lg-48, .py-lg-48 { padding-bottom: 4.8rem !important; } .pl-lg-48, .px-lg-48 { padding-left: 4.8rem !important; } .m-lg-n48 { margin: -4.8rem !important; } .mt-lg-n48, .my-lg-n48 { margin-top: -4.8rem !important; } .mr-lg-n48, .mx-lg-n48 { margin-right: -4.8rem !important; } .mb-lg-n48, .my-lg-n48 { margin-bottom: -4.8rem !important; } .ml-lg-n48, .mx-lg-n48 { margin-left: -4.8rem !important; } .p-lg-64 { padding: 6.4rem !important; } .pt-lg-64, .py-lg-64 { padding-top: 6.4rem !important; } .pr-lg-64, .px-lg-64 { padding-right: 6.4rem !important; } .pb-lg-64, .py-lg-64 { padding-bottom: 6.4rem !important; } .pl-lg-64, .px-lg-64 { padding-left: 6.4rem !important; } .m-lg-n64 { margin: -6.4rem !important; } .mt-lg-n64, .my-lg-n64 { margin-top: -6.4rem !important; } .mr-lg-n64, .mx-lg-n64 { margin-right: -6.4rem !important; } .mb-lg-n64, .my-lg-n64 { margin-bottom: -6.4rem !important; } .ml-lg-n64, .mx-lg-n64 { margin-left: -6.4rem !important; } .p-lg-96 { padding: 9.6rem !important; } .pt-lg-96, .py-lg-96 { padding-top: 9.6rem !important; } .pr-lg-96, .px-lg-96 { padding-right: 9.6rem !important; } .pb-lg-96, .py-lg-96 { padding-bottom: 9.6rem !important; } .pl-lg-96, .px-lg-96 { padding-left: 9.6rem !important; } .m-lg-n96 { margin: -9.6rem !important; } .mt-lg-n96, .my-lg-n96 { margin-top: -9.6rem !important; } .mr-lg-n96, .mx-lg-n96 { margin-right: -9.6rem !important; } .mb-lg-n96, .my-lg-n96 { margin-bottom: -9.6rem !important; } .ml-lg-n96, .mx-lg-n96 { margin-left: -9.6rem !important; } .p-lg-128 { padding: 12.8rem !important; } .pt-lg-128, .py-lg-128 { padding-top: 12.8rem !important; } .pr-lg-128, .px-lg-128 { padding-right: 12.8rem !important; } .pb-lg-128, .py-lg-128 { padding-bottom: 12.8rem !important; } .pl-lg-128, .px-lg-128 { padding-left: 12.8rem !important; } .m-lg-n128 { margin: -12.8rem !important; } .mt-lg-n128, .my-lg-n128 { margin-top: -12.8rem !important; } .mr-lg-n128, .mx-lg-n128 { margin-right: -12.8rem !important; } .mb-lg-n128, .my-lg-n128 { margin-bottom: -12.8rem !important; } .ml-lg-n128, .mx-lg-n128 { margin-left: -12.8rem !important; } .p-lg-auto { padding: auto !important; } .pt-lg-auto, .py-lg-auto { padding-top: auto !important; } .pr-lg-auto, .px-lg-auto { padding-right: auto !important; } .pb-lg-auto, .py-lg-auto { padding-bottom: auto !important; } .pl-lg-auto, .px-lg-auto { padding-left: auto !important; } .m-lg-nauto { margin: -auto !important; } .mt-lg-nauto, .my-lg-nauto { margin-top: -auto !important; } .mr-lg-nauto, .mx-lg-nauto { margin-right: -auto !important; } .mb-lg-nauto, .my-lg-nauto { margin-bottom: -auto !important; } .ml-lg-nauto, .mx-lg-nauto { margin-left: -auto !important; } .top-lg-0 { top: 0 !important; } .top-lg-n0 { top: 0 !important; } .top-lg-2 { top: 0.2rem !important; } .top-lg-n2 { top: -0.2rem !important; } .top-lg-4 { top: 0.4rem !important; } .top-lg-n4 { top: -0.4rem !important; } .top-lg-6 { top: 0.6rem !important; } .top-lg-n6 { top: -0.6rem !important; } .top-lg-8 { top: 0.8rem !important; } .top-lg-n8 { top: -0.8rem !important; } .top-lg-10 { top: 1rem !important; } .top-lg-n10 { top: -1rem !important; } .top-lg-12 { top: 1.2rem !important; } .top-lg-n12 { top: -1.2rem !important; } .top-lg-16 { top: 1.6rem !important; } .top-lg-n16 { top: -1.6rem !important; } .top-lg-24 { top: 2.4rem !important; } .top-lg-n24 { top: -2.4rem !important; } .top-lg-32 { top: 3.2rem !important; } .top-lg-n32 { top: -3.2rem !important; } .top-lg-40 { top: 4rem !important; } .top-lg-n40 { top: -4rem !important; } .top-lg-48 { top: 4.8rem !important; } .top-lg-n48 { top: -4.8rem !important; } .top-lg-64 { top: 6.4rem !important; } .top-lg-n64 { top: -6.4rem !important; } .top-lg-96 { top: 9.6rem !important; } .top-lg-n96 { top: -9.6rem !important; } .top-lg-128 { top: 12.8rem !important; } .top-lg-n128 { top: -12.8rem !important; } .top-lg-auto { top: auto !important; } .top-lg-nauto { top: -auto !important; } .left-lg-0 { left: 0 !important; } .left-lg-n0 { left: 0 !important; } .left-lg-2 { left: 0.2rem !important; } .left-lg-n2 { left: -0.2rem !important; } .left-lg-4 { left: 0.4rem !important; } .left-lg-n4 { left: -0.4rem !important; } .left-lg-6 { left: 0.6rem !important; } .left-lg-n6 { left: -0.6rem !important; } .left-lg-8 { left: 0.8rem !important; } .left-lg-n8 { left: -0.8rem !important; } .left-lg-10 { left: 1rem !important; } .left-lg-n10 { left: -1rem !important; } .left-lg-12 { left: 1.2rem !important; } .left-lg-n12 { left: -1.2rem !important; } .left-lg-16 { left: 1.6rem !important; } .left-lg-n16 { left: -1.6rem !important; } .left-lg-24 { left: 2.4rem !important; } .left-lg-n24 { left: -2.4rem !important; } .left-lg-32 { left: 3.2rem !important; } .left-lg-n32 { left: -3.2rem !important; } .left-lg-40 { left: 4rem !important; } .left-lg-n40 { left: -4rem !important; } .left-lg-48 { left: 4.8rem !important; } .left-lg-n48 { left: -4.8rem !important; } .left-lg-64 { left: 6.4rem !important; } .left-lg-n64 { left: -6.4rem !important; } .left-lg-96 { left: 9.6rem !important; } .left-lg-n96 { left: -9.6rem !important; } .left-lg-128 { left: 12.8rem !important; } .left-lg-n128 { left: -12.8rem !important; } .left-lg-auto { left: auto !important; } .left-lg-nauto { left: -auto !important; } .right-lg-0 { right: 0 !important; } .right-lg-n0 { right: 0 !important; } .right-lg-2 { right: 0.2rem !important; } .right-lg-n2 { right: -0.2rem !important; } .right-lg-4 { right: 0.4rem !important; } .right-lg-n4 { right: -0.4rem !important; } .right-lg-6 { right: 0.6rem !important; } .right-lg-n6 { right: -0.6rem !important; } .right-lg-8 { right: 0.8rem !important; } .right-lg-n8 { right: -0.8rem !important; } .right-lg-10 { right: 1rem !important; } .right-lg-n10 { right: -1rem !important; } .right-lg-12 { right: 1.2rem !important; } .right-lg-n12 { right: -1.2rem !important; } .right-lg-16 { right: 1.6rem !important; } .right-lg-n16 { right: -1.6rem !important; } .right-lg-24 { right: 2.4rem !important; } .right-lg-n24 { right: -2.4rem !important; } .right-lg-32 { right: 3.2rem !important; } .right-lg-n32 { right: -3.2rem !important; } .right-lg-40 { right: 4rem !important; } .right-lg-n40 { right: -4rem !important; } .right-lg-48 { right: 4.8rem !important; } .right-lg-n48 { right: -4.8rem !important; } .right-lg-64 { right: 6.4rem !important; } .right-lg-n64 { right: -6.4rem !important; } .right-lg-96 { right: 9.6rem !important; } .right-lg-n96 { right: -9.6rem !important; } .right-lg-128 { right: 12.8rem !important; } .right-lg-n128 { right: -12.8rem !important; } .right-lg-auto { right: auto !important; } .right-lg-nauto { right: -auto !important; } .bottom-lg-0 { bottom: 0 !important; } .bottom-lg-n0 { bottom: 0 !important; } .bottom-lg-2 { bottom: 0.2rem !important; } .bottom-lg-n2 { bottom: -0.2rem !important; } .bottom-lg-4 { bottom: 0.4rem !important; } .bottom-lg-n4 { bottom: -0.4rem !important; } .bottom-lg-6 { bottom: 0.6rem !important; } .bottom-lg-n6 { bottom: -0.6rem !important; } .bottom-lg-8 { bottom: 0.8rem !important; } .bottom-lg-n8 { bottom: -0.8rem !important; } .bottom-lg-10 { bottom: 1rem !important; } .bottom-lg-n10 { bottom: -1rem !important; } .bottom-lg-12 { bottom: 1.2rem !important; } .bottom-lg-n12 { bottom: -1.2rem !important; } .bottom-lg-16 { bottom: 1.6rem !important; } .bottom-lg-n16 { bottom: -1.6rem !important; } .bottom-lg-24 { bottom: 2.4rem !important; } .bottom-lg-n24 { bottom: -2.4rem !important; } .bottom-lg-32 { bottom: 3.2rem !important; } .bottom-lg-n32 { bottom: -3.2rem !important; } .bottom-lg-40 { bottom: 4rem !important; } .bottom-lg-n40 { bottom: -4rem !important; } .bottom-lg-48 { bottom: 4.8rem !important; } .bottom-lg-n48 { bottom: -4.8rem !important; } .bottom-lg-64 { bottom: 6.4rem !important; } .bottom-lg-n64 { bottom: -6.4rem !important; } .bottom-lg-96 { bottom: 9.6rem !important; } .bottom-lg-n96 { bottom: -9.6rem !important; } .bottom-lg-128 { bottom: 12.8rem !important; } .bottom-lg-n128 { bottom: -12.8rem !important; } .bottom-lg-auto { bottom: auto !important; } .bottom-lg-nauto { bottom: -auto !important; } .gap-lg-0 { gap: 0 !important; } .gap-y-lg-0 { row-gap: 0 !important; } .gap-x-lg-0 { column-gap: 0 !important; } .gap-lg-n0 { gap: 0 !important; } .gap-lg-2 { gap: 0.2rem !important; } .gap-y-lg-2 { row-gap: 0.2rem !important; } .gap-x-lg-2 { column-gap: 0.2rem !important; } .gap-lg-n2 { gap: -0.2rem !important; } .gap-lg-4 { gap: 0.4rem !important; } .gap-y-lg-4 { row-gap: 0.4rem !important; } .gap-x-lg-4 { column-gap: 0.4rem !important; } .gap-lg-n4 { gap: -0.4rem !important; } .gap-lg-6 { gap: 0.6rem !important; } .gap-y-lg-6 { row-gap: 0.6rem !important; } .gap-x-lg-6 { column-gap: 0.6rem !important; } .gap-lg-n6 { gap: -0.6rem !important; } .gap-lg-8 { gap: 0.8rem !important; } .gap-y-lg-8 { row-gap: 0.8rem !important; } .gap-x-lg-8 { column-gap: 0.8rem !important; } .gap-lg-n8 { gap: -0.8rem !important; } .gap-lg-10 { gap: 1rem !important; } .gap-y-lg-10 { row-gap: 1rem !important; } .gap-x-lg-10 { column-gap: 1rem !important; } .gap-lg-n10 { gap: -1rem !important; } .gap-lg-12 { gap: 1.2rem !important; } .gap-y-lg-12 { row-gap: 1.2rem !important; } .gap-x-lg-12 { column-gap: 1.2rem !important; } .gap-lg-n12 { gap: -1.2rem !important; } .gap-lg-16 { gap: 1.6rem !important; } .gap-y-lg-16 { row-gap: 1.6rem !important; } .gap-x-lg-16 { column-gap: 1.6rem !important; } .gap-lg-n16 { gap: -1.6rem !important; } .gap-lg-24 { gap: 2.4rem !important; } .gap-y-lg-24 { row-gap: 2.4rem !important; } .gap-x-lg-24 { column-gap: 2.4rem !important; } .gap-lg-n24 { gap: -2.4rem !important; } .gap-lg-32 { gap: 3.2rem !important; } .gap-y-lg-32 { row-gap: 3.2rem !important; } .gap-x-lg-32 { column-gap: 3.2rem !important; } .gap-lg-n32 { gap: -3.2rem !important; } .gap-lg-40 { gap: 4rem !important; } .gap-y-lg-40 { row-gap: 4rem !important; } .gap-x-lg-40 { column-gap: 4rem !important; } .gap-lg-n40 { gap: -4rem !important; } .gap-lg-48 { gap: 4.8rem !important; } .gap-y-lg-48 { row-gap: 4.8rem !important; } .gap-x-lg-48 { column-gap: 4.8rem !important; } .gap-lg-n48 { gap: -4.8rem !important; } .gap-lg-64 { gap: 6.4rem !important; } .gap-y-lg-64 { row-gap: 6.4rem !important; } .gap-x-lg-64 { column-gap: 6.4rem !important; } .gap-lg-n64 { gap: -6.4rem !important; } .gap-lg-96 { gap: 9.6rem !important; } .gap-y-lg-96 { row-gap: 9.6rem !important; } .gap-x-lg-96 { column-gap: 9.6rem !important; } .gap-lg-n96 { gap: -9.6rem !important; } .gap-lg-128 { gap: 12.8rem !important; } .gap-y-lg-128 { row-gap: 12.8rem !important; } .gap-x-lg-128 { column-gap: 12.8rem !important; } .gap-lg-n128 { gap: -12.8rem !important; } .gap-lg-auto { gap: auto !important; } .gap-y-lg-auto { row-gap: auto !important; } .gap-x-lg-auto { column-gap: auto !important; } .gap-lg-nauto { gap: -auto !important; } } @media (min-width: 1440px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-n0 { margin: 0 !important; } .mt-xl-n0, .my-xl-n0 { margin-top: 0 !important; } .mr-xl-n0, .mx-xl-n0 { margin-right: 0 !important; } .mb-xl-n0, .my-xl-n0 { margin-bottom: 0 !important; } .ml-xl-n0, .mx-xl-n0 { margin-left: 0 !important; } .m-xl-2 { margin: 0.2rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.2rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.2rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.2rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.2rem !important; } .m-xl-n2 { margin: -0.2rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.2rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.2rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.2rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.2rem !important; } .m-xl-4 { margin: 0.4rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 0.4rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 0.4rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 0.4rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 0.4rem !important; } .m-xl-n4 { margin: -0.4rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -0.4rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -0.4rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -0.4rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -0.4rem !important; } .m-xl-6 { margin: 0.6rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 0.6rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 0.6rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 0.6rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 0.6rem !important; } .m-xl-n6 { margin: -0.6rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -0.6rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -0.6rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -0.6rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -0.6rem !important; } .m-xl-8 { margin: 0.8rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 0.8rem !important; } .mr-xl-8, .mx-xl-8 { margin-right: 0.8rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 0.8rem !important; } .ml-xl-8, .mx-xl-8 { margin-left: 0.8rem !important; } .m-xl-n8 { margin: -0.8rem !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -0.8rem !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -0.8rem !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -0.8rem !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -0.8rem !important; } .m-xl-10 { margin: 1rem !important; } .mt-xl-10, .my-xl-10 { margin-top: 1rem !important; } .mr-xl-10, .mx-xl-10 { margin-right: 1rem !important; } .mb-xl-10, .my-xl-10 { margin-bottom: 1rem !important; } .ml-xl-10, .mx-xl-10 { margin-left: 1rem !important; } .m-xl-n10 { margin: -1rem !important; } .mt-xl-n10, .my-xl-n10 { margin-top: -1rem !important; } .mr-xl-n10, .mx-xl-n10 { margin-right: -1rem !important; } .mb-xl-n10, .my-xl-n10 { margin-bottom: -1rem !important; } .ml-xl-n10, .mx-xl-n10 { margin-left: -1rem !important; } .m-xl-12 { margin: 1.2rem !important; } .mt-xl-12, .my-xl-12 { margin-top: 1.2rem !important; } .mr-xl-12, .mx-xl-12 { margin-right: 1.2rem !important; } .mb-xl-12, .my-xl-12 { margin-bottom: 1.2rem !important; } .ml-xl-12, .mx-xl-12 { margin-left: 1.2rem !important; } .m-xl-n12 { margin: -1.2rem !important; } .mt-xl-n12, .my-xl-n12 { margin-top: -1.2rem !important; } .mr-xl-n12, .mx-xl-n12 { margin-right: -1.2rem !important; } .mb-xl-n12, .my-xl-n12 { margin-bottom: -1.2rem !important; } .ml-xl-n12, .mx-xl-n12 { margin-left: -1.2rem !important; } .m-xl-16 { margin: 1.6rem !important; } .mt-xl-16, .my-xl-16 { margin-top: 1.6rem !important; } .mr-xl-16, .mx-xl-16 { margin-right: 1.6rem !important; } .mb-xl-16, .my-xl-16 { margin-bottom: 1.6rem !important; } .ml-xl-16, .mx-xl-16 { margin-left: 1.6rem !important; } .m-xl-n16 { margin: -1.6rem !important; } .mt-xl-n16, .my-xl-n16 { margin-top: -1.6rem !important; } .mr-xl-n16, .mx-xl-n16 { margin-right: -1.6rem !important; } .mb-xl-n16, .my-xl-n16 { margin-bottom: -1.6rem !important; } .ml-xl-n16, .mx-xl-n16 { margin-left: -1.6rem !important; } .m-xl-24 { margin: 2.4rem !important; } .mt-xl-24, .my-xl-24 { margin-top: 2.4rem !important; } .mr-xl-24, .mx-xl-24 { margin-right: 2.4rem !important; } .mb-xl-24, .my-xl-24 { margin-bottom: 2.4rem !important; } .ml-xl-24, .mx-xl-24 { margin-left: 2.4rem !important; } .m-xl-n24 { margin: -2.4rem !important; } .mt-xl-n24, .my-xl-n24 { margin-top: -2.4rem !important; } .mr-xl-n24, .mx-xl-n24 { margin-right: -2.4rem !important; } .mb-xl-n24, .my-xl-n24 { margin-bottom: -2.4rem !important; } .ml-xl-n24, .mx-xl-n24 { margin-left: -2.4rem !important; } .m-xl-32 { margin: 3.2rem !important; } .mt-xl-32, .my-xl-32 { margin-top: 3.2rem !important; } .mr-xl-32, .mx-xl-32 { margin-right: 3.2rem !important; } .mb-xl-32, .my-xl-32 { margin-bottom: 3.2rem !important; } .ml-xl-32, .mx-xl-32 { margin-left: 3.2rem !important; } .m-xl-n32 { margin: -3.2rem !important; } .mt-xl-n32, .my-xl-n32 { margin-top: -3.2rem !important; } .mr-xl-n32, .mx-xl-n32 { margin-right: -3.2rem !important; } .mb-xl-n32, .my-xl-n32 { margin-bottom: -3.2rem !important; } .ml-xl-n32, .mx-xl-n32 { margin-left: -3.2rem !important; } .m-xl-40 { margin: 4rem !important; } .mt-xl-40, .my-xl-40 { margin-top: 4rem !important; } .mr-xl-40, .mx-xl-40 { margin-right: 4rem !important; } .mb-xl-40, .my-xl-40 { margin-bottom: 4rem !important; } .ml-xl-40, .mx-xl-40 { margin-left: 4rem !important; } .m-xl-n40 { margin: -4rem !important; } .mt-xl-n40, .my-xl-n40 { margin-top: -4rem !important; } .mr-xl-n40, .mx-xl-n40 { margin-right: -4rem !important; } .mb-xl-n40, .my-xl-n40 { margin-bottom: -4rem !important; } .ml-xl-n40, .mx-xl-n40 { margin-left: -4rem !important; } .m-xl-48 { margin: 4.8rem !important; } .mt-xl-48, .my-xl-48 { margin-top: 4.8rem !important; } .mr-xl-48, .mx-xl-48 { margin-right: 4.8rem !important; } .mb-xl-48, .my-xl-48 { margin-bottom: 4.8rem !important; } .ml-xl-48, .mx-xl-48 { margin-left: 4.8rem !important; } .m-xl-n48 { margin: -4.8rem !important; } .mt-xl-n48, .my-xl-n48 { margin-top: -4.8rem !important; } .mr-xl-n48, .mx-xl-n48 { margin-right: -4.8rem !important; } .mb-xl-n48, .my-xl-n48 { margin-bottom: -4.8rem !important; } .ml-xl-n48, .mx-xl-n48 { margin-left: -4.8rem !important; } .m-xl-64 { margin: 6.4rem !important; } .mt-xl-64, .my-xl-64 { margin-top: 6.4rem !important; } .mr-xl-64, .mx-xl-64 { margin-right: 6.4rem !important; } .mb-xl-64, .my-xl-64 { margin-bottom: 6.4rem !important; } .ml-xl-64, .mx-xl-64 { margin-left: 6.4rem !important; } .m-xl-n64 { margin: -6.4rem !important; } .mt-xl-n64, .my-xl-n64 { margin-top: -6.4rem !important; } .mr-xl-n64, .mx-xl-n64 { margin-right: -6.4rem !important; } .mb-xl-n64, .my-xl-n64 { margin-bottom: -6.4rem !important; } .ml-xl-n64, .mx-xl-n64 { margin-left: -6.4rem !important; } .m-xl-96 { margin: 9.6rem !important; } .mt-xl-96, .my-xl-96 { margin-top: 9.6rem !important; } .mr-xl-96, .mx-xl-96 { margin-right: 9.6rem !important; } .mb-xl-96, .my-xl-96 { margin-bottom: 9.6rem !important; } .ml-xl-96, .mx-xl-96 { margin-left: 9.6rem !important; } .m-xl-n96 { margin: -9.6rem !important; } .mt-xl-n96, .my-xl-n96 { margin-top: -9.6rem !important; } .mr-xl-n96, .mx-xl-n96 { margin-right: -9.6rem !important; } .mb-xl-n96, .my-xl-n96 { margin-bottom: -9.6rem !important; } .ml-xl-n96, .mx-xl-n96 { margin-left: -9.6rem !important; } .m-xl-128 { margin: 12.8rem !important; } .mt-xl-128, .my-xl-128 { margin-top: 12.8rem !important; } .mr-xl-128, .mx-xl-128 { margin-right: 12.8rem !important; } .mb-xl-128, .my-xl-128 { margin-bottom: 12.8rem !important; } .ml-xl-128, .mx-xl-128 { margin-left: 12.8rem !important; } .m-xl-n128 { margin: -12.8rem !important; } .mt-xl-n128, .my-xl-n128 { margin-top: -12.8rem !important; } .mr-xl-n128, .mx-xl-n128 { margin-right: -12.8rem !important; } .mb-xl-n128, .my-xl-n128 { margin-bottom: -12.8rem !important; } .ml-xl-n128, .mx-xl-n128 { margin-left: -12.8rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } .m-xl-nauto { margin: -auto !important; } .mt-xl-nauto, .my-xl-nauto { margin-top: -auto !important; } .mr-xl-nauto, .mx-xl-nauto { margin-right: -auto !important; } .mb-xl-nauto, .my-xl-nauto { margin-bottom: -auto !important; } .ml-xl-nauto, .mx-xl-nauto { margin-left: -auto !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .m-xl-n0 { margin: 0 !important; } .mt-xl-n0, .my-xl-n0 { margin-top: 0 !important; } .mr-xl-n0, .mx-xl-n0 { margin-right: 0 !important; } .mb-xl-n0, .my-xl-n0 { margin-bottom: 0 !important; } .ml-xl-n0, .mx-xl-n0 { margin-left: 0 !important; } .p-xl-2 { padding: 0.2rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.2rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.2rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.2rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.2rem !important; } .m-xl-n2 { margin: -0.2rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.2rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.2rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.2rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.2rem !important; } .p-xl-4 { padding: 0.4rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 0.4rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 0.4rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 0.4rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 0.4rem !important; } .m-xl-n4 { margin: -0.4rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -0.4rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -0.4rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -0.4rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -0.4rem !important; } .p-xl-6 { padding: 0.6rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 0.6rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 0.6rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 0.6rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 0.6rem !important; } .m-xl-n6 { margin: -0.6rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -0.6rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -0.6rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -0.6rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -0.6rem !important; } .p-xl-8 { padding: 0.8rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 0.8rem !important; } .pr-xl-8, .px-xl-8 { padding-right: 0.8rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 0.8rem !important; } .pl-xl-8, .px-xl-8 { padding-left: 0.8rem !important; } .m-xl-n8 { margin: -0.8rem !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -0.8rem !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -0.8rem !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -0.8rem !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -0.8rem !important; } .p-xl-10 { padding: 1rem !important; } .pt-xl-10, .py-xl-10 { padding-top: 1rem !important; } .pr-xl-10, .px-xl-10 { padding-right: 1rem !important; } .pb-xl-10, .py-xl-10 { padding-bottom: 1rem !important; } .pl-xl-10, .px-xl-10 { padding-left: 1rem !important; } .m-xl-n10 { margin: -1rem !important; } .mt-xl-n10, .my-xl-n10 { margin-top: -1rem !important; } .mr-xl-n10, .mx-xl-n10 { margin-right: -1rem !important; } .mb-xl-n10, .my-xl-n10 { margin-bottom: -1rem !important; } .ml-xl-n10, .mx-xl-n10 { margin-left: -1rem !important; } .p-xl-12 { padding: 1.2rem !important; } .pt-xl-12, .py-xl-12 { padding-top: 1.2rem !important; } .pr-xl-12, .px-xl-12 { padding-right: 1.2rem !important; } .pb-xl-12, .py-xl-12 { padding-bottom: 1.2rem !important; } .pl-xl-12, .px-xl-12 { padding-left: 1.2rem !important; } .m-xl-n12 { margin: -1.2rem !important; } .mt-xl-n12, .my-xl-n12 { margin-top: -1.2rem !important; } .mr-xl-n12, .mx-xl-n12 { margin-right: -1.2rem !important; } .mb-xl-n12, .my-xl-n12 { margin-bottom: -1.2rem !important; } .ml-xl-n12, .mx-xl-n12 { margin-left: -1.2rem !important; } .p-xl-16 { padding: 1.6rem !important; } .pt-xl-16, .py-xl-16 { padding-top: 1.6rem !important; } .pr-xl-16, .px-xl-16 { padding-right: 1.6rem !important; } .pb-xl-16, .py-xl-16 { padding-bottom: 1.6rem !important; } .pl-xl-16, .px-xl-16 { padding-left: 1.6rem !important; } .m-xl-n16 { margin: -1.6rem !important; } .mt-xl-n16, .my-xl-n16 { margin-top: -1.6rem !important; } .mr-xl-n16, .mx-xl-n16 { margin-right: -1.6rem !important; } .mb-xl-n16, .my-xl-n16 { margin-bottom: -1.6rem !important; } .ml-xl-n16, .mx-xl-n16 { margin-left: -1.6rem !important; } .p-xl-24 { padding: 2.4rem !important; } .pt-xl-24, .py-xl-24 { padding-top: 2.4rem !important; } .pr-xl-24, .px-xl-24 { padding-right: 2.4rem !important; } .pb-xl-24, .py-xl-24 { padding-bottom: 2.4rem !important; } .pl-xl-24, .px-xl-24 { padding-left: 2.4rem !important; } .m-xl-n24 { margin: -2.4rem !important; } .mt-xl-n24, .my-xl-n24 { margin-top: -2.4rem !important; } .mr-xl-n24, .mx-xl-n24 { margin-right: -2.4rem !important; } .mb-xl-n24, .my-xl-n24 { margin-bottom: -2.4rem !important; } .ml-xl-n24, .mx-xl-n24 { margin-left: -2.4rem !important; } .p-xl-32 { padding: 3.2rem !important; } .pt-xl-32, .py-xl-32 { padding-top: 3.2rem !important; } .pr-xl-32, .px-xl-32 { padding-right: 3.2rem !important; } .pb-xl-32, .py-xl-32 { padding-bottom: 3.2rem !important; } .pl-xl-32, .px-xl-32 { padding-left: 3.2rem !important; } .m-xl-n32 { margin: -3.2rem !important; } .mt-xl-n32, .my-xl-n32 { margin-top: -3.2rem !important; } .mr-xl-n32, .mx-xl-n32 { margin-right: -3.2rem !important; } .mb-xl-n32, .my-xl-n32 { margin-bottom: -3.2rem !important; } .ml-xl-n32, .mx-xl-n32 { margin-left: -3.2rem !important; } .p-xl-40 { padding: 4rem !important; } .pt-xl-40, .py-xl-40 { padding-top: 4rem !important; } .pr-xl-40, .px-xl-40 { padding-right: 4rem !important; } .pb-xl-40, .py-xl-40 { padding-bottom: 4rem !important; } .pl-xl-40, .px-xl-40 { padding-left: 4rem !important; } .m-xl-n40 { margin: -4rem !important; } .mt-xl-n40, .my-xl-n40 { margin-top: -4rem !important; } .mr-xl-n40, .mx-xl-n40 { margin-right: -4rem !important; } .mb-xl-n40, .my-xl-n40 { margin-bottom: -4rem !important; } .ml-xl-n40, .mx-xl-n40 { margin-left: -4rem !important; } .p-xl-48 { padding: 4.8rem !important; } .pt-xl-48, .py-xl-48 { padding-top: 4.8rem !important; } .pr-xl-48, .px-xl-48 { padding-right: 4.8rem !important; } .pb-xl-48, .py-xl-48 { padding-bottom: 4.8rem !important; } .pl-xl-48, .px-xl-48 { padding-left: 4.8rem !important; } .m-xl-n48 { margin: -4.8rem !important; } .mt-xl-n48, .my-xl-n48 { margin-top: -4.8rem !important; } .mr-xl-n48, .mx-xl-n48 { margin-right: -4.8rem !important; } .mb-xl-n48, .my-xl-n48 { margin-bottom: -4.8rem !important; } .ml-xl-n48, .mx-xl-n48 { margin-left: -4.8rem !important; } .p-xl-64 { padding: 6.4rem !important; } .pt-xl-64, .py-xl-64 { padding-top: 6.4rem !important; } .pr-xl-64, .px-xl-64 { padding-right: 6.4rem !important; } .pb-xl-64, .py-xl-64 { padding-bottom: 6.4rem !important; } .pl-xl-64, .px-xl-64 { padding-left: 6.4rem !important; } .m-xl-n64 { margin: -6.4rem !important; } .mt-xl-n64, .my-xl-n64 { margin-top: -6.4rem !important; } .mr-xl-n64, .mx-xl-n64 { margin-right: -6.4rem !important; } .mb-xl-n64, .my-xl-n64 { margin-bottom: -6.4rem !important; } .ml-xl-n64, .mx-xl-n64 { margin-left: -6.4rem !important; } .p-xl-96 { padding: 9.6rem !important; } .pt-xl-96, .py-xl-96 { padding-top: 9.6rem !important; } .pr-xl-96, .px-xl-96 { padding-right: 9.6rem !important; } .pb-xl-96, .py-xl-96 { padding-bottom: 9.6rem !important; } .pl-xl-96, .px-xl-96 { padding-left: 9.6rem !important; } .m-xl-n96 { margin: -9.6rem !important; } .mt-xl-n96, .my-xl-n96 { margin-top: -9.6rem !important; } .mr-xl-n96, .mx-xl-n96 { margin-right: -9.6rem !important; } .mb-xl-n96, .my-xl-n96 { margin-bottom: -9.6rem !important; } .ml-xl-n96, .mx-xl-n96 { margin-left: -9.6rem !important; } .p-xl-128 { padding: 12.8rem !important; } .pt-xl-128, .py-xl-128 { padding-top: 12.8rem !important; } .pr-xl-128, .px-xl-128 { padding-right: 12.8rem !important; } .pb-xl-128, .py-xl-128 { padding-bottom: 12.8rem !important; } .pl-xl-128, .px-xl-128 { padding-left: 12.8rem !important; } .m-xl-n128 { margin: -12.8rem !important; } .mt-xl-n128, .my-xl-n128 { margin-top: -12.8rem !important; } .mr-xl-n128, .mx-xl-n128 { margin-right: -12.8rem !important; } .mb-xl-n128, .my-xl-n128 { margin-bottom: -12.8rem !important; } .ml-xl-n128, .mx-xl-n128 { margin-left: -12.8rem !important; } .p-xl-auto { padding: auto !important; } .pt-xl-auto, .py-xl-auto { padding-top: auto !important; } .pr-xl-auto, .px-xl-auto { padding-right: auto !important; } .pb-xl-auto, .py-xl-auto { padding-bottom: auto !important; } .pl-xl-auto, .px-xl-auto { padding-left: auto !important; } .m-xl-nauto { margin: -auto !important; } .mt-xl-nauto, .my-xl-nauto { margin-top: -auto !important; } .mr-xl-nauto, .mx-xl-nauto { margin-right: -auto !important; } .mb-xl-nauto, .my-xl-nauto { margin-bottom: -auto !important; } .ml-xl-nauto, .mx-xl-nauto { margin-left: -auto !important; } .top-xl-0 { top: 0 !important; } .top-xl-n0 { top: 0 !important; } .top-xl-2 { top: 0.2rem !important; } .top-xl-n2 { top: -0.2rem !important; } .top-xl-4 { top: 0.4rem !important; } .top-xl-n4 { top: -0.4rem !important; } .top-xl-6 { top: 0.6rem !important; } .top-xl-n6 { top: -0.6rem !important; } .top-xl-8 { top: 0.8rem !important; } .top-xl-n8 { top: -0.8rem !important; } .top-xl-10 { top: 1rem !important; } .top-xl-n10 { top: -1rem !important; } .top-xl-12 { top: 1.2rem !important; } .top-xl-n12 { top: -1.2rem !important; } .top-xl-16 { top: 1.6rem !important; } .top-xl-n16 { top: -1.6rem !important; } .top-xl-24 { top: 2.4rem !important; } .top-xl-n24 { top: -2.4rem !important; } .top-xl-32 { top: 3.2rem !important; } .top-xl-n32 { top: -3.2rem !important; } .top-xl-40 { top: 4rem !important; } .top-xl-n40 { top: -4rem !important; } .top-xl-48 { top: 4.8rem !important; } .top-xl-n48 { top: -4.8rem !important; } .top-xl-64 { top: 6.4rem !important; } .top-xl-n64 { top: -6.4rem !important; } .top-xl-96 { top: 9.6rem !important; } .top-xl-n96 { top: -9.6rem !important; } .top-xl-128 { top: 12.8rem !important; } .top-xl-n128 { top: -12.8rem !important; } .top-xl-auto { top: auto !important; } .top-xl-nauto { top: -auto !important; } .left-xl-0 { left: 0 !important; } .left-xl-n0 { left: 0 !important; } .left-xl-2 { left: 0.2rem !important; } .left-xl-n2 { left: -0.2rem !important; } .left-xl-4 { left: 0.4rem !important; } .left-xl-n4 { left: -0.4rem !important; } .left-xl-6 { left: 0.6rem !important; } .left-xl-n6 { left: -0.6rem !important; } .left-xl-8 { left: 0.8rem !important; } .left-xl-n8 { left: -0.8rem !important; } .left-xl-10 { left: 1rem !important; } .left-xl-n10 { left: -1rem !important; } .left-xl-12 { left: 1.2rem !important; } .left-xl-n12 { left: -1.2rem !important; } .left-xl-16 { left: 1.6rem !important; } .left-xl-n16 { left: -1.6rem !important; } .left-xl-24 { left: 2.4rem !important; } .left-xl-n24 { left: -2.4rem !important; } .left-xl-32 { left: 3.2rem !important; } .left-xl-n32 { left: -3.2rem !important; } .left-xl-40 { left: 4rem !important; } .left-xl-n40 { left: -4rem !important; } .left-xl-48 { left: 4.8rem !important; } .left-xl-n48 { left: -4.8rem !important; } .left-xl-64 { left: 6.4rem !important; } .left-xl-n64 { left: -6.4rem !important; } .left-xl-96 { left: 9.6rem !important; } .left-xl-n96 { left: -9.6rem !important; } .left-xl-128 { left: 12.8rem !important; } .left-xl-n128 { left: -12.8rem !important; } .left-xl-auto { left: auto !important; } .left-xl-nauto { left: -auto !important; } .right-xl-0 { right: 0 !important; } .right-xl-n0 { right: 0 !important; } .right-xl-2 { right: 0.2rem !important; } .right-xl-n2 { right: -0.2rem !important; } .right-xl-4 { right: 0.4rem !important; } .right-xl-n4 { right: -0.4rem !important; } .right-xl-6 { right: 0.6rem !important; } .right-xl-n6 { right: -0.6rem !important; } .right-xl-8 { right: 0.8rem !important; } .right-xl-n8 { right: -0.8rem !important; } .right-xl-10 { right: 1rem !important; } .right-xl-n10 { right: -1rem !important; } .right-xl-12 { right: 1.2rem !important; } .right-xl-n12 { right: -1.2rem !important; } .right-xl-16 { right: 1.6rem !important; } .right-xl-n16 { right: -1.6rem !important; } .right-xl-24 { right: 2.4rem !important; } .right-xl-n24 { right: -2.4rem !important; } .right-xl-32 { right: 3.2rem !important; } .right-xl-n32 { right: -3.2rem !important; } .right-xl-40 { right: 4rem !important; } .right-xl-n40 { right: -4rem !important; } .right-xl-48 { right: 4.8rem !important; } .right-xl-n48 { right: -4.8rem !important; } .right-xl-64 { right: 6.4rem !important; } .right-xl-n64 { right: -6.4rem !important; } .right-xl-96 { right: 9.6rem !important; } .right-xl-n96 { right: -9.6rem !important; } .right-xl-128 { right: 12.8rem !important; } .right-xl-n128 { right: -12.8rem !important; } .right-xl-auto { right: auto !important; } .right-xl-nauto { right: -auto !important; } .bottom-xl-0 { bottom: 0 !important; } .bottom-xl-n0 { bottom: 0 !important; } .bottom-xl-2 { bottom: 0.2rem !important; } .bottom-xl-n2 { bottom: -0.2rem !important; } .bottom-xl-4 { bottom: 0.4rem !important; } .bottom-xl-n4 { bottom: -0.4rem !important; } .bottom-xl-6 { bottom: 0.6rem !important; } .bottom-xl-n6 { bottom: -0.6rem !important; } .bottom-xl-8 { bottom: 0.8rem !important; } .bottom-xl-n8 { bottom: -0.8rem !important; } .bottom-xl-10 { bottom: 1rem !important; } .bottom-xl-n10 { bottom: -1rem !important; } .bottom-xl-12 { bottom: 1.2rem !important; } .bottom-xl-n12 { bottom: -1.2rem !important; } .bottom-xl-16 { bottom: 1.6rem !important; } .bottom-xl-n16 { bottom: -1.6rem !important; } .bottom-xl-24 { bottom: 2.4rem !important; } .bottom-xl-n24 { bottom: -2.4rem !important; } .bottom-xl-32 { bottom: 3.2rem !important; } .bottom-xl-n32 { bottom: -3.2rem !important; } .bottom-xl-40 { bottom: 4rem !important; } .bottom-xl-n40 { bottom: -4rem !important; } .bottom-xl-48 { bottom: 4.8rem !important; } .bottom-xl-n48 { bottom: -4.8rem !important; } .bottom-xl-64 { bottom: 6.4rem !important; } .bottom-xl-n64 { bottom: -6.4rem !important; } .bottom-xl-96 { bottom: 9.6rem !important; } .bottom-xl-n96 { bottom: -9.6rem !important; } .bottom-xl-128 { bottom: 12.8rem !important; } .bottom-xl-n128 { bottom: -12.8rem !important; } .bottom-xl-auto { bottom: auto !important; } .bottom-xl-nauto { bottom: -auto !important; } .gap-xl-0 { gap: 0 !important; } .gap-y-xl-0 { row-gap: 0 !important; } .gap-x-xl-0 { column-gap: 0 !important; } .gap-xl-n0 { gap: 0 !important; } .gap-xl-2 { gap: 0.2rem !important; } .gap-y-xl-2 { row-gap: 0.2rem !important; } .gap-x-xl-2 { column-gap: 0.2rem !important; } .gap-xl-n2 { gap: -0.2rem !important; } .gap-xl-4 { gap: 0.4rem !important; } .gap-y-xl-4 { row-gap: 0.4rem !important; } .gap-x-xl-4 { column-gap: 0.4rem !important; } .gap-xl-n4 { gap: -0.4rem !important; } .gap-xl-6 { gap: 0.6rem !important; } .gap-y-xl-6 { row-gap: 0.6rem !important; } .gap-x-xl-6 { column-gap: 0.6rem !important; } .gap-xl-n6 { gap: -0.6rem !important; } .gap-xl-8 { gap: 0.8rem !important; } .gap-y-xl-8 { row-gap: 0.8rem !important; } .gap-x-xl-8 { column-gap: 0.8rem !important; } .gap-xl-n8 { gap: -0.8rem !important; } .gap-xl-10 { gap: 1rem !important; } .gap-y-xl-10 { row-gap: 1rem !important; } .gap-x-xl-10 { column-gap: 1rem !important; } .gap-xl-n10 { gap: -1rem !important; } .gap-xl-12 { gap: 1.2rem !important; } .gap-y-xl-12 { row-gap: 1.2rem !important; } .gap-x-xl-12 { column-gap: 1.2rem !important; } .gap-xl-n12 { gap: -1.2rem !important; } .gap-xl-16 { gap: 1.6rem !important; } .gap-y-xl-16 { row-gap: 1.6rem !important; } .gap-x-xl-16 { column-gap: 1.6rem !important; } .gap-xl-n16 { gap: -1.6rem !important; } .gap-xl-24 { gap: 2.4rem !important; } .gap-y-xl-24 { row-gap: 2.4rem !important; } .gap-x-xl-24 { column-gap: 2.4rem !important; } .gap-xl-n24 { gap: -2.4rem !important; } .gap-xl-32 { gap: 3.2rem !important; } .gap-y-xl-32 { row-gap: 3.2rem !important; } .gap-x-xl-32 { column-gap: 3.2rem !important; } .gap-xl-n32 { gap: -3.2rem !important; } .gap-xl-40 { gap: 4rem !important; } .gap-y-xl-40 { row-gap: 4rem !important; } .gap-x-xl-40 { column-gap: 4rem !important; } .gap-xl-n40 { gap: -4rem !important; } .gap-xl-48 { gap: 4.8rem !important; } .gap-y-xl-48 { row-gap: 4.8rem !important; } .gap-x-xl-48 { column-gap: 4.8rem !important; } .gap-xl-n48 { gap: -4.8rem !important; } .gap-xl-64 { gap: 6.4rem !important; } .gap-y-xl-64 { row-gap: 6.4rem !important; } .gap-x-xl-64 { column-gap: 6.4rem !important; } .gap-xl-n64 { gap: -6.4rem !important; } .gap-xl-96 { gap: 9.6rem !important; } .gap-y-xl-96 { row-gap: 9.6rem !important; } .gap-x-xl-96 { column-gap: 9.6rem !important; } .gap-xl-n96 { gap: -9.6rem !important; } .gap-xl-128 { gap: 12.8rem !important; } .gap-y-xl-128 { row-gap: 12.8rem !important; } .gap-x-xl-128 { column-gap: 12.8rem !important; } .gap-xl-n128 { gap: -12.8rem !important; } .gap-xl-auto { gap: auto !important; } .gap-y-xl-auto { row-gap: auto !important; } .gap-x-xl-auto { column-gap: auto !important; } .gap-xl-nauto { gap: -auto !important; } } @media (min-width: 1680px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-n0 { margin: 0 !important; } .mt-xxl-n0, .my-xxl-n0 { margin-top: 0 !important; } .mr-xxl-n0, .mx-xxl-n0 { margin-right: 0 !important; } .mb-xxl-n0, .my-xxl-n0 { margin-bottom: 0 !important; } .ml-xxl-n0, .mx-xxl-n0 { margin-left: 0 !important; } .m-xxl-2 { margin: 0.2rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.2rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.2rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.2rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.2rem !important; } .m-xxl-n2 { margin: -0.2rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.2rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.2rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.2rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.2rem !important; } .m-xxl-4 { margin: 0.4rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 0.4rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 0.4rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 0.4rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 0.4rem !important; } .m-xxl-n4 { margin: -0.4rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -0.4rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -0.4rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -0.4rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -0.4rem !important; } .m-xxl-6 { margin: 0.6rem !important; } .mt-xxl-6, .my-xxl-6 { margin-top: 0.6rem !important; } .mr-xxl-6, .mx-xxl-6 { margin-right: 0.6rem !important; } .mb-xxl-6, .my-xxl-6 { margin-bottom: 0.6rem !important; } .ml-xxl-6, .mx-xxl-6 { margin-left: 0.6rem !important; } .m-xxl-n6 { margin: -0.6rem !important; } .mt-xxl-n6, .my-xxl-n6 { margin-top: -0.6rem !important; } .mr-xxl-n6, .mx-xxl-n6 { margin-right: -0.6rem !important; } .mb-xxl-n6, .my-xxl-n6 { margin-bottom: -0.6rem !important; } .ml-xxl-n6, .mx-xxl-n6 { margin-left: -0.6rem !important; } .m-xxl-8 { margin: 0.8rem !important; } .mt-xxl-8, .my-xxl-8 { margin-top: 0.8rem !important; } .mr-xxl-8, .mx-xxl-8 { margin-right: 0.8rem !important; } .mb-xxl-8, .my-xxl-8 { margin-bottom: 0.8rem !important; } .ml-xxl-8, .mx-xxl-8 { margin-left: 0.8rem !important; } .m-xxl-n8 { margin: -0.8rem !important; } .mt-xxl-n8, .my-xxl-n8 { margin-top: -0.8rem !important; } .mr-xxl-n8, .mx-xxl-n8 { margin-right: -0.8rem !important; } .mb-xxl-n8, .my-xxl-n8 { margin-bottom: -0.8rem !important; } .ml-xxl-n8, .mx-xxl-n8 { margin-left: -0.8rem !important; } .m-xxl-10 { margin: 1rem !important; } .mt-xxl-10, .my-xxl-10 { margin-top: 1rem !important; } .mr-xxl-10, .mx-xxl-10 { margin-right: 1rem !important; } .mb-xxl-10, .my-xxl-10 { margin-bottom: 1rem !important; } .ml-xxl-10, .mx-xxl-10 { margin-left: 1rem !important; } .m-xxl-n10 { margin: -1rem !important; } .mt-xxl-n10, .my-xxl-n10 { margin-top: -1rem !important; } .mr-xxl-n10, .mx-xxl-n10 { margin-right: -1rem !important; } .mb-xxl-n10, .my-xxl-n10 { margin-bottom: -1rem !important; } .ml-xxl-n10, .mx-xxl-n10 { margin-left: -1rem !important; } .m-xxl-12 { margin: 1.2rem !important; } .mt-xxl-12, .my-xxl-12 { margin-top: 1.2rem !important; } .mr-xxl-12, .mx-xxl-12 { margin-right: 1.2rem !important; } .mb-xxl-12, .my-xxl-12 { margin-bottom: 1.2rem !important; } .ml-xxl-12, .mx-xxl-12 { margin-left: 1.2rem !important; } .m-xxl-n12 { margin: -1.2rem !important; } .mt-xxl-n12, .my-xxl-n12 { margin-top: -1.2rem !important; } .mr-xxl-n12, .mx-xxl-n12 { margin-right: -1.2rem !important; } .mb-xxl-n12, .my-xxl-n12 { margin-bottom: -1.2rem !important; } .ml-xxl-n12, .mx-xxl-n12 { margin-left: -1.2rem !important; } .m-xxl-16 { margin: 1.6rem !important; } .mt-xxl-16, .my-xxl-16 { margin-top: 1.6rem !important; } .mr-xxl-16, .mx-xxl-16 { margin-right: 1.6rem !important; } .mb-xxl-16, .my-xxl-16 { margin-bottom: 1.6rem !important; } .ml-xxl-16, .mx-xxl-16 { margin-left: 1.6rem !important; } .m-xxl-n16 { margin: -1.6rem !important; } .mt-xxl-n16, .my-xxl-n16 { margin-top: -1.6rem !important; } .mr-xxl-n16, .mx-xxl-n16 { margin-right: -1.6rem !important; } .mb-xxl-n16, .my-xxl-n16 { margin-bottom: -1.6rem !important; } .ml-xxl-n16, .mx-xxl-n16 { margin-left: -1.6rem !important; } .m-xxl-24 { margin: 2.4rem !important; } .mt-xxl-24, .my-xxl-24 { margin-top: 2.4rem !important; } .mr-xxl-24, .mx-xxl-24 { margin-right: 2.4rem !important; } .mb-xxl-24, .my-xxl-24 { margin-bottom: 2.4rem !important; } .ml-xxl-24, .mx-xxl-24 { margin-left: 2.4rem !important; } .m-xxl-n24 { margin: -2.4rem !important; } .mt-xxl-n24, .my-xxl-n24 { margin-top: -2.4rem !important; } .mr-xxl-n24, .mx-xxl-n24 { margin-right: -2.4rem !important; } .mb-xxl-n24, .my-xxl-n24 { margin-bottom: -2.4rem !important; } .ml-xxl-n24, .mx-xxl-n24 { margin-left: -2.4rem !important; } .m-xxl-32 { margin: 3.2rem !important; } .mt-xxl-32, .my-xxl-32 { margin-top: 3.2rem !important; } .mr-xxl-32, .mx-xxl-32 { margin-right: 3.2rem !important; } .mb-xxl-32, .my-xxl-32 { margin-bottom: 3.2rem !important; } .ml-xxl-32, .mx-xxl-32 { margin-left: 3.2rem !important; } .m-xxl-n32 { margin: -3.2rem !important; } .mt-xxl-n32, .my-xxl-n32 { margin-top: -3.2rem !important; } .mr-xxl-n32, .mx-xxl-n32 { margin-right: -3.2rem !important; } .mb-xxl-n32, .my-xxl-n32 { margin-bottom: -3.2rem !important; } .ml-xxl-n32, .mx-xxl-n32 { margin-left: -3.2rem !important; } .m-xxl-40 { margin: 4rem !important; } .mt-xxl-40, .my-xxl-40 { margin-top: 4rem !important; } .mr-xxl-40, .mx-xxl-40 { margin-right: 4rem !important; } .mb-xxl-40, .my-xxl-40 { margin-bottom: 4rem !important; } .ml-xxl-40, .mx-xxl-40 { margin-left: 4rem !important; } .m-xxl-n40 { margin: -4rem !important; } .mt-xxl-n40, .my-xxl-n40 { margin-top: -4rem !important; } .mr-xxl-n40, .mx-xxl-n40 { margin-right: -4rem !important; } .mb-xxl-n40, .my-xxl-n40 { margin-bottom: -4rem !important; } .ml-xxl-n40, .mx-xxl-n40 { margin-left: -4rem !important; } .m-xxl-48 { margin: 4.8rem !important; } .mt-xxl-48, .my-xxl-48 { margin-top: 4.8rem !important; } .mr-xxl-48, .mx-xxl-48 { margin-right: 4.8rem !important; } .mb-xxl-48, .my-xxl-48 { margin-bottom: 4.8rem !important; } .ml-xxl-48, .mx-xxl-48 { margin-left: 4.8rem !important; } .m-xxl-n48 { margin: -4.8rem !important; } .mt-xxl-n48, .my-xxl-n48 { margin-top: -4.8rem !important; } .mr-xxl-n48, .mx-xxl-n48 { margin-right: -4.8rem !important; } .mb-xxl-n48, .my-xxl-n48 { margin-bottom: -4.8rem !important; } .ml-xxl-n48, .mx-xxl-n48 { margin-left: -4.8rem !important; } .m-xxl-64 { margin: 6.4rem !important; } .mt-xxl-64, .my-xxl-64 { margin-top: 6.4rem !important; } .mr-xxl-64, .mx-xxl-64 { margin-right: 6.4rem !important; } .mb-xxl-64, .my-xxl-64 { margin-bottom: 6.4rem !important; } .ml-xxl-64, .mx-xxl-64 { margin-left: 6.4rem !important; } .m-xxl-n64 { margin: -6.4rem !important; } .mt-xxl-n64, .my-xxl-n64 { margin-top: -6.4rem !important; } .mr-xxl-n64, .mx-xxl-n64 { margin-right: -6.4rem !important; } .mb-xxl-n64, .my-xxl-n64 { margin-bottom: -6.4rem !important; } .ml-xxl-n64, .mx-xxl-n64 { margin-left: -6.4rem !important; } .m-xxl-96 { margin: 9.6rem !important; } .mt-xxl-96, .my-xxl-96 { margin-top: 9.6rem !important; } .mr-xxl-96, .mx-xxl-96 { margin-right: 9.6rem !important; } .mb-xxl-96, .my-xxl-96 { margin-bottom: 9.6rem !important; } .ml-xxl-96, .mx-xxl-96 { margin-left: 9.6rem !important; } .m-xxl-n96 { margin: -9.6rem !important; } .mt-xxl-n96, .my-xxl-n96 { margin-top: -9.6rem !important; } .mr-xxl-n96, .mx-xxl-n96 { margin-right: -9.6rem !important; } .mb-xxl-n96, .my-xxl-n96 { margin-bottom: -9.6rem !important; } .ml-xxl-n96, .mx-xxl-n96 { margin-left: -9.6rem !important; } .m-xxl-128 { margin: 12.8rem !important; } .mt-xxl-128, .my-xxl-128 { margin-top: 12.8rem !important; } .mr-xxl-128, .mx-xxl-128 { margin-right: 12.8rem !important; } .mb-xxl-128, .my-xxl-128 { margin-bottom: 12.8rem !important; } .ml-xxl-128, .mx-xxl-128 { margin-left: 12.8rem !important; } .m-xxl-n128 { margin: -12.8rem !important; } .mt-xxl-n128, .my-xxl-n128 { margin-top: -12.8rem !important; } .mr-xxl-n128, .mx-xxl-n128 { margin-right: -12.8rem !important; } .mb-xxl-n128, .my-xxl-n128 { margin-bottom: -12.8rem !important; } .ml-xxl-n128, .mx-xxl-n128 { margin-left: -12.8rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } .m-xxl-nauto { margin: -auto !important; } .mt-xxl-nauto, .my-xxl-nauto { margin-top: -auto !important; } .mr-xxl-nauto, .mx-xxl-nauto { margin-right: -auto !important; } .mb-xxl-nauto, .my-xxl-nauto { margin-bottom: -auto !important; } .ml-xxl-nauto, .mx-xxl-nauto { margin-left: -auto !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .m-xxl-n0 { margin: 0 !important; } .mt-xxl-n0, .my-xxl-n0 { margin-top: 0 !important; } .mr-xxl-n0, .mx-xxl-n0 { margin-right: 0 !important; } .mb-xxl-n0, .my-xxl-n0 { margin-bottom: 0 !important; } .ml-xxl-n0, .mx-xxl-n0 { margin-left: 0 !important; } .p-xxl-2 { padding: 0.2rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.2rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.2rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.2rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.2rem !important; } .m-xxl-n2 { margin: -0.2rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.2rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.2rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.2rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.2rem !important; } .p-xxl-4 { padding: 0.4rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 0.4rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 0.4rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 0.4rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 0.4rem !important; } .m-xxl-n4 { margin: -0.4rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -0.4rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -0.4rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -0.4rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -0.4rem !important; } .p-xxl-6 { padding: 0.6rem !important; } .pt-xxl-6, .py-xxl-6 { padding-top: 0.6rem !important; } .pr-xxl-6, .px-xxl-6 { padding-right: 0.6rem !important; } .pb-xxl-6, .py-xxl-6 { padding-bottom: 0.6rem !important; } .pl-xxl-6, .px-xxl-6 { padding-left: 0.6rem !important; } .m-xxl-n6 { margin: -0.6rem !important; } .mt-xxl-n6, .my-xxl-n6 { margin-top: -0.6rem !important; } .mr-xxl-n6, .mx-xxl-n6 { margin-right: -0.6rem !important; } .mb-xxl-n6, .my-xxl-n6 { margin-bottom: -0.6rem !important; } .ml-xxl-n6, .mx-xxl-n6 { margin-left: -0.6rem !important; } .p-xxl-8 { padding: 0.8rem !important; } .pt-xxl-8, .py-xxl-8 { padding-top: 0.8rem !important; } .pr-xxl-8, .px-xxl-8 { padding-right: 0.8rem !important; } .pb-xxl-8, .py-xxl-8 { padding-bottom: 0.8rem !important; } .pl-xxl-8, .px-xxl-8 { padding-left: 0.8rem !important; } .m-xxl-n8 { margin: -0.8rem !important; } .mt-xxl-n8, .my-xxl-n8 { margin-top: -0.8rem !important; } .mr-xxl-n8, .mx-xxl-n8 { margin-right: -0.8rem !important; } .mb-xxl-n8, .my-xxl-n8 { margin-bottom: -0.8rem !important; } .ml-xxl-n8, .mx-xxl-n8 { margin-left: -0.8rem !important; } .p-xxl-10 { padding: 1rem !important; } .pt-xxl-10, .py-xxl-10 { padding-top: 1rem !important; } .pr-xxl-10, .px-xxl-10 { padding-right: 1rem !important; } .pb-xxl-10, .py-xxl-10 { padding-bottom: 1rem !important; } .pl-xxl-10, .px-xxl-10 { padding-left: 1rem !important; } .m-xxl-n10 { margin: -1rem !important; } .mt-xxl-n10, .my-xxl-n10 { margin-top: -1rem !important; } .mr-xxl-n10, .mx-xxl-n10 { margin-right: -1rem !important; } .mb-xxl-n10, .my-xxl-n10 { margin-bottom: -1rem !important; } .ml-xxl-n10, .mx-xxl-n10 { margin-left: -1rem !important; } .p-xxl-12 { padding: 1.2rem !important; } .pt-xxl-12, .py-xxl-12 { padding-top: 1.2rem !important; } .pr-xxl-12, .px-xxl-12 { padding-right: 1.2rem !important; } .pb-xxl-12, .py-xxl-12 { padding-bottom: 1.2rem !important; } .pl-xxl-12, .px-xxl-12 { padding-left: 1.2rem !important; } .m-xxl-n12 { margin: -1.2rem !important; } .mt-xxl-n12, .my-xxl-n12 { margin-top: -1.2rem !important; } .mr-xxl-n12, .mx-xxl-n12 { margin-right: -1.2rem !important; } .mb-xxl-n12, .my-xxl-n12 { margin-bottom: -1.2rem !important; } .ml-xxl-n12, .mx-xxl-n12 { margin-left: -1.2rem !important; } .p-xxl-16 { padding: 1.6rem !important; } .pt-xxl-16, .py-xxl-16 { padding-top: 1.6rem !important; } .pr-xxl-16, .px-xxl-16 { padding-right: 1.6rem !important; } .pb-xxl-16, .py-xxl-16 { padding-bottom: 1.6rem !important; } .pl-xxl-16, .px-xxl-16 { padding-left: 1.6rem !important; } .m-xxl-n16 { margin: -1.6rem !important; } .mt-xxl-n16, .my-xxl-n16 { margin-top: -1.6rem !important; } .mr-xxl-n16, .mx-xxl-n16 { margin-right: -1.6rem !important; } .mb-xxl-n16, .my-xxl-n16 { margin-bottom: -1.6rem !important; } .ml-xxl-n16, .mx-xxl-n16 { margin-left: -1.6rem !important; } .p-xxl-24 { padding: 2.4rem !important; } .pt-xxl-24, .py-xxl-24 { padding-top: 2.4rem !important; } .pr-xxl-24, .px-xxl-24 { padding-right: 2.4rem !important; } .pb-xxl-24, .py-xxl-24 { padding-bottom: 2.4rem !important; } .pl-xxl-24, .px-xxl-24 { padding-left: 2.4rem !important; } .m-xxl-n24 { margin: -2.4rem !important; } .mt-xxl-n24, .my-xxl-n24 { margin-top: -2.4rem !important; } .mr-xxl-n24, .mx-xxl-n24 { margin-right: -2.4rem !important; } .mb-xxl-n24, .my-xxl-n24 { margin-bottom: -2.4rem !important; } .ml-xxl-n24, .mx-xxl-n24 { margin-left: -2.4rem !important; } .p-xxl-32 { padding: 3.2rem !important; } .pt-xxl-32, .py-xxl-32 { padding-top: 3.2rem !important; } .pr-xxl-32, .px-xxl-32 { padding-right: 3.2rem !important; } .pb-xxl-32, .py-xxl-32 { padding-bottom: 3.2rem !important; } .pl-xxl-32, .px-xxl-32 { padding-left: 3.2rem !important; } .m-xxl-n32 { margin: -3.2rem !important; } .mt-xxl-n32, .my-xxl-n32 { margin-top: -3.2rem !important; } .mr-xxl-n32, .mx-xxl-n32 { margin-right: -3.2rem !important; } .mb-xxl-n32, .my-xxl-n32 { margin-bottom: -3.2rem !important; } .ml-xxl-n32, .mx-xxl-n32 { margin-left: -3.2rem !important; } .p-xxl-40 { padding: 4rem !important; } .pt-xxl-40, .py-xxl-40 { padding-top: 4rem !important; } .pr-xxl-40, .px-xxl-40 { padding-right: 4rem !important; } .pb-xxl-40, .py-xxl-40 { padding-bottom: 4rem !important; } .pl-xxl-40, .px-xxl-40 { padding-left: 4rem !important; } .m-xxl-n40 { margin: -4rem !important; } .mt-xxl-n40, .my-xxl-n40 { margin-top: -4rem !important; } .mr-xxl-n40, .mx-xxl-n40 { margin-right: -4rem !important; } .mb-xxl-n40, .my-xxl-n40 { margin-bottom: -4rem !important; } .ml-xxl-n40, .mx-xxl-n40 { margin-left: -4rem !important; } .p-xxl-48 { padding: 4.8rem !important; } .pt-xxl-48, .py-xxl-48 { padding-top: 4.8rem !important; } .pr-xxl-48, .px-xxl-48 { padding-right: 4.8rem !important; } .pb-xxl-48, .py-xxl-48 { padding-bottom: 4.8rem !important; } .pl-xxl-48, .px-xxl-48 { padding-left: 4.8rem !important; } .m-xxl-n48 { margin: -4.8rem !important; } .mt-xxl-n48, .my-xxl-n48 { margin-top: -4.8rem !important; } .mr-xxl-n48, .mx-xxl-n48 { margin-right: -4.8rem !important; } .mb-xxl-n48, .my-xxl-n48 { margin-bottom: -4.8rem !important; } .ml-xxl-n48, .mx-xxl-n48 { margin-left: -4.8rem !important; } .p-xxl-64 { padding: 6.4rem !important; } .pt-xxl-64, .py-xxl-64 { padding-top: 6.4rem !important; } .pr-xxl-64, .px-xxl-64 { padding-right: 6.4rem !important; } .pb-xxl-64, .py-xxl-64 { padding-bottom: 6.4rem !important; } .pl-xxl-64, .px-xxl-64 { padding-left: 6.4rem !important; } .m-xxl-n64 { margin: -6.4rem !important; } .mt-xxl-n64, .my-xxl-n64 { margin-top: -6.4rem !important; } .mr-xxl-n64, .mx-xxl-n64 { margin-right: -6.4rem !important; } .mb-xxl-n64, .my-xxl-n64 { margin-bottom: -6.4rem !important; } .ml-xxl-n64, .mx-xxl-n64 { margin-left: -6.4rem !important; } .p-xxl-96 { padding: 9.6rem !important; } .pt-xxl-96, .py-xxl-96 { padding-top: 9.6rem !important; } .pr-xxl-96, .px-xxl-96 { padding-right: 9.6rem !important; } .pb-xxl-96, .py-xxl-96 { padding-bottom: 9.6rem !important; } .pl-xxl-96, .px-xxl-96 { padding-left: 9.6rem !important; } .m-xxl-n96 { margin: -9.6rem !important; } .mt-xxl-n96, .my-xxl-n96 { margin-top: -9.6rem !important; } .mr-xxl-n96, .mx-xxl-n96 { margin-right: -9.6rem !important; } .mb-xxl-n96, .my-xxl-n96 { margin-bottom: -9.6rem !important; } .ml-xxl-n96, .mx-xxl-n96 { margin-left: -9.6rem !important; } .p-xxl-128 { padding: 12.8rem !important; } .pt-xxl-128, .py-xxl-128 { padding-top: 12.8rem !important; } .pr-xxl-128, .px-xxl-128 { padding-right: 12.8rem !important; } .pb-xxl-128, .py-xxl-128 { padding-bottom: 12.8rem !important; } .pl-xxl-128, .px-xxl-128 { padding-left: 12.8rem !important; } .m-xxl-n128 { margin: -12.8rem !important; } .mt-xxl-n128, .my-xxl-n128 { margin-top: -12.8rem !important; } .mr-xxl-n128, .mx-xxl-n128 { margin-right: -12.8rem !important; } .mb-xxl-n128, .my-xxl-n128 { margin-bottom: -12.8rem !important; } .ml-xxl-n128, .mx-xxl-n128 { margin-left: -12.8rem !important; } .p-xxl-auto { padding: auto !important; } .pt-xxl-auto, .py-xxl-auto { padding-top: auto !important; } .pr-xxl-auto, .px-xxl-auto { padding-right: auto !important; } .pb-xxl-auto, .py-xxl-auto { padding-bottom: auto !important; } .pl-xxl-auto, .px-xxl-auto { padding-left: auto !important; } .m-xxl-nauto { margin: -auto !important; } .mt-xxl-nauto, .my-xxl-nauto { margin-top: -auto !important; } .mr-xxl-nauto, .mx-xxl-nauto { margin-right: -auto !important; } .mb-xxl-nauto, .my-xxl-nauto { margin-bottom: -auto !important; } .ml-xxl-nauto, .mx-xxl-nauto { margin-left: -auto !important; } .top-xxl-0 { top: 0 !important; } .top-xxl-n0 { top: 0 !important; } .top-xxl-2 { top: 0.2rem !important; } .top-xxl-n2 { top: -0.2rem !important; } .top-xxl-4 { top: 0.4rem !important; } .top-xxl-n4 { top: -0.4rem !important; } .top-xxl-6 { top: 0.6rem !important; } .top-xxl-n6 { top: -0.6rem !important; } .top-xxl-8 { top: 0.8rem !important; } .top-xxl-n8 { top: -0.8rem !important; } .top-xxl-10 { top: 1rem !important; } .top-xxl-n10 { top: -1rem !important; } .top-xxl-12 { top: 1.2rem !important; } .top-xxl-n12 { top: -1.2rem !important; } .top-xxl-16 { top: 1.6rem !important; } .top-xxl-n16 { top: -1.6rem !important; } .top-xxl-24 { top: 2.4rem !important; } .top-xxl-n24 { top: -2.4rem !important; } .top-xxl-32 { top: 3.2rem !important; } .top-xxl-n32 { top: -3.2rem !important; } .top-xxl-40 { top: 4rem !important; } .top-xxl-n40 { top: -4rem !important; } .top-xxl-48 { top: 4.8rem !important; } .top-xxl-n48 { top: -4.8rem !important; } .top-xxl-64 { top: 6.4rem !important; } .top-xxl-n64 { top: -6.4rem !important; } .top-xxl-96 { top: 9.6rem !important; } .top-xxl-n96 { top: -9.6rem !important; } .top-xxl-128 { top: 12.8rem !important; } .top-xxl-n128 { top: -12.8rem !important; } .top-xxl-auto { top: auto !important; } .top-xxl-nauto { top: -auto !important; } .left-xxl-0 { left: 0 !important; } .left-xxl-n0 { left: 0 !important; } .left-xxl-2 { left: 0.2rem !important; } .left-xxl-n2 { left: -0.2rem !important; } .left-xxl-4 { left: 0.4rem !important; } .left-xxl-n4 { left: -0.4rem !important; } .left-xxl-6 { left: 0.6rem !important; } .left-xxl-n6 { left: -0.6rem !important; } .left-xxl-8 { left: 0.8rem !important; } .left-xxl-n8 { left: -0.8rem !important; } .left-xxl-10 { left: 1rem !important; } .left-xxl-n10 { left: -1rem !important; } .left-xxl-12 { left: 1.2rem !important; } .left-xxl-n12 { left: -1.2rem !important; } .left-xxl-16 { left: 1.6rem !important; } .left-xxl-n16 { left: -1.6rem !important; } .left-xxl-24 { left: 2.4rem !important; } .left-xxl-n24 { left: -2.4rem !important; } .left-xxl-32 { left: 3.2rem !important; } .left-xxl-n32 { left: -3.2rem !important; } .left-xxl-40 { left: 4rem !important; } .left-xxl-n40 { left: -4rem !important; } .left-xxl-48 { left: 4.8rem !important; } .left-xxl-n48 { left: -4.8rem !important; } .left-xxl-64 { left: 6.4rem !important; } .left-xxl-n64 { left: -6.4rem !important; } .left-xxl-96 { left: 9.6rem !important; } .left-xxl-n96 { left: -9.6rem !important; } .left-xxl-128 { left: 12.8rem !important; } .left-xxl-n128 { left: -12.8rem !important; } .left-xxl-auto { left: auto !important; } .left-xxl-nauto { left: -auto !important; } .right-xxl-0 { right: 0 !important; } .right-xxl-n0 { right: 0 !important; } .right-xxl-2 { right: 0.2rem !important; } .right-xxl-n2 { right: -0.2rem !important; } .right-xxl-4 { right: 0.4rem !important; } .right-xxl-n4 { right: -0.4rem !important; } .right-xxl-6 { right: 0.6rem !important; } .right-xxl-n6 { right: -0.6rem !important; } .right-xxl-8 { right: 0.8rem !important; } .right-xxl-n8 { right: -0.8rem !important; } .right-xxl-10 { right: 1rem !important; } .right-xxl-n10 { right: -1rem !important; } .right-xxl-12 { right: 1.2rem !important; } .right-xxl-n12 { right: -1.2rem !important; } .right-xxl-16 { right: 1.6rem !important; } .right-xxl-n16 { right: -1.6rem !important; } .right-xxl-24 { right: 2.4rem !important; } .right-xxl-n24 { right: -2.4rem !important; } .right-xxl-32 { right: 3.2rem !important; } .right-xxl-n32 { right: -3.2rem !important; } .right-xxl-40 { right: 4rem !important; } .right-xxl-n40 { right: -4rem !important; } .right-xxl-48 { right: 4.8rem !important; } .right-xxl-n48 { right: -4.8rem !important; } .right-xxl-64 { right: 6.4rem !important; } .right-xxl-n64 { right: -6.4rem !important; } .right-xxl-96 { right: 9.6rem !important; } .right-xxl-n96 { right: -9.6rem !important; } .right-xxl-128 { right: 12.8rem !important; } .right-xxl-n128 { right: -12.8rem !important; } .right-xxl-auto { right: auto !important; } .right-xxl-nauto { right: -auto !important; } .bottom-xxl-0 { bottom: 0 !important; } .bottom-xxl-n0 { bottom: 0 !important; } .bottom-xxl-2 { bottom: 0.2rem !important; } .bottom-xxl-n2 { bottom: -0.2rem !important; } .bottom-xxl-4 { bottom: 0.4rem !important; } .bottom-xxl-n4 { bottom: -0.4rem !important; } .bottom-xxl-6 { bottom: 0.6rem !important; } .bottom-xxl-n6 { bottom: -0.6rem !important; } .bottom-xxl-8 { bottom: 0.8rem !important; } .bottom-xxl-n8 { bottom: -0.8rem !important; } .bottom-xxl-10 { bottom: 1rem !important; } .bottom-xxl-n10 { bottom: -1rem !important; } .bottom-xxl-12 { bottom: 1.2rem !important; } .bottom-xxl-n12 { bottom: -1.2rem !important; } .bottom-xxl-16 { bottom: 1.6rem !important; } .bottom-xxl-n16 { bottom: -1.6rem !important; } .bottom-xxl-24 { bottom: 2.4rem !important; } .bottom-xxl-n24 { bottom: -2.4rem !important; } .bottom-xxl-32 { bottom: 3.2rem !important; } .bottom-xxl-n32 { bottom: -3.2rem !important; } .bottom-xxl-40 { bottom: 4rem !important; } .bottom-xxl-n40 { bottom: -4rem !important; } .bottom-xxl-48 { bottom: 4.8rem !important; } .bottom-xxl-n48 { bottom: -4.8rem !important; } .bottom-xxl-64 { bottom: 6.4rem !important; } .bottom-xxl-n64 { bottom: -6.4rem !important; } .bottom-xxl-96 { bottom: 9.6rem !important; } .bottom-xxl-n96 { bottom: -9.6rem !important; } .bottom-xxl-128 { bottom: 12.8rem !important; } .bottom-xxl-n128 { bottom: -12.8rem !important; } .bottom-xxl-auto { bottom: auto !important; } .bottom-xxl-nauto { bottom: -auto !important; } .gap-xxl-0 { gap: 0 !important; } .gap-y-xxl-0 { row-gap: 0 !important; } .gap-x-xxl-0 { column-gap: 0 !important; } .gap-xxl-n0 { gap: 0 !important; } .gap-xxl-2 { gap: 0.2rem !important; } .gap-y-xxl-2 { row-gap: 0.2rem !important; } .gap-x-xxl-2 { column-gap: 0.2rem !important; } .gap-xxl-n2 { gap: -0.2rem !important; } .gap-xxl-4 { gap: 0.4rem !important; } .gap-y-xxl-4 { row-gap: 0.4rem !important; } .gap-x-xxl-4 { column-gap: 0.4rem !important; } .gap-xxl-n4 { gap: -0.4rem !important; } .gap-xxl-6 { gap: 0.6rem !important; } .gap-y-xxl-6 { row-gap: 0.6rem !important; } .gap-x-xxl-6 { column-gap: 0.6rem !important; } .gap-xxl-n6 { gap: -0.6rem !important; } .gap-xxl-8 { gap: 0.8rem !important; } .gap-y-xxl-8 { row-gap: 0.8rem !important; } .gap-x-xxl-8 { column-gap: 0.8rem !important; } .gap-xxl-n8 { gap: -0.8rem !important; } .gap-xxl-10 { gap: 1rem !important; } .gap-y-xxl-10 { row-gap: 1rem !important; } .gap-x-xxl-10 { column-gap: 1rem !important; } .gap-xxl-n10 { gap: -1rem !important; } .gap-xxl-12 { gap: 1.2rem !important; } .gap-y-xxl-12 { row-gap: 1.2rem !important; } .gap-x-xxl-12 { column-gap: 1.2rem !important; } .gap-xxl-n12 { gap: -1.2rem !important; } .gap-xxl-16 { gap: 1.6rem !important; } .gap-y-xxl-16 { row-gap: 1.6rem !important; } .gap-x-xxl-16 { column-gap: 1.6rem !important; } .gap-xxl-n16 { gap: -1.6rem !important; } .gap-xxl-24 { gap: 2.4rem !important; } .gap-y-xxl-24 { row-gap: 2.4rem !important; } .gap-x-xxl-24 { column-gap: 2.4rem !important; } .gap-xxl-n24 { gap: -2.4rem !important; } .gap-xxl-32 { gap: 3.2rem !important; } .gap-y-xxl-32 { row-gap: 3.2rem !important; } .gap-x-xxl-32 { column-gap: 3.2rem !important; } .gap-xxl-n32 { gap: -3.2rem !important; } .gap-xxl-40 { gap: 4rem !important; } .gap-y-xxl-40 { row-gap: 4rem !important; } .gap-x-xxl-40 { column-gap: 4rem !important; } .gap-xxl-n40 { gap: -4rem !important; } .gap-xxl-48 { gap: 4.8rem !important; } .gap-y-xxl-48 { row-gap: 4.8rem !important; } .gap-x-xxl-48 { column-gap: 4.8rem !important; } .gap-xxl-n48 { gap: -4.8rem !important; } .gap-xxl-64 { gap: 6.4rem !important; } .gap-y-xxl-64 { row-gap: 6.4rem !important; } .gap-x-xxl-64 { column-gap: 6.4rem !important; } .gap-xxl-n64 { gap: -6.4rem !important; } .gap-xxl-96 { gap: 9.6rem !important; } .gap-y-xxl-96 { row-gap: 9.6rem !important; } .gap-x-xxl-96 { column-gap: 9.6rem !important; } .gap-xxl-n96 { gap: -9.6rem !important; } .gap-xxl-128 { gap: 12.8rem !important; } .gap-y-xxl-128 { row-gap: 12.8rem !important; } .gap-x-xxl-128 { column-gap: 12.8rem !important; } .gap-xxl-n128 { gap: -12.8rem !important; } .gap-xxl-auto { gap: auto !important; } .gap-y-xxl-auto { row-gap: auto !important; } .gap-x-xxl-auto { column-gap: auto !important; } .gap-xxl-nauto { gap: -auto !important; } } .grid-cols-none { grid-template-columns: none !important; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-col-auto { grid-column: auto !important; } .grid-col-span-1 { grid-column: span 1/span 1 !important; } .grid-col-span-2 { grid-column: span 2/span 2 !important; } .grid-col-span-3 { grid-column: span 3/span 3 !important; } .grid-col-span-4 { grid-column: span 4/span 4 !important; } .grid-col-span-5 { grid-column: span 5/span 5 !important; } .grid-col-span-6 { grid-column: span 6/span 6 !important; } .grid-col-span-7 { grid-column: span 7/span 7 !important; } .grid-col-span-8 { grid-column: span 8/span 8 !important; } .grid-col-span-9 { grid-column: span 9/span 9 !important; } .grid-col-span-10 { grid-column: span 10/span 10 !important; } .grid-col-span-11 { grid-column: span 11/span 11 !important; } .grid-col-span-12 { grid-column: span 12/span 12 !important; } .grid-col-span-full { grid-column: 1/-1 !important; } .grid-col-start-auto { grid-column-start: auto !important; } .grid-col-start-1 { grid-column-start: 1 !important; } .grid-col-start-2 { grid-column-start: 2 !important; } .grid-col-start-3 { grid-column-start: 3 !important; } .grid-col-start-4 { grid-column-start: 4 !important; } .grid-col-start-5 { grid-column-start: 5 !important; } .grid-col-start-6 { grid-column-start: 6 !important; } .grid-col-start-7 { grid-column-start: 7 !important; } .grid-col-start-8 { grid-column-start: 8 !important; } .grid-col-start-9 { grid-column-start: 9 !important; } .grid-col-start-10 { grid-column-start: 10 !important; } .grid-col-start-11 { grid-column-start: 11 !important; } .grid-col-start-12 { grid-column-start: 12 !important; } .grid-col-start-13 { grid-column-start: 13 !important; } .grid-col-end-auto { grid-column-end: auto !important; } .grid-col-end-1 { grid-column-end: 1 !important; } .grid-col-end-2 { grid-column-end: 2 !important; } .grid-col-end-3 { grid-column-end: 3 !important; } .grid-col-end-4 { grid-column-end: 4 !important; } .grid-col-end-5 { grid-column-end: 5 !important; } .grid-col-end-6 { grid-column-end: 6 !important; } .grid-col-end-7 { grid-column-end: 7 !important; } .grid-col-end-8 { grid-column-end: 8 !important; } .grid-col-end-9 { grid-column-end: 9 !important; } .grid-col-end-10 { grid-column-end: 10 !important; } .grid-col-end-11 { grid-column-end: 11 !important; } .grid-col-end-12 { grid-column-end: 12 !important; } .grid-col-end-13 { grid-column-end: 13 !important; } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .grid-rows-none { grid-template-rows: none !important; } .grid-row-auto { grid-row: auto !important; } .grid-row-span-1 { grid-row: span 1/span 1 !important; } .grid-row-span-2 { grid-row: span 2/span 2 !important; } .grid-row-span-3 { grid-row: span 3/span 3 !important; } .grid-row-span-4 { grid-row: span 4/span 4 !important; } .grid-row-span-5 { grid-row: span 5/span 5 !important; } .grid-row-span-6 { grid-row: span 6/span 6 !important; } .grid-row-span-full { grid-row: 1/-1 !important; } .grid-row-start-auto { grid-row-start: auto !important; } .grid-row-start-1 { grid-row-start: 1 !important; } .grid-row-start-2 { grid-row-start: 2 !important; } .grid-row-start-3 { grid-row-start: 3 !important; } .grid-row-start-4 { grid-row-start: 4 !important; } .grid-row-start-5 { grid-row-start: 5 !important; } .grid-row-start-6 { grid-row-start: 6 !important; } .grid-row-start-7 { grid-row-start: 7 !important; } .grid-row-end-auto { grid-row-end: auto !important; } .grid-row-end-1 { grid-row-end: 1 !important; } .grid-row-end-2 { grid-row-end: 2 !important; } .grid-row-end-3 { grid-row-end: 3 !important; } .grid-row-end-4 { grid-row-end: 4 !important; } .grid-row-end-5 { grid-row-end: 5 !important; } .grid-row-end-6 { grid-row-end: 6 !important; } .grid-row-end-7 { grid-row-end: 7 !important; } .grid-flow-row { grid-auto-flow: row !important; } .grid-flow-col { grid-auto-flow: column !important; } .grid-flow-dense { grid-auto-flow: dense !important; } .grid-flow-row-dense { grid-auto-flow: row dense !important; } .grid-flow-col-dense { grid-auto-flow: column dense !important; } .grid-auto-cols-auto { grid-auto-columns: auto !important; } .grid-auto-cols-min { grid-auto-columns: min-content !important; } .grid-auto-cols-max { grid-auto-columns: max-content !important; } .grid-auto-cols-fr { grid-auto-columns: minmax(0, 1fr) !important; } .grid-auto-rows-auto { grid-auto-rows: auto !important; } .grid-auto-rows-min { grid-auto-rows: min-content !important; } .grid-auto-rows-max { grid-auto-rows: max-content !important; } .grid-auto-rows-fr { grid-auto-rows: minmax(0, 1fr) !important; } @media (min-width: 550px) { .grid-cols-xs-none { grid-template-columns: none !important; } .grid-cols-xs-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-xs-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-xs-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-xs-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .grid-cols-xs-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .grid-cols-xs-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .grid-cols-xs-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .grid-cols-xs-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .grid-cols-xs-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .grid-cols-xs-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .grid-cols-xs-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .grid-cols-xs-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-col-xs-auto { grid-column: auto !important; } .grid-col-span-xs-1 { grid-column: span 1/span 1 !important; } .grid-col-span-xs-2 { grid-column: span 2/span 2 !important; } .grid-col-span-xs-3 { grid-column: span 3/span 3 !important; } .grid-col-span-xs-4 { grid-column: span 4/span 4 !important; } .grid-col-span-xs-5 { grid-column: span 5/span 5 !important; } .grid-col-span-xs-6 { grid-column: span 6/span 6 !important; } .grid-col-span-xs-7 { grid-column: span 7/span 7 !important; } .grid-col-span-xs-8 { grid-column: span 8/span 8 !important; } .grid-col-span-xs-9 { grid-column: span 9/span 9 !important; } .grid-col-span-xs-10 { grid-column: span 10/span 10 !important; } .grid-col-span-xs-11 { grid-column: span 11/span 11 !important; } .grid-col-span-xs-12 { grid-column: span 12/span 12 !important; } .grid-col-span-xs-full { grid-column: 1/-1 !important; } .grid-col-start-xs-auto { grid-column-start: auto !important; } .grid-col-start-xs-1 { grid-column-start: 1 !important; } .grid-col-start-xs-2 { grid-column-start: 2 !important; } .grid-col-start-xs-3 { grid-column-start: 3 !important; } .grid-col-start-xs-4 { grid-column-start: 4 !important; } .grid-col-start-xs-5 { grid-column-start: 5 !important; } .grid-col-start-xs-6 { grid-column-start: 6 !important; } .grid-col-start-xs-7 { grid-column-start: 7 !important; } .grid-col-start-xs-8 { grid-column-start: 8 !important; } .grid-col-start-xs-9 { grid-column-start: 9 !important; } .grid-col-start-xs-10 { grid-column-start: 10 !important; } .grid-col-start-xs-11 { grid-column-start: 11 !important; } .grid-col-start-xs-12 { grid-column-start: 12 !important; } .grid-col-start-xs-13 { grid-column-start: 13 !important; } .grid-col-end-xs-auto { grid-column-end: auto !important; } .grid-col-end-xs-1 { grid-column-end: 1 !important; } .grid-col-end-xs-2 { grid-column-end: 2 !important; } .grid-col-end-xs-3 { grid-column-end: 3 !important; } .grid-col-end-xs-4 { grid-column-end: 4 !important; } .grid-col-end-xs-5 { grid-column-end: 5 !important; } .grid-col-end-xs-6 { grid-column-end: 6 !important; } .grid-col-end-xs-7 { grid-column-end: 7 !important; } .grid-col-end-xs-8 { grid-column-end: 8 !important; } .grid-col-end-xs-9 { grid-column-end: 9 !important; } .grid-col-end-xs-10 { grid-column-end: 10 !important; } .grid-col-end-xs-11 { grid-column-end: 11 !important; } .grid-col-end-xs-12 { grid-column-end: 12 !important; } .grid-col-end-xs-13 { grid-column-end: 13 !important; } .grid-rows-xs-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .grid-rows-xs-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .grid-rows-xs-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .grid-rows-xs-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .grid-rows-xs-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .grid-rows-xs-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .grid-rows-xs-none { grid-template-rows: none !important; } .grid-row-xs-auto { grid-row: auto !important; } .grid-row-span-xs-1 { grid-row: span 1/span 1 !important; } .grid-row-span-xs-2 { grid-row: span 2/span 2 !important; } .grid-row-span-xs-3 { grid-row: span 3/span 3 !important; } .grid-row-span-xs-4 { grid-row: span 4/span 4 !important; } .grid-row-span-xs-5 { grid-row: span 5/span 5 !important; } .grid-row-span-xs-6 { grid-row: span 6/span 6 !important; } .grid-row-span-xs-full { grid-row: 1/-1 !important; } .grid-row-start-xs-auto { grid-row-start: auto !important; } .grid-row-start-xs-1 { grid-row-start: 1 !important; } .grid-row-start-xs-2 { grid-row-start: 2 !important; } .grid-row-start-xs-3 { grid-row-start: 3 !important; } .grid-row-start-xs-4 { grid-row-start: 4 !important; } .grid-row-start-xs-5 { grid-row-start: 5 !important; } .grid-row-start-xs-6 { grid-row-start: 6 !important; } .grid-row-start-xs-7 { grid-row-start: 7 !important; } .grid-row-end-xs-auto { grid-row-end: auto !important; } .grid-row-end-xs-1 { grid-row-end: 1 !important; } .grid-row-end-xs-2 { grid-row-end: 2 !important; } .grid-row-end-xs-3 { grid-row-end: 3 !important; } .grid-row-end-xs-4 { grid-row-end: 4 !important; } .grid-row-end-xs-5 { grid-row-end: 5 !important; } .grid-row-end-xs-6 { grid-row-end: 6 !important; } .grid-row-end-xs-7 { grid-row-end: 7 !important; } .grid-flow-xs-row { grid-auto-flow: row !important; } .grid-flow-xs-col { grid-auto-flow: column !important; } .grid-flow-xs-dense { grid-auto-flow: dense !important; } .grid-flow-xs-row-dense { grid-auto-flow: row dense !important; } .grid-flow-xs-col-dense { grid-auto-flow: column dense !important; } .grid-auto-cols-xs-auto { grid-auto-columns: auto !important; } .grid-auto-cols-xs-min { grid-auto-columns: min-content !important; } .grid-auto-cols-xs-max { grid-auto-columns: max-content !important; } .grid-auto-cols-xs-fr { grid-auto-columns: minmax(0, 1fr) !important; } .grid-auto-rows-xs-auto { grid-auto-rows: auto !important; } .grid-auto-rows-xs-min { grid-auto-rows: min-content !important; } .grid-auto-rows-xs-max { grid-auto-rows: max-content !important; } .grid-auto-rows-xs-fr { grid-auto-rows: minmax(0, 1fr) !important; } } @media (min-width: 769px) { .grid-cols-sm-none { grid-template-columns: none !important; } .grid-cols-sm-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-sm-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-sm-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-sm-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .grid-cols-sm-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .grid-cols-sm-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .grid-cols-sm-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .grid-cols-sm-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .grid-cols-sm-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .grid-cols-sm-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .grid-cols-sm-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .grid-cols-sm-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-col-sm-auto { grid-column: auto !important; } .grid-col-span-sm-1 { grid-column: span 1/span 1 !important; } .grid-col-span-sm-2 { grid-column: span 2/span 2 !important; } .grid-col-span-sm-3 { grid-column: span 3/span 3 !important; } .grid-col-span-sm-4 { grid-column: span 4/span 4 !important; } .grid-col-span-sm-5 { grid-column: span 5/span 5 !important; } .grid-col-span-sm-6 { grid-column: span 6/span 6 !important; } .grid-col-span-sm-7 { grid-column: span 7/span 7 !important; } .grid-col-span-sm-8 { grid-column: span 8/span 8 !important; } .grid-col-span-sm-9 { grid-column: span 9/span 9 !important; } .grid-col-span-sm-10 { grid-column: span 10/span 10 !important; } .grid-col-span-sm-11 { grid-column: span 11/span 11 !important; } .grid-col-span-sm-12 { grid-column: span 12/span 12 !important; } .grid-col-span-sm-full { grid-column: 1/-1 !important; } .grid-col-start-sm-auto { grid-column-start: auto !important; } .grid-col-start-sm-1 { grid-column-start: 1 !important; } .grid-col-start-sm-2 { grid-column-start: 2 !important; } .grid-col-start-sm-3 { grid-column-start: 3 !important; } .grid-col-start-sm-4 { grid-column-start: 4 !important; } .grid-col-start-sm-5 { grid-column-start: 5 !important; } .grid-col-start-sm-6 { grid-column-start: 6 !important; } .grid-col-start-sm-7 { grid-column-start: 7 !important; } .grid-col-start-sm-8 { grid-column-start: 8 !important; } .grid-col-start-sm-9 { grid-column-start: 9 !important; } .grid-col-start-sm-10 { grid-column-start: 10 !important; } .grid-col-start-sm-11 { grid-column-start: 11 !important; } .grid-col-start-sm-12 { grid-column-start: 12 !important; } .grid-col-start-sm-13 { grid-column-start: 13 !important; } .grid-col-end-sm-auto { grid-column-end: auto !important; } .grid-col-end-sm-1 { grid-column-end: 1 !important; } .grid-col-end-sm-2 { grid-column-end: 2 !important; } .grid-col-end-sm-3 { grid-column-end: 3 !important; } .grid-col-end-sm-4 { grid-column-end: 4 !important; } .grid-col-end-sm-5 { grid-column-end: 5 !important; } .grid-col-end-sm-6 { grid-column-end: 6 !important; } .grid-col-end-sm-7 { grid-column-end: 7 !important; } .grid-col-end-sm-8 { grid-column-end: 8 !important; } .grid-col-end-sm-9 { grid-column-end: 9 !important; } .grid-col-end-sm-10 { grid-column-end: 10 !important; } .grid-col-end-sm-11 { grid-column-end: 11 !important; } .grid-col-end-sm-12 { grid-column-end: 12 !important; } .grid-col-end-sm-13 { grid-column-end: 13 !important; } .grid-rows-sm-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .grid-rows-sm-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .grid-rows-sm-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .grid-rows-sm-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .grid-rows-sm-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .grid-rows-sm-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .grid-rows-sm-none { grid-template-rows: none !important; } .grid-row-sm-auto { grid-row: auto !important; } .grid-row-span-sm-1 { grid-row: span 1/span 1 !important; } .grid-row-span-sm-2 { grid-row: span 2/span 2 !important; } .grid-row-span-sm-3 { grid-row: span 3/span 3 !important; } .grid-row-span-sm-4 { grid-row: span 4/span 4 !important; } .grid-row-span-sm-5 { grid-row: span 5/span 5 !important; } .grid-row-span-sm-6 { grid-row: span 6/span 6 !important; } .grid-row-span-sm-full { grid-row: 1/-1 !important; } .grid-row-start-sm-auto { grid-row-start: auto !important; } .grid-row-start-sm-1 { grid-row-start: 1 !important; } .grid-row-start-sm-2 { grid-row-start: 2 !important; } .grid-row-start-sm-3 { grid-row-start: 3 !important; } .grid-row-start-sm-4 { grid-row-start: 4 !important; } .grid-row-start-sm-5 { grid-row-start: 5 !important; } .grid-row-start-sm-6 { grid-row-start: 6 !important; } .grid-row-start-sm-7 { grid-row-start: 7 !important; } .grid-row-end-sm-auto { grid-row-end: auto !important; } .grid-row-end-sm-1 { grid-row-end: 1 !important; } .grid-row-end-sm-2 { grid-row-end: 2 !important; } .grid-row-end-sm-3 { grid-row-end: 3 !important; } .grid-row-end-sm-4 { grid-row-end: 4 !important; } .grid-row-end-sm-5 { grid-row-end: 5 !important; } .grid-row-end-sm-6 { grid-row-end: 6 !important; } .grid-row-end-sm-7 { grid-row-end: 7 !important; } .grid-flow-sm-row { grid-auto-flow: row !important; } .grid-flow-sm-col { grid-auto-flow: column !important; } .grid-flow-sm-dense { grid-auto-flow: dense !important; } .grid-flow-sm-row-dense { grid-auto-flow: row dense !important; } .grid-flow-sm-col-dense { grid-auto-flow: column dense !important; } .grid-auto-cols-sm-auto { grid-auto-columns: auto !important; } .grid-auto-cols-sm-min { grid-auto-columns: min-content !important; } .grid-auto-cols-sm-max { grid-auto-columns: max-content !important; } .grid-auto-cols-sm-fr { grid-auto-columns: minmax(0, 1fr) !important; } .grid-auto-rows-sm-auto { grid-auto-rows: auto !important; } .grid-auto-rows-sm-min { grid-auto-rows: min-content !important; } .grid-auto-rows-sm-max { grid-auto-rows: max-content !important; } .grid-auto-rows-sm-fr { grid-auto-rows: minmax(0, 1fr) !important; } } @media (min-width: 992px) { .grid-cols-md-none { grid-template-columns: none !important; } .grid-cols-md-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-md-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-md-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-md-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .grid-cols-md-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .grid-cols-md-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .grid-cols-md-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .grid-cols-md-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .grid-cols-md-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .grid-cols-md-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .grid-cols-md-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .grid-cols-md-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-col-md-auto { grid-column: auto !important; } .grid-col-span-md-1 { grid-column: span 1/span 1 !important; } .grid-col-span-md-2 { grid-column: span 2/span 2 !important; } .grid-col-span-md-3 { grid-column: span 3/span 3 !important; } .grid-col-span-md-4 { grid-column: span 4/span 4 !important; } .grid-col-span-md-5 { grid-column: span 5/span 5 !important; } .grid-col-span-md-6 { grid-column: span 6/span 6 !important; } .grid-col-span-md-7 { grid-column: span 7/span 7 !important; } .grid-col-span-md-8 { grid-column: span 8/span 8 !important; } .grid-col-span-md-9 { grid-column: span 9/span 9 !important; } .grid-col-span-md-10 { grid-column: span 10/span 10 !important; } .grid-col-span-md-11 { grid-column: span 11/span 11 !important; } .grid-col-span-md-12 { grid-column: span 12/span 12 !important; } .grid-col-span-md-full { grid-column: 1/-1 !important; } .grid-col-start-md-auto { grid-column-start: auto !important; } .grid-col-start-md-1 { grid-column-start: 1 !important; } .grid-col-start-md-2 { grid-column-start: 2 !important; } .grid-col-start-md-3 { grid-column-start: 3 !important; } .grid-col-start-md-4 { grid-column-start: 4 !important; } .grid-col-start-md-5 { grid-column-start: 5 !important; } .grid-col-start-md-6 { grid-column-start: 6 !important; } .grid-col-start-md-7 { grid-column-start: 7 !important; } .grid-col-start-md-8 { grid-column-start: 8 !important; } .grid-col-start-md-9 { grid-column-start: 9 !important; } .grid-col-start-md-10 { grid-column-start: 10 !important; } .grid-col-start-md-11 { grid-column-start: 11 !important; } .grid-col-start-md-12 { grid-column-start: 12 !important; } .grid-col-start-md-13 { grid-column-start: 13 !important; } .grid-col-end-md-auto { grid-column-end: auto !important; } .grid-col-end-md-1 { grid-column-end: 1 !important; } .grid-col-end-md-2 { grid-column-end: 2 !important; } .grid-col-end-md-3 { grid-column-end: 3 !important; } .grid-col-end-md-4 { grid-column-end: 4 !important; } .grid-col-end-md-5 { grid-column-end: 5 !important; } .grid-col-end-md-6 { grid-column-end: 6 !important; } .grid-col-end-md-7 { grid-column-end: 7 !important; } .grid-col-end-md-8 { grid-column-end: 8 !important; } .grid-col-end-md-9 { grid-column-end: 9 !important; } .grid-col-end-md-10 { grid-column-end: 10 !important; } .grid-col-end-md-11 { grid-column-end: 11 !important; } .grid-col-end-md-12 { grid-column-end: 12 !important; } .grid-col-end-md-13 { grid-column-end: 13 !important; } .grid-rows-md-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .grid-rows-md-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .grid-rows-md-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .grid-rows-md-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .grid-rows-md-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .grid-rows-md-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .grid-rows-md-none { grid-template-rows: none !important; } .grid-row-md-auto { grid-row: auto !important; } .grid-row-span-md-1 { grid-row: span 1/span 1 !important; } .grid-row-span-md-2 { grid-row: span 2/span 2 !important; } .grid-row-span-md-3 { grid-row: span 3/span 3 !important; } .grid-row-span-md-4 { grid-row: span 4/span 4 !important; } .grid-row-span-md-5 { grid-row: span 5/span 5 !important; } .grid-row-span-md-6 { grid-row: span 6/span 6 !important; } .grid-row-span-md-full { grid-row: 1/-1 !important; } .grid-row-start-md-auto { grid-row-start: auto !important; } .grid-row-start-md-1 { grid-row-start: 1 !important; } .grid-row-start-md-2 { grid-row-start: 2 !important; } .grid-row-start-md-3 { grid-row-start: 3 !important; } .grid-row-start-md-4 { grid-row-start: 4 !important; } .grid-row-start-md-5 { grid-row-start: 5 !important; } .grid-row-start-md-6 { grid-row-start: 6 !important; } .grid-row-start-md-7 { grid-row-start: 7 !important; } .grid-row-end-md-auto { grid-row-end: auto !important; } .grid-row-end-md-1 { grid-row-end: 1 !important; } .grid-row-end-md-2 { grid-row-end: 2 !important; } .grid-row-end-md-3 { grid-row-end: 3 !important; } .grid-row-end-md-4 { grid-row-end: 4 !important; } .grid-row-end-md-5 { grid-row-end: 5 !important; } .grid-row-end-md-6 { grid-row-end: 6 !important; } .grid-row-end-md-7 { grid-row-end: 7 !important; } .grid-flow-md-row { grid-auto-flow: row !important; } .grid-flow-md-col { grid-auto-flow: column !important; } .grid-flow-md-dense { grid-auto-flow: dense !important; } .grid-flow-md-row-dense { grid-auto-flow: row dense !important; } .grid-flow-md-col-dense { grid-auto-flow: column dense !important; } .grid-auto-cols-md-auto { grid-auto-columns: auto !important; } .grid-auto-cols-md-min { grid-auto-columns: min-content !important; } .grid-auto-cols-md-max { grid-auto-columns: max-content !important; } .grid-auto-cols-md-fr { grid-auto-columns: minmax(0, 1fr) !important; } .grid-auto-rows-md-auto { grid-auto-rows: auto !important; } .grid-auto-rows-md-min { grid-auto-rows: min-content !important; } .grid-auto-rows-md-max { grid-auto-rows: max-content !important; } .grid-auto-rows-md-fr { grid-auto-rows: minmax(0, 1fr) !important; } } @media (min-width: 1280px) { .grid-cols-lg-none { grid-template-columns: none !important; } .grid-cols-lg-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-lg-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-lg-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-lg-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .grid-cols-lg-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .grid-cols-lg-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .grid-cols-lg-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .grid-cols-lg-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .grid-cols-lg-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .grid-cols-lg-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .grid-cols-lg-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .grid-cols-lg-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-col-lg-auto { grid-column: auto !important; } .grid-col-span-lg-1 { grid-column: span 1/span 1 !important; } .grid-col-span-lg-2 { grid-column: span 2/span 2 !important; } .grid-col-span-lg-3 { grid-column: span 3/span 3 !important; } .grid-col-span-lg-4 { grid-column: span 4/span 4 !important; } .grid-col-span-lg-5 { grid-column: span 5/span 5 !important; } .grid-col-span-lg-6 { grid-column: span 6/span 6 !important; } .grid-col-span-lg-7 { grid-column: span 7/span 7 !important; } .grid-col-span-lg-8 { grid-column: span 8/span 8 !important; } .grid-col-span-lg-9 { grid-column: span 9/span 9 !important; } .grid-col-span-lg-10 { grid-column: span 10/span 10 !important; } .grid-col-span-lg-11 { grid-column: span 11/span 11 !important; } .grid-col-span-lg-12 { grid-column: span 12/span 12 !important; } .grid-col-span-lg-full { grid-column: 1/-1 !important; } .grid-col-start-lg-auto { grid-column-start: auto !important; } .grid-col-start-lg-1 { grid-column-start: 1 !important; } .grid-col-start-lg-2 { grid-column-start: 2 !important; } .grid-col-start-lg-3 { grid-column-start: 3 !important; } .grid-col-start-lg-4 { grid-column-start: 4 !important; } .grid-col-start-lg-5 { grid-column-start: 5 !important; } .grid-col-start-lg-6 { grid-column-start: 6 !important; } .grid-col-start-lg-7 { grid-column-start: 7 !important; } .grid-col-start-lg-8 { grid-column-start: 8 !important; } .grid-col-start-lg-9 { grid-column-start: 9 !important; } .grid-col-start-lg-10 { grid-column-start: 10 !important; } .grid-col-start-lg-11 { grid-column-start: 11 !important; } .grid-col-start-lg-12 { grid-column-start: 12 !important; } .grid-col-start-lg-13 { grid-column-start: 13 !important; } .grid-col-end-lg-auto { grid-column-end: auto !important; } .grid-col-end-lg-1 { grid-column-end: 1 !important; } .grid-col-end-lg-2 { grid-column-end: 2 !important; } .grid-col-end-lg-3 { grid-column-end: 3 !important; } .grid-col-end-lg-4 { grid-column-end: 4 !important; } .grid-col-end-lg-5 { grid-column-end: 5 !important; } .grid-col-end-lg-6 { grid-column-end: 6 !important; } .grid-col-end-lg-7 { grid-column-end: 7 !important; } .grid-col-end-lg-8 { grid-column-end: 8 !important; } .grid-col-end-lg-9 { grid-column-end: 9 !important; } .grid-col-end-lg-10 { grid-column-end: 10 !important; } .grid-col-end-lg-11 { grid-column-end: 11 !important; } .grid-col-end-lg-12 { grid-column-end: 12 !important; } .grid-col-end-lg-13 { grid-column-end: 13 !important; } .grid-rows-lg-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .grid-rows-lg-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .grid-rows-lg-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .grid-rows-lg-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .grid-rows-lg-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .grid-rows-lg-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .grid-rows-lg-none { grid-template-rows: none !important; } .grid-row-lg-auto { grid-row: auto !important; } .grid-row-span-lg-1 { grid-row: span 1/span 1 !important; } .grid-row-span-lg-2 { grid-row: span 2/span 2 !important; } .grid-row-span-lg-3 { grid-row: span 3/span 3 !important; } .grid-row-span-lg-4 { grid-row: span 4/span 4 !important; } .grid-row-span-lg-5 { grid-row: span 5/span 5 !important; } .grid-row-span-lg-6 { grid-row: span 6/span 6 !important; } .grid-row-span-lg-full { grid-row: 1/-1 !important; } .grid-row-start-lg-auto { grid-row-start: auto !important; } .grid-row-start-lg-1 { grid-row-start: 1 !important; } .grid-row-start-lg-2 { grid-row-start: 2 !important; } .grid-row-start-lg-3 { grid-row-start: 3 !important; } .grid-row-start-lg-4 { grid-row-start: 4 !important; } .grid-row-start-lg-5 { grid-row-start: 5 !important; } .grid-row-start-lg-6 { grid-row-start: 6 !important; } .grid-row-start-lg-7 { grid-row-start: 7 !important; } .grid-row-end-lg-auto { grid-row-end: auto !important; } .grid-row-end-lg-1 { grid-row-end: 1 !important; } .grid-row-end-lg-2 { grid-row-end: 2 !important; } .grid-row-end-lg-3 { grid-row-end: 3 !important; } .grid-row-end-lg-4 { grid-row-end: 4 !important; } .grid-row-end-lg-5 { grid-row-end: 5 !important; } .grid-row-end-lg-6 { grid-row-end: 6 !important; } .grid-row-end-lg-7 { grid-row-end: 7 !important; } .grid-flow-lg-row { grid-auto-flow: row !important; } .grid-flow-lg-col { grid-auto-flow: column !important; } .grid-flow-lg-dense { grid-auto-flow: dense !important; } .grid-flow-lg-row-dense { grid-auto-flow: row dense !important; } .grid-flow-lg-col-dense { grid-auto-flow: column dense !important; } .grid-auto-cols-lg-auto { grid-auto-columns: auto !important; } .grid-auto-cols-lg-min { grid-auto-columns: min-content !important; } .grid-auto-cols-lg-max { grid-auto-columns: max-content !important; } .grid-auto-cols-lg-fr { grid-auto-columns: minmax(0, 1fr) !important; } .grid-auto-rows-lg-auto { grid-auto-rows: auto !important; } .grid-auto-rows-lg-min { grid-auto-rows: min-content !important; } .grid-auto-rows-lg-max { grid-auto-rows: max-content !important; } .grid-auto-rows-lg-fr { grid-auto-rows: minmax(0, 1fr) !important; } } @media (min-width: 1440px) { .grid-cols-xl-none { grid-template-columns: none !important; } .grid-cols-xl-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-xl-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-xl-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-xl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .grid-cols-xl-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .grid-cols-xl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .grid-cols-xl-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .grid-cols-xl-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .grid-cols-xl-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .grid-cols-xl-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .grid-cols-xl-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .grid-cols-xl-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-col-xl-auto { grid-column: auto !important; } .grid-col-span-xl-1 { grid-column: span 1/span 1 !important; } .grid-col-span-xl-2 { grid-column: span 2/span 2 !important; } .grid-col-span-xl-3 { grid-column: span 3/span 3 !important; } .grid-col-span-xl-4 { grid-column: span 4/span 4 !important; } .grid-col-span-xl-5 { grid-column: span 5/span 5 !important; } .grid-col-span-xl-6 { grid-column: span 6/span 6 !important; } .grid-col-span-xl-7 { grid-column: span 7/span 7 !important; } .grid-col-span-xl-8 { grid-column: span 8/span 8 !important; } .grid-col-span-xl-9 { grid-column: span 9/span 9 !important; } .grid-col-span-xl-10 { grid-column: span 10/span 10 !important; } .grid-col-span-xl-11 { grid-column: span 11/span 11 !important; } .grid-col-span-xl-12 { grid-column: span 12/span 12 !important; } .grid-col-span-xl-full { grid-column: 1/-1 !important; } .grid-col-start-xl-auto { grid-column-start: auto !important; } .grid-col-start-xl-1 { grid-column-start: 1 !important; } .grid-col-start-xl-2 { grid-column-start: 2 !important; } .grid-col-start-xl-3 { grid-column-start: 3 !important; } .grid-col-start-xl-4 { grid-column-start: 4 !important; } .grid-col-start-xl-5 { grid-column-start: 5 !important; } .grid-col-start-xl-6 { grid-column-start: 6 !important; } .grid-col-start-xl-7 { grid-column-start: 7 !important; } .grid-col-start-xl-8 { grid-column-start: 8 !important; } .grid-col-start-xl-9 { grid-column-start: 9 !important; } .grid-col-start-xl-10 { grid-column-start: 10 !important; } .grid-col-start-xl-11 { grid-column-start: 11 !important; } .grid-col-start-xl-12 { grid-column-start: 12 !important; } .grid-col-start-xl-13 { grid-column-start: 13 !important; } .grid-col-end-xl-auto { grid-column-end: auto !important; } .grid-col-end-xl-1 { grid-column-end: 1 !important; } .grid-col-end-xl-2 { grid-column-end: 2 !important; } .grid-col-end-xl-3 { grid-column-end: 3 !important; } .grid-col-end-xl-4 { grid-column-end: 4 !important; } .grid-col-end-xl-5 { grid-column-end: 5 !important; } .grid-col-end-xl-6 { grid-column-end: 6 !important; } .grid-col-end-xl-7 { grid-column-end: 7 !important; } .grid-col-end-xl-8 { grid-column-end: 8 !important; } .grid-col-end-xl-9 { grid-column-end: 9 !important; } .grid-col-end-xl-10 { grid-column-end: 10 !important; } .grid-col-end-xl-11 { grid-column-end: 11 !important; } .grid-col-end-xl-12 { grid-column-end: 12 !important; } .grid-col-end-xl-13 { grid-column-end: 13 !important; } .grid-rows-xl-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .grid-rows-xl-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .grid-rows-xl-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .grid-rows-xl-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .grid-rows-xl-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .grid-rows-xl-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .grid-rows-xl-none { grid-template-rows: none !important; } .grid-row-xl-auto { grid-row: auto !important; } .grid-row-span-xl-1 { grid-row: span 1/span 1 !important; } .grid-row-span-xl-2 { grid-row: span 2/span 2 !important; } .grid-row-span-xl-3 { grid-row: span 3/span 3 !important; } .grid-row-span-xl-4 { grid-row: span 4/span 4 !important; } .grid-row-span-xl-5 { grid-row: span 5/span 5 !important; } .grid-row-span-xl-6 { grid-row: span 6/span 6 !important; } .grid-row-span-xl-full { grid-row: 1/-1 !important; } .grid-row-start-xl-auto { grid-row-start: auto !important; } .grid-row-start-xl-1 { grid-row-start: 1 !important; } .grid-row-start-xl-2 { grid-row-start: 2 !important; } .grid-row-start-xl-3 { grid-row-start: 3 !important; } .grid-row-start-xl-4 { grid-row-start: 4 !important; } .grid-row-start-xl-5 { grid-row-start: 5 !important; } .grid-row-start-xl-6 { grid-row-start: 6 !important; } .grid-row-start-xl-7 { grid-row-start: 7 !important; } .grid-row-end-xl-auto { grid-row-end: auto !important; } .grid-row-end-xl-1 { grid-row-end: 1 !important; } .grid-row-end-xl-2 { grid-row-end: 2 !important; } .grid-row-end-xl-3 { grid-row-end: 3 !important; } .grid-row-end-xl-4 { grid-row-end: 4 !important; } .grid-row-end-xl-5 { grid-row-end: 5 !important; } .grid-row-end-xl-6 { grid-row-end: 6 !important; } .grid-row-end-xl-7 { grid-row-end: 7 !important; } .grid-flow-xl-row { grid-auto-flow: row !important; } .grid-flow-xl-col { grid-auto-flow: column !important; } .grid-flow-xl-dense { grid-auto-flow: dense !important; } .grid-flow-xl-row-dense { grid-auto-flow: row dense !important; } .grid-flow-xl-col-dense { grid-auto-flow: column dense !important; } .grid-auto-cols-xl-auto { grid-auto-columns: auto !important; } .grid-auto-cols-xl-min { grid-auto-columns: min-content !important; } .grid-auto-cols-xl-max { grid-auto-columns: max-content !important; } .grid-auto-cols-xl-fr { grid-auto-columns: minmax(0, 1fr) !important; } .grid-auto-rows-xl-auto { grid-auto-rows: auto !important; } .grid-auto-rows-xl-min { grid-auto-rows: min-content !important; } .grid-auto-rows-xl-max { grid-auto-rows: max-content !important; } .grid-auto-rows-xl-fr { grid-auto-rows: minmax(0, 1fr) !important; } } @media (min-width: 1680px) { .grid-cols-xxl-none { grid-template-columns: none !important; } .grid-cols-xxl-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-xxl-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-xxl-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-xxl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .grid-cols-xxl-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .grid-cols-xxl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .grid-cols-xxl-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .grid-cols-xxl-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .grid-cols-xxl-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .grid-cols-xxl-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .grid-cols-xxl-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .grid-cols-xxl-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-col-xxl-auto { grid-column: auto !important; } .grid-col-span-xxl-1 { grid-column: span 1/span 1 !important; } .grid-col-span-xxl-2 { grid-column: span 2/span 2 !important; } .grid-col-span-xxl-3 { grid-column: span 3/span 3 !important; } .grid-col-span-xxl-4 { grid-column: span 4/span 4 !important; } .grid-col-span-xxl-5 { grid-column: span 5/span 5 !important; } .grid-col-span-xxl-6 { grid-column: span 6/span 6 !important; } .grid-col-span-xxl-7 { grid-column: span 7/span 7 !important; } .grid-col-span-xxl-8 { grid-column: span 8/span 8 !important; } .grid-col-span-xxl-9 { grid-column: span 9/span 9 !important; } .grid-col-span-xxl-10 { grid-column: span 10/span 10 !important; } .grid-col-span-xxl-11 { grid-column: span 11/span 11 !important; } .grid-col-span-xxl-12 { grid-column: span 12/span 12 !important; } .grid-col-span-xxl-full { grid-column: 1/-1 !important; } .grid-col-start-xxl-auto { grid-column-start: auto !important; } .grid-col-start-xxl-1 { grid-column-start: 1 !important; } .grid-col-start-xxl-2 { grid-column-start: 2 !important; } .grid-col-start-xxl-3 { grid-column-start: 3 !important; } .grid-col-start-xxl-4 { grid-column-start: 4 !important; } .grid-col-start-xxl-5 { grid-column-start: 5 !important; } .grid-col-start-xxl-6 { grid-column-start: 6 !important; } .grid-col-start-xxl-7 { grid-column-start: 7 !important; } .grid-col-start-xxl-8 { grid-column-start: 8 !important; } .grid-col-start-xxl-9 { grid-column-start: 9 !important; } .grid-col-start-xxl-10 { grid-column-start: 10 !important; } .grid-col-start-xxl-11 { grid-column-start: 11 !important; } .grid-col-start-xxl-12 { grid-column-start: 12 !important; } .grid-col-start-xxl-13 { grid-column-start: 13 !important; } .grid-col-end-xxl-auto { grid-column-end: auto !important; } .grid-col-end-xxl-1 { grid-column-end: 1 !important; } .grid-col-end-xxl-2 { grid-column-end: 2 !important; } .grid-col-end-xxl-3 { grid-column-end: 3 !important; } .grid-col-end-xxl-4 { grid-column-end: 4 !important; } .grid-col-end-xxl-5 { grid-column-end: 5 !important; } .grid-col-end-xxl-6 { grid-column-end: 6 !important; } .grid-col-end-xxl-7 { grid-column-end: 7 !important; } .grid-col-end-xxl-8 { grid-column-end: 8 !important; } .grid-col-end-xxl-9 { grid-column-end: 9 !important; } .grid-col-end-xxl-10 { grid-column-end: 10 !important; } .grid-col-end-xxl-11 { grid-column-end: 11 !important; } .grid-col-end-xxl-12 { grid-column-end: 12 !important; } .grid-col-end-xxl-13 { grid-column-end: 13 !important; } .grid-rows-xxl-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } .grid-rows-xxl-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } .grid-rows-xxl-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } .grid-rows-xxl-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } .grid-rows-xxl-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } .grid-rows-xxl-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } .grid-rows-xxl-none { grid-template-rows: none !important; } .grid-row-xxl-auto { grid-row: auto !important; } .grid-row-span-xxl-1 { grid-row: span 1/span 1 !important; } .grid-row-span-xxl-2 { grid-row: span 2/span 2 !important; } .grid-row-span-xxl-3 { grid-row: span 3/span 3 !important; } .grid-row-span-xxl-4 { grid-row: span 4/span 4 !important; } .grid-row-span-xxl-5 { grid-row: span 5/span 5 !important; } .grid-row-span-xxl-6 { grid-row: span 6/span 6 !important; } .grid-row-span-xxl-full { grid-row: 1/-1 !important; } .grid-row-start-xxl-auto { grid-row-start: auto !important; } .grid-row-start-xxl-1 { grid-row-start: 1 !important; } .grid-row-start-xxl-2 { grid-row-start: 2 !important; } .grid-row-start-xxl-3 { grid-row-start: 3 !important; } .grid-row-start-xxl-4 { grid-row-start: 4 !important; } .grid-row-start-xxl-5 { grid-row-start: 5 !important; } .grid-row-start-xxl-6 { grid-row-start: 6 !important; } .grid-row-start-xxl-7 { grid-row-start: 7 !important; } .grid-row-end-xxl-auto { grid-row-end: auto !important; } .grid-row-end-xxl-1 { grid-row-end: 1 !important; } .grid-row-end-xxl-2 { grid-row-end: 2 !important; } .grid-row-end-xxl-3 { grid-row-end: 3 !important; } .grid-row-end-xxl-4 { grid-row-end: 4 !important; } .grid-row-end-xxl-5 { grid-row-end: 5 !important; } .grid-row-end-xxl-6 { grid-row-end: 6 !important; } .grid-row-end-xxl-7 { grid-row-end: 7 !important; } .grid-flow-xxl-row { grid-auto-flow: row !important; } .grid-flow-xxl-col { grid-auto-flow: column !important; } .grid-flow-xxl-dense { grid-auto-flow: dense !important; } .grid-flow-xxl-row-dense { grid-auto-flow: row dense !important; } .grid-flow-xxl-col-dense { grid-auto-flow: column dense !important; } .grid-auto-cols-xxl-auto { grid-auto-columns: auto !important; } .grid-auto-cols-xxl-min { grid-auto-columns: min-content !important; } .grid-auto-cols-xxl-max { grid-auto-columns: max-content !important; } .grid-auto-cols-xxl-fr { grid-auto-columns: minmax(0, 1fr) !important; } .grid-auto-rows-xxl-auto { grid-auto-rows: auto !important; } .grid-auto-rows-xxl-min { grid-auto-rows: min-content !important; } .grid-auto-rows-xxl-max { grid-auto-rows: max-content !important; } .grid-auto-rows-xxl-fr { grid-auto-rows: minmax(0, 1fr) !important; } } .container { width: 100%; padding-right: 1.6rem; padding-left: 1.6rem; margin-right: auto; margin-left: auto; max-width: 100%; } @media (min-width: 550px) { .container { max-width: 90%; } } @media (min-width: 769px) { .container { max-width: 90%; } } @media (min-width: 992px) { .container { max-width: 90%; } } @media (min-width: 1280px) { .container { max-width: 1248px; } } @media (min-width: 1440px) { .container { max-width: 1408px; } } @media (min-width: 1680px) { .container { max-width: 1648px; } } .container-fluid { width: 100%; padding-right: 1.6rem; padding-left: 1.6rem; margin-right: auto; margin-left: auto; padding-left: 3.2rem; padding-right: 3.2rem; } @media (max-width: 769px) { .container-fluid .row { margin-left: 0; margin-right: 0; } } .row { display: flex; flex-wrap: wrap; margin-right: -1.6rem; margin-left: -1.6rem; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs, .col-xs-auto, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 1.6rem; padding-left: 1.6rem; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 550px) { .col-xs { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xs-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xs-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xs-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-xs-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xs-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-xs-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xs-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-xs-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xs-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .order-xs-first { order: -1; } .order-xs-last { order: 13; } .order-xs-0 { order: 0; } .order-xs-1 { order: 1; } .order-xs-2 { order: 2; } .order-xs-3 { order: 3; } .order-xs-4 { order: 4; } .order-xs-5 { order: 5; } .order-xs-6 { order: 6; } .order-xs-7 { order: 7; } .order-xs-8 { order: 8; } .order-xs-9 { order: 9; } .order-xs-10 { order: 10; } .order-xs-11 { order: 11; } .order-xs-12 { order: 12; } .offset-xs-0 { margin-left: 0; } .offset-xs-1 { margin-left: 8.3333333333%; } .offset-xs-2 { margin-left: 16.6666666667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.3333333333%; } .offset-xs-5 { margin-left: 41.6666666667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.3333333333%; } .offset-xs-8 { margin-left: 66.6666666667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.3333333333%; } .offset-xs-11 { margin-left: 91.6666666667%; } } @media (min-width: 769px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 1280px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1440px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1680px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } } .btn { display: inline-flex; align-items: center; justify-content: center; opacity: 1; cursor: pointer; height: 3.2rem; padding: 0.3rem 1.6rem 0.4rem; margin: 0 0.8rem 0.8rem 0; max-width: 100%; min-width: 12.8rem; color: var(--button-text-color); font-size: var(--font-size-sm); font-weight: 400; line-height: 1.2; text-align: center; text-overflow: ellipsis; text-decoration: none; text-shadow: none; vertical-align: middle; white-space: nowrap; border-width: 0.1rem; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: var(--radius-sm); -webkit-user-select: none; user-select: none; touch-action: manipulation; box-sizing: border-box; } @media (max-width: 992px) { .btn { min-width: 12rem; } } @media (max-width: 769px) { .btn { min-width: 10rem; } } .btn:focus { outline: none; } .btn:disabled, .btn.disabled, :disabled .btn, .disabled .btn { pointer-events: none; cursor: default; } .btn.btn-lg, .btn-group-lg .btn { height: 4.8rem; padding: 0.8rem 1.6rem; } .btn.btn-block { display: block; width: 100%; margin-right: 0; } .btn:only-child, .btn:last-child { margin-right: 0; } .btn.btn-login { height: 4.8rem; font-size: var(--font-size-md); font-weight: 600; width: 100%; } .btn.btn-google, .btn.btn-login-secondary { width: 100%; } .btn, .btn.btn-default { color: var(--button-text-color); border-color: var(--button-border-color); background-color: var(--button-bg); box-shadow: var(--button-shadow); } .btn .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-default .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .btn:hover, .btn.hover, .btn.hover:hover, .btn.active:hover, .btn.btn-default:hover, .btn.btn-default.hover, .btn.btn-default.hover:hover, .btn.btn-default.active:hover { border-color: var(--button-hover-border-color); background-color: var(--button-hover-bg); } .btn:focus, .btn.focus, .btn.active:focus, .btn.btn-default:focus, .btn.btn-default.focus, .btn.btn-default.active:focus { border-color: var(--button-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color), var(--button-shadow); } .btn.active, .btn.btn-default.active { border-color: var(--button-active-border-color); background-color: var(--button-selected-bg); box-shadow: none; } .btn:active, .btn.active:active, .btn.pressed, .btn.pressed:active, .btn.btn-default:active, .btn.btn-default.active:active, .btn.btn-default.pressed, .btn.btn-default.pressed:active { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); box-shadow: none; } .btn:disabled, .btn:disabled.active, .btn.disabled, .btn.disabled.active, :disabled .btn, :disabled .btn.active, .disabled .btn, .disabled .btn.active, .btn.btn-default:disabled, .btn.btn-default:disabled.active, .btn.btn-default.disabled, .btn.btn-default.disabled.active, :disabled .btn.btn-default, :disabled .btn.btn-default.active, .disabled .btn.btn-default, .disabled .btn.btn-default.active { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .btn:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn:disabled.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.disabled.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .btn .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .btn.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .btn .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .btn.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-default:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-default:disabled.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-default.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-default.disabled.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .btn.btn-default .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .btn.btn-default.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .btn.btn-default .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .btn.btn-default.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } .btn.btn-destructive { color: var(--button-destructive-text-color); border-color: var(--button-destructive-border-color); background-color: var(--button-destructive-bg); } .btn.btn-destructive:hover, .btn.btn-destructive.hover, .btn.btn-destructive.hover:hover { color: var(--button-destructive-hover-text-color); border-color: var(--button-destructive-hover-border-color); background-color: var(--button-destructive-hover-bg); } .btn.btn-destructive:hover .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-destructive.hover .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-destructive.hover:hover .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-destructive-hover-text-color); box-shadow: none; } .btn.btn-destructive:focus, .btn.btn-destructive.focus { border-color: var(--button-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color), var(--button-shadow); } .btn.btn-destructive:active, .btn.btn-destructive.active, .btn.btn-destructive.active:active, .btn.btn-destructive.pressed, .btn.btn-destructive.pressed:active { color: var(--button-destructive-hover-text-color); border-color: var(--button-destructive-border-color); background-color: var(--button-destructive-pressed-bg); box-shadow: none; } .btn.btn-destructive:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-destructive.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-destructive.active:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-destructive.pressed .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-destructive.pressed:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-destructive-hover-text-color); box-shadow: none; } .btn.btn-destructive:disabled, .btn.btn-destructive:disabled.active, .btn.btn-destructive.disabled, .btn.btn-destructive.disabled.active, :disabled .btn.btn-destructive, :disabled .btn.btn-destructive.active, .disabled .btn.btn-destructive, .disabled .btn.btn-destructive.active { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .btn.btn-destructive .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-destructive-text-color); } .btn.btn-primary { color: var(--button-primary-text-color); border-color: var(--button-primary-border-color); background-color: var(--button-primary-bg); box-shadow: var(--button-primary-shadow); } .btn.btn-primary .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-primary-icon); } .btn.btn-primary:hover, .btn.btn-primary.hover, .btn.btn-primary.hover:hover, .btn.btn-primary.active:hover { border-color: var(--button-primary-hover-border-color); background-color: var(--button-primary-hover-bg); } .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary.active:focus { border-color: var(--button-primary-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-primary-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color), var(--button-primary-shadow); } .btn.btn-primary.active, .btn.btn-primary.active:active, .btn.btn-primary.pressed, .btn.btn-primary.pressed:active { border-color: var(--button-primary-active-border-color); background-color: var(--button-primary-selected-bg); box-shadow: none; } .btn.btn-primary:active, .btn.btn-primary.active:active, .btn.btn-primary.pressed, .btn.btn-primary.pressed:active { border-color: var(--button-primary-selected-border-color); background-color: var(--button-primary-active-bg); box-shadow: none; } .btn.btn-primary:disabled, .btn.btn-primary:disabled.active, .btn.btn-primary.disabled, .btn.btn-primary.disabled.active, :disabled .btn.btn-primary, :disabled .btn.btn-primary.active, .disabled .btn.btn-primary, .disabled .btn.btn-primary.active { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .btn.btn-primary:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-primary:disabled.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-primary.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-primary.disabled.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .btn.btn-primary .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .btn.btn-primary.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .btn.btn-primary .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .btn.btn-primary.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } .btn.btn-primary.btn-destructive { border-color: var(--button-destructive-border-color); background-color: var(--button-primary-destructive-bg); box-shadow: var(--button-primary-shadow); } .btn.btn-primary.btn-destructive:hover, .btn.btn-primary.btn-destructive.hover, .btn.btn-primary.btn-destructive.hover:hover { border-color: var(--button-primary-destructive-hover-border-color); background-color: var(--button-primary-destructive-hover-bg); } .btn.btn-primary.btn-destructive:focus, .btn.btn-primary.btn-destructive.focus { border-color: var(--button-primary-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-primary-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color), var(--button-primary-shadow); } .btn.btn-primary.btn-destructive:active, .btn.btn-primary.btn-destructive.active, .btn.btn-primary.btn-destructive.active:active, .btn.btn-primary.btn-destructive.pressed, .btn.btn-primary.btn-destructive.pressed:active { border-color: var(--button-primary-destructive-active-border-color); background-color: var(--button-primary-destructive-active-bg); box-shadow: none; } .btn.btn-primary.btn-destructive:disabled, .btn.btn-primary.btn-destructive:disabled.active, .btn.btn-primary.btn-destructive.disabled, .btn.btn-primary.btn-destructive.disabled.active, :disabled .btn.btn-primary.btn-destructive, :disabled .btn.btn-primary.btn-destructive.active, .disabled .btn.btn-primary.btn-destructive, .disabled .btn.btn-primary.btn-destructive.active { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .btn.btn-link, .btn.btn-icon { color: var(--anchor-color); border-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); box-shadow: none; } .btn.btn-link:not(.btn-default):not(.btn-destructive), .btn.btn-icon:not(.btn-default):not(.btn-destructive) { min-width: auto; max-width: unset; height: auto; text-decoration: underline; } .btn.btn-link:hover, .btn.btn-icon:hover { text-decoration: none; } .btn.btn-link:focus, .btn.btn-icon:focus { text-decoration: none; border-color: var(--anchor-focus-outline); box-shadow: inset 0 0 0 0.1rem var(--anchor-focus-outline); } .btn.btn-link.active, .btn.btn-link:active, .btn.btn-icon.active, .btn.btn-icon:active { color: var(--breadcrumb-selected-color); text-decoration: none; } .btn.btn-link:disabled, .btn.btn-link.disabled, :disabled .btn.btn-link, .disabled .btn.btn-link, .btn.btn-icon:disabled, .btn.btn-icon.disabled, :disabled .btn.btn-icon, .disabled .btn.btn-icon { color: var(--anchor-disabled-color); } .btn.btn-link:disabled:focus, .btn.btn-link.disabled:focus, :disabled .btn.btn-link:focus, .disabled .btn.btn-link:focus, .btn.btn-icon:disabled:focus, .btn.btn-icon.disabled:focus, :disabled .btn.btn-icon:focus, .disabled .btn.btn-icon:focus { box-shadow: none; } .btn.btn-link { padding-left: 0.4rem; padding-right: 0.4rem; border-radius: 0; } .btn.btn-link.btn-default, .btn.btn-link.btn-destructive { padding: 0.3rem 1.6rem 0.4rem; border-radius: 0.8rem; } .btn.btn-link.btn-default.btn-lg, .btn.btn-link.btn-destructive.btn-lg { padding: 0.8rem 1.6rem; } .btn.btn-link.btn-default { color: var(--button-text-color); } .btn.btn-link.btn-default:active, .btn.btn-link.btn-default.active, .btn.btn-link.btn-default.active:active, .btn.btn-link.btn-default.pressed, .btn.btn-link.btn-default.pressed:active { border-color: var(--button-pressed-border-color); box-shadow: none; } .btn.btn-link.btn-default > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-default:hover > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-default.hover > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-default.hover:hover > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .btn.btn-link.btn-default:disabled, .btn.btn-link.btn-default.disabled, :disabled .btn.btn-link.btn-default, .disabled .btn.btn-link.btn-default { color: var(--anchor-disabled-color); border-color: var(--button-disabled-border-color); } .btn.btn-link.btn-destructive { color: var(--button-destructive-text-color); } .btn.btn-link.btn-destructive:hover, .btn.btn-link.btn-destructive.hover, .btn.btn-link.btn-destructive.hover:hover { color: var(--button-destructive-hover-text-color); border-color: var(--button-destructive-border-color); } .btn.btn-link.btn-destructive:hover > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-destructive.hover > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-destructive.hover:hover > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-destructive-hover-text-color); box-shadow: none; } .btn.btn-link.btn-destructive:active, .btn.btn-link.btn-destructive.active, .btn.btn-link.btn-destructive.active:active, .btn.btn-link.btn-destructive.pressed, .btn.btn-link.btn-destructive.pressed:active { color: var(--button-destructive-hover-text-color); box-shadow: none; } .btn.btn-link.btn-destructive:active > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-destructive.active > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-destructive.active:active > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-destructive.pressed > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-link.btn-destructive.pressed:active > .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-destructive-hover-text-color); box-shadow: none; } .btn.btn-link.btn-destructive:disabled, .btn.btn-link.btn-destructive.disabled, :disabled .btn.btn-link.btn-destructive, .disabled .btn.btn-link.btn-destructive { color: var(--anchor-disabled-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); } .btn.btn-icon { padding: 0.3rem 0.4rem; border-radius: 0; } .btn.btn-icon.btn-solid, .btn.btn-icon.btn-transparent { padding: 0.8rem; border: 0; } .btn.btn-icon.btn-solid.btn-lg, .btn.btn-icon.btn-transparent.btn-lg { padding: 1.2rem; } .btn.btn-icon.btn-solid, .btn.btn-icon.btn-solid.btn-square, .btn.btn-icon.btn-transparent, .btn.btn-icon.btn-transparent.btn-square { border-radius: 0.5rem; } .btn.btn-icon.btn-solid:hover, .btn.btn-icon.btn-solid:hover.active, .btn.btn-icon.btn-solid.hover, .btn.btn-icon.btn-solid.hover.active, .btn.btn-icon.btn-transparent:hover, .btn.btn-icon.btn-transparent:hover.active, .btn.btn-icon.btn-transparent.hover, .btn.btn-icon.btn-transparent.hover.active { background-color: var(--button-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--button-hover-border-color), var(--button-shadow); } .btn.btn-icon.btn-solid:hover .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-solid.hover .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-transparent:hover .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-transparent.hover .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .btn.btn-icon.btn-solid:focus:not(:active), .btn.btn-icon.btn-solid.focus:not(:active), .btn.btn-icon.btn-transparent:focus:not(:active), .btn.btn-icon.btn-transparent.focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color); } .btn.btn-icon.btn-solid:active, .btn.btn-icon.btn-solid.active:active, .btn.btn-icon.btn-solid.pressed, .btn.btn-icon.btn-solid.pressed:active, .btn.btn-icon.btn-transparent:active, .btn.btn-icon.btn-transparent.active:active, .btn.btn-icon.btn-transparent.pressed, .btn.btn-icon.btn-transparent.pressed:active { background-color: var(--button-pressed-bg); box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .btn.btn-icon.btn-solid:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-solid.active:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-solid.pressed .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-solid.pressed:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-transparent:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-transparent.active:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-transparent.pressed .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-transparent.pressed:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .btn.btn-icon.btn-solid.active, .btn.btn-icon.btn-transparent.active { background-color: var(--button-selected-bg); box-shadow: inset 0 0 0 0.1rem var(--button-active-border-color); } .btn.btn-icon.btn-solid:disabled, .btn.btn-icon.btn-solid:disabled:active, .btn.btn-icon.btn-solid:disabled:focus, .btn.btn-icon.btn-solid.disabled, .btn.btn-icon.btn-solid.disabled:active, .btn.btn-icon.btn-solid.disabled:focus, :disabled .btn.btn-icon.btn-solid, :disabled .btn.btn-icon.btn-solid:active, :disabled .btn.btn-icon.btn-solid:focus, .disabled .btn.btn-icon.btn-solid, .disabled .btn.btn-icon.btn-solid:active, .disabled .btn.btn-icon.btn-solid:focus, .btn.btn-icon.btn-transparent:disabled, .btn.btn-icon.btn-transparent:disabled:active, .btn.btn-icon.btn-transparent:disabled:focus, .btn.btn-icon.btn-transparent.disabled, .btn.btn-icon.btn-transparent.disabled:active, .btn.btn-icon.btn-transparent.disabled:focus, :disabled .btn.btn-icon.btn-transparent, :disabled .btn.btn-icon.btn-transparent:active, :disabled .btn.btn-icon.btn-transparent:focus, .disabled .btn.btn-icon.btn-transparent, .disabled .btn.btn-icon.btn-transparent:active, .disabled .btn.btn-icon.btn-transparent:focus { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .btn.btn-icon.btn-solid .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn.btn-icon.btn-transparent .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .btn.btn-icon.btn-solid { background-color: var(--button-bg); box-shadow: inset 0 0 0 0.1rem var(--button-border-color), var(--button-shadow); } .btn.btn-icon.btn-solid:focus:not(:active), .btn.btn-icon.btn-solid.focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color), var(--button-shadow); } .btn.btn-icon.btn-solid:disabled, .btn.btn-icon.btn-solid:disabled:active, .btn.btn-icon.btn-solid:disabled:focus, .btn.btn-icon.btn-solid.disabled, .btn.btn-icon.btn-solid.disabled:active, .btn.btn-icon.btn-solid.disabled:focus, :disabled .btn.btn-icon.btn-solid, :disabled .btn.btn-icon.btn-solid:active, :disabled .btn.btn-icon.btn-solid:focus, .disabled .btn.btn-icon.btn-solid, .disabled .btn.btn-icon.btn-solid:active, .disabled .btn.btn-icon.btn-solid:focus { background-color: var(--button-disabled-bg); box-shadow: inset 0 0 0 0.1rem var(--button-disabled-border-color); } .btn.btn-icon.btn-round { border-radius: 50%; } .btn.btn-icon.btn-squircle { position: relative; border: 0; border-radius: 1.2rem; box-shadow: none; } .btn.btn-icon.btn-squircle, .btn.btn-icon.btn-squircle::before, .btn.btn-icon.btn-squircle::after { width: 3.2rem; height: 3.2rem; background-color: rgba(0, 0, 0, 0); } .btn.btn-icon.btn-squircle::before, .btn.btn-icon.btn-squircle::after { display: block; content: ""; position: absolute; top: 0; left: 0; -webkit-mask-size: 3.2rem 3.2rem; mask-size: 3.2rem 3.2rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .btn.btn-icon.btn-squircle::before { -webkit-mask: url('squerkle-mask.svg'); mask: url('squerkle-mask.svg'); -webkit-mask-size: 3.2rem 3.2rem; mask-size: 3.2rem 3.2rem; } .btn.btn-icon.btn-squircle::after { -webkit-mask: url('squerkle-sm-border-thin.svg'); mask: url('squerkle-sm-border-thin.svg'); -webkit-mask-size: 3.2rem 3.2rem; mask-size: 3.2rem 3.2rem; } .btn.btn-icon.btn-squircle.btn-lg { border-radius: 1.8rem; } .btn.btn-icon.btn-squircle.btn-lg, .btn.btn-icon.btn-squircle.btn-lg::before, .btn.btn-icon.btn-squircle.btn-lg::after { width: 4.8rem; height: 4.8rem; } .btn.btn-icon.btn-squircle.btn-lg::before, .btn.btn-icon.btn-squircle.btn-lg::after { -webkit-mask-size: 4.8rem 4.8rem; mask-size: 4.8rem 4.8rem; } .btn.btn-icon.btn-squircle.btn-lg::after { -webkit-mask: url('squerkle-border-thin.svg'); mask: url('squerkle-border-thin.svg'); } .btn.btn-icon.btn-squircle.btn-solid { box-shadow: var(--button-shadow); } .btn.btn-icon.btn-squircle.btn-solid::before { background-color: var(--button-bg); } .btn.btn-icon.btn-squircle.btn-solid::after { background-color: var(--button-border-color); } .btn.btn-icon.btn-squircle:hover, .btn.btn-icon.btn-squircle:hover.active, .btn.btn-icon.btn-squircle.hover, .btn.btn-icon.btn-squircle.hover.active { background-color: rgba(0, 0, 0, 0); box-shadow: var(--button-shadow); } .btn.btn-icon.btn-squircle:hover::before, .btn.btn-icon.btn-squircle:hover.active::before, .btn.btn-icon.btn-squircle.hover::before, .btn.btn-icon.btn-squircle.hover.active::before { background-color: var(--button-hover-bg); } .btn.btn-icon.btn-squircle:hover::after, .btn.btn-icon.btn-squircle:hover.active::after, .btn.btn-icon.btn-squircle.hover::after, .btn.btn-icon.btn-squircle.hover.active::after { background-color: var(--button-hover-border-color); } .btn.btn-icon.btn-squircle:focus:not(:active), .btn.btn-icon.btn-squircle.focus:not(:active) { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .btn.btn-icon.btn-squircle:focus:not(:active)::after, .btn.btn-icon.btn-squircle.focus:not(:active)::after { background-color: var(--button-focus-border-color); -webkit-mask: url('squerkle-sm-border-thick.svg'); mask: url('squerkle-sm-border-thick.svg'); } .btn.btn-icon.btn-squircle:focus:not(:active).btn-solid, .btn.btn-icon.btn-squircle.focus:not(:active).btn-solid { box-shadow: var(--button-shadow); } .btn.btn-icon.btn-squircle:focus:not(:active).btn-lg::after, .btn.btn-icon.btn-squircle.focus:not(:active).btn-lg::after { -webkit-mask: url('squerkle-border-thick.svg'); mask: url('squerkle-border-thick.svg'); } .btn.btn-icon.btn-squircle:active, .btn.btn-icon.btn-squircle.active:active, .btn.btn-icon.btn-squircle.pressed, .btn.btn-icon.btn-squircle.pressed:active { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .btn.btn-icon.btn-squircle:active::before, .btn.btn-icon.btn-squircle.active:active::before, .btn.btn-icon.btn-squircle.pressed::before, .btn.btn-icon.btn-squircle.pressed:active::before { background-color: var(--button-pressed-bg); } .btn.btn-icon.btn-squircle:active::after, .btn.btn-icon.btn-squircle.active:active::after, .btn.btn-icon.btn-squircle.pressed::after, .btn.btn-icon.btn-squircle.pressed:active::after { background-color: var(--button-pressed-border-color); } .btn.btn-icon.btn-squircle.active { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .btn.btn-icon.btn-squircle.active::before { background-color: var(--button-selected-bg); } .btn.btn-icon.btn-squircle.active::after { background-color: var(--button-active-border-color); } .btn.btn-icon.btn-squircle:disabled, .btn.btn-icon.btn-squircle:disabled:active, .btn.btn-icon.btn-squircle:disabled:focus, .btn.btn-icon.btn-squircle.disabled, .btn.btn-icon.btn-squircle.disabled:active, .btn.btn-icon.btn-squircle.disabled:focus, :disabled .btn.btn-icon.btn-squircle, :disabled .btn.btn-icon.btn-squircle:active, :disabled .btn.btn-icon.btn-squircle:focus, .disabled .btn.btn-icon.btn-squircle, .disabled .btn.btn-icon.btn-squircle:active, .disabled .btn.btn-icon.btn-squircle:focus { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .btn.btn-icon.btn-squircle:disabled::after, .btn.btn-icon.btn-squircle:disabled:active::after, .btn.btn-icon.btn-squircle:disabled:focus::after, .btn.btn-icon.btn-squircle.disabled::after, .btn.btn-icon.btn-squircle.disabled:active::after, .btn.btn-icon.btn-squircle.disabled:focus::after, :disabled .btn.btn-icon.btn-squircle::after, :disabled .btn.btn-icon.btn-squircle:active::after, :disabled .btn.btn-icon.btn-squircle:focus::after, .disabled .btn.btn-icon.btn-squircle::after, .disabled .btn.btn-icon.btn-squircle:active::after, .disabled .btn.btn-icon.btn-squircle:focus::after { background-color: rgba(0, 0, 0, 0); -webkit-mask: url('squerkle-sm-border-thin.svg'); mask: url('squerkle-sm-border-thin.svg'); } .btn.btn-icon.btn-squircle:disabled.btn-solid, .btn.btn-icon.btn-squircle:disabled:active.btn-solid, .btn.btn-icon.btn-squircle:disabled:focus.btn-solid, .btn.btn-icon.btn-squircle.disabled.btn-solid, .btn.btn-icon.btn-squircle.disabled:active.btn-solid, .btn.btn-icon.btn-squircle.disabled:focus.btn-solid, :disabled .btn.btn-icon.btn-squircle.btn-solid, :disabled .btn.btn-icon.btn-squircle:active.btn-solid, :disabled .btn.btn-icon.btn-squircle:focus.btn-solid, .disabled .btn.btn-icon.btn-squircle.btn-solid, .disabled .btn.btn-icon.btn-squircle:active.btn-solid, .disabled .btn.btn-icon.btn-squircle:focus.btn-solid { box-shadow: none; } .btn.btn-icon.btn-squircle:disabled.btn-solid::before, .btn.btn-icon.btn-squircle:disabled:active.btn-solid::before, .btn.btn-icon.btn-squircle:disabled:focus.btn-solid::before, .btn.btn-icon.btn-squircle.disabled.btn-solid::before, .btn.btn-icon.btn-squircle.disabled:active.btn-solid::before, .btn.btn-icon.btn-squircle.disabled:focus.btn-solid::before, :disabled .btn.btn-icon.btn-squircle.btn-solid::before, :disabled .btn.btn-icon.btn-squircle:active.btn-solid::before, :disabled .btn.btn-icon.btn-squircle:focus.btn-solid::before, .disabled .btn.btn-icon.btn-squircle.btn-solid::before, .disabled .btn.btn-icon.btn-squircle:active.btn-solid::before, .disabled .btn.btn-icon.btn-squircle:focus.btn-solid::before { background-color: var(--button-disabled-bg); } .btn.btn-icon.btn-squircle:disabled.btn-solid::after, .btn.btn-icon.btn-squircle:disabled:active.btn-solid::after, .btn.btn-icon.btn-squircle:disabled:focus.btn-solid::after, .btn.btn-icon.btn-squircle.disabled.btn-solid::after, .btn.btn-icon.btn-squircle.disabled:active.btn-solid::after, .btn.btn-icon.btn-squircle.disabled:focus.btn-solid::after, :disabled .btn.btn-icon.btn-squircle.btn-solid::after, :disabled .btn.btn-icon.btn-squircle:active.btn-solid::after, :disabled .btn.btn-icon.btn-squircle:focus.btn-solid::after, .disabled .btn.btn-icon.btn-squircle.btn-solid::after, .disabled .btn.btn-icon.btn-squircle:active.btn-solid::after, .disabled .btn.btn-icon.btn-squircle:focus.btn-solid::after { background-color: var(--button-disabled-border-color); } .btn.btn-icon.btn-squircle:disabled.btn-lg::after, .btn.btn-icon.btn-squircle:disabled:active.btn-lg::after, .btn.btn-icon.btn-squircle:disabled:focus.btn-lg::after, .btn.btn-icon.btn-squircle.disabled.btn-lg::after, .btn.btn-icon.btn-squircle.disabled:active.btn-lg::after, .btn.btn-icon.btn-squircle.disabled:focus.btn-lg::after, :disabled .btn.btn-icon.btn-squircle.btn-lg::after, :disabled .btn.btn-icon.btn-squircle:active.btn-lg::after, :disabled .btn.btn-icon.btn-squircle:focus.btn-lg::after, .disabled .btn.btn-icon.btn-squircle.btn-lg::after, .disabled .btn.btn-icon.btn-squircle:active.btn-lg::after, .disabled .btn.btn-icon.btn-squircle:focus.btn-lg::after { -webkit-mask: url('squerkle-border-thin.svg'); mask: url('squerkle-border-thin.svg'); } .btn.btn-icon > .vismaicon { margin: 0; top: 0; } .btn.left, .btn.right { position: relative; min-width: 12rem; } .btn.left::before, .btn.right::before { display: block; position: absolute; content: ""; width: 1.8rem; height: 1.8rem; top: 0.6rem; background-color: var(--button-bg); transform: rotate(45deg) skew(11deg, 11deg); } .btn.left:hover::before, .btn.right:hover::before { background-color: var(--button-hover-bg); } .btn.left:active::before, .btn.left.active:active::before, .btn.right:active::before, .btn.right.active:active::before { background-color: var(--button-pressed-bg); } .btn.left.active::before, .btn.right.active::before { background-color: var(--button-selected-bg); } .btn.left.active:hover:before, .btn.right.active:hover:before { background-color: var(--button-hover-bg); } .btn.left.active:active:before, .btn.right.active:active:before { background-color: var(--button-pressed-bg); } .btn.left:disabled::before, .btn.left:disabled:hover::before, .btn.left:disabled:active::before, .btn.left:disabled.active::before, .btn.left:disabled.active:hover::before, .btn.left:disabled.active:active::before, .btn.left.disabled::before, .btn.left.disabled:hover::before, .btn.left.disabled:active::before, .btn.left.disabled.active::before, .btn.left.disabled.active:hover::before, .btn.left.disabled.active:active::before, :disabled .btn.left::before, :disabled .btn.left:hover::before, :disabled .btn.left:active::before, :disabled .btn.left.active::before, :disabled .btn.left.active:hover::before, :disabled .btn.left.active:active::before, .disabled .btn.left::before, .disabled .btn.left:hover::before, .disabled .btn.left:active::before, .disabled .btn.left.active::before, .disabled .btn.left.active:hover::before, .disabled .btn.left.active:active::before, .btn.right:disabled::before, .btn.right:disabled:hover::before, .btn.right:disabled:active::before, .btn.right:disabled.active::before, .btn.right:disabled.active:hover::before, .btn.right:disabled.active:active::before, .btn.right.disabled::before, .btn.right.disabled:hover::before, .btn.right.disabled:active::before, .btn.right.disabled.active::before, .btn.right.disabled.active:hover::before, .btn.right.disabled.active:active::before, :disabled .btn.right::before, :disabled .btn.right:hover::before, :disabled .btn.right:active::before, :disabled .btn.right.active::before, :disabled .btn.right.active:hover::before, :disabled .btn.right.active:active::before, .disabled .btn.right::before, .disabled .btn.right:hover::before, .disabled .btn.right:active::before, .disabled .btn.right.active::before, .disabled .btn.right.active:hover::before, .disabled .btn.right.active:active::before { background-color: var(--button-disabled-bg); } .btn.left.btn-lg::before, .btn.right.btn-lg::before { width: 2.8rem; height: 2.8rem; top: 0.9rem; transform: rotate(45deg) skew(11deg, 11deg); } .btn.left.btn-primary::before, .btn.right.btn-primary::before { background-color: var(--button-primary-bg); box-shadow: none; } .btn.left.btn-primary:hover:not(:active)::before, .btn.right.btn-primary:hover:not(:active)::before { background-color: var(--button-primary-hover-bg); box-shadow: none; } .btn.left.btn-primary:active::before, .btn.left.btn-primary.active:active::before, .btn.right.btn-primary:active::before, .btn.right.btn-primary.active:active::before { background-color: var(--button-primary-active-bg); box-shadow: none; } .btn.left.btn-primary.active::before, .btn.right.btn-primary.active::before { background-color: var(--button-primary-selected-bg); } .btn.left.btn-primary.active:hover:before, .btn.right.btn-primary.active:hover:before { background-color: var(--button-primary-hover-bg); } .btn.left.btn-primary.active:active:before, .btn.right.btn-primary.active:active:before { background-color: var(--button-primary-active-bg); box-shadow: none; } .btn.left.btn-primary:disabled::before, .btn.left.btn-primary:disabled:hover::before, .btn.left.btn-primary:disabled:active::before, .btn.left.btn-primary:disabled.active::before, .btn.left.btn-primary:disabled.active:hover::before, .btn.left.btn-primary:disabled.active:active::before, .btn.left.btn-primary.disabled::before, .btn.left.btn-primary.disabled:hover::before, .btn.left.btn-primary.disabled:active::before, .btn.left.btn-primary.disabled.active::before, .btn.left.btn-primary.disabled.active:hover::before, .btn.left.btn-primary.disabled.active:active::before, :disabled .btn.left.btn-primary::before, :disabled .btn.left.btn-primary:hover::before, :disabled .btn.left.btn-primary:active::before, :disabled .btn.left.btn-primary.active::before, :disabled .btn.left.btn-primary.active:hover::before, :disabled .btn.left.btn-primary.active:active::before, .disabled .btn.left.btn-primary::before, .disabled .btn.left.btn-primary:hover::before, .disabled .btn.left.btn-primary:active::before, .disabled .btn.left.btn-primary.active::before, .disabled .btn.left.btn-primary.active:hover::before, .disabled .btn.left.btn-primary.active:active::before, .btn.right.btn-primary:disabled::before, .btn.right.btn-primary:disabled:hover::before, .btn.right.btn-primary:disabled:active::before, .btn.right.btn-primary:disabled.active::before, .btn.right.btn-primary:disabled.active:hover::before, .btn.right.btn-primary:disabled.active:active::before, .btn.right.btn-primary.disabled::before, .btn.right.btn-primary.disabled:hover::before, .btn.right.btn-primary.disabled:active::before, .btn.right.btn-primary.disabled.active::before, .btn.right.btn-primary.disabled.active:hover::before, .btn.right.btn-primary.disabled.active:active::before, :disabled .btn.right.btn-primary::before, :disabled .btn.right.btn-primary:hover::before, :disabled .btn.right.btn-primary:active::before, :disabled .btn.right.btn-primary.active::before, :disabled .btn.right.btn-primary.active:hover::before, :disabled .btn.right.btn-primary.active:active::before, .disabled .btn.right.btn-primary::before, .disabled .btn.right.btn-primary:hover::before, .disabled .btn.right.btn-primary:active::before, .disabled .btn.right.btn-primary.active::before, .disabled .btn.right.btn-primary.active:hover::before, .disabled .btn.right.btn-primary.active:active::before { background-color: var(--button-disabled-bg); } .btn.left { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; margin-left: 0.8rem; } .btn.left::before { left: -0.9rem; border-left-color: var(--button-border-color); border-bottom-color: var(--button-border-color); box-shadow: inset 0.2rem -0.2rem 0 -0.1rem var(--button-border-color); } .btn.left:hover::before, .btn.left.active:hover::before { box-shadow: inset 0.2rem -0.2rem 0 -0.1rem var(--button-hover-border-color); } .btn.left:focus::before, .btn.left.active:focus::before { box-shadow: inset 0.3rem -0.3rem 0 -0.1rem var(--button-focus-border-color); } .btn.left:active::before, .btn.left.active:active::before { box-shadow: inset 0.2rem -0.2rem 0 -0.1rem var(--button-pressed-border-color); } .btn.left.active::before { box-shadow: inset 0.2rem -0.2rem 0 -0.1rem var(--button-active-border-color); } .btn.left:disabled::before, .btn.left:disabled:hover::before, .btn.left:disabled:active::before, .btn.left:disabled.active::before, .btn.left:disabled.active:hover::before, .btn.left:disabled.active:active::before, .btn.left.disabled::before, .btn.left.disabled:hover::before, .btn.left.disabled:active::before, .btn.left.disabled.active::before, .btn.left.disabled.active:hover::before, .btn.left.disabled.active:active::before, :disabled .btn.left::before, :disabled .btn.left:hover::before, :disabled .btn.left:active::before, :disabled .btn.left.active::before, :disabled .btn.left.active:hover::before, :disabled .btn.left.active:active::before, .disabled .btn.left::before, .disabled .btn.left:hover::before, .disabled .btn.left:active::before, .disabled .btn.left.active::before, .disabled .btn.left.active:hover::before, .disabled .btn.left.active:active::before { box-shadow: inset 0.2rem -0.2rem 0 -0.1rem var(--button-disabled-border-color); } .btn.left.btn-lg { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; margin-left: 1.6rem; } .btn.left.btn-lg::before { left: -1.4rem; } .btn.left.btn-primary:focus::before, .btn.left.btn-primary:focus:hover::before, .btn.left.btn-primary.active:focus::before { box-shadow: inset 0.3rem -0.3rem 0 -0.1rem var(--button-focus-border-color), inset 0.4rem -0.4rem 0 -0.1rem var(--button-primary-focus-inner-shadow-color); } .btn.left.btn-primary.active::before, .btn.left.btn-primary:active::before, .btn.left.btn-primary.active:hover::before, .btn.left.btn-primary.active:active::before, .btn.left.btn-primary:active:hover::before { box-shadow: none; } .btn.left.btn-primary:disabled::before, .btn.left.btn-primary:disabled:hover::before, .btn.left.btn-primary:disabled:active::before, .btn.left.btn-primary:disabled.active::before, .btn.left.btn-primary:disabled.active:hover::before, .btn.left.btn-primary:disabled.active:active::before, .btn.left.btn-primary.disabled::before, .btn.left.btn-primary.disabled:hover::before, .btn.left.btn-primary.disabled:active::before, .btn.left.btn-primary.disabled.active::before, .btn.left.btn-primary.disabled.active:hover::before, .btn.left.btn-primary.disabled.active:active::before, :disabled .btn.left.btn-primary::before, :disabled .btn.left.btn-primary:hover::before, :disabled .btn.left.btn-primary:active::before, :disabled .btn.left.btn-primary.active::before, :disabled .btn.left.btn-primary.active:hover::before, :disabled .btn.left.btn-primary.active:active::before, .disabled .btn.left.btn-primary::before, .disabled .btn.left.btn-primary:hover::before, .disabled .btn.left.btn-primary:active::before, .disabled .btn.left.btn-primary.active::before, .disabled .btn.left.btn-primary.active:hover::before, .disabled .btn.left.btn-primary.active:active::before { box-shadow: inset 0.2rem -0.2rem 0 -0.1rem var(--button-disabled-border-color); } .btn.right { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; margin-right: 1.2rem; } .btn.right::before { right: -0.9rem; border-right-color: var(--button-border-color); border-top-color: var(--button-border-color); box-shadow: inset -0.2rem 0.2rem 0 -0.1rem var(--button-border-color); } .btn.right:hover::before { box-shadow: inset -0.2rem 0.2rem 0 -0.1rem var(--button-hover-border-color); } .btn.right:focus::before { box-shadow: inset -0.3rem 0.3rem 0 -0.1rem var(--button-focus-border-color); } .btn.right:active::before { box-shadow: inset -0.2rem 0.2rem 0 -0.1rem var(--button-pressed-border-color); } .btn.right.active::before { box-shadow: inset -0.2rem 0.2rem 0 -0.1rem var(--button-active-border-color); } .btn.right.active:hover::before { box-shadow: inset -0.2rem 0.2rem 0 -0.1rem var(--button-hover-border-color); } .btn.right.active:focus::before { box-shadow: inset -0.3rem 0.3rem 0 -0.1rem var(--button-focus-border-color); } .btn.right.active:active::before { box-shadow: inset -0.2rem 0.2rem 0 -0.1rem var(--button-pressed-border-color); } .btn.right:disabled::before, .btn.right:disabled:hover::before, .btn.right:disabled:active::before, .btn.right:disabled.active::before, .btn.right:disabled.active:hover::before, .btn.right:disabled.active:active::before, .btn.right.disabled::before, .btn.right.disabled:hover::before, .btn.right.disabled:active::before, .btn.right.disabled.active::before, .btn.right.disabled.active:hover::before, .btn.right.disabled.active:active::before, :disabled .btn.right::before, :disabled .btn.right:hover::before, :disabled .btn.right:active::before, :disabled .btn.right.active::before, :disabled .btn.right.active:hover::before, :disabled .btn.right.active:active::before, .disabled .btn.right::before, .disabled .btn.right:hover::before, .disabled .btn.right:active::before, .disabled .btn.right.active::before, .disabled .btn.right.active:hover::before, .disabled .btn.right.active:active::before { box-shadow: inset -0.2rem 0.2rem 0 -0.1rem var(--button-disabled-border-color); } .btn.right.btn-lg { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; margin-right: 1.6rem; } .btn.right.btn-lg::before { right: -1.4rem; } .btn.right.btn-primary:focus::before, .btn.right.btn-primary:focus:hover::before { box-shadow: inset -0.3rem 0.3rem 0 -0.1rem var(--button-primary-focus-border-color), inset -0.4rem 0.4rem 0 -0.1rem var(--button-primary-focus-inner-shadow-color); } .btn.right.btn-primary.active::before, .btn.right.btn-primary:active::before, .btn.right.btn-primary.active:hover::before, .btn.right.btn-primary.active:active::before, .btn.right.btn-primary:active:hover::before { box-shadow: none; } .btn.right.btn-primary:disabled::before, .btn.right.btn-primary:disabled:hover::before, .btn.right.btn-primary:disabled:active::before, .btn.right.btn-primary:disabled.active::before, .btn.right.btn-primary:disabled.active:hover::before, .btn.right.btn-primary:disabled.active:active::before, .btn.right.btn-primary.disabled::before, .btn.right.btn-primary.disabled:hover::before, .btn.right.btn-primary.disabled:active::before, .btn.right.btn-primary.disabled.active::before, .btn.right.btn-primary.disabled.active:hover::before, .btn.right.btn-primary.disabled.active:active::before, :disabled .btn.right.btn-primary::before, :disabled .btn.right.btn-primary:hover::before, :disabled .btn.right.btn-primary:active::before, :disabled .btn.right.btn-primary.active::before, :disabled .btn.right.btn-primary.active:hover::before, :disabled .btn.right.btn-primary.active:active::before, .disabled .btn.right.btn-primary::before, .disabled .btn.right.btn-primary:hover::before, .disabled .btn.right.btn-primary:active::before, .disabled .btn.right.btn-primary.active::before, .disabled .btn.right.btn-primary.active:hover::before, .disabled .btn.right.btn-primary.active:active::before { box-shadow: inset -0.2rem 0.2rem 0 -0.1rem var(--button-disabled-border-color); } .btn.btn-squerkle { -webkit-mask: url('squerkle-mask.svg'); mask: url('squerkle-mask.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; min-width: 1%; height: auto; padding: 0.4rem; position: relative; border: 0.2rem solid rgba(0, 0, 0, 0); } .btn.btn-squerkle .vismaicon { margin: 0; } .btn.btn-squerkle:before, .btn.btn-squerkle:after { content: ""; display: block; position: absolute; } .btn.btn-squerkle:after { width: 100%; height: 100%; top: 0; left: 0; } .btn.btn-squerkle:before { width: 110%; height: 110%; top: -2px; left: -2px; } .btn.btn-squerkle:focus { box-shadow: none; outline: none; } .btn.btn-squerkle:focus:after { -webkit-mask: url('squerkle-border-thick.svg'); mask: url('squerkle-border-thick.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--button-focus-border-color); } .btn.btn-squerkle.bg-secondary > .vismaicon:not(.vismaicon-visma):not(.vismaicon-facebook):not(.vismaicon-flickr):not(.vismaicon-google):not(.vismaicon-linkedin):not(.vismaicon-pinterest):not(.vismaicon-skype):not(.vismaicon-tumblr):not(.vismaicon-twitter):not(.vismaicon-vimeo):not(.vismaicon-youtube):before { background-color: var(--button-primary-icon); } .btn.btn-squerkle.bg-secondary:hover:before { background-color: var(--navigation-default-item-hover-bg); } .btn.btn-squerkle.bg-secondary:hover > .vismaicon:not(.vismaicon-visma):not(.vismaicon-facebook):not(.vismaicon-flickr):not(.vismaicon-google):not(.vismaicon-linkedin):not(.vismaicon-pinterest):not(.vismaicon-skype):not(.vismaicon-tumblr):not(.vismaicon-twitter):not(.vismaicon-vimeo):not(.vismaicon-youtube):before { background-color: var(--button-primary-icon); } .btn.btn-squerkle.bg-secondary:active:before { background-color: var(--navigation-default-item-active-bg); } .btn.btn-squerkle.bg-secondary:focus:after { -webkit-mask: url('squerkle-border-thick.svg'); mask: url('squerkle-border-thick.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--button-primary-focus-inner-shadow-color); } .btn.btn-squerkle.bg-primary:hover { background-color: var(--button-hover-bg) !important; } .btn.btn-squerkle.bg-primary:active { background-color: var(--button-pressed-bg) !important; } .nav.nav-pills { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1.6rem; margin: 0; padding: 0; list-style: none; } .nav.nav-pills li { display: flex; } .nav.nav-pills a, .nav.nav-pills button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; height: 3.2rem; padding: 0.4rem 1.6rem; margin: 0; min-width: 12.8rem; text-align: center; color: var(--button-text-color); font-size: var(--font-size-sm); font-weight: 400; text-decoration: none; outline: 0; border-radius: 4.8rem; border-width: 0.1rem; border-style: solid; border-color: var(--button-border-color); background-color: var(--button-bg); box-shadow: var(--button-shadow); } .nav.nav-pills a:hover, .nav.nav-pills button:hover { border-color: var(--button-hover-border-color); background-color: var(--button-hover-bg); } .nav.nav-pills a:focus, .nav.nav-pills button:focus { border-color: var(--button-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color), var(--button-shadow); } .nav.nav-pills a:active, .nav.nav-pills a.active:active, .nav.nav-pills a.pressed, .nav.nav-pills a.pressed:active, .nav.nav-pills button:active, .nav.nav-pills button.active:active, .nav.nav-pills button.pressed, .nav.nav-pills button.pressed:active { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); box-shadow: none; } .nav.nav-pills a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .nav.nav-pills .active a, .nav.nav-pills a.active, .nav.nav-pills .active button, .nav.nav-pills button.active { border-color: var(--button-active-border-color); background-color: var(--button-selected-bg); box-shadow: none; } .nav.nav-pills .active a:hover, .nav.nav-pills a.active:hover, .nav.nav-pills .active button:hover, .nav.nav-pills button.active:hover { border-color: var(--button-hover-border-color); background-color: var(--button-hover-bg); } .nav.nav-pills .active a:focus:not(:active), .nav.nav-pills a.active:focus:not(:active), .nav.nav-pills .active button:focus:not(:active), .nav.nav-pills button.active:focus:not(:active) { border-color: var(--button-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color); } .nav.nav-pills .active a:active, .nav.nav-pills a.active:active, .nav.nav-pills .active button:active, .nav.nav-pills button.active:active { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); box-shadow: none; } .nav.nav-pills .disabled a, .nav.nav-pills a.disabled, .nav.nav-pills .disabled button, .nav.nav-pills button.disabled, .nav.nav-pills button:disabled { cursor: default; pointer-events: none; color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .nav.nav-pills .disabled a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills a.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills .disabled button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills button.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills button:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-primary-icon); } .nav.nav-pills.nav-pills-primary .active a, .nav.nav-pills.nav-pills-primary a.active, .nav.nav-pills.nav-pills-primary .active button, .nav.nav-pills.nav-pills-primary button.active { color: var(--button-primary-text-color); border-color: var(--button-primary-selected-border-color); background-color: var(--button-primary-selected-bg); box-shadow: var(--button-primary-shadows); } .nav.nav-pills.nav-pills-primary .active a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary a.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary .active button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary button.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-primary-icon); } .nav.nav-pills.nav-pills-primary .active a:hover, .nav.nav-pills.nav-pills-primary a.active:hover, .nav.nav-pills.nav-pills-primary .active button:hover, .nav.nav-pills.nav-pills-primary button.active:hover { border-color: color-mix(in oklch, black 12%, var(--button-primary-border-color)); background-color: color-mix(in oklch, black 12%, var(--button-primary-bg)); } .nav.nav-pills.nav-pills-primary .active a:focus:not(:active), .nav.nav-pills.nav-pills-primary a.active:focus:not(:active), .nav.nav-pills.nav-pills-primary .active button:focus:not(:active), .nav.nav-pills.nav-pills-primary button.active:focus:not(:active) { border-color: var(--button-primary-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-primary-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color), var(--button-primary-shadows); } .nav.nav-pills.nav-pills-primary .active a:active, .nav.nav-pills.nav-pills-primary a.active:active, .nav.nav-pills.nav-pills-primary .active button:active, .nav.nav-pills.nav-pills-primary button.active:active { color: var(--button-text-color); border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); box-shadow: none; } .nav.nav-pills.nav-pills-primary .active a:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary a.active:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary .active button:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary button.active:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .nav.nav-pills.nav-pills-primary .active a:disabled, .nav.nav-pills.nav-pills-primary .active a.disabled, .nav.nav-pills.nav-pills-primary a.active:disabled, .nav.nav-pills.nav-pills-primary a.active.disabled, .nav.nav-pills.nav-pills-primary .active button:disabled, .nav.nav-pills.nav-pills-primary .active button.disabled, .nav.nav-pills.nav-pills-primary button.active:disabled, .nav.nav-pills.nav-pills-primary button.active.disabled { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); } .nav.nav-pills.nav-pills-primary .active a:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary .active a.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary a.active:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary a.active.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary .active button:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary .active button.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary button.active:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.nav-pills-primary button.active.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } .nav.nav-pills.nav-pills-lg { gap: 1.6rem; } .nav.nav-pills.nav-pills-lg a, .nav.nav-pills.nav-pills-lg button { padding: 1.1rem 2.4rem; line-height: 2.4rem; height: 4.8rem; } :disabled .nav.nav-pills a, :disabled .nav.nav-pills button, .disabled .nav.nav-pills a, .disabled .nav.nav-pills button, .nav.nav-pills:disabled a, .nav.nav-pills:disabled button, .nav.nav-pills.disabled a, .nav.nav-pills.disabled button { cursor: default; pointer-events: none; color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } :disabled .nav.nav-pills a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .nav.nav-pills button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .nav.nav-pills a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .nav.nav-pills button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills:disabled a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills:disabled button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.disabled a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.disabled button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } :disabled .nav.nav-pills.nav-pills-primary .active a, :disabled .nav.nav-pills.nav-pills-primary a.active, :disabled .nav.nav-pills.nav-pills-primary .active button, :disabled .nav.nav-pills.nav-pills-primary button.active, .disabled .nav.nav-pills.nav-pills-primary .active a, .disabled .nav.nav-pills.nav-pills-primary a.active, .disabled .nav.nav-pills.nav-pills-primary .active button, .disabled .nav.nav-pills.nav-pills-primary button.active, .nav.nav-pills:disabled.nav-pills-primary .active a, .nav.nav-pills:disabled.nav-pills-primary a.active, .nav.nav-pills:disabled.nav-pills-primary .active button, .nav.nav-pills:disabled.nav-pills-primary button.active, .nav.nav-pills.disabled.nav-pills-primary .active a, .nav.nav-pills.disabled.nav-pills-primary a.active, .nav.nav-pills.disabled.nav-pills-primary .active button, .nav.nav-pills.disabled.nav-pills-primary button.active { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); } :disabled .nav.nav-pills.nav-pills-primary .active a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .nav.nav-pills.nav-pills-primary a.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .nav.nav-pills.nav-pills-primary .active button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .nav.nav-pills.nav-pills-primary button.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .nav.nav-pills.nav-pills-primary .active a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .nav.nav-pills.nav-pills-primary a.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .nav.nav-pills.nav-pills-primary .active button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .nav.nav-pills.nav-pills-primary button.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills:disabled.nav-pills-primary .active a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills:disabled.nav-pills-primary a.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills:disabled.nav-pills-primary .active button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills:disabled.nav-pills-primary button.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.disabled.nav-pills-primary .active a .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.disabled.nav-pills-primary a.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.disabled.nav-pills-primary .active button .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .nav.nav-pills.disabled.nav-pills-primary button.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } select, select.form-control { cursor: pointer; min-width: 16rem; max-width: 100%; height: 3.2rem; padding: 0.4rem 1.6rem; color: var(--select-text-color); font-size: var(--font-size-sm); font-weight: 400; line-height: 1.6rem; text-align: left; text-overflow: ellipsis; text-shadow: none; vertical-align: middle; white-space: nowrap; border: 0.1rem solid var(--select-border-color); border-radius: var(--select-border-radius); background-color: var(--select-bg); background-image: var(--select-arrow); background-repeat: no-repeat; background-position: right 1.8rem top 13px; box-shadow: var(--button-shadow); appearance: none; } select[data-multiple], select.form-control[data-multiple] { height: auto; height: unset; } select::-ms-expand, select.form-control::-ms-expand { display: none; } select:hover, select.form-control:hover { border-color: var(--select-hover-border-color); background-color: var(--select-hover-bg); } select:focus:not(:active), select.form-control:focus:not(:active) { outline: 0; border-color: var(--select-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--select-focus-border-color), var(--button-shadow); } select:active, select.form-control:active { outline: 0; border-color: var(--select-pressed-border-color); box-shadow: none; } select:disabled, select.disabled, :disabled select, .disabled select, select.form-control:disabled, select.form-control.disabled, :disabled select.form-control, .disabled select.form-control { pointer-events: none; color: var(--select-disabled-text-color); border-color: var(--select-disabled-border-color); background-color: var(--select-disabled-bg); background-image: var(--select-arrow-disabled); box-shadow: none; opacity: 1; } .has-error select, select.has-error, .has-error select.form-control, select.form-control.has-error { border-color: var(--input-error-border-color); } .has-error select:focus:not(:active), select.has-error:focus:not(:active), .has-error select.form-control:focus:not(:active), select.form-control.has-error:focus:not(:active) { border-color: var(--input-error-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-error-border-color), var(--button-shadow); } option { padding: 0.4rem 1.6rem; background-color: var(--select-item-menu-bg); } option:hover { background-color: var(--select-item-menu-hover-bg); } option[selected] { background-color: var(--select-item-menu-selected-bg); } [class*=col-xs-] > select, [class*=col-sm-] > select, [class*=col-md-] > select, [class*=col-lg-] > select, [class*=col-xs-] > select.form-control, [class*=col-sm-] > select.form-control, [class*=col-md-] > select.form-control, [class*=col-lg-] > select.form-control { width: 100%; } .dropdown, .dropup { display: inline-flex; vertical-align: middle; position: relative; margin: 0 0.8rem 0.8rem 0; } .dropdown.open, .dropup.open { z-index: 2; } .dropdown-toggle { position: relative; justify-content: flex-start; margin: 0; padding-right: 5.2rem; text-align: left; z-index: 1; } .dropdown-toggle::before { display: block; content: ""; position: absolute; top: 1.3rem; right: 2rem; height: 0.5rem; width: 0.8rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 0.8rem 0.5rem; mask-size: 0.8rem 0.5rem; -webkit-mask-image: url('arrow-small.svg'); mask-image: url('arrow-small.svg'); background-color: var(--caret-default-bg); transition: transform 0.25s; } .dropup .dropdown-toggle::before { transform: rotate(180deg); top: 1.3rem; } .open .dropdown-toggle { background-color: var(--button-selected-bg); box-shadow: none; } .open .dropdown-toggle::before { transform: rotate(180deg); } .open .dropdown-toggle:hover { background-color: var(--button-hover-bg); } .open .dropdown-toggle:focus { box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color); } .open .dropdown-toggle:active { background-color: var(--button-pressed-bg); box-shadow: none; } .dropup.open .dropdown-toggle::before { transform: rotate(0deg); } .dropdown-toggle.btn-primary::before { background-color: var(--button-primary-icon); } .open .dropdown-toggle.btn-primary { background-color: var(--button-primary-selected-bg); } .open .dropdown-toggle.btn-primary:hover { background-color: var(--button-primary-hover-bg); } .open .dropdown-toggle.btn-primary:focus { box-shadow: inset 0 0 0 0.1rem var(--button-primary-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color); } .open .dropdown-toggle.btn-primary:active { background-color: var(--button-primary-active-bg); box-shadow: none; } .dropdown-toggle.btn-lg { padding-right: 5.2rem; } .dropdown-toggle.btn-lg::before { top: 2.1rem; } .disabled .dropdown-toggle::before, :disabled .dropdown-toggle::before, .dropdown-toggle.disabled::before, .dropdown-toggle:disabled::before { background-color: var(--button-disabled-icon-color); } .dropdown-menu { display: none; position: absolute; width: 100%; margin: 0; padding: 1.6rem 1.2rem; top: calc(100% - 0.6rem); list-style: none; border-radius: 0.2rem; border: 0.1rem solid var(--list-group-border-color); background-color: var(--dropdown-menu-bg); box-shadow: var(--dropdown-menu-shadow); } .dropup .dropdown-menu { top: unset; bottom: calc(100% - 0.6rem); } .open > .dropdown-menu { display: block; } .disabled .dropdown-menu, :disabled .dropdown-menu { display: none; } .dropdown-menu a, .dropdown-menu button { display: block; overflow: hidden; box-sizing: border-box; align-items: center; padding: 0.8rem 1.6rem; color: inherit; line-height: 1.14286; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; border-radius: var(--radius-sm); } .dropdown-menu a:hover, .dropdown-menu button:hover { background-color: var(--dropdown-menu-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .dropdown-menu a:focus, .dropdown-menu button:focus { outline: 0; box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color); } .dropdown-menu a:active, .dropdown-menu button:active { background-color: var(--button-pressed-bg); box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .dropdown-menu .active > a, .dropdown-menu .active > button { background-color: var(--dropdown-menu-selected-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-selected-border-color); } .dropdown-menu .active > a:hover:not(:active), .dropdown-menu .active > button:hover:not(:active) { background-color: var(--dropdown-menu-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .dropdown-menu .active > a:focus, .dropdown-menu .active > button:focus { box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color); } .dropdown-menu .active > a:active, .dropdown-menu .active > button:active { background-color: var(--button-pressed-bg); box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .dropdown-item, .dropdown-menu > li { display: block; overflow: hidden; box-sizing: border-box; width: 100%; max-width: 100%; margin: 0; padding: 0.2rem 0; color: var(--dropdown-menu-text-color); text-align: left; font-size: var(--font-size-sm); line-height: 1.7; text-overflow: ellipsis; white-space: nowrap; border: 0; background-color: var(--dropdown-menu-bg); box-shadow: none; } .dropdown-item.divider:after, .dropdown-menu > li.divider:after { background: var(--list-group-divider); content: ""; display: block; height: 0.1rem; width: 100%; margin: 0; } .dropdown-item.disabled, .dropdown-item.disabled a, .dropdown-item.disabled button, .dropdown-item:disabled, .dropdown-item:disabled a, .dropdown-item:disabled button, .dropdown-menu > li.disabled, .dropdown-menu > li.disabled a, .dropdown-menu > li.disabled button, .dropdown-menu > li:disabled, .dropdown-menu > li:disabled a, .dropdown-menu > li:disabled button { pointer-events: none; color: var(--button-disabled-text-color); box-shadow: none; } .btn-group.open { position: relative; z-index: 2; } .btn-group.btn-group-lg > .dropdown .dropdown-toggle:before, .btn-group.btn-group-lg > .dropup .dropdown-toggle:before { top: 2.1rem; } .btn-group { display: inline-flex; vertical-align: middle; } .btn-group-lg .btn-group .btn.active, .btn-group.btn-group-lg .btn.active { --vud-border-accent-color-size: -0.3rem; } .btn-group .btn.btn-lg.active { --vud-border-accent-color-size: -0.3rem; } .btn-group .btn:not(:last-child) { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group .btn:hover:not(:first-child) { box-shadow: -0.1rem 0 0 0 var(--button-hover-border-color), var(--button-shadow); } .btn-group .btn:focus:not(:first-child) { box-shadow: -0.1rem 0 0 0 var(--button-focus-border-color), inset 0 0 0 0.1rem var(--button-focus-border-color), var(--button-shadow); } .btn-group .btn:active:focus, .btn-group .btn:active:hover { box-shadow: none; } .btn-group .btn.active { --vud-border-accent-color-size: -0.1rem; border-bottom-color: var(--button-group-selected-border-accent-color); box-shadow: inset 0 var(--vud-border-accent-color-size) 0 0 var(--button-group-selected-border-accent-color); } .btn-group .btn.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .btn-group .btn.active:hover { border-color: var(--button-hover-border-color); background-color: var(--button-hover-bg); box-shadow: inset 0 var(--vud-border-accent-color-size) 0 0 var(--button-group-selected-border-accent-color), -0.1rem 0 0 0 var(--button-hover-border-color); } .btn-group .btn.active:hover:first-child { box-shadow: inset 0 var(--vud-border-accent-color-size) 0 0 var(--button-group-selected-border-accent-color); } .btn-group .btn.active:focus { border-color: var(--button-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color), -0.1rem 0 0 0 var(--button-focus-border-color), inset 0 var(--vud-border-accent-color-size) 0 0 var(--button-group-selected-border-accent-color); } .btn-group .btn.active:focus:first-child { box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color), inset 0 var(--vud-border-accent-color-size) 0 0 var(--button-group-selected-border-accent-color); } .btn-group .btn.active:active { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); } .btn-group .btn.active:active, .btn-group .btn.active:active:focus { box-shadow: none; } .btn-group .btn.active:disabled, .btn-group .btn.active:disabled:focus, .btn-group .btn.active:disabled:hover, .btn-group .btn.active.disabled, .btn-group .btn.active.disabled:focus, .btn-group .btn.active.disabled:hover { border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .btn-group .btn.active:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-group .btn.active.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } .btn-group .btn:disabled, .btn-group .btn:disabled:active, .btn-group .btn:disabled:focus, .btn-group .btn:disabled:hover, .btn-group .btn.disabled, .btn-group .btn.disabled:active, .btn-group .btn.disabled:focus, .btn-group .btn.disabled:hover { border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .btn-group .btn:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-group .btn.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } .btn-group .btn:disabled + .btn, .btn-group .btn.disabled + .btn { box-shadow: -0.1rem 0 0 0 var(--button-border-color), var(--button-shadow); } .btn-group .btn:disabled + .btn.active, .btn-group .btn.disabled + .btn.active { box-shadow: inset 0 var(--vud-border-accent-color-size) 0 0 var(--button-group-selected-border-accent-color), -0.1rem 0 0 0 var(--button-border-color); } .btn-group .btn:disabled + .btn.active:hover:not(:active), .btn-group .btn.disabled + .btn.active:hover:not(:active) { box-shadow: inset 0 var(--vud-border-accent-color-size) 0 0 var(--button-group-selected-border-accent-color), -0.1rem 0 0 0 var(--button-hover-border-color); } .btn-group .btn:disabled + .btn.active:disabled, .btn-group .btn:disabled + .btn.active.disabled, .btn-group .btn.disabled + .btn.active:disabled, .btn-group .btn.disabled + .btn.active.disabled { box-shadow: none; } .btn-group .btn:disabled + .btn:hover, .btn-group .btn.disabled + .btn:hover { box-shadow: -0.1rem 0 0 0 var(--button-hover-border-color), var(--button-shadow); } .btn-group .btn:disabled + .btn:focus, .btn-group .btn.disabled + .btn:focus { box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color), -0.1rem 0 0 0 var(--button-focus-border-color); } .btn-group .btn:disabled + .btn:active, .btn-group .btn.disabled + .btn:active { box-shadow: -0.1rem 0 0 0 var(--button-pressed-border-color); } .btn-group .btn:disabled + .btn:disabled, .btn-group .btn:disabled + .btn.disabled, .btn-group .btn.disabled + .btn:disabled, .btn-group .btn.disabled + .btn.disabled { box-shadow: none; } .btn-group .btn + .btn { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-split:not(:first-child) .btn:first-child, .btn-group > .dropdown:not(:first-child) .btn:first-child, .btn-group > .dropup:not(:first-child) .btn:first-child { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-split:not(:first-child) .btn:last-child, .btn-group > .dropdown:not(:first-child) .btn:last-child, .btn-group > .dropup:not(:first-child) .btn:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-split:last-child .btn.dropdown-toggle, .btn-group > .dropdown:last-child .btn.dropdown-toggle, .btn-group > .dropup:last-child .btn.dropdown-toggle { border-top-right-radius: 0.8rem; border-bottom-right-radius: 0.8rem; } .btn-group > .btn-split:not(:last-child), .btn-group > .dropdown:not(:last-child), .btn-group > .dropup:not(:last-child) { margin-right: 0; } .btn-group > .btn-split + .btn, .btn-group > .dropdown + .btn, .btn-group > .dropup + .btn { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn + .btn-group:not(.btn-split) { margin-left: 0.6rem; } .btn-group > .btn-group:not(.btn-split) { margin-right: 0.6rem; } .btn-group.btn-group-justified { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .btn-group.btn-group-justified > .btn, .btn-group.btn-group-justified > .btn-group, .btn-group.btn-group-justified > div { float: none; width: 100%; min-width: unset; margin-bottom: 0; } .btn-group.btn-group-justified .btn.dropdown-toggle { min-width: 100%; } .btn-group.btn-group-primary .btn.active, .btn-toolbar-primary .btn-group .btn.active { color: var(--button-primary-text-color); border-color: var(--button-primary-border-color); background-color: var(--button-primary-bg); box-shadow: none; } .btn-group.btn-group-primary .btn.active:not(:first-child), .btn-toolbar-primary .btn-group .btn.active:not(:first-child) { box-shadow: -0.1rem 0 0 0 var(--button-primary-border-color); } .btn-group.btn-group-primary .btn.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-toolbar-primary .btn-group .btn.active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-primary-icon); } .btn-group.btn-group-primary .btn.active:hover, .btn-toolbar-primary .btn-group .btn.active:hover { border-color: var(--button-primary-hover-border-color); background-color: var(--button-primary-hover-bg); box-shadow: var(--button-primary-shadow); } .btn-group.btn-group-primary .btn.active:hover:not(:first-child), .btn-toolbar-primary .btn-group .btn.active:hover:not(:first-child) { box-shadow: -0.1rem 0 0 0 var(--button-primary-hover-border-color), var(--button-primary-shadow); } .btn-group.btn-group-primary .btn.active:focus, .btn-toolbar-primary .btn-group .btn.active:focus { border-color: var(--button-primary-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-primary-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color); } .btn-group.btn-group-primary .btn.active:focus:not(:first-child), .btn-toolbar-primary .btn-group .btn.active:focus:not(:first-child) { box-shadow: -0.1rem 0 0 0 var(--button-primary-focus-border-color), inset 0 0 0 0.1rem var(--button-primary-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color); } .btn-group.btn-group-primary .btn.active:active, .btn-toolbar-primary .btn-group .btn.active:active { color: var(--button-text-color); border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); } .btn-group.btn-group-primary .btn.active:active, .btn-group.btn-group-primary .btn.active:active:not(:first-child), .btn-toolbar-primary .btn-group .btn.active:active, .btn-toolbar-primary .btn-group .btn.active:active:not(:first-child) { box-shadow: none; } .btn-group.btn-group-primary .btn.active:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-toolbar-primary .btn-group .btn.active:active .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-icon-color); } .btn-group.btn-group-primary .btn.active:disabled, .btn-group.btn-group-primary .btn.active.disabled, .btn-toolbar-primary .btn-group .btn.active:disabled, .btn-toolbar-primary .btn-group .btn.active.disabled { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); } .btn-group.btn-group-primary .btn.active:disabled, .btn-group.btn-group-primary .btn.active:disabled:not(:first-child), .btn-group.btn-group-primary .btn.active.disabled, .btn-group.btn-group-primary .btn.active.disabled:not(:first-child), .btn-toolbar-primary .btn-group .btn.active:disabled, .btn-toolbar-primary .btn-group .btn.active:disabled:not(:first-child), .btn-toolbar-primary .btn-group .btn.active.disabled, .btn-toolbar-primary .btn-group .btn.active.disabled:not(:first-child) { box-shadow: none; } .btn-group.btn-group-primary .btn.active:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-group.btn-group-primary .btn.active.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-toolbar-primary .btn-group .btn.active:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-toolbar-primary .btn-group .btn.active.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } :disabled .btn-group .btn, :disabled .btn-group .btn.active, :disabled .btn-group.btn-group-primary .btn, :disabled .btn-group.btn-group-primary .btn.active, .disabled .btn-group .btn, .disabled .btn-group .btn.active, .disabled .btn-group.btn-group-primary .btn, .disabled .btn-group.btn-group-primary .btn.active, .btn-group:disabled .btn, .btn-group:disabled .btn.active, .btn-group:disabled.btn-group-primary .btn, .btn-group:disabled.btn-group-primary .btn.active, .btn-group.disabled .btn, .btn-group.disabled .btn.active, .btn-group.disabled.btn-group-primary .btn, .btn-group.disabled.btn-group-primary .btn.active { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } :disabled .btn-group .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, :disabled .btn-group.btn-group-primary .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .btn-group .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .disabled .btn-group.btn-group-primary .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-group:disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-group:disabled.btn-group-primary .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-group.disabled .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before, .btn-group.disabled.btn-group-primary .vismaicon:not(.vismaicon-flags):not(.vismaicon-media)::before { background-color: var(--button-disabled-icon-color); } .btn-group-vertical { display: inline-block; vertical-align: top; } .btn-group-vertical .btn { display: block; width: 100%; max-width: 100%; } .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical .btn:not(:last-child) { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical .btn:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical .btn + .btn { border-top: 0; } .btn-group.btn-group-tabs { position: inherit; margin-bottom: 0.8rem; padding: 0.4rem; border-radius: var(--radius-md); background-color: var(--segmented-control-bg); } .btn-group.btn-group-tabs .btn, .btn-group.btn-group-tabs .btn.btn-primary { position: relative; height: 3.6rem; min-width: none; min-width: unset; margin: 0 1.6rem 0 0; padding: 0.8rem 1.2rem; color: var(--segmented-control-button-text-color); border-radius: var(--radius-sm); border: 0; background-color: var(--segmented-control-button-bg); box-shadow: none; } .btn-group.btn-group-tabs .btn::before, .btn-group.btn-group-tabs .btn.btn-primary::before { display: inline-block; content: ""; position: absolute; width: 0.1rem; height: 2rem; top: 0.8rem; left: -0.8rem; background-color: var(--segmented-control-divider-color); box-shadow: none; } .btn-group.btn-group-tabs .btn:first-child::before, .btn-group.btn-group-tabs .btn.btn-primary:first-child::before { display: none; } .btn-group.btn-group-tabs .btn:last-child, .btn-group.btn-group-tabs .btn.btn-primary:last-child { margin-right: 0; } .btn-group.btn-group-tabs .btn:hover, .btn-group.btn-group-tabs .btn.active:hover, .btn-group.btn-group-tabs .btn.btn-primary:hover, .btn-group.btn-group-tabs .btn.btn-primary.active:hover { background-color: var(--segmented-control-button-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--segmented-control-button-hover-border-color); } .btn-group.btn-group-tabs .btn:focus:not(:active), .btn-group.btn-group-tabs .btn.btn-primary:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--segmented-control-button-focus-border-color); } .btn-group.btn-group-tabs .btn:active, .btn-group.btn-group-tabs .btn.active:active, .btn-group.btn-group-tabs .btn.btn-primary:active, .btn-group.btn-group-tabs .btn.btn-primary.active:active { background-color: var(--segmented-control-button-pressed-bg); box-shadow: none; } .btn-group.btn-group-tabs .btn.active, .btn-group.btn-group-tabs .btn.btn-primary.active { background-color: var(--segmented-control-button-selected-bg); box-shadow: inset 0 0 0 0.1rem var(--segmented-control-button-selected-border-color); } .btn-group.btn-group-tabs .btn.active::before, .btn-group.btn-group-tabs .btn.btn-primary.active::before { display: none; } .btn-group.btn-group-tabs .btn.active + .btn::before, .btn-group.btn-group-tabs .btn.btn-primary.active + .btn::before { display: none; } .btn-group.btn-group-tabs .btn.disabled, .btn-group.btn-group-tabs .btn.disabled:hover, .btn-group.btn-group-tabs .btn.disabled:focus, .btn-group.btn-group-tabs .btn.disabled:active, .btn-group.btn-group-tabs .btn:disabled, .btn-group.btn-group-tabs .btn:disabled:hover, .btn-group.btn-group-tabs .btn:disabled:focus, .btn-group.btn-group-tabs .btn:disabled:active, .btn-group.btn-group-tabs .btn.btn-primary.disabled, .btn-group.btn-group-tabs .btn.btn-primary.disabled:hover, .btn-group.btn-group-tabs .btn.btn-primary.disabled:focus, .btn-group.btn-group-tabs .btn.btn-primary.disabled:active, .btn-group.btn-group-tabs .btn.btn-primary:disabled, .btn-group.btn-group-tabs .btn.btn-primary:disabled:hover, .btn-group.btn-group-tabs .btn.btn-primary:disabled:focus, .btn-group.btn-group-tabs .btn.btn-primary:disabled:active { color: var(--button-disabled-text-color); background-color: rgba(0, 0, 0, 0); box-shadow: none; } .btn-group.btn-group-tabs .btn.disabled + .btn, .btn-group.btn-group-tabs .btn:disabled + .btn, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn { box-shadow: none; } .btn-group.btn-group-tabs .btn.disabled + .btn:hover, .btn-group.btn-group-tabs .btn.disabled + .btn.active:hover, .btn-group.btn-group-tabs .btn:disabled + .btn:hover, .btn-group.btn-group-tabs .btn:disabled + .btn.active:hover, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn:hover, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn.active:hover, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn:hover, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn.active:hover { box-shadow: inset 0 0 0 0.1rem var(--segmented-control-button-hover-border-color); } .btn-group.btn-group-tabs .btn.disabled + .btn:focus:not(:active), .btn-group.btn-group-tabs .btn:disabled + .btn:focus:not(:active), .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn:focus:not(:active), .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--segmented-control-button-focus-border-color); } .btn-group.btn-group-tabs .btn.disabled + .btn:active, .btn-group.btn-group-tabs .btn.disabled + .btn.active:active, .btn-group.btn-group-tabs .btn:disabled + .btn:active, .btn-group.btn-group-tabs .btn:disabled + .btn.active:active, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn:active, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn.active:active, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn:active, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn.active:active { box-shadow: none; } .btn-group.btn-group-tabs .btn.disabled + .btn.disabled, .btn-group.btn-group-tabs .btn.disabled + .btn.disabled:hover, .btn-group.btn-group-tabs .btn.disabled + .btn.disabled:focus, .btn-group.btn-group-tabs .btn.disabled + .btn:disabled, .btn-group.btn-group-tabs .btn.disabled + .btn:disabled:hover, .btn-group.btn-group-tabs .btn.disabled + .btn:disabled:focus, .btn-group.btn-group-tabs .btn:disabled + .btn.disabled, .btn-group.btn-group-tabs .btn:disabled + .btn.disabled:hover, .btn-group.btn-group-tabs .btn:disabled + .btn.disabled:focus, .btn-group.btn-group-tabs .btn:disabled + .btn:disabled, .btn-group.btn-group-tabs .btn:disabled + .btn:disabled:hover, .btn-group.btn-group-tabs .btn:disabled + .btn:disabled:focus, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn.disabled, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn.disabled:hover, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn.disabled:focus, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn:disabled, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn:disabled:hover, .btn-group.btn-group-tabs .btn.btn-primary.disabled + .btn:disabled:focus, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn.disabled, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn.disabled:hover, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn.disabled:focus, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn:disabled, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn:disabled:hover, .btn-group.btn-group-tabs .btn.btn-primary:disabled + .btn:disabled:focus { box-shadow: none; } .btn-group.btn-group-tabs .btn .vismaicon, .btn-group.btn-group-tabs .btn.btn-primary .vismaicon { margin: 0; } .btn-group.btn-group-tabs .btn .vismaicon + *, .btn-group.btn-group-tabs .btn.btn-primary .vismaicon + * { margin-left: 0.8rem; } .btn-group.btn-group-tabs.btn-group-tabs-sm { border-radius: var(--radius-sm); } .btn-group.btn-group-tabs.btn-group-tabs-sm .btn, .btn-group.btn-group-tabs.btn-group-tabs-sm .btn.btn-primary { height: 2.4rem; padding: 0.4rem 0.8rem; font-size: var(--font-size-xs); line-height: 1.38462em; border-radius: 0.4rem; } .btn-group.btn-group-tabs.btn-group-tabs-sm .btn::before, .btn-group.btn-group-tabs.btn-group-tabs-sm .btn.btn-primary::before { height: 1.6rem; top: 0.4rem; } .btn-group.btn-group-tabs.btn-group-animation::before { display: block; position: absolute; content: ""; height: 3.6rem; min-width: 0; width: var(--btn-grp-animation-width, 0); border-radius: var(--radius-sm); background-color: var(--segmented-control-button-selected-bg); box-shadow: inset 0 0 0 0.1rem var(--segmented-control-button-selected-border-color); transform: translateX(var(--btn-grp-animation-offset, 0)); transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; } .btn-group.btn-group-tabs.btn-group-animation.btn-group-tabs-sm::before { height: 2.4rem; border-radius: 0.4rem; } .btn-group.btn-group-tabs.btn-group-animation .btn.active, .btn-group.btn-group-tabs.btn-group-animation .btn:active { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .btn-group.btn-group-tabs.btn-group-animation .btn.active:hover { background-color: var(--segmented-control-button-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--segmented-control-button-hover-border-color); } .btn-group.btn-group-tabs.btn-group-animation .btn.active:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--segmented-control-button-focus-border-color); } .btn-group.btn-group-tabs.btn-group-animation .btn.active:active { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .btn-group.btn-group-tabs.btn-group-animation .btn.active.disabled, .btn-group.btn-group-tabs.btn-group-animation .btn.active:disabled { box-shadow: none; } .btn-group.btn-split { position: relative; margin: 0 0.8rem 0.8rem 0; z-index: 2; } .btn-group.btn-split > .btn { margin: 0; text-decoration: none; text-align: left; justify-content: flex-start; z-index: 1; } .btn-group.btn-split .btn-primary:not(:last-child) { border-right-color: rgba(0, 0, 0, 0.16); } .btn-group.btn-split .dropdown-toggle { min-width: 3.2rem; padding: 0.4rem; border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .btn-group.btn-split .dropdown-toggle > .caret { display: none; } .btn-group.btn-split .dropdown-toggle::before { right: 1.2rem; } .btn-group.btn-split .dropdown-toggle.btn-primary { box-shadow: -0.1rem 0 0 0 var(--button-primary-selected-border-color), var(--button-primary-shadows); } .btn-group.btn-split .dropdown-toggle.btn-primary:focus:not(:active) { box-shadow: -0.1rem 0 0 0 var(--button-primary-focus-border-color), inset 0 0 0 0.1rem var(--button-primary-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color); } .btn-group.btn-split .dropdown-toggle.btn-primary.disabled, .btn-group.btn-split .dropdown-toggle.btn-primary.disabled:hover, .btn-group.btn-split .dropdown-toggle.btn-primary.disabled:focus, .btn-group.btn-split .dropdown-toggle.btn-primary:disabled, .btn-group.btn-split .dropdown-toggle.btn-primary:disabled:hover, .btn-group.btn-split .dropdown-toggle.btn-primary:disabled:focus { border-color: var(--button-disabled-border-color); box-shadow: none; } .btn-group.btn-split.btn-group-lg .dropdown-toggle { min-width: 4.8rem; } .btn-group.btn-split.btn-group-lg .dropdown-toggle::before { top: 2.2rem; right: 2rem; } .disabled .btn-group.btn-split .dropdown-toggle, .disabled .btn-group.btn-split .dropdown-toggle:hover, .disabled .btn-group.btn-split .dropdown-toggle:focus, .disabled .btn-group.btn-split .dropdown-toggle.btn-primary, .disabled .btn-group.btn-split .dropdown-toggle.btn-primary:hover, .disabled .btn-group.btn-split .dropdown-toggle.btn-primary:focus, :disabled .btn-group.btn-split .dropdown-toggle, :disabled .btn-group.btn-split .dropdown-toggle:hover, :disabled .btn-group.btn-split .dropdown-toggle:focus, :disabled .btn-group.btn-split .dropdown-toggle.btn-primary, :disabled .btn-group.btn-split .dropdown-toggle.btn-primary:hover, :disabled .btn-group.btn-split .dropdown-toggle.btn-primary:focus, .btn-group.btn-split.disabled .dropdown-toggle, .btn-group.btn-split.disabled .dropdown-toggle:hover, .btn-group.btn-split.disabled .dropdown-toggle:focus, .btn-group.btn-split.disabled .dropdown-toggle.btn-primary, .btn-group.btn-split.disabled .dropdown-toggle.btn-primary:hover, .btn-group.btn-split.disabled .dropdown-toggle.btn-primary:focus, .btn-group.btn-split:disabled .dropdown-toggle, .btn-group.btn-split:disabled .dropdown-toggle:hover, .btn-group.btn-split:disabled .dropdown-toggle:focus, .btn-group.btn-split:disabled .dropdown-toggle.btn-primary, .btn-group.btn-split:disabled .dropdown-toggle.btn-primary:hover, .btn-group.btn-split:disabled .dropdown-toggle.btn-primary:focus { border-color: var(--button-disabled-border-color); box-shadow: none; } ::placeholder, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: var(--input-placeholder-color); font-style: italic; } .form-control { display: block; width: 100%; } input:-internal-autofill-selected, textarea:-internal-autofill-selected { color: -internal-light-dark(var(--input-text-color)) !important; } input:-webkit-autofill, textarea:-webkit-autofill { box-shadow: inset 0 0 0 100rem var(--input-bg) !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus { -webkit-text-fill-color: var(--input-text-color); } input:-webkit-autofill:hover, textarea:-webkit-autofill:hover { box-shadow: inset 0 0 0 100rem var(--input-hover-bg), var(--input-hover-shadow) !important; } input:-webkit-autofill:focus, textarea:-webkit-autofill:focus { box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), inset 0 0 0 100rem var(--input-bg), var(--input-focus-shadow) !important; } .disabled input:-webkit-autofill, :disabled input:-webkit-autofill, input:-webkit-autofill.disabled, input:-webkit-autofill:disabled, .disabled textarea:-webkit-autofill, :disabled textarea:-webkit-autofill, textarea:-webkit-autofill.disabled, textarea:-webkit-autofill:disabled { -webkit-text-fill-color: var(--input-disabled-text-color); box-shadow: inset 0 0 0 100rem var(--input-bg) !important; } input[type=file]::file-selector-button { cursor: pointer; height: 3.2rem; padding: 0.8rem 0.8rem 0.8rem 1.6rem; color: var(--input-text-color); font-size: var(--font-size-sm); font-weight: 400; line-height: 1.6rem; outline: none; border-radius: var(--radius-xs); border: 0.1rem solid var(--input-border-color); background-color: var(--input-bg); box-shadow: var(--input-shadow); } input[type=file]::file-selector-button:focus { outline: none; border-color: var(--input-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), var(--input-focus-shadow); } input[type=file]::-webkit-file-upload-button { cursor: pointer; height: 3.2rem; padding: 0.4rem 1.6rem; color: var(--button-text-color); font-size: var(--font-size-sm); font-weight: 400; line-height: 1.6rem; outline: none; border-radius: var(--radius-sm); border: 0.1rem solid var(--button-border-color); background-color: var(--button-bg); box-shadow: var(--button-shadow); } input[type=file]:hover::-webkit-file-upload-button, input[type=file].hover::-webkit-file-upload-button { border-color: var(--button-hover-border-color); background-color: var(--button-hover-bg); } input[type=file]:active::-webkit-file-upload-button::-webkit-file-upload-button, input[type=file].active::-webkit-file-upload-button::-webkit-file-upload-button { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); box-shadow: none; } input[type=file]:focus { box-shadow: none; } input[type=file]:focus::-webkit-file-upload-button, input[type=file]::-webkit-file-upload-button:focus { outline: none; border-color: var(--button-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color), var(--button-shadow); } input[type=file]:disabled, input[type=file].disabled, :disabled input[type=file], .disabled input[type=file] { pointer-events: none; } input[type=file]:disabled::-webkit-file-upload-button, input[type=file].disabled::-webkit-file-upload-button, :disabled input[type=file]::-webkit-file-upload-button, .disabled input[type=file]::-webkit-file-upload-button { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } input, input.form-control { box-sizing: border-box; height: 3.2rem; font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; line-height: 1.6rem; } input.focus, input:focus, input.form-control.focus, input.form-control:focus { outline: 0; border-color: var(--input-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), var(--input-focus-shadow); } .disabled input, :disabled input, input.disabled, input:disabled, .disabled input.form-control, :disabled input.form-control, input.form-control.disabled, input.form-control:disabled { cursor: default; pointer-events: none; } input[type=search]::-webkit-search-cancel-button, input.form-control[type=search]::-webkit-search-cancel-button { display: none; } input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input.form-control[type=text], input.form-control[type=password], input.form-control[type=datetime], input.form-control[type=datetime-local], input.form-control[type=date], input.form-control[type=month], input.form-control[type=time], input.form-control[type=week], input.form-control[type=number], input.form-control[type=email], input.form-control[type=url], input.form-control[type=search], input.form-control[type=tel], input.form-control[type=color] { padding: 0.8rem 0.8rem 0.8rem 1.6rem; color: var(--input-text-color); border-radius: var(--radius-xs); border: 0.1rem solid var(--input-border-color); background-color: var(--button-bg); box-shadow: var(--input-shadow); -webkit-appearance: none; -moz-appearance: textfield; } input[type=text].hover, input[type=text]:hover, input[type=password].hover, input[type=password]:hover, input[type=datetime].hover, input[type=datetime]:hover, input[type=datetime-local].hover, input[type=datetime-local]:hover, input[type=date].hover, input[type=date]:hover, input[type=month].hover, input[type=month]:hover, input[type=time].hover, input[type=time]:hover, input[type=week].hover, input[type=week]:hover, input[type=number].hover, input[type=number]:hover, input[type=email].hover, input[type=email]:hover, input[type=url].hover, input[type=url]:hover, input[type=search].hover, input[type=search]:hover, input[type=tel].hover, input[type=tel]:hover, input[type=color].hover, input[type=color]:hover, input.form-control[type=text].hover, input.form-control[type=text]:hover, input.form-control[type=password].hover, input.form-control[type=password]:hover, input.form-control[type=datetime].hover, input.form-control[type=datetime]:hover, input.form-control[type=datetime-local].hover, input.form-control[type=datetime-local]:hover, input.form-control[type=date].hover, input.form-control[type=date]:hover, input.form-control[type=month].hover, input.form-control[type=month]:hover, input.form-control[type=time].hover, input.form-control[type=time]:hover, input.form-control[type=week].hover, input.form-control[type=week]:hover, input.form-control[type=number].hover, input.form-control[type=number]:hover, input.form-control[type=email].hover, input.form-control[type=email]:hover, input.form-control[type=url].hover, input.form-control[type=url]:hover, input.form-control[type=search].hover, input.form-control[type=search]:hover, input.form-control[type=tel].hover, input.form-control[type=tel]:hover, input.form-control[type=color].hover, input.form-control[type=color]:hover { border-color: var(--input-hover-border-color); background-color: var(--input-hover-bg); box-shadow: var(--input-hover-shadow); } input[type=text].focus, input[type=text]:focus, input[type=password].focus, input[type=password]:focus, input[type=datetime].focus, input[type=datetime]:focus, input[type=datetime-local].focus, input[type=datetime-local]:focus, input[type=date].focus, input[type=date]:focus, input[type=month].focus, input[type=month]:focus, input[type=time].focus, input[type=time]:focus, input[type=week].focus, input[type=week]:focus, input[type=number].focus, input[type=number]:focus, input[type=email].focus, input[type=email]:focus, input[type=url].focus, input[type=url]:focus, input[type=search].focus, input[type=search]:focus, input[type=tel].focus, input[type=tel]:focus, input[type=color].focus, input[type=color]:focus, input.form-control[type=text].focus, input.form-control[type=text]:focus, input.form-control[type=password].focus, input.form-control[type=password]:focus, input.form-control[type=datetime].focus, input.form-control[type=datetime]:focus, input.form-control[type=datetime-local].focus, input.form-control[type=datetime-local]:focus, input.form-control[type=date].focus, input.form-control[type=date]:focus, input.form-control[type=month].focus, input.form-control[type=month]:focus, input.form-control[type=time].focus, input.form-control[type=time]:focus, input.form-control[type=week].focus, input.form-control[type=week]:focus, input.form-control[type=number].focus, input.form-control[type=number]:focus, input.form-control[type=email].focus, input.form-control[type=email]:focus, input.form-control[type=url].focus, input.form-control[type=url]:focus, input.form-control[type=search].focus, input.form-control[type=search]:focus, input.form-control[type=tel].focus, input.form-control[type=tel]:focus, input.form-control[type=color].focus, input.form-control[type=color]:focus { border-color: var(--input-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), var(--input-focus-shadow); } .disabled input[type=text], :disabled input[type=text], input[type=text].disabled, input[type=text]:disabled, .disabled input[type=password], :disabled input[type=password], input[type=password].disabled, input[type=password]:disabled, .disabled input[type=datetime], :disabled input[type=datetime], input[type=datetime].disabled, input[type=datetime]:disabled, .disabled input[type=datetime-local], :disabled input[type=datetime-local], input[type=datetime-local].disabled, input[type=datetime-local]:disabled, .disabled input[type=date], :disabled input[type=date], input[type=date].disabled, input[type=date]:disabled, .disabled input[type=month], :disabled input[type=month], input[type=month].disabled, input[type=month]:disabled, .disabled input[type=time], :disabled input[type=time], input[type=time].disabled, input[type=time]:disabled, .disabled input[type=week], :disabled input[type=week], input[type=week].disabled, input[type=week]:disabled, .disabled input[type=number], :disabled input[type=number], input[type=number].disabled, input[type=number]:disabled, .disabled input[type=email], :disabled input[type=email], input[type=email].disabled, input[type=email]:disabled, .disabled input[type=url], :disabled input[type=url], input[type=url].disabled, input[type=url]:disabled, .disabled input[type=search], :disabled input[type=search], input[type=search].disabled, input[type=search]:disabled, .disabled input[type=tel], :disabled input[type=tel], input[type=tel].disabled, input[type=tel]:disabled, .disabled input[type=color], :disabled input[type=color], input[type=color].disabled, input[type=color]:disabled, .disabled input.form-control[type=text], :disabled input.form-control[type=text], input.form-control[type=text].disabled, input.form-control[type=text]:disabled, .disabled input.form-control[type=password], :disabled input.form-control[type=password], input.form-control[type=password].disabled, input.form-control[type=password]:disabled, .disabled input.form-control[type=datetime], :disabled input.form-control[type=datetime], input.form-control[type=datetime].disabled, input.form-control[type=datetime]:disabled, .disabled input.form-control[type=datetime-local], :disabled input.form-control[type=datetime-local], input.form-control[type=datetime-local].disabled, input.form-control[type=datetime-local]:disabled, .disabled input.form-control[type=date], :disabled input.form-control[type=date], input.form-control[type=date].disabled, input.form-control[type=date]:disabled, .disabled input.form-control[type=month], :disabled input.form-control[type=month], input.form-control[type=month].disabled, input.form-control[type=month]:disabled, .disabled input.form-control[type=time], :disabled input.form-control[type=time], input.form-control[type=time].disabled, input.form-control[type=time]:disabled, .disabled input.form-control[type=week], :disabled input.form-control[type=week], input.form-control[type=week].disabled, input.form-control[type=week]:disabled, .disabled input.form-control[type=number], :disabled input.form-control[type=number], input.form-control[type=number].disabled, input.form-control[type=number]:disabled, .disabled input.form-control[type=email], :disabled input.form-control[type=email], input.form-control[type=email].disabled, input.form-control[type=email]:disabled, .disabled input.form-control[type=url], :disabled input.form-control[type=url], input.form-control[type=url].disabled, input.form-control[type=url]:disabled, .disabled input.form-control[type=search], :disabled input.form-control[type=search], input.form-control[type=search].disabled, input.form-control[type=search]:disabled, .disabled input.form-control[type=tel], :disabled input.form-control[type=tel], input.form-control[type=tel].disabled, input.form-control[type=tel]:disabled, .disabled input.form-control[type=color], :disabled input.form-control[type=color], input.form-control[type=color].disabled, input.form-control[type=color]:disabled { color: var(--input-disabled-text-color); border-color: var(--input-disabled-border-color); background-color: var(--input-disabled-bg); box-shadow: none; } .disabled input[type=text]::placeholder, .disabled input[type=text]::-webkit-input-placeholder, .disabled input[type=text]:-moz-placeholder, .disabled input[type=text]::-moz-placeholder, .disabled input[type=text]:-ms-input-placeholder, :disabled input[type=text]::placeholder, :disabled input[type=text]::-webkit-input-placeholder, :disabled input[type=text]:-moz-placeholder, :disabled input[type=text]::-moz-placeholder, :disabled input[type=text]:-ms-input-placeholder, input[type=text].disabled::placeholder, input[type=text].disabled::-webkit-input-placeholder, input[type=text].disabled:-moz-placeholder, input[type=text].disabled::-moz-placeholder, input[type=text].disabled:-ms-input-placeholder, input[type=text]:disabled::placeholder, input[type=text]:disabled::-webkit-input-placeholder, input[type=text]:disabled:-moz-placeholder, input[type=text]:disabled::-moz-placeholder, input[type=text]:disabled:-ms-input-placeholder, .disabled input[type=password]::placeholder, .disabled input[type=password]::-webkit-input-placeholder, .disabled input[type=password]:-moz-placeholder, .disabled input[type=password]::-moz-placeholder, .disabled input[type=password]:-ms-input-placeholder, :disabled input[type=password]::placeholder, :disabled input[type=password]::-webkit-input-placeholder, :disabled input[type=password]:-moz-placeholder, :disabled input[type=password]::-moz-placeholder, :disabled input[type=password]:-ms-input-placeholder, input[type=password].disabled::placeholder, input[type=password].disabled::-webkit-input-placeholder, input[type=password].disabled:-moz-placeholder, input[type=password].disabled::-moz-placeholder, input[type=password].disabled:-ms-input-placeholder, input[type=password]:disabled::placeholder, input[type=password]:disabled::-webkit-input-placeholder, input[type=password]:disabled:-moz-placeholder, input[type=password]:disabled::-moz-placeholder, input[type=password]:disabled:-ms-input-placeholder, .disabled input[type=datetime]::placeholder, .disabled input[type=datetime]::-webkit-input-placeholder, .disabled input[type=datetime]:-moz-placeholder, .disabled input[type=datetime]::-moz-placeholder, .disabled input[type=datetime]:-ms-input-placeholder, :disabled input[type=datetime]::placeholder, :disabled input[type=datetime]::-webkit-input-placeholder, :disabled input[type=datetime]:-moz-placeholder, :disabled input[type=datetime]::-moz-placeholder, :disabled input[type=datetime]:-ms-input-placeholder, input[type=datetime].disabled::placeholder, input[type=datetime].disabled::-webkit-input-placeholder, input[type=datetime].disabled:-moz-placeholder, input[type=datetime].disabled::-moz-placeholder, input[type=datetime].disabled:-ms-input-placeholder, input[type=datetime]:disabled::placeholder, input[type=datetime]:disabled::-webkit-input-placeholder, input[type=datetime]:disabled:-moz-placeholder, input[type=datetime]:disabled::-moz-placeholder, input[type=datetime]:disabled:-ms-input-placeholder, .disabled input[type=datetime-local]::placeholder, .disabled input[type=datetime-local]::-webkit-input-placeholder, .disabled input[type=datetime-local]:-moz-placeholder, .disabled input[type=datetime-local]::-moz-placeholder, .disabled input[type=datetime-local]:-ms-input-placeholder, :disabled input[type=datetime-local]::placeholder, :disabled input[type=datetime-local]::-webkit-input-placeholder, :disabled input[type=datetime-local]:-moz-placeholder, :disabled input[type=datetime-local]::-moz-placeholder, :disabled input[type=datetime-local]:-ms-input-placeholder, input[type=datetime-local].disabled::placeholder, input[type=datetime-local].disabled::-webkit-input-placeholder, input[type=datetime-local].disabled:-moz-placeholder, input[type=datetime-local].disabled::-moz-placeholder, input[type=datetime-local].disabled:-ms-input-placeholder, input[type=datetime-local]:disabled::placeholder, input[type=datetime-local]:disabled::-webkit-input-placeholder, input[type=datetime-local]:disabled:-moz-placeholder, input[type=datetime-local]:disabled::-moz-placeholder, input[type=datetime-local]:disabled:-ms-input-placeholder, .disabled input[type=date]::placeholder, .disabled input[type=date]::-webkit-input-placeholder, .disabled input[type=date]:-moz-placeholder, .disabled input[type=date]::-moz-placeholder, .disabled input[type=date]:-ms-input-placeholder, :disabled input[type=date]::placeholder, :disabled input[type=date]::-webkit-input-placeholder, :disabled input[type=date]:-moz-placeholder, :disabled input[type=date]::-moz-placeholder, :disabled input[type=date]:-ms-input-placeholder, input[type=date].disabled::placeholder, input[type=date].disabled::-webkit-input-placeholder, input[type=date].disabled:-moz-placeholder, input[type=date].disabled::-moz-placeholder, input[type=date].disabled:-ms-input-placeholder, input[type=date]:disabled::placeholder, input[type=date]:disabled::-webkit-input-placeholder, input[type=date]:disabled:-moz-placeholder, input[type=date]:disabled::-moz-placeholder, input[type=date]:disabled:-ms-input-placeholder, .disabled input[type=month]::placeholder, .disabled input[type=month]::-webkit-input-placeholder, .disabled input[type=month]:-moz-placeholder, .disabled input[type=month]::-moz-placeholder, .disabled input[type=month]:-ms-input-placeholder, :disabled input[type=month]::placeholder, :disabled input[type=month]::-webkit-input-placeholder, :disabled input[type=month]:-moz-placeholder, :disabled input[type=month]::-moz-placeholder, :disabled input[type=month]:-ms-input-placeholder, input[type=month].disabled::placeholder, input[type=month].disabled::-webkit-input-placeholder, input[type=month].disabled:-moz-placeholder, input[type=month].disabled::-moz-placeholder, input[type=month].disabled:-ms-input-placeholder, input[type=month]:disabled::placeholder, input[type=month]:disabled::-webkit-input-placeholder, input[type=month]:disabled:-moz-placeholder, input[type=month]:disabled::-moz-placeholder, input[type=month]:disabled:-ms-input-placeholder, .disabled input[type=time]::placeholder, .disabled input[type=time]::-webkit-input-placeholder, .disabled input[type=time]:-moz-placeholder, .disabled input[type=time]::-moz-placeholder, .disabled input[type=time]:-ms-input-placeholder, :disabled input[type=time]::placeholder, :disabled input[type=time]::-webkit-input-placeholder, :disabled input[type=time]:-moz-placeholder, :disabled input[type=time]::-moz-placeholder, :disabled input[type=time]:-ms-input-placeholder, input[type=time].disabled::placeholder, input[type=time].disabled::-webkit-input-placeholder, input[type=time].disabled:-moz-placeholder, input[type=time].disabled::-moz-placeholder, input[type=time].disabled:-ms-input-placeholder, input[type=time]:disabled::placeholder, input[type=time]:disabled::-webkit-input-placeholder, input[type=time]:disabled:-moz-placeholder, input[type=time]:disabled::-moz-placeholder, input[type=time]:disabled:-ms-input-placeholder, .disabled input[type=week]::placeholder, .disabled input[type=week]::-webkit-input-placeholder, .disabled input[type=week]:-moz-placeholder, .disabled input[type=week]::-moz-placeholder, .disabled input[type=week]:-ms-input-placeholder, :disabled input[type=week]::placeholder, :disabled input[type=week]::-webkit-input-placeholder, :disabled input[type=week]:-moz-placeholder, :disabled input[type=week]::-moz-placeholder, :disabled input[type=week]:-ms-input-placeholder, input[type=week].disabled::placeholder, input[type=week].disabled::-webkit-input-placeholder, input[type=week].disabled:-moz-placeholder, input[type=week].disabled::-moz-placeholder, input[type=week].disabled:-ms-input-placeholder, input[type=week]:disabled::placeholder, input[type=week]:disabled::-webkit-input-placeholder, input[type=week]:disabled:-moz-placeholder, input[type=week]:disabled::-moz-placeholder, input[type=week]:disabled:-ms-input-placeholder, .disabled input[type=number]::placeholder, .disabled input[type=number]::-webkit-input-placeholder, .disabled input[type=number]:-moz-placeholder, .disabled input[type=number]::-moz-placeholder, .disabled input[type=number]:-ms-input-placeholder, :disabled input[type=number]::placeholder, :disabled input[type=number]::-webkit-input-placeholder, :disabled input[type=number]:-moz-placeholder, :disabled input[type=number]::-moz-placeholder, :disabled input[type=number]:-ms-input-placeholder, input[type=number].disabled::placeholder, input[type=number].disabled::-webkit-input-placeholder, input[type=number].disabled:-moz-placeholder, input[type=number].disabled::-moz-placeholder, input[type=number].disabled:-ms-input-placeholder, input[type=number]:disabled::placeholder, input[type=number]:disabled::-webkit-input-placeholder, input[type=number]:disabled:-moz-placeholder, input[type=number]:disabled::-moz-placeholder, input[type=number]:disabled:-ms-input-placeholder, .disabled input[type=email]::placeholder, .disabled input[type=email]::-webkit-input-placeholder, .disabled input[type=email]:-moz-placeholder, .disabled input[type=email]::-moz-placeholder, .disabled input[type=email]:-ms-input-placeholder, :disabled input[type=email]::placeholder, :disabled input[type=email]::-webkit-input-placeholder, :disabled input[type=email]:-moz-placeholder, :disabled input[type=email]::-moz-placeholder, :disabled input[type=email]:-ms-input-placeholder, input[type=email].disabled::placeholder, input[type=email].disabled::-webkit-input-placeholder, input[type=email].disabled:-moz-placeholder, input[type=email].disabled::-moz-placeholder, input[type=email].disabled:-ms-input-placeholder, input[type=email]:disabled::placeholder, input[type=email]:disabled::-webkit-input-placeholder, input[type=email]:disabled:-moz-placeholder, input[type=email]:disabled::-moz-placeholder, input[type=email]:disabled:-ms-input-placeholder, .disabled input[type=url]::placeholder, .disabled input[type=url]::-webkit-input-placeholder, .disabled input[type=url]:-moz-placeholder, .disabled input[type=url]::-moz-placeholder, .disabled input[type=url]:-ms-input-placeholder, :disabled input[type=url]::placeholder, :disabled input[type=url]::-webkit-input-placeholder, :disabled input[type=url]:-moz-placeholder, :disabled input[type=url]::-moz-placeholder, :disabled input[type=url]:-ms-input-placeholder, input[type=url].disabled::placeholder, input[type=url].disabled::-webkit-input-placeholder, input[type=url].disabled:-moz-placeholder, input[type=url].disabled::-moz-placeholder, input[type=url].disabled:-ms-input-placeholder, input[type=url]:disabled::placeholder, input[type=url]:disabled::-webkit-input-placeholder, input[type=url]:disabled:-moz-placeholder, input[type=url]:disabled::-moz-placeholder, input[type=url]:disabled:-ms-input-placeholder, .disabled input[type=search]::placeholder, .disabled input[type=search]::-webkit-input-placeholder, .disabled input[type=search]:-moz-placeholder, .disabled input[type=search]::-moz-placeholder, .disabled input[type=search]:-ms-input-placeholder, :disabled input[type=search]::placeholder, :disabled input[type=search]::-webkit-input-placeholder, :disabled input[type=search]:-moz-placeholder, :disabled input[type=search]::-moz-placeholder, :disabled input[type=search]:-ms-input-placeholder, input[type=search].disabled::placeholder, input[type=search].disabled::-webkit-input-placeholder, input[type=search].disabled:-moz-placeholder, input[type=search].disabled::-moz-placeholder, input[type=search].disabled:-ms-input-placeholder, input[type=search]:disabled::placeholder, input[type=search]:disabled::-webkit-input-placeholder, input[type=search]:disabled:-moz-placeholder, input[type=search]:disabled::-moz-placeholder, input[type=search]:disabled:-ms-input-placeholder, .disabled input[type=tel]::placeholder, .disabled input[type=tel]::-webkit-input-placeholder, .disabled input[type=tel]:-moz-placeholder, .disabled input[type=tel]::-moz-placeholder, .disabled input[type=tel]:-ms-input-placeholder, :disabled input[type=tel]::placeholder, :disabled input[type=tel]::-webkit-input-placeholder, :disabled input[type=tel]:-moz-placeholder, :disabled input[type=tel]::-moz-placeholder, :disabled input[type=tel]:-ms-input-placeholder, input[type=tel].disabled::placeholder, input[type=tel].disabled::-webkit-input-placeholder, input[type=tel].disabled:-moz-placeholder, input[type=tel].disabled::-moz-placeholder, input[type=tel].disabled:-ms-input-placeholder, input[type=tel]:disabled::placeholder, input[type=tel]:disabled::-webkit-input-placeholder, input[type=tel]:disabled:-moz-placeholder, input[type=tel]:disabled::-moz-placeholder, input[type=tel]:disabled:-ms-input-placeholder, .disabled input[type=color]::placeholder, .disabled input[type=color]::-webkit-input-placeholder, .disabled input[type=color]:-moz-placeholder, .disabled input[type=color]::-moz-placeholder, .disabled input[type=color]:-ms-input-placeholder, :disabled input[type=color]::placeholder, :disabled input[type=color]::-webkit-input-placeholder, :disabled input[type=color]:-moz-placeholder, :disabled input[type=color]::-moz-placeholder, :disabled input[type=color]:-ms-input-placeholder, input[type=color].disabled::placeholder, input[type=color].disabled::-webkit-input-placeholder, input[type=color].disabled:-moz-placeholder, input[type=color].disabled::-moz-placeholder, input[type=color].disabled:-ms-input-placeholder, input[type=color]:disabled::placeholder, input[type=color]:disabled::-webkit-input-placeholder, input[type=color]:disabled:-moz-placeholder, input[type=color]:disabled::-moz-placeholder, input[type=color]:disabled:-ms-input-placeholder, .disabled input.form-control[type=text]::placeholder, .disabled input.form-control[type=text]::-webkit-input-placeholder, .disabled input.form-control[type=text]:-moz-placeholder, .disabled input.form-control[type=text]::-moz-placeholder, .disabled input.form-control[type=text]:-ms-input-placeholder, :disabled input.form-control[type=text]::placeholder, :disabled input.form-control[type=text]::-webkit-input-placeholder, :disabled input.form-control[type=text]:-moz-placeholder, :disabled input.form-control[type=text]::-moz-placeholder, :disabled input.form-control[type=text]:-ms-input-placeholder, input.form-control[type=text].disabled::placeholder, input.form-control[type=text].disabled::-webkit-input-placeholder, input.form-control[type=text].disabled:-moz-placeholder, input.form-control[type=text].disabled::-moz-placeholder, input.form-control[type=text].disabled:-ms-input-placeholder, input.form-control[type=text]:disabled::placeholder, input.form-control[type=text]:disabled::-webkit-input-placeholder, input.form-control[type=text]:disabled:-moz-placeholder, input.form-control[type=text]:disabled::-moz-placeholder, input.form-control[type=text]:disabled:-ms-input-placeholder, .disabled input.form-control[type=password]::placeholder, .disabled input.form-control[type=password]::-webkit-input-placeholder, .disabled input.form-control[type=password]:-moz-placeholder, .disabled input.form-control[type=password]::-moz-placeholder, .disabled input.form-control[type=password]:-ms-input-placeholder, :disabled input.form-control[type=password]::placeholder, :disabled input.form-control[type=password]::-webkit-input-placeholder, :disabled input.form-control[type=password]:-moz-placeholder, :disabled input.form-control[type=password]::-moz-placeholder, :disabled input.form-control[type=password]:-ms-input-placeholder, input.form-control[type=password].disabled::placeholder, input.form-control[type=password].disabled::-webkit-input-placeholder, input.form-control[type=password].disabled:-moz-placeholder, input.form-control[type=password].disabled::-moz-placeholder, input.form-control[type=password].disabled:-ms-input-placeholder, input.form-control[type=password]:disabled::placeholder, input.form-control[type=password]:disabled::-webkit-input-placeholder, input.form-control[type=password]:disabled:-moz-placeholder, input.form-control[type=password]:disabled::-moz-placeholder, input.form-control[type=password]:disabled:-ms-input-placeholder, .disabled input.form-control[type=datetime]::placeholder, .disabled input.form-control[type=datetime]::-webkit-input-placeholder, .disabled input.form-control[type=datetime]:-moz-placeholder, .disabled input.form-control[type=datetime]::-moz-placeholder, .disabled input.form-control[type=datetime]:-ms-input-placeholder, :disabled input.form-control[type=datetime]::placeholder, :disabled input.form-control[type=datetime]::-webkit-input-placeholder, :disabled input.form-control[type=datetime]:-moz-placeholder, :disabled input.form-control[type=datetime]::-moz-placeholder, :disabled input.form-control[type=datetime]:-ms-input-placeholder, input.form-control[type=datetime].disabled::placeholder, input.form-control[type=datetime].disabled::-webkit-input-placeholder, input.form-control[type=datetime].disabled:-moz-placeholder, input.form-control[type=datetime].disabled::-moz-placeholder, input.form-control[type=datetime].disabled:-ms-input-placeholder, input.form-control[type=datetime]:disabled::placeholder, input.form-control[type=datetime]:disabled::-webkit-input-placeholder, input.form-control[type=datetime]:disabled:-moz-placeholder, input.form-control[type=datetime]:disabled::-moz-placeholder, input.form-control[type=datetime]:disabled:-ms-input-placeholder, .disabled input.form-control[type=datetime-local]::placeholder, .disabled input.form-control[type=datetime-local]::-webkit-input-placeholder, .disabled input.form-control[type=datetime-local]:-moz-placeholder, .disabled input.form-control[type=datetime-local]::-moz-placeholder, .disabled input.form-control[type=datetime-local]:-ms-input-placeholder, :disabled input.form-control[type=datetime-local]::placeholder, :disabled input.form-control[type=datetime-local]::-webkit-input-placeholder, :disabled input.form-control[type=datetime-local]:-moz-placeholder, :disabled input.form-control[type=datetime-local]::-moz-placeholder, :disabled input.form-control[type=datetime-local]:-ms-input-placeholder, input.form-control[type=datetime-local].disabled::placeholder, input.form-control[type=datetime-local].disabled::-webkit-input-placeholder, input.form-control[type=datetime-local].disabled:-moz-placeholder, input.form-control[type=datetime-local].disabled::-moz-placeholder, input.form-control[type=datetime-local].disabled:-ms-input-placeholder, input.form-control[type=datetime-local]:disabled::placeholder, input.form-control[type=datetime-local]:disabled::-webkit-input-placeholder, input.form-control[type=datetime-local]:disabled:-moz-placeholder, input.form-control[type=datetime-local]:disabled::-moz-placeholder, input.form-control[type=datetime-local]:disabled:-ms-input-placeholder, .disabled input.form-control[type=date]::placeholder, .disabled input.form-control[type=date]::-webkit-input-placeholder, .disabled input.form-control[type=date]:-moz-placeholder, .disabled input.form-control[type=date]::-moz-placeholder, .disabled input.form-control[type=date]:-ms-input-placeholder, :disabled input.form-control[type=date]::placeholder, :disabled input.form-control[type=date]::-webkit-input-placeholder, :disabled input.form-control[type=date]:-moz-placeholder, :disabled input.form-control[type=date]::-moz-placeholder, :disabled input.form-control[type=date]:-ms-input-placeholder, input.form-control[type=date].disabled::placeholder, input.form-control[type=date].disabled::-webkit-input-placeholder, input.form-control[type=date].disabled:-moz-placeholder, input.form-control[type=date].disabled::-moz-placeholder, input.form-control[type=date].disabled:-ms-input-placeholder, input.form-control[type=date]:disabled::placeholder, input.form-control[type=date]:disabled::-webkit-input-placeholder, input.form-control[type=date]:disabled:-moz-placeholder, input.form-control[type=date]:disabled::-moz-placeholder, input.form-control[type=date]:disabled:-ms-input-placeholder, .disabled input.form-control[type=month]::placeholder, .disabled input.form-control[type=month]::-webkit-input-placeholder, .disabled input.form-control[type=month]:-moz-placeholder, .disabled input.form-control[type=month]::-moz-placeholder, .disabled input.form-control[type=month]:-ms-input-placeholder, :disabled input.form-control[type=month]::placeholder, :disabled input.form-control[type=month]::-webkit-input-placeholder, :disabled input.form-control[type=month]:-moz-placeholder, :disabled input.form-control[type=month]::-moz-placeholder, :disabled input.form-control[type=month]:-ms-input-placeholder, input.form-control[type=month].disabled::placeholder, input.form-control[type=month].disabled::-webkit-input-placeholder, input.form-control[type=month].disabled:-moz-placeholder, input.form-control[type=month].disabled::-moz-placeholder, input.form-control[type=month].disabled:-ms-input-placeholder, input.form-control[type=month]:disabled::placeholder, input.form-control[type=month]:disabled::-webkit-input-placeholder, input.form-control[type=month]:disabled:-moz-placeholder, input.form-control[type=month]:disabled::-moz-placeholder, input.form-control[type=month]:disabled:-ms-input-placeholder, .disabled input.form-control[type=time]::placeholder, .disabled input.form-control[type=time]::-webkit-input-placeholder, .disabled input.form-control[type=time]:-moz-placeholder, .disabled input.form-control[type=time]::-moz-placeholder, .disabled input.form-control[type=time]:-ms-input-placeholder, :disabled input.form-control[type=time]::placeholder, :disabled input.form-control[type=time]::-webkit-input-placeholder, :disabled input.form-control[type=time]:-moz-placeholder, :disabled input.form-control[type=time]::-moz-placeholder, :disabled input.form-control[type=time]:-ms-input-placeholder, input.form-control[type=time].disabled::placeholder, input.form-control[type=time].disabled::-webkit-input-placeholder, input.form-control[type=time].disabled:-moz-placeholder, input.form-control[type=time].disabled::-moz-placeholder, input.form-control[type=time].disabled:-ms-input-placeholder, input.form-control[type=time]:disabled::placeholder, input.form-control[type=time]:disabled::-webkit-input-placeholder, input.form-control[type=time]:disabled:-moz-placeholder, input.form-control[type=time]:disabled::-moz-placeholder, input.form-control[type=time]:disabled:-ms-input-placeholder, .disabled input.form-control[type=week]::placeholder, .disabled input.form-control[type=week]::-webkit-input-placeholder, .disabled input.form-control[type=week]:-moz-placeholder, .disabled input.form-control[type=week]::-moz-placeholder, .disabled input.form-control[type=week]:-ms-input-placeholder, :disabled input.form-control[type=week]::placeholder, :disabled input.form-control[type=week]::-webkit-input-placeholder, :disabled input.form-control[type=week]:-moz-placeholder, :disabled input.form-control[type=week]::-moz-placeholder, :disabled input.form-control[type=week]:-ms-input-placeholder, input.form-control[type=week].disabled::placeholder, input.form-control[type=week].disabled::-webkit-input-placeholder, input.form-control[type=week].disabled:-moz-placeholder, input.form-control[type=week].disabled::-moz-placeholder, input.form-control[type=week].disabled:-ms-input-placeholder, input.form-control[type=week]:disabled::placeholder, input.form-control[type=week]:disabled::-webkit-input-placeholder, input.form-control[type=week]:disabled:-moz-placeholder, input.form-control[type=week]:disabled::-moz-placeholder, input.form-control[type=week]:disabled:-ms-input-placeholder, .disabled input.form-control[type=number]::placeholder, .disabled input.form-control[type=number]::-webkit-input-placeholder, .disabled input.form-control[type=number]:-moz-placeholder, .disabled input.form-control[type=number]::-moz-placeholder, .disabled input.form-control[type=number]:-ms-input-placeholder, :disabled input.form-control[type=number]::placeholder, :disabled input.form-control[type=number]::-webkit-input-placeholder, :disabled input.form-control[type=number]:-moz-placeholder, :disabled input.form-control[type=number]::-moz-placeholder, :disabled input.form-control[type=number]:-ms-input-placeholder, input.form-control[type=number].disabled::placeholder, input.form-control[type=number].disabled::-webkit-input-placeholder, input.form-control[type=number].disabled:-moz-placeholder, input.form-control[type=number].disabled::-moz-placeholder, input.form-control[type=number].disabled:-ms-input-placeholder, input.form-control[type=number]:disabled::placeholder, input.form-control[type=number]:disabled::-webkit-input-placeholder, input.form-control[type=number]:disabled:-moz-placeholder, input.form-control[type=number]:disabled::-moz-placeholder, input.form-control[type=number]:disabled:-ms-input-placeholder, .disabled input.form-control[type=email]::placeholder, .disabled input.form-control[type=email]::-webkit-input-placeholder, .disabled input.form-control[type=email]:-moz-placeholder, .disabled input.form-control[type=email]::-moz-placeholder, .disabled input.form-control[type=email]:-ms-input-placeholder, :disabled input.form-control[type=email]::placeholder, :disabled input.form-control[type=email]::-webkit-input-placeholder, :disabled input.form-control[type=email]:-moz-placeholder, :disabled input.form-control[type=email]::-moz-placeholder, :disabled input.form-control[type=email]:-ms-input-placeholder, input.form-control[type=email].disabled::placeholder, input.form-control[type=email].disabled::-webkit-input-placeholder, input.form-control[type=email].disabled:-moz-placeholder, input.form-control[type=email].disabled::-moz-placeholder, input.form-control[type=email].disabled:-ms-input-placeholder, input.form-control[type=email]:disabled::placeholder, input.form-control[type=email]:disabled::-webkit-input-placeholder, input.form-control[type=email]:disabled:-moz-placeholder, input.form-control[type=email]:disabled::-moz-placeholder, input.form-control[type=email]:disabled:-ms-input-placeholder, .disabled input.form-control[type=url]::placeholder, .disabled input.form-control[type=url]::-webkit-input-placeholder, .disabled input.form-control[type=url]:-moz-placeholder, .disabled input.form-control[type=url]::-moz-placeholder, .disabled input.form-control[type=url]:-ms-input-placeholder, :disabled input.form-control[type=url]::placeholder, :disabled input.form-control[type=url]::-webkit-input-placeholder, :disabled input.form-control[type=url]:-moz-placeholder, :disabled input.form-control[type=url]::-moz-placeholder, :disabled input.form-control[type=url]:-ms-input-placeholder, input.form-control[type=url].disabled::placeholder, input.form-control[type=url].disabled::-webkit-input-placeholder, input.form-control[type=url].disabled:-moz-placeholder, input.form-control[type=url].disabled::-moz-placeholder, input.form-control[type=url].disabled:-ms-input-placeholder, input.form-control[type=url]:disabled::placeholder, input.form-control[type=url]:disabled::-webkit-input-placeholder, input.form-control[type=url]:disabled:-moz-placeholder, input.form-control[type=url]:disabled::-moz-placeholder, input.form-control[type=url]:disabled:-ms-input-placeholder, .disabled input.form-control[type=search]::placeholder, .disabled input.form-control[type=search]::-webkit-input-placeholder, .disabled input.form-control[type=search]:-moz-placeholder, .disabled input.form-control[type=search]::-moz-placeholder, .disabled input.form-control[type=search]:-ms-input-placeholder, :disabled input.form-control[type=search]::placeholder, :disabled input.form-control[type=search]::-webkit-input-placeholder, :disabled input.form-control[type=search]:-moz-placeholder, :disabled input.form-control[type=search]::-moz-placeholder, :disabled input.form-control[type=search]:-ms-input-placeholder, input.form-control[type=search].disabled::placeholder, input.form-control[type=search].disabled::-webkit-input-placeholder, input.form-control[type=search].disabled:-moz-placeholder, input.form-control[type=search].disabled::-moz-placeholder, input.form-control[type=search].disabled:-ms-input-placeholder, input.form-control[type=search]:disabled::placeholder, input.form-control[type=search]:disabled::-webkit-input-placeholder, input.form-control[type=search]:disabled:-moz-placeholder, input.form-control[type=search]:disabled::-moz-placeholder, input.form-control[type=search]:disabled:-ms-input-placeholder, .disabled input.form-control[type=tel]::placeholder, .disabled input.form-control[type=tel]::-webkit-input-placeholder, .disabled input.form-control[type=tel]:-moz-placeholder, .disabled input.form-control[type=tel]::-moz-placeholder, .disabled input.form-control[type=tel]:-ms-input-placeholder, :disabled input.form-control[type=tel]::placeholder, :disabled input.form-control[type=tel]::-webkit-input-placeholder, :disabled input.form-control[type=tel]:-moz-placeholder, :disabled input.form-control[type=tel]::-moz-placeholder, :disabled input.form-control[type=tel]:-ms-input-placeholder, input.form-control[type=tel].disabled::placeholder, input.form-control[type=tel].disabled::-webkit-input-placeholder, input.form-control[type=tel].disabled:-moz-placeholder, input.form-control[type=tel].disabled::-moz-placeholder, input.form-control[type=tel].disabled:-ms-input-placeholder, input.form-control[type=tel]:disabled::placeholder, input.form-control[type=tel]:disabled::-webkit-input-placeholder, input.form-control[type=tel]:disabled:-moz-placeholder, input.form-control[type=tel]:disabled::-moz-placeholder, input.form-control[type=tel]:disabled:-ms-input-placeholder, .disabled input.form-control[type=color]::placeholder, .disabled input.form-control[type=color]::-webkit-input-placeholder, .disabled input.form-control[type=color]:-moz-placeholder, .disabled input.form-control[type=color]::-moz-placeholder, .disabled input.form-control[type=color]:-ms-input-placeholder, :disabled input.form-control[type=color]::placeholder, :disabled input.form-control[type=color]::-webkit-input-placeholder, :disabled input.form-control[type=color]:-moz-placeholder, :disabled input.form-control[type=color]::-moz-placeholder, :disabled input.form-control[type=color]:-ms-input-placeholder, input.form-control[type=color].disabled::placeholder, input.form-control[type=color].disabled::-webkit-input-placeholder, input.form-control[type=color].disabled:-moz-placeholder, input.form-control[type=color].disabled::-moz-placeholder, input.form-control[type=color].disabled:-ms-input-placeholder, input.form-control[type=color]:disabled::placeholder, input.form-control[type=color]:disabled::-webkit-input-placeholder, input.form-control[type=color]:disabled:-moz-placeholder, input.form-control[type=color]:disabled::-moz-placeholder, input.form-control[type=color]:disabled:-ms-input-placeholder { color: var(--input-disabled-text-color); } input:-ms-clear, input.form-control:-ms-clear { display: none; } .has-error input, .has-error input.hover, .has-error input:hover, .has-error input.focus, .has-error input:focus, input.has-error, input.has-error.hover, input.has-error:hover, input.has-error.focus, input.has-error:focus, .has-error input.form-control, .has-error input.form-control.hover, .has-error input.form-control:hover, .has-error input.form-control.focus, .has-error input.form-control:focus, input.form-control.has-error, input.form-control.has-error.hover, input.form-control.has-error:hover, input.form-control.has-error.focus, input.form-control.has-error:focus { color: var(--input-error-text-color); border-color: var(--input-error-border-color); background-color: var(--input-error-bg); } .has-error input.focus, .has-error input:focus, input.has-error.focus, input.has-error:focus, .has-error input.form-control.focus, .has-error input.form-control:focus, input.form-control.has-error.focus, input.form-control.has-error:focus { box-shadow: inset 0 0 0 0.1rem var(--input-error-border-color); } input.input-lg, input.form-control.input-lg { height: 4.8rem; } input.input-sm, input.form-control.input-sm { height: 2.4rem; padding-bottom: 0.4rem; padding-top: 0.4rem; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button, input.form-control::-webkit-inner-spin-button, input.form-control::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } input[type=number].right-direction, .form-group input[type=number].right-direction, input.form-control[type=number].right-direction, .form-group input.form-control[type=number].right-direction { padding: 0.8rem 1.6rem 0.8rem 0.8rem; } input[type=number].right-direction.input-sm, .form-group input[type=number].right-direction.input-sm, input.form-control[type=number].right-direction.input-sm, .form-group input.form-control[type=number].right-direction.input-sm { padding: 0.4rem 1.6rem 0.4rem 0.8rem; } input[type=number].spinner, input.form-control[type=number].spinner { -moz-appearance: number-input; } input[type=number].spinner::-webkit-inner-spin-button, input[type=number].spinner::-webkit-outer-spin-button, input[type=datetime].spinner::-webkit-inner-spin-button, input[type=datetime].spinner::-webkit-outer-spin-button, input[type=datetime-local].spinner::-webkit-inner-spin-button, input[type=datetime-local].spinner::-webkit-outer-spin-button, input[type=date].spinner::-webkit-inner-spin-button, input[type=date].spinner::-webkit-outer-spin-button, input[type=month].spinner::-webkit-inner-spin-button, input[type=month].spinner::-webkit-outer-spin-button, input[type=week].spinner::-webkit-inner-spin-button, input[type=week].spinner::-webkit-outer-spin-button, input[type=time].spinner::-webkit-inner-spin-button, input[type=time].spinner::-webkit-outer-spin-button, input.form-control[type=number].spinner::-webkit-inner-spin-button, input.form-control[type=number].spinner::-webkit-outer-spin-button, input.form-control[type=datetime].spinner::-webkit-inner-spin-button, input.form-control[type=datetime].spinner::-webkit-outer-spin-button, input.form-control[type=datetime-local].spinner::-webkit-inner-spin-button, input.form-control[type=datetime-local].spinner::-webkit-outer-spin-button, input.form-control[type=date].spinner::-webkit-inner-spin-button, input.form-control[type=date].spinner::-webkit-outer-spin-button, input.form-control[type=month].spinner::-webkit-inner-spin-button, input.form-control[type=month].spinner::-webkit-outer-spin-button, input.form-control[type=week].spinner::-webkit-inner-spin-button, input.form-control[type=week].spinner::-webkit-outer-spin-button, input.form-control[type=time].spinner::-webkit-inner-spin-button, input.form-control[type=time].spinner::-webkit-outer-spin-button { -webkit-appearance: inner-spin-button; } input[type=file], input.form-control[type=file] { padding-top: 0; padding-left: 0.4rem; } textarea, textarea.form-control { height: initial; padding: 1.2rem 0.2rem 0.2rem 1.2rem; color: var(--font-size-sm); font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; line-height: 1.7; border-radius: var(--radius-xs); border: 0.1rem solid var(--input-border-color); background-color: var(--input-bg); box-shadow: var(--input-shadow); box-sizing: border-box; -webkit-appearance: none; -moz-appearance: textfield; } textarea.hover, textarea:hover, textarea.form-control.hover, textarea.form-control:hover { border-color: var(--input-hover-border-color); box-shadow: var(--input-hover-shadow); } textarea.focus, textarea:focus, textarea.form-control.focus, textarea.form-control:focus { outline: 0; border-color: var(--input-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), var(--input-focus-shadow); } .disabled textarea, :disabled textarea, textarea.disabled, textarea:disabled, .disabled textarea.form-control, :disabled textarea.form-control, textarea.form-control.disabled, textarea.form-control:disabled { cursor: default; pointer-events: none; resize: none; color: var(--input-disabled-text-color); border-color: var(--input-disabled-border-color); box-shadow: none !important; } .has-error textarea, .has-error textarea.hover, .has-error textarea:hover, .has-error textarea.focus, .has-error textarea:focus, textarea.has-error, textarea.has-error.hover, textarea.has-error:hover, textarea.has-error.focus, textarea.has-error:focus, .has-error textarea.form-control, .has-error textarea.form-control.hover, .has-error textarea.form-control:hover, .has-error textarea.form-control.focus, .has-error textarea.form-control:focus, textarea.form-control.has-error, textarea.form-control.has-error.hover, textarea.form-control.has-error:hover, textarea.form-control.has-error.focus, textarea.form-control.has-error:focus { color: var(--input-text-color); border-color: var(--input-error-border-color); box-shadow: var(--input-shadow); } .has-error textarea.focus, .has-error textarea:focus, textarea.has-error.focus, textarea.has-error:focus, .has-error textarea.form-control.focus, .has-error textarea.form-control:focus, textarea.form-control.has-error.focus, textarea.form-control.has-error:focus { box-shadow: inset 0 0 0 0.1rem var(--input-disabled-border-color), var(--input-shadow); } [class*=col-xs-] > input, [class*=col-sm-] > input, [class*=col-md-] > input, [class*=col-lg-] > input, [class*=col-xs-] > input.form-control, [class*=col-sm-] > input.form-control, [class*=col-md-] > input.form-control, [class*=col-lg-] > input.form-control, [class*=col-xs-] > textarea, [class*=col-sm-] > textarea, [class*=col-md-] > textarea, [class*=col-lg-] > textarea, [class*=col-xs-] > textarea.form-control, [class*=col-sm-] > textarea.form-control, [class*=col-md-] > textarea.form-control, [class*=col-lg-] > textarea.form-control { width: 100%; } input[readonly], input.form-control[readonly], textarea[readonly], textarea.form-control[readonly] { cursor: default; resize: none; } input[readonly], input[readonly].hover, input[readonly]:hover, input[readonly].focus, input[readonly]:focus, .disabled input[readonly], :disabled input[readonly], input[readonly].disabled, input[readonly]:disabled, input.form-control[readonly], input.form-control[readonly].hover, input.form-control[readonly]:hover, input.form-control[readonly].focus, input.form-control[readonly]:focus, .disabled input.form-control[readonly], :disabled input.form-control[readonly], input.form-control[readonly].disabled, input.form-control[readonly]:disabled, textarea[readonly], textarea[readonly].hover, textarea[readonly]:hover, textarea[readonly].focus, textarea[readonly]:focus, .disabled textarea[readonly], :disabled textarea[readonly], textarea[readonly].disabled, textarea[readonly]:disabled, textarea.form-control[readonly], textarea.form-control[readonly].hover, textarea.form-control[readonly]:hover, textarea.form-control[readonly].focus, textarea.form-control[readonly]:focus, .disabled textarea.form-control[readonly], :disabled textarea.form-control[readonly], textarea.form-control[readonly].disabled, textarea.form-control[readonly]:disabled { cursor: default; outline: 0; border: 0; background-color: var(--input-read-only-bg); box-shadow: none; } input[readonly].inverted, input[readonly].hover.inverted, input[readonly]:hover.inverted, input[readonly].focus.inverted, input[readonly]:focus.inverted, .disabled input[readonly].inverted, :disabled input[readonly].inverted, input[readonly].disabled.inverted, input[readonly]:disabled.inverted, input.form-control[readonly].inverted, input.form-control[readonly].hover.inverted, input.form-control[readonly]:hover.inverted, input.form-control[readonly].focus.inverted, input.form-control[readonly]:focus.inverted, .disabled input.form-control[readonly].inverted, :disabled input.form-control[readonly].inverted, input.form-control[readonly].disabled.inverted, input.form-control[readonly]:disabled.inverted, textarea[readonly].inverted, textarea[readonly].hover.inverted, textarea[readonly]:hover.inverted, textarea[readonly].focus.inverted, textarea[readonly]:focus.inverted, .disabled textarea[readonly].inverted, :disabled textarea[readonly].inverted, textarea[readonly].disabled.inverted, textarea[readonly]:disabled.inverted, textarea.form-control[readonly].inverted, textarea.form-control[readonly].hover.inverted, textarea.form-control[readonly]:hover.inverted, textarea.form-control[readonly].focus.inverted, textarea.form-control[readonly]:focus.inverted, .disabled textarea.form-control[readonly].inverted, :disabled textarea.form-control[readonly].inverted, textarea.form-control[readonly].disabled.inverted, textarea.form-control[readonly]:disabled.inverted { background-color: var(--input-read-only-inverted-bg) !important; box-shadow: inset 0 0 0 100rem var(--input-read-only-inverted-bg) !important; } .has-error .vismaicon.vismaicon-error, .has-error ~ .vismaicon.vismaicon-error { position: absolute; top: 50%; right: -2rem; transform: translateY(-0.8rem); cursor: pointer; } .checkbox.has-error .vismaicon.vismaicon-error, .has-error .checkbox .vismaicon.vismaicon-error, .has-error .checkbox .vismaicon.vismaicon-error, .has-error .checkbox .vismaicon.vismaicon-error, .has-error .radio .vismaicon.vismaicon-error, .has-error .radio .vismaicon.vismaicon-error, .radio.has-error .vismaicon.vismaicon-error, .radio.has-error .vismaicon.vismaicon-error { right: -3.2rem; } .has-error .vismaicon-error:hover ~ .tooltip.tooltip-error, .has-error ~ .vismaicon-error:hover ~ .tooltip.tooltip-error { display: block; cursor: pointer; } .input-group { position: relative; display: flex; flex-wrap: wrap; width: 100%; margin: 0 0 0.8rem 0; align-items: center; } .input-group .input-group-btn { display: flex; } .input-group .input-group-btn, .input-group .input-group-btn.dropdown { margin: 0; z-index: 1; } .input-group .input-group-btn .btn, .input-group .input-group-btn.dropdown .btn { margin: 0; } .input-group .btn-group, .input-group .dropdown { margin: 0; } .input-group .btn-group .btn:hover, .input-group .dropdown .btn:hover { z-index: 2; } .input-group .btn-group .btn:focus, .input-group .dropdown .btn:focus { z-index: 3; } .input-group .btn-group:not(:last-child) .dropdown-toggle, .input-group .dropdown:not(:last-child) .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .btn-group:last-child .btn:first-child, .input-group .dropdown:last-child .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group .dropdown.open, .input-group .btn-split.open { z-index: 4; } .input-group > .btn { margin: 0; } .input-group > .btn:hover { z-index: 2; } .input-group > .btn:focus { z-index: 3; } .input-group > .btn:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin: 0; z-index: 1; } .input-group > .form-control:not(:first-child) { margin-left: -0.1rem; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-control:not(:last-child) { margin-right: -0.1rem; border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:hover { z-index: 2; } .input-group > .form-control:focus { z-index: 3; } .form-group { clear: both; margin-bottom: 2.4rem; position: relative; } .form-group .btn { margin-bottom: 0; } .form-group label { padding: 0.4rem 0.8rem 0.5rem 0; display: inline-block; position: relative; line-height: 1.6; color: var(--input-label-text-color); } .form-group label.checkbox, .form-group label.radio { padding: 0.1rem 0 0.1rem 1.9rem; } .disabled .form-group label, .disabled .form-group .label, .disabled .form-group .holder, :disabled .form-group label, :disabled .form-group .label, :disabled .form-group .holder, .form-group.disabled label, .form-group.disabled .label, .form-group.disabled .holder, .form-group:disabled label, .form-group:disabled .label, .form-group:disabled .holder { color: var(--input-label-text-color); } .form-group.required > label:before, .form-group.required > a:before { position: absolute; content: "*"; margin-left: -0.7rem; top: 0.5rem; color: var(--input-error-text-color); font-size: var(--font-size-xs); } .form-horizontal .form-group { display: flex; flex-wrap: wrap; } .form-horizontal .form-group label + [class*=col-] { padding: 0; } .form-horizontal .form-group.required > label:before, .form-horizontal .form-group.required > a:before { top: 0.3rem; } .form-inline .form-group { display: inline-block; padding-right: 1.6rem; margin-bottom: 1.6rem; } .form-inline .form-group .form-control { width: auto; } @media (min-width: 769px) { .form-inline .form-group .form-control { display: inline-block; margin-bottom: 0; } .form-inline .form-group .form-control.select-wrapper select { margin-top: -0.1rem; } } .form-group .input-group { margin: 0; flex-wrap: nowrap; } .form-group-lg input, .form-group-lg input.form-control { height: 4.8rem; } .form-group-lg label, .form-group-lg .control-label { height: 4.8rem; padding-top: 0.3rem; line-height: 1.6; } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .btn { margin-bottom: 1.6rem; } .form-inline .checkbox, .form-inline .radio { padding-right: 1.6rem; margin-bottom: 1.6rem; } .form-horizontal .form-group > [class*=offset-] { padding: 0; } .form-control-static { min-height: 3.2rem; margin-bottom: 0; padding-top: 0.3rem; padding-bottom: 0.4rem; line-height: 1.6; margin-bottom: 2.4rem; } .help-block { display: block; margin-bottom: 0; color: #494a4a; } .switch { display: inline-block; position: relative; content: ""; min-height: 1.6rem; margin: 0 0.8rem 0.8rem 0; padding: 0; color: var(--switches-text-color); font-size: var(--font-size-sm); line-height: 1; box-sizing: border-box; -webkit-user-select: none; user-select: none; } .switch input[type=checkbox], .switch input[type=radio] { position: absolute; opacity: 0; cursor: default; width: 0; height: 0; } .switch input:focus ~ .togglemark::before { box-shadow: inset 0 0 0 0.1rem var(--switches-focus-border-color), 0 0 0 0.1rem var(--switches-focus-border-color), var(--input-focus-shadow); } .switch input:checked ~ .togglemark::before, .switch input.checked ~ .togglemark::before { color: var(--switches-checked-text-color); text-align: left; background-color: var(--switches-checked-bg); box-shadow: inset 0 0 0 0.1rem var(--switches-checked-border-color); } .switch input:checked ~ .togglemark::after, .switch input.checked ~ .togglemark::after { left: 2rem; box-shadow: inset 0 0 0 0.1rem var(--switches-checked-togglemark-border-color); } .switch input:checked ~ .togglemark:hover::before, .switch input.checked ~ .togglemark:hover::before { background: var(--switches-checked-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--switches-checked-hover-border-color); } .switch input:checked:focus ~ .togglemark::before, .switch input.checked:focus ~ .togglemark::before { box-shadow: inset 0 0 0 0.1rem var(--switches-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color), 0 0 0 0.1rem var(--switches-focus-border-color), var(--input-focus-shadow); } .switch .togglemark { position: relative; cursor: pointer; padding-left: 4rem; } .switch .togglemark::before, .switch .togglemark::after { position: absolute; display: block; content: ""; } .switch .togglemark::before { width: 3.2rem; height: 1.6rem; top: 0.2rem; left: 0.2rem; color: var(--switches-text-color); font-size: var(--font-size-xs); font-weight: 700; text-align: right; border-radius: 1.6rem; background-color: var(--switches-bg); box-shadow: inset 0 0 0 0.1rem var(--switches-border-color); transition: background-color 0.12s ease-in-out; } .switch .togglemark::after { width: 1.2rem; height: 1.2rem; top: 0.4rem; left: 0.4rem; border-radius: 1.2rem; background-color: var(--switches-togglemark-bg); box-shadow: inset 0 0 0 0.1rem var(--switches-togglemark-border-color); transition: left 0.09s ease-in-out; } .switch .togglemark:hover::before { background-color: var(--switches-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--switches-hover-border-color); } .switch.switch-lg { line-height: 1.714; } .switch.switch-lg .togglemark { padding-left: 5.6rem; } .switch.switch-lg .togglemark::before { width: 4.8rem; height: 2.4rem; top: -0.3rem; border-radius: 2.4rem; } .switch.switch-lg .togglemark::after { width: 1.6rem; height: 1.6rem; top: 0.1rem; left: 0.7rem; border-radius: 1.6rem; } .switch.switch-lg input:checked ~ .togglemark::after, .switch.switch-lg input.checked ~ .togglemark::after { left: 2.9rem; } .switch.switch-label { line-height: 1.714; } .switch.switch-label .togglemark { padding-left: 7.2rem; } .switch.switch-label .togglemark::before { box-sizing: border-box; content: "OFF"; width: 6rem; height: 2.4rem; top: -0.3rem; padding: 0 1rem; font-weight: normal; line-height: 1.8; text-indent: 0; border-radius: 2.4rem; } .switch.switch-label .togglemark::after { width: 1.6rem; height: 1.6rem; top: 0.1rem; left: 0.7rem; border-radius: 1.6rem; } .switch.switch-label input:checked ~ .togglemark::before, .switch.switch-label input.checked ~ .togglemark::before { content: "ON"; } .switch.switch-label input:checked ~ .togglemark::after, .switch.switch-label input.checked ~ .togglemark::after { left: 4.1rem; } .switch.switch-rtl input:checked ~ .togglemark::after, .switch.switch-rtl input.checked ~ .togglemark::after { right: 2rem; left: auto; } .switch.switch-rtl .togglemark { padding-left: 0; padding-right: 4rem; } .switch.switch-rtl .togglemark:before { left: auto; right: 0.2rem; } .switch.switch-rtl .togglemark:after { left: auto; right: 0.4rem; } .switch.switch-rtl.switch-lg input:checked ~ .togglemark::after, .switch.switch-rtl.switch-lg input.checked ~ .togglemark::after { right: 2.9rem; left: auto; } .switch.switch-rtl.switch-lg .togglemark { padding-left: 0; padding-right: 5.6rem; } .switch.switch-rtl.switch-lg .togglemark:after { left: auto; right: 0.7rem; } .switch.switch-rtl.switch-label input:checked ~ .togglemark::before, .switch.switch-rtl.switch-label input.checked ~ .togglemark::before { text-align: right; } .switch.switch-rtl.switch-label input:checked ~ .togglemark::after, .switch.switch-rtl.switch-label input.checked ~ .togglemark::after { right: 4.1rem; left: auto; } .switch.switch-rtl.switch-label .togglemark { padding-left: 0; padding-right: 7.2rem; } .switch.switch-rtl.switch-label .togglemark::before { text-align: left; } .has-error .switch input[type=checkbox] ~ .togglemark::before, .has-error .switch input[type=radio] ~ .togglemark::before, .switch.has-error input[type=checkbox] ~ .togglemark::before, .switch.has-error input[type=radio] ~ .togglemark::before, .switch input.has-error[type=checkbox] ~ .togglemark::before, .switch input.has-error[type=radio] ~ .togglemark::before { box-shadow: inset 0 0 0 0.1rem var(--switches-error-border-color); } .has-error .switch input[type=checkbox]:focus ~ .togglemark::before, .has-error .switch input[type=radio]:focus ~ .togglemark::before, .switch.has-error input[type=checkbox]:focus ~ .togglemark::before, .switch.has-error input[type=radio]:focus ~ .togglemark::before, .switch input.has-error[type=checkbox]:focus ~ .togglemark::before, .switch input.has-error[type=radio]:focus ~ .togglemark::before { box-shadow: inset 0 0 0 0.1rem var(--switches-error-border-color), 0 0 0 0.1rem var(--switches-error-border-color), var(--input-focus-shadow); } .has-error .switch input[type=checkbox]:checked ~ .togglemark::before, .has-error .switch input[type=checkbox].checked ~ .togglemark::before, .has-error .switch input[type=radio]:checked ~ .togglemark::before, .has-error .switch input[type=radio].checked ~ .togglemark::before, .switch.has-error input[type=checkbox]:checked ~ .togglemark::before, .switch.has-error input[type=checkbox].checked ~ .togglemark::before, .switch.has-error input[type=radio]:checked ~ .togglemark::before, .switch.has-error input[type=radio].checked ~ .togglemark::before, .switch input.has-error[type=checkbox]:checked ~ .togglemark::before, .switch input.has-error[type=checkbox].checked ~ .togglemark::before, .switch input.has-error[type=radio]:checked ~ .togglemark::before, .switch input.has-error[type=radio].checked ~ .togglemark::before { box-shadow: inset 0 0 0 0.1rem var(--switches-error-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color); } .has-error .switch input[type=checkbox]:checked:focus ~ .togglemark::before, .has-error .switch input[type=checkbox].checked:focus ~ .togglemark::before, .has-error .switch input[type=radio]:checked:focus ~ .togglemark::before, .has-error .switch input[type=radio].checked:focus ~ .togglemark::before, .switch.has-error input[type=checkbox]:checked:focus ~ .togglemark::before, .switch.has-error input[type=checkbox].checked:focus ~ .togglemark::before, .switch.has-error input[type=radio]:checked:focus ~ .togglemark::before, .switch.has-error input[type=radio].checked:focus ~ .togglemark::before, .switch input.has-error[type=checkbox]:checked:focus ~ .togglemark::before, .switch input.has-error[type=checkbox].checked:focus ~ .togglemark::before, .switch input.has-error[type=radio]:checked:focus ~ .togglemark::before, .switch input.has-error[type=radio].checked:focus ~ .togglemark::before { box-shadow: inset 0 0 0 0.1rem var(--switches-error-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color), 0 0 0 0.1rem var(--switches-error-border-color), var(--input-focus-shadow); } .disabled .switch input[type=checkbox] ~ .togglemark, .disabled .switch input[type=radio] ~ .togglemark, :disabled .switch input[type=checkbox] ~ .togglemark, :disabled .switch input[type=radio] ~ .togglemark, .switch.disabled input[type=checkbox] ~ .togglemark, .switch.disabled input[type=radio] ~ .togglemark, .switch:disabled input[type=checkbox] ~ .togglemark, .switch:disabled input[type=radio] ~ .togglemark, .switch input.disabled[type=checkbox] ~ .togglemark, .switch input.disabled[type=radio] ~ .togglemark, .switch input:disabled[type=checkbox] ~ .togglemark, .switch input:disabled[type=radio] ~ .togglemark { cursor: default; pointer-events: none; color: var(--switches-disabled-text-color); } .disabled .switch input[type=checkbox] ~ .togglemark::before, .disabled .switch input[type=radio] ~ .togglemark::before, :disabled .switch input[type=checkbox] ~ .togglemark::before, :disabled .switch input[type=radio] ~ .togglemark::before, .switch.disabled input[type=checkbox] ~ .togglemark::before, .switch.disabled input[type=radio] ~ .togglemark::before, .switch:disabled input[type=checkbox] ~ .togglemark::before, .switch:disabled input[type=radio] ~ .togglemark::before, .switch input.disabled[type=checkbox] ~ .togglemark::before, .switch input.disabled[type=radio] ~ .togglemark::before, .switch input:disabled[type=checkbox] ~ .togglemark::before, .switch input:disabled[type=radio] ~ .togglemark::before { color: var(--switches-disabled-text-color); background-color: var(--switches-disabled-bg); box-shadow: inset 0 0 0 0.1rem var(--switches-disabled-border-color); } .disabled .switch input[type=checkbox] ~ .togglemark::after, .disabled .switch input[type=radio] ~ .togglemark::after, :disabled .switch input[type=checkbox] ~ .togglemark::after, :disabled .switch input[type=radio] ~ .togglemark::after, .switch.disabled input[type=checkbox] ~ .togglemark::after, .switch.disabled input[type=radio] ~ .togglemark::after, .switch:disabled input[type=checkbox] ~ .togglemark::after, .switch:disabled input[type=radio] ~ .togglemark::after, .switch input.disabled[type=checkbox] ~ .togglemark::after, .switch input.disabled[type=radio] ~ .togglemark::after, .switch input:disabled[type=checkbox] ~ .togglemark::after, .switch input:disabled[type=radio] ~ .togglemark::after { background-color: var(--switches-disabled-togglemark-bg); box-shadow: inset 0 0 0 0.1rem var(--switches-disabled-togglemark-border-color); } .disabled .switch input[type=checkbox]:checked ~ .togglemark::before, .disabled .switch input[type=checkbox].checked ~ .togglemark::before, .disabled .switch input[type=radio]:checked ~ .togglemark::before, .disabled .switch input[type=radio].checked ~ .togglemark::before, :disabled .switch input[type=checkbox]:checked ~ .togglemark::before, :disabled .switch input[type=checkbox].checked ~ .togglemark::before, :disabled .switch input[type=radio]:checked ~ .togglemark::before, :disabled .switch input[type=radio].checked ~ .togglemark::before, .switch.disabled input[type=checkbox]:checked ~ .togglemark::before, .switch.disabled input[type=checkbox].checked ~ .togglemark::before, .switch.disabled input[type=radio]:checked ~ .togglemark::before, .switch.disabled input[type=radio].checked ~ .togglemark::before, .switch:disabled input[type=checkbox]:checked ~ .togglemark::before, .switch:disabled input[type=checkbox].checked ~ .togglemark::before, .switch:disabled input[type=radio]:checked ~ .togglemark::before, .switch:disabled input[type=radio].checked ~ .togglemark::before, .switch input.disabled[type=checkbox]:checked ~ .togglemark::before, .switch input.disabled[type=checkbox].checked ~ .togglemark::before, .switch input.disabled[type=radio]:checked ~ .togglemark::before, .switch input.disabled[type=radio].checked ~ .togglemark::before, .switch input:disabled[type=checkbox]:checked ~ .togglemark::before, .switch input:disabled[type=checkbox].checked ~ .togglemark::before, .switch input:disabled[type=radio]:checked ~ .togglemark::before, .switch input:disabled[type=radio].checked ~ .togglemark::before { color: var(--switches-checked-disabled-text-color); background-color: color-mix(in oklch, black 12%, var(--switches-checked-disabled-bg)); } .light-dark-toggle.switch.switch-label { display: inline-flex; width: 100%; padding: 1.5rem 0.5rem 1.5rem 2.5rem; margin: 0; align-items: center; } .light-dark-toggle.switch.switch-label b { font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; } .light-dark-toggle.switch.switch-label .togglemark { display: inline-flex; overflow: hidden; width: 4.8rem; min-width: 4.8rem; height: 2.4rem; padding: 0; margin: 0 1.2rem; border-radius: 1.2rem; } .light-dark-toggle.switch.switch-label .togglemark, .light-dark-toggle.switch.switch-label .togglemark:hover { background-image: linear-gradient(360deg, #52B9FF 0%, #1C98EB 100%); transition: background-image 0.3s ease-in-out; } .light-dark-toggle.switch.switch-label .togglemark::before, .light-dark-toggle.switch.switch-label .togglemark::after, .light-dark-toggle.switch.switch-label .togglemark:hover::before, .light-dark-toggle.switch.switch-label .togglemark:hover::after { content: ""; width: 1.6rem !important; height: 1.6rem !important; top: 0.4rem; } .light-dark-toggle.switch.switch-label .togglemark::before, .light-dark-toggle.switch.switch-label .togglemark:hover::before { width: 5rem; padding: 0 0.6rem 0 0.6rem; left: 0.4rem; background: radial-gradient(62.5% 62.5% at 37.5% 37.5%, #FED177 0%, #FEC044 100%); box-shadow: none; transition: left 0.3s ease-in-out; } .light-dark-toggle.switch.switch-label .togglemark::after, .light-dark-toggle.switch.switch-label .togglemark:hover::after { opacity: 0; top: 0.2rem; left: 0.2rem; background: linear-gradient(to bottom, #1B3D54 0%, #224157 100%); box-shadow: none; transition: left 0.3s ease-in-out, opacity 0.02s ease-in-out; } .light-dark-toggle.switch.switch-label .togglemark .details:before, .light-dark-toggle.switch.switch-label .togglemark .details:after, .light-dark-toggle.switch.switch-label .togglemark:hover .details:before, .light-dark-toggle.switch.switch-label .togglemark:hover .details:after { content: ""; display: block; position: absolute; top: 0.3rem; z-index: 1; } .light-dark-toggle.switch.switch-label .togglemark .details:before, .light-dark-toggle.switch.switch-label .togglemark:hover .details:before { opacity: 1; width: 4.8rem; height: 2.4rem; left: 0.4rem; top: 0; background-image: url('switcher-clouds.svg'); transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out; } .light-dark-toggle.switch.switch-label .togglemark .details:after, .light-dark-toggle.switch.switch-label .togglemark:hover .details:after { opacity: 0; width: 2.2rem; height: 0.8rem; left: 0.8rem; background-image: url('switcher-stars.svg'); transition: opacity 0.3s ease-in-out; } .light-dark-toggle.switch.switch-label input:checked ~ .togglemark, .light-dark-toggle.switch.switch-label input.checked ~ .togglemark { background-image: linear-gradient(to bottom, #193C54 0%, #244358 100%); transition: background-image 0.3s ease-in-out; } .light-dark-toggle.switch.switch-label input:checked ~ .togglemark::before, .light-dark-toggle.switch.switch-label input:checked ~ .togglemark::after, .light-dark-toggle.switch.switch-label input.checked ~ .togglemark::before, .light-dark-toggle.switch.switch-label input.checked ~ .togglemark::after { content: ""; } .light-dark-toggle.switch.switch-label input:checked ~ .togglemark::before, .light-dark-toggle.switch.switch-label input.checked ~ .togglemark::before { left: 2.6rem; transition: left 0.3s ease-in-out; } .light-dark-toggle.switch.switch-label input:checked ~ .togglemark::after, .light-dark-toggle.switch.switch-label input.checked ~ .togglemark::after { opacity: 1; left: 2.2rem; transition: left 0.3s ease-in-out, opacity 0.02s ease-in-out; } .light-dark-toggle.switch.switch-label input:checked ~ .togglemark .details:before, .light-dark-toggle.switch.switch-label input.checked ~ .togglemark .details:before { opacity: 0.4; left: -2.3rem; transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out; } .light-dark-toggle.switch.switch-label input:checked ~ .togglemark .details:after, .light-dark-toggle.switch.switch-label input.checked ~ .togglemark .details:after { opacity: 1; transition: opacity 0.3s ease-in-out; } .light-dark-toggle.switch.switch-label input:focus ~ .togglemark { outline: 0.2rem solid var(--input-focus-border-color); outline-offset: 0.2rem; } .light-dark-toggle.switch.switch-label input:focus ~ .togglemark::before { box-shadow: none; } @media (prefers-color-scheme: dark) { .light-dark-toggle b.light { font-weight: 400 !important; } } @media (prefers-color-scheme: light) { .light-dark-toggle b.light { font-weight: 700 !important; } } .dark-theme .light-dark-toggle b.light { font-weight: 400 !important; } .light-theme .light-dark-toggle b.light { font-weight: 700 !important; } @media (prefers-color-scheme: light) { .light-dark-toggle b.dark { font-weight: 400 !important; } } @media (prefers-color-scheme: dark) { .light-dark-toggle b.dark { font-weight: 700 !important; } } .light-theme .light-dark-toggle b.dark { font-weight: 400 !important; } .dark-theme .light-dark-toggle b.dark { font-weight: 700 !important; } .checkbox, .radio { display: inline-block; content: ""; position: relative; min-height: 2rem; margin: 0.6rem 0.6rem 1.6rem 0; padding: 0.1rem 0 0.1rem 2.4rem; color: var(--radio-checkbox-text-color); font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; text-indent: 0; line-height: 1.2; box-sizing: border-box; -webkit-user-select: none; user-select: none; } .checkbox input[type=checkbox], .checkbox input[type=checkbox].form-control, .checkbox input[type=radio], .checkbox input[type=radio].form-control, .radio input[type=checkbox], .radio input[type=checkbox].form-control, .radio input[type=radio], .radio input[type=radio].form-control { position: absolute; opacity: 0; cursor: default; width: 0; height: 0; } .checkbox input[type=checkbox] + .checkmark, .checkbox input[type=checkbox] + label, .checkbox input[type=radio] + .checkmark, .checkbox input[type=radio] + label, .radio input[type=checkbox] + .checkmark, .radio input[type=checkbox] + label, .radio input[type=radio] + .checkmark, .radio input[type=radio] + label { padding: 0; position: initial; } .checkbox input[type=checkbox] + .checkmark::after, .checkbox input[type=checkbox] + .checkmark::before, .checkbox input[type=checkbox] + label::after, .checkbox input[type=checkbox] + label::before, .checkbox input[type=radio] + .checkmark::after, .checkbox input[type=radio] + .checkmark::before, .checkbox input[type=radio] + label::after, .checkbox input[type=radio] + label::before, .radio input[type=checkbox] + .checkmark::after, .radio input[type=checkbox] + .checkmark::before, .radio input[type=checkbox] + label::after, .radio input[type=checkbox] + label::before, .radio input[type=radio] + .checkmark::after, .radio input[type=radio] + .checkmark::before, .radio input[type=radio] + label::after, .radio input[type=radio] + label::before { display: block; position: absolute; content: ""; cursor: pointer; } .checkbox input[type=checkbox] + .checkmark::before, .checkbox input[type=checkbox] + label::before, .checkbox input[type=radio] + .checkmark::before, .checkbox input[type=radio] + label::before, .radio input[type=checkbox] + .checkmark::before, .radio input[type=checkbox] + label::before, .radio input[type=radio] + .checkmark::before, .radio input[type=radio] + label::before { width: 1.6rem; height: 1.6rem; top: 0.2rem; left: 0.1rem; border-radius: var(--radius-xs); background-color: var(--radio-checkbox-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-border-color); } .checkbox input[type=checkbox] + .checkmark::after, .checkbox input[type=checkbox] + label::after, .checkbox input[type=radio] + .checkmark::after, .checkbox input[type=radio] + label::after, .radio input[type=checkbox] + .checkmark::after, .radio input[type=checkbox] + label::after, .radio input[type=radio] + .checkmark::after, .radio input[type=radio] + label::after { display: none; } .checkbox input[type=checkbox]:checked + .checkmark:before, .checkbox input[type=checkbox]:checked + label:before, .checkbox input[type=radio]:checked + .checkmark:before, .checkbox input[type=radio]:checked + label:before, .radio input[type=checkbox]:checked + .checkmark:before, .radio input[type=checkbox]:checked + label:before, .radio input[type=radio]:checked + .checkmark:before, .radio input[type=radio]:checked + label:before { background-color: var(--radio-checkbox-checked-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-checked-border-color); } .checkbox input[type=checkbox]:checked + .checkmark::after, .checkbox input[type=checkbox]:checked + label::after, .checkbox input[type=radio]:checked + .checkmark::after, .checkbox input[type=radio]:checked + label::after, .radio input[type=checkbox]:checked + .checkmark::after, .radio input[type=checkbox]:checked + label::after, .radio input[type=radio]:checked + .checkmark::after, .radio input[type=radio]:checked + label::after { display: block; } .checkbox input[type=radio] + .checkmark:before, .checkbox input[type=radio] + label:before, .radio input[type=radio] + .checkmark:before, .radio input[type=radio] + label:before { border-radius: var(--radius-xl); } .checkbox:focus-within, .checkbox.focus, .radio:focus-within, .radio.focus { outline: 0.2rem solid var(--radio-checkbox-focus-border-color); outline-offset: 0.6rem; } .has-error .checkbox, .checkbox.has-error, .has-error .radio, .radio.has-error { outline: 0.1rem solid var(--radio-checkbox-error-focus-border-color); outline-offset: 0.7rem; } .has-error .checkbox:focus-within, .has-error .checkbox.focus, .checkbox.has-error:focus-within, .checkbox.has-error.focus, .has-error .radio:focus-within, .has-error .radio.focus, .radio.has-error:focus-within, .radio.has-error.focus { outline: 0.2rem solid var(--radio-checkbox-error-focus-border-color); outline-offset: 0.6rem; } .disabled .checkbox, :disabled .checkbox, .checkbox.disabled, .checkbox:disabled, .checkbox:disabled + label, .checkbox :disabled + label, .checkbox .disabled + label, .disabled .radio, :disabled .radio, .radio.disabled, .radio:disabled, .radio:disabled + label, .radio :disabled + label, .radio .disabled + label { color: var(--radio-checkbox-disabled-text-color); pointer-events: none; } .disabled .checkbox[type=checkbox] + .checkmark:before, .disabled .checkbox[type=checkbox] + label:before, .disabled .checkbox[type=radio] + .checkmark:before, .disabled .checkbox[type=radio] + label:before, :disabled .checkbox[type=checkbox] + .checkmark:before, :disabled .checkbox[type=checkbox] + label:before, :disabled .checkbox[type=radio] + .checkmark:before, :disabled .checkbox[type=radio] + label:before, .checkbox.disabled[type=checkbox] + .checkmark:before, .checkbox.disabled[type=checkbox] + label:before, .checkbox.disabled[type=radio] + .checkmark:before, .checkbox.disabled[type=radio] + label:before, .checkbox:disabled[type=checkbox] + .checkmark:before, .checkbox:disabled[type=checkbox] + label:before, .checkbox:disabled[type=radio] + .checkmark:before, .checkbox:disabled[type=radio] + label:before, .checkbox input.disabled[type=checkbox] + .checkmark:before, .checkbox input.disabled[type=checkbox] + label:before, .checkbox input.disabled[type=radio] + .checkmark:before, .checkbox input.disabled[type=radio] + label:before, .checkbox input:disabled[type=checkbox] + .checkmark:before, .checkbox input:disabled[type=checkbox] + label:before, .checkbox input:disabled[type=radio] + .checkmark:before, .checkbox input:disabled[type=radio] + label:before, .disabled .radio[type=checkbox] + .checkmark:before, .disabled .radio[type=checkbox] + label:before, .disabled .radio[type=radio] + .checkmark:before, .disabled .radio[type=radio] + label:before, :disabled .radio[type=checkbox] + .checkmark:before, :disabled .radio[type=checkbox] + label:before, :disabled .radio[type=radio] + .checkmark:before, :disabled .radio[type=radio] + label:before, .radio.disabled[type=checkbox] + .checkmark:before, .radio.disabled[type=checkbox] + label:before, .radio.disabled[type=radio] + .checkmark:before, .radio.disabled[type=radio] + label:before, .radio:disabled[type=checkbox] + .checkmark:before, .radio:disabled[type=checkbox] + label:before, .radio:disabled[type=radio] + .checkmark:before, .radio:disabled[type=radio] + label:before, .radio input.disabled[type=checkbox] + .checkmark:before, .radio input.disabled[type=checkbox] + label:before, .radio input.disabled[type=radio] + .checkmark:before, .radio input.disabled[type=radio] + label:before, .radio input:disabled[type=checkbox] + .checkmark:before, .radio input:disabled[type=checkbox] + label:before, .radio input:disabled[type=radio] + .checkmark:before, .radio input:disabled[type=radio] + label:before { cursor: default; pointer-events: none; background-color: var(--radio-checkbox-disabled-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-disabled-border-color); } .disabled .checkbox[type=checkbox] + .checkmark::after, .disabled .checkbox[type=checkbox] + label::after, .disabled .checkbox[type=radio] + .checkmark::after, .disabled .checkbox[type=radio] + label::after, :disabled .checkbox[type=checkbox] + .checkmark::after, :disabled .checkbox[type=checkbox] + label::after, :disabled .checkbox[type=radio] + .checkmark::after, :disabled .checkbox[type=radio] + label::after, .checkbox.disabled[type=checkbox] + .checkmark::after, .checkbox.disabled[type=checkbox] + label::after, .checkbox.disabled[type=radio] + .checkmark::after, .checkbox.disabled[type=radio] + label::after, .checkbox:disabled[type=checkbox] + .checkmark::after, .checkbox:disabled[type=checkbox] + label::after, .checkbox:disabled[type=radio] + .checkmark::after, .checkbox:disabled[type=radio] + label::after, .checkbox input.disabled[type=checkbox] + .checkmark::after, .checkbox input.disabled[type=checkbox] + label::after, .checkbox input.disabled[type=radio] + .checkmark::after, .checkbox input.disabled[type=radio] + label::after, .checkbox input:disabled[type=checkbox] + .checkmark::after, .checkbox input:disabled[type=checkbox] + label::after, .checkbox input:disabled[type=radio] + .checkmark::after, .checkbox input:disabled[type=radio] + label::after, .disabled .radio[type=checkbox] + .checkmark::after, .disabled .radio[type=checkbox] + label::after, .disabled .radio[type=radio] + .checkmark::after, .disabled .radio[type=radio] + label::after, :disabled .radio[type=checkbox] + .checkmark::after, :disabled .radio[type=checkbox] + label::after, :disabled .radio[type=radio] + .checkmark::after, :disabled .radio[type=radio] + label::after, .radio.disabled[type=checkbox] + .checkmark::after, .radio.disabled[type=checkbox] + label::after, .radio.disabled[type=radio] + .checkmark::after, .radio.disabled[type=radio] + label::after, .radio:disabled[type=checkbox] + .checkmark::after, .radio:disabled[type=checkbox] + label::after, .radio:disabled[type=radio] + .checkmark::after, .radio:disabled[type=radio] + label::after, .radio input.disabled[type=checkbox] + .checkmark::after, .radio input.disabled[type=checkbox] + label::after, .radio input.disabled[type=radio] + .checkmark::after, .radio input.disabled[type=radio] + label::after, .radio input:disabled[type=checkbox] + .checkmark::after, .radio input:disabled[type=checkbox] + label::after, .radio input:disabled[type=radio] + .checkmark::after, .radio input:disabled[type=radio] + label::after { cursor: default; } .disabled .checkbox[type=checkbox]:checked + .checkmark:before, .disabled .checkbox[type=checkbox]:checked + label:before, .disabled .checkbox[type=radio]:checked + .checkmark:before, .disabled .checkbox[type=radio]:checked + label:before, :disabled .checkbox[type=checkbox]:checked + .checkmark:before, :disabled .checkbox[type=checkbox]:checked + label:before, :disabled .checkbox[type=radio]:checked + .checkmark:before, :disabled .checkbox[type=radio]:checked + label:before, .checkbox.disabled[type=checkbox]:checked + .checkmark:before, .checkbox.disabled[type=checkbox]:checked + label:before, .checkbox.disabled[type=radio]:checked + .checkmark:before, .checkbox.disabled[type=radio]:checked + label:before, .checkbox:disabled[type=checkbox]:checked + .checkmark:before, .checkbox:disabled[type=checkbox]:checked + label:before, .checkbox:disabled[type=radio]:checked + .checkmark:before, .checkbox:disabled[type=radio]:checked + label:before, .checkbox input.disabled[type=checkbox]:checked + .checkmark:before, .checkbox input.disabled[type=checkbox]:checked + label:before, .checkbox input.disabled[type=radio]:checked + .checkmark:before, .checkbox input.disabled[type=radio]:checked + label:before, .checkbox input:disabled[type=checkbox]:checked + .checkmark:before, .checkbox input:disabled[type=checkbox]:checked + label:before, .checkbox input:disabled[type=radio]:checked + .checkmark:before, .checkbox input:disabled[type=radio]:checked + label:before, .disabled .radio[type=checkbox]:checked + .checkmark:before, .disabled .radio[type=checkbox]:checked + label:before, .disabled .radio[type=radio]:checked + .checkmark:before, .disabled .radio[type=radio]:checked + label:before, :disabled .radio[type=checkbox]:checked + .checkmark:before, :disabled .radio[type=checkbox]:checked + label:before, :disabled .radio[type=radio]:checked + .checkmark:before, :disabled .radio[type=radio]:checked + label:before, .radio.disabled[type=checkbox]:checked + .checkmark:before, .radio.disabled[type=checkbox]:checked + label:before, .radio.disabled[type=radio]:checked + .checkmark:before, .radio.disabled[type=radio]:checked + label:before, .radio:disabled[type=checkbox]:checked + .checkmark:before, .radio:disabled[type=checkbox]:checked + label:before, .radio:disabled[type=radio]:checked + .checkmark:before, .radio:disabled[type=radio]:checked + label:before, .radio input.disabled[type=checkbox]:checked + .checkmark:before, .radio input.disabled[type=checkbox]:checked + label:before, .radio input.disabled[type=radio]:checked + .checkmark:before, .radio input.disabled[type=radio]:checked + label:before, .radio input:disabled[type=checkbox]:checked + .checkmark:before, .radio input:disabled[type=checkbox]:checked + label:before, .radio input:disabled[type=radio]:checked + .checkmark:before, .radio input:disabled[type=radio]:checked + label:before { background-color: var(--radio-checkbox-outline-checked-disabled-dot-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-checked-disabled-border-color); } .disabled .checkbox[type=checkbox]:checked + .checkmark::after, .disabled .checkbox[type=checkbox]:checked + label::after, .disabled .checkbox[type=radio]:checked + .checkmark::after, .disabled .checkbox[type=radio]:checked + label::after, :disabled .checkbox[type=checkbox]:checked + .checkmark::after, :disabled .checkbox[type=checkbox]:checked + label::after, :disabled .checkbox[type=radio]:checked + .checkmark::after, :disabled .checkbox[type=radio]:checked + label::after, .checkbox.disabled[type=checkbox]:checked + .checkmark::after, .checkbox.disabled[type=checkbox]:checked + label::after, .checkbox.disabled[type=radio]:checked + .checkmark::after, .checkbox.disabled[type=radio]:checked + label::after, .checkbox:disabled[type=checkbox]:checked + .checkmark::after, .checkbox:disabled[type=checkbox]:checked + label::after, .checkbox:disabled[type=radio]:checked + .checkmark::after, .checkbox:disabled[type=radio]:checked + label::after, .checkbox input.disabled[type=checkbox]:checked + .checkmark::after, .checkbox input.disabled[type=checkbox]:checked + label::after, .checkbox input.disabled[type=radio]:checked + .checkmark::after, .checkbox input.disabled[type=radio]:checked + label::after, .checkbox input:disabled[type=checkbox]:checked + .checkmark::after, .checkbox input:disabled[type=checkbox]:checked + label::after, .checkbox input:disabled[type=radio]:checked + .checkmark::after, .checkbox input:disabled[type=radio]:checked + label::after, .disabled .radio[type=checkbox]:checked + .checkmark::after, .disabled .radio[type=checkbox]:checked + label::after, .disabled .radio[type=radio]:checked + .checkmark::after, .disabled .radio[type=radio]:checked + label::after, :disabled .radio[type=checkbox]:checked + .checkmark::after, :disabled .radio[type=checkbox]:checked + label::after, :disabled .radio[type=radio]:checked + .checkmark::after, :disabled .radio[type=radio]:checked + label::after, .radio.disabled[type=checkbox]:checked + .checkmark::after, .radio.disabled[type=checkbox]:checked + label::after, .radio.disabled[type=radio]:checked + .checkmark::after, .radio.disabled[type=radio]:checked + label::after, .radio:disabled[type=checkbox]:checked + .checkmark::after, .radio:disabled[type=checkbox]:checked + label::after, .radio:disabled[type=radio]:checked + .checkmark::after, .radio:disabled[type=radio]:checked + label::after, .radio input.disabled[type=checkbox]:checked + .checkmark::after, .radio input.disabled[type=checkbox]:checked + label::after, .radio input.disabled[type=radio]:checked + .checkmark::after, .radio input.disabled[type=radio]:checked + label::after, .radio input:disabled[type=checkbox]:checked + .checkmark::after, .radio input:disabled[type=checkbox]:checked + label::after, .radio input:disabled[type=radio]:checked + .checkmark::after, .radio input:disabled[type=radio]:checked + label::after { border-color: var(--radio-checkbox-checked-disabled-checkmark-bg); } .disabled .checkbox[type=radio]:checked + .checkmark::after, .disabled .checkbox[type=radio]:checked + label::after, :disabled .checkbox[type=radio]:checked + .checkmark::after, :disabled .checkbox[type=radio]:checked + label::after, .checkbox.disabled[type=radio]:checked + .checkmark::after, .checkbox.disabled[type=radio]:checked + label::after, .checkbox:disabled[type=radio]:checked + .checkmark::after, .checkbox:disabled[type=radio]:checked + label::after, .checkbox input.disabled[type=radio]:checked + .checkmark::after, .checkbox input.disabled[type=radio]:checked + label::after, .checkbox input:disabled[type=radio]:checked + .checkmark::after, .checkbox input:disabled[type=radio]:checked + label::after, .disabled .radio[type=radio]:checked + .checkmark::after, .disabled .radio[type=radio]:checked + label::after, :disabled .radio[type=radio]:checked + .checkmark::after, :disabled .radio[type=radio]:checked + label::after, .radio.disabled[type=radio]:checked + .checkmark::after, .radio.disabled[type=radio]:checked + label::after, .radio:disabled[type=radio]:checked + .checkmark::after, .radio:disabled[type=radio]:checked + label::after, .radio input.disabled[type=radio]:checked + .checkmark::after, .radio input.disabled[type=radio]:checked + label::after, .radio input:disabled[type=radio]:checked + .checkmark::after, .radio input:disabled[type=radio]:checked + label::after { background-color: var(--radio-checkbox-checked-disabled-dot-bg); } .checkbox.radio-inline, .checkbox.checkbox-inline, .radio.radio-inline, .radio.checkbox-inline { display: inline; padding-left: 2.4rem; margin-right: 2.4rem; } .checkbox input[type=checkbox]:indeterminate + .checkmark:before, .checkbox input[type=checkbox]:indeterminate + label:before, .checkbox.mixed input[type=checkbox] + .checkmark:before, .checkbox.mixed input[type=checkbox] + label:before { background-color: var(--radio-checkbox-checked-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-checked-border-color); } .checkbox input[type=checkbox]:indeterminate + .checkmark::after, .checkbox input[type=checkbox]:indeterminate + label::after, .checkbox.mixed input[type=checkbox] + .checkmark::after, .checkbox.mixed input[type=checkbox] + label::after { display: block; width: 1rem; top: 0.9rem; left: 0.4rem; } .checkbox.checkbox-outline input[type=checkbox] + .checkmark::before, .checkbox.checkbox-outline input[type=checkbox] + label::before, .checkbox.checkbox-outline input[type=checkbox]:checked + .checkmark::before, .checkbox.checkbox-outline input[type=checkbox]:checked + label::before, .radio.radio-outline input[type=radio] + .checkmark::before, .radio.radio-outline input[type=radio] + label::before, .radio.radio-outline input[type=radio]:checked + .checkmark::before, .radio.radio-outline input[type=radio]:checked + label::before { background-color: var(--radio-checkbox-outline-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-outline-border-color); } .checkbox.checkbox-outline input[type=checkbox]:checked + .checkmark::after, .checkbox.checkbox-outline input[type=checkbox]:checked + label::after, .radio.radio-outline input[type=radio]:checked + .checkmark::after, .radio.radio-outline input[type=radio]:checked + label::after { border-color: var(--radio-checkbox-outline-checkmark-bg); } .radio.radio-outline input[type=radio]:checked + .checkmark::after, .radio.radio-outline input[type=radio]:checked + label::after { background-color: var(--radio-checkbox-outline-dot-bg); } .checkbox.checkbox-outline.mixed input[type=checkbox] + .checkmark::before, .checkbox.checkbox-outline.mixed input[type=checkbox] + label::before, .checkbox.checkbox-outline input[type=checkbox]:indeterminate + .checkmark::before, .checkbox.checkbox-outline input[type=checkbox]:indeterminate + label::before { background-color: var(--radio-checkbox-outline-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-outline-border-color); } .checkbox.checkbox-outline.mixed input[type=checkbox] + .checkmark::after, .checkbox.checkbox-outline.mixed input[type=checkbox] + label::after, .checkbox.checkbox-outline input[type=checkbox]:indeterminate + .checkmark::after, .checkbox.checkbox-outline input[type=checkbox]:indeterminate + label::after { border-color: var(--radio-checkbox-outline-checkmark-bg); } :disabled .checkbox.checkbox-outline input[type=checkbox] + .checkmark:before, :disabled .checkbox.checkbox-outline input[type=checkbox] + label:before, .disabled .checkbox.checkbox-outline input[type=checkbox] + .checkmark:before, .disabled .checkbox.checkbox-outline input[type=checkbox] + label:before, .checkbox.checkbox-outline:disabled input[type=checkbox] + .checkmark:before, .checkbox.checkbox-outline:disabled input[type=checkbox] + label:before, .checkbox.checkbox-outline.disabled input[type=checkbox] + .checkmark:before, .checkbox.checkbox-outline.disabled input[type=checkbox] + label:before, .checkbox.checkbox-outline input[type=checkbox]:disabled + .checkmark:before, .checkbox.checkbox-outline input[type=checkbox]:disabled + label:before, .checkbox.checkbox-outline input.disabled[type=checkbox] + .checkmark:before, .checkbox.checkbox-outline input.disabled[type=checkbox] + label:before, :disabled .radio.radio-outline input[type=radio] + .checkmark:before, :disabled .radio.radio-outline input[type=radio] + label:before, .disabled .radio.radio-outline input[type=radio] + .checkmark:before, .disabled .radio.radio-outline input[type=radio] + label:before, .radio.radio-outline:disabled input[type=radio] + .checkmark:before, .radio.radio-outline:disabled input[type=radio] + label:before, .radio.radio-outline.disabled input[type=radio] + .checkmark:before, .radio.radio-outline.disabled input[type=radio] + label:before, .radio.radio-outline input[type=radio]:disabled + .checkmark:before, .radio.radio-outline input[type=radio]:disabled + label:before, .radio.radio-outline input.disabled[type=radio] + .checkmark:before, .radio.radio-outline input.disabled[type=radio] + label:before { background-color: var(--radio-checkbox-outline-disabled-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-outline-disabled-border-color); } :disabled .checkbox.checkbox-outline input[type=checkbox] + .checkmark::after, :disabled .checkbox.checkbox-outline input[type=checkbox] + label::after, .disabled .checkbox.checkbox-outline input[type=checkbox] + .checkmark::after, .disabled .checkbox.checkbox-outline input[type=checkbox] + label::after, .checkbox.checkbox-outline:disabled input[type=checkbox] + .checkmark::after, .checkbox.checkbox-outline:disabled input[type=checkbox] + label::after, .checkbox.checkbox-outline.disabled input[type=checkbox] + .checkmark::after, .checkbox.checkbox-outline.disabled input[type=checkbox] + label::after, .checkbox.checkbox-outline input[type=checkbox]:disabled + .checkmark::after, .checkbox.checkbox-outline input[type=checkbox]:disabled + label::after, .checkbox.checkbox-outline input.disabled[type=checkbox] + .checkmark::after, .checkbox.checkbox-outline input.disabled[type=checkbox] + label::after, :disabled .radio.radio-outline input[type=radio] + .checkmark::after, :disabled .radio.radio-outline input[type=radio] + label::after, .disabled .radio.radio-outline input[type=radio] + .checkmark::after, .disabled .radio.radio-outline input[type=radio] + label::after, .radio.radio-outline:disabled input[type=radio] + .checkmark::after, .radio.radio-outline:disabled input[type=radio] + label::after, .radio.radio-outline.disabled input[type=radio] + .checkmark::after, .radio.radio-outline.disabled input[type=radio] + label::after, .radio.radio-outline input[type=radio]:disabled + .checkmark::after, .radio.radio-outline input[type=radio]:disabled + label::after, .radio.radio-outline input.disabled[type=radio] + .checkmark::after, .radio.radio-outline input.disabled[type=radio] + label::after { border-color: var(--radio-checkbox-outline-checked-disabled-checkmark-bg); } :disabled .radio.radio-outline input[type=radio]:checked + .checkmark::after, :disabled .radio.radio-outline input[type=radio]:checked + label::after, .disabled .radio.radio-outline input[type=radio]:checked + .checkmark::after, .disabled .radio.radio-outline input[type=radio]:checked + label::after, .radio.radio-outline:disabled input[type=radio]:checked + .checkmark::after, .radio.radio-outline:disabled input[type=radio]:checked + label::after, .radio.radio-outline.disabled input[type=radio]:checked + .checkmark::after, .radio.radio-outline.disabled input[type=radio]:checked + label::after, .radio.radio-outline input[type=radio]:disabled:checked + .checkmark::after, .radio.radio-outline input[type=radio]:disabled:checked + label::after, .radio.radio-outline input.disabled[type=radio]:checked + .checkmark::after, .radio.radio-outline input.disabled[type=radio]:checked + label::after { background-color: var(--radio-checkbox-outline-checked-disabled-dot-bg); } .disabled .checkbox.mixed input[type=checkbox] + .checkmark:before, .disabled .checkbox.mixed input[type=checkbox] + label:before, :disabled .checkbox.mixed input[type=checkbox] + .checkmark:before, :disabled .checkbox.mixed input[type=checkbox] + label:before, .disabled .checkbox input[type=checkbox]:indeterminate + .checkmark:before, .disabled .checkbox input[type=checkbox]:indeterminate + label:before, :disabled .checkbox input[type=checkbox]:indeterminate + .checkmark:before, :disabled .checkbox input[type=checkbox]:indeterminate + label:before, .checkbox.mixed.disabled input[type=checkbox] + .checkmark:before, .checkbox.mixed.disabled input[type=checkbox] + label:before, .checkbox.mixed:disabled input[type=checkbox] + .checkmark:before, .checkbox.mixed:disabled input[type=checkbox] + label:before, .checkbox.disabled input[type=checkbox]:indeterminate + .checkmark:before, .checkbox.disabled input[type=checkbox]:indeterminate + label:before, .checkbox:disabled input[type=checkbox]:indeterminate + .checkmark:before, .checkbox:disabled input[type=checkbox]:indeterminate + label:before, .checkbox.mixed input[type=checkbox].disabled + .checkmark:before, .checkbox.mixed input[type=checkbox].disabled + label:before, .checkbox.mixed input[type=checkbox]:disabled + .checkmark:before, .checkbox.mixed input[type=checkbox]:disabled + label:before, .checkbox input[type=checkbox].disabled:indeterminate + .checkmark:before, .checkbox input[type=checkbox].disabled:indeterminate + label:before, .checkbox input[type=checkbox]:disabled:indeterminate + .checkmark:before, .checkbox input[type=checkbox]:disabled:indeterminate + label:before { background-color: var(--radio-checkbox-outline-checked-disabled-dot-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-checked-disabled-border-color); } .disabled .checkbox.mixed input[type=checkbox] + .checkmark::after, .disabled .checkbox.mixed input[type=checkbox] + label::after, :disabled .checkbox.mixed input[type=checkbox] + .checkmark::after, :disabled .checkbox.mixed input[type=checkbox] + label::after, .disabled .checkbox input[type=checkbox]:indeterminate + .checkmark::after, .disabled .checkbox input[type=checkbox]:indeterminate + label::after, :disabled .checkbox input[type=checkbox]:indeterminate + .checkmark::after, :disabled .checkbox input[type=checkbox]:indeterminate + label::after, .checkbox.mixed.disabled input[type=checkbox] + .checkmark::after, .checkbox.mixed.disabled input[type=checkbox] + label::after, .checkbox.mixed:disabled input[type=checkbox] + .checkmark::after, .checkbox.mixed:disabled input[type=checkbox] + label::after, .checkbox.disabled input[type=checkbox]:indeterminate + .checkmark::after, .checkbox.disabled input[type=checkbox]:indeterminate + label::after, .checkbox:disabled input[type=checkbox]:indeterminate + .checkmark::after, .checkbox:disabled input[type=checkbox]:indeterminate + label::after, .checkbox.mixed input[type=checkbox].disabled + .checkmark::after, .checkbox.mixed input[type=checkbox].disabled + label::after, .checkbox.mixed input[type=checkbox]:disabled + .checkmark::after, .checkbox.mixed input[type=checkbox]:disabled + label::after, .checkbox input[type=checkbox].disabled:indeterminate + .checkmark::after, .checkbox input[type=checkbox].disabled:indeterminate + label::after, .checkbox input[type=checkbox]:disabled:indeterminate + .checkmark::after, .checkbox input[type=checkbox]:disabled:indeterminate + label::after { border-color: var(--radio-checkbox-checked-disabled-checkmark-bg); } .disabled .checkbox.checkbox-outline.mixed input[type=checkbox] + .checkmark:before, .disabled .checkbox.checkbox-outline.mixed input[type=checkbox] + label:before, :disabled .checkbox.checkbox-outline.mixed input[type=checkbox] + .checkmark:before, :disabled .checkbox.checkbox-outline.mixed input[type=checkbox] + label:before, .disabled .checkbox.checkbox-outline input[type=checkbox]:indeterminate + .checkmark:before, .disabled .checkbox.checkbox-outline input[type=checkbox]:indeterminate + label:before, :disabled .checkbox.checkbox-outline input[type=checkbox]:indeterminate + .checkmark:before, :disabled .checkbox.checkbox-outline input[type=checkbox]:indeterminate + label:before, .checkbox.checkbox-outline.mixed.disabled input[type=checkbox] + .checkmark:before, .checkbox.checkbox-outline.mixed.disabled input[type=checkbox] + label:before, .checkbox.checkbox-outline.mixed:disabled input[type=checkbox] + .checkmark:before, .checkbox.checkbox-outline.mixed:disabled input[type=checkbox] + label:before, .checkbox.checkbox-outline.disabled input[type=checkbox]:indeterminate + .checkmark:before, .checkbox.checkbox-outline.disabled input[type=checkbox]:indeterminate + label:before, .checkbox.checkbox-outline:disabled input[type=checkbox]:indeterminate + .checkmark:before, .checkbox.checkbox-outline:disabled input[type=checkbox]:indeterminate + label:before, .checkbox.checkbox-outline.mixed input[type=checkbox].disabled + .checkmark:before, .checkbox.checkbox-outline.mixed input[type=checkbox].disabled + label:before, .checkbox.checkbox-outline.mixed input[type=checkbox]:disabled + .checkmark:before, .checkbox.checkbox-outline.mixed input[type=checkbox]:disabled + label:before, .checkbox.checkbox-outline input[type=checkbox].disabled:indeterminate + .checkmark:before, .checkbox.checkbox-outline input[type=checkbox].disabled:indeterminate + label:before, .checkbox.checkbox-outline input[type=checkbox]:disabled:indeterminate + .checkmark:before, .checkbox.checkbox-outline input[type=checkbox]:disabled:indeterminate + label:before { background-color: var(--radio-checkbox-outline-checked-disabled-bg); box-shadow: inset 0 0 0 0.1rem var(--radio-checkbox-outline-checked-disabled-border-color); } .disabled .checkbox.checkbox-outline.mixed input[type=checkbox] + .checkmark::after, .disabled .checkbox.checkbox-outline.mixed input[type=checkbox] + label::after, :disabled .checkbox.checkbox-outline.mixed input[type=checkbox] + .checkmark::after, :disabled .checkbox.checkbox-outline.mixed input[type=checkbox] + label::after, .disabled .checkbox.checkbox-outline input[type=checkbox]:indeterminate + .checkmark::after, .disabled .checkbox.checkbox-outline input[type=checkbox]:indeterminate + label::after, :disabled .checkbox.checkbox-outline input[type=checkbox]:indeterminate + .checkmark::after, :disabled .checkbox.checkbox-outline input[type=checkbox]:indeterminate + label::after, .checkbox.checkbox-outline.mixed.disabled input[type=checkbox] + .checkmark::after, .checkbox.checkbox-outline.mixed.disabled input[type=checkbox] + label::after, .checkbox.checkbox-outline.mixed:disabled input[type=checkbox] + .checkmark::after, .checkbox.checkbox-outline.mixed:disabled input[type=checkbox] + label::after, .checkbox.checkbox-outline.disabled input[type=checkbox]:indeterminate + .checkmark::after, .checkbox.checkbox-outline.disabled input[type=checkbox]:indeterminate + label::after, .checkbox.checkbox-outline:disabled input[type=checkbox]:indeterminate + .checkmark::after, .checkbox.checkbox-outline:disabled input[type=checkbox]:indeterminate + label::after, .checkbox.checkbox-outline.mixed input[type=checkbox].disabled + .checkmark::after, .checkbox.checkbox-outline.mixed input[type=checkbox].disabled + label::after, .checkbox.checkbox-outline.mixed input[type=checkbox]:disabled + .checkmark::after, .checkbox.checkbox-outline.mixed input[type=checkbox]:disabled + label::after, .checkbox.checkbox-outline input[type=checkbox].disabled:indeterminate + .checkmark::after, .checkbox.checkbox-outline input[type=checkbox].disabled:indeterminate + label::after, .checkbox.checkbox-outline input[type=checkbox]:disabled:indeterminate + .checkmark::after, .checkbox.checkbox-outline input[type=checkbox]:disabled:indeterminate + label::after { border-color: var(--radio-checkbox-outline-checked-disabled-dot-bg); } .checkbox label, .radio label { text-indent: 0; line-height: 1.3; } .checkbox label::after, .checkbox .checkmark::after { width: 0.5rem; height: 1rem; top: 0.4rem; left: 0.6rem; border: 0 solid var(--radio-checkbox-checkmark-bg); border-width: 0 0.2rem 0.2rem 0; transform: rotate(45deg); } .checkbox.mixed input[type=checkbox] + label::after, .checkbox.mixed input[type=checkbox] + .checkmark::after, .checkbox input[type=checkbox]:indeterminate + label::after, .checkbox input[type=checkbox]:indeterminate + .checkmark::after { border-width: 0.2rem 0 0; transform: rotate(0); } .radio label, .radio .checkmark { border-radius: 50%; } .radio label::after, .radio .checkmark::after { width: 0.6rem; height: 0.6rem; top: 0.7rem; left: 0.6rem; border-radius: 50%; background-color: var(--radio-checkbox-dot-bg); } fieldset { margin: 0 0 3.2rem 0; padding: 0; border: 0; } fieldset legend { display: block; margin: 0 0 2.4rem; padding: 0; font-size: var(--font-size-md); line-height: 1.2; } .form-title { margin: 0 0 2.4rem; padding: 0; font-size: var(--font-size-md); line-height: 1.2; } .search-group { position: relative; } .search-group input.form-control[type=text], .search-group input.form-control[type=search] { padding-right: 6.4rem; padding-left: 4rem; border-radius: var(--radius-xl); background-color: var(--input-bg); box-shadow: var(--shadow-10); appearance: none; } .search-group input.form-control[type=text].hover, .search-group input.form-control[type=text]:hover, .search-group input.form-control[type=search].hover, .search-group input.form-control[type=search]:hover { box-shadow: var(--shadow-10); } .search-group input.form-control[type=text].focus, .search-group input.form-control[type=text]:focus, .search-group input.form-control[type=search].focus, .search-group input.form-control[type=search]:focus { box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), var(--input-focus-shadow); } .disabled .search-group input.form-control[type=text], :disabled .search-group input.form-control[type=text], .search-group input.form-control[type=text].disabled, .search-group input.form-control[type=text]:disabled, .disabled .search-group input.form-control[type=search], :disabled .search-group input.form-control[type=search], .search-group input.form-control[type=search].disabled, .search-group input.form-control[type=search]:disabled { pointer-events: none; color: var(--input-disabled-text-color); box-shadow: none; } .disabled .search-group input.form-control[type=text] ~ .search-icon, :disabled .search-group input.form-control[type=text] ~ .search-icon, .search-group input.form-control[type=text].disabled ~ .search-icon, .search-group input.form-control[type=text]:disabled ~ .search-icon, .disabled .search-group input.form-control[type=search] ~ .search-icon, :disabled .search-group input.form-control[type=search] ~ .search-icon, .search-group input.form-control[type=search].disabled ~ .search-icon, .search-group input.form-control[type=search]:disabled ~ .search-icon { border-color: var(--input-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .disabled .search-group input.form-control[type=text] ~ .search-icon::before, :disabled .search-group input.form-control[type=text] ~ .search-icon::before, .search-group input.form-control[type=text].disabled ~ .search-icon::before, .search-group input.form-control[type=text]:disabled ~ .search-icon::before, .disabled .search-group input.form-control[type=search] ~ .search-icon::before, :disabled .search-group input.form-control[type=search] ~ .search-icon::before, .search-group input.form-control[type=search].disabled ~ .search-icon::before, .search-group input.form-control[type=search]:disabled ~ .search-icon::before { background-color: var(--input-disabled-text-color); } .disabled .search-group input.form-control[type=text] ~ .search-icon.btn, :disabled .search-group input.form-control[type=text] ~ .search-icon.btn, .search-group input.form-control[type=text].disabled ~ .search-icon.btn, .search-group input.form-control[type=text]:disabled ~ .search-icon.btn, .disabled .search-group input.form-control[type=search] ~ .search-icon.btn, :disabled .search-group input.form-control[type=search] ~ .search-icon.btn, .search-group input.form-control[type=search].disabled ~ .search-icon.btn, .search-group input.form-control[type=search]:disabled ~ .search-icon.btn { pointer-events: none; } .disabled .search-group input.form-control[type=text] ~ .clear-search.show, :disabled .search-group input.form-control[type=text] ~ .clear-search.show, .search-group input.form-control[type=text].disabled ~ .clear-search.show, .search-group input.form-control[type=text]:disabled ~ .clear-search.show, .disabled .search-group input.form-control[type=search] ~ .clear-search.show, :disabled .search-group input.form-control[type=search] ~ .clear-search.show, .search-group input.form-control[type=search].disabled ~ .clear-search.show, .search-group input.form-control[type=search]:disabled ~ .clear-search.show { display: none; } .search-group .search-icon, .search-group .clear-search { content: ""; position: absolute; min-width: auto; min-width: unset; height: 1.6rem; width: 1.6rem; margin: 0; padding: 0; text-indent: -999.9rem; overflow: hidden; border: 0; box-shadow: none; } .search-group .search-icon { top: 0.8rem; left: 1.6rem; } .search-group .search-icon::before { display: block; position: absolute; opacity: 1; content: ""; width: 1.3rem; height: 1.3rem; top: 0.1rem; left: 0.1rem; background-color: var(--input-placeholder-color); -webkit-mask: url('search.svg'); mask: url('search.svg'); -webkit-mask-size: cover; mask-size: cover; } .search-group .search-icon.btn { display: flex; cursor: pointer; width: 4.8rem; height: 2.4rem; top: 0.4rem; right: 0.4rem; left: initial; left: unset; text-indent: -999.9rem; border-radius: var(--radius-xl); border: 0.1rem solid var(--input-border-color); background-color: var(--input-bg); box-shadow: var(--shadow-10); } .search-group .search-icon.btn::before { top: 0.5rem; left: auto; } .search-group .search-icon.btn:hover { border-color: var(--input-hover-border-color); background-color: var(--button-hover-bg); } .search-group .search-icon.btn:focus:not(:active) { border-color: var(--input-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), var(--shadow-10); } .search-group .search-icon.btn:active { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); box-shadow: none; } .disabled .search-group .search-icon.btn, :disabled .search-group .search-icon.btn, .search-group .search-icon.btn.disabled, .search-group .search-icon.btn:disabled { border-color: var(--input-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } .search-group .clear-search { display: none; cursor: pointer; top: 0.8rem; right: 1.2rem; } .search-group .clear-search::before { display: block; position: absolute; opacity: 1; content: ""; width: 0.8rem; height: 0.8rem; top: 0.4rem; right: 0.4rem; background-color: var(--input-placeholder-color); -webkit-mask: url('close.svg'); mask: url('close.svg'); -webkit-mask-size: cover; mask-size: cover; } .search-group .clear-search.show { display: block; } .search-group.search-group-primary input.form-control[type=text], .search-group.search-group-primary input.form-control[type=search] { border-color: var(--input-primary-border-color); background-color: var(--input-primary-bg); box-shadow: var(--input-primary-shadow); } .search-group.search-group-primary input.form-control[type=text].hover, .search-group.search-group-primary input.form-control[type=text]:hover, .search-group.search-group-primary input.form-control[type=search].hover, .search-group.search-group-primary input.form-control[type=search]:hover { border-color: var(--input-primary-hover-border-color); box-shadow: var(--input-primary-shadow); } .search-group.search-group-primary input.form-control[type=text].focus, .search-group.search-group-primary input.form-control[type=text]:focus, .search-group.search-group-primary input.form-control[type=search].focus, .search-group.search-group-primary input.form-control[type=search]:focus { border-color: var(--input-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), var(--shadow-10); } .disabled .search-group.search-group-primary input.form-control[type=text], :disabled .search-group.search-group-primary input.form-control[type=text], .search-group.search-group-primary input.form-control[type=text].disabled, .search-group.search-group-primary input.form-control[type=text]:disabled, .disabled .search-group.search-group-primary input.form-control[type=search], :disabled .search-group.search-group-primary input.form-control[type=search], .search-group.search-group-primary input.form-control[type=search].disabled, .search-group.search-group-primary input.form-control[type=search]:disabled { border-color: var(--input-disabled-border-color); box-shadow: none; } .search-group.search-group-primary .search-icon.btn { border-color: var(--button-primary-bg); background-color: var(--button-primary-bg); box-shadow: var(--input-primary-shadow); } .search-group.search-group-primary .search-icon.btn::before { background-color: var(--button-primary-icon); } .search-group.search-group-primary .search-icon.btn:hover { border-color: color-mix(in oklch, black 12%, var(--button-primary-bg)); background-color: color-mix(in oklch, black 12%, var(--button-primary-bg)); } .search-group.search-group-primary .search-icon.btn:focus:not(:active) { border-color: var(--input-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-focus-border-color), inset 0 0 0 0.2rem var(--button-primary-focus-inner-shadow-color), var(--input-primary-shadow); } .search-group.search-group-primary .search-icon.btn:active { border-color: var(--button-primary-active-bg); background-color: var(--button-primary-active-bg); } .disabled .search-group.search-group-primary .search-icon.btn, :disabled .search-group.search-group-primary .search-icon.btn, .search-group.search-group-primary .search-icon.btn.disabled, .search-group.search-group-primary .search-icon.btn:disabled { border-color: var(--search-field-primary-disabled-button-border); background-color: var(--search-field-primary-disabled-button); box-shadow: none; } .search-group.search-group-button input.form-control[type=text], .search-group.search-group-button input.form-control[type=search] { padding-left: 1.6rem; padding-right: 8rem; } .search-group.search-group-button .clear-search.show { right: 6.4rem; } .search-group.search-group-button.search-group-lg .clear-search.show { right: 8.4rem; } .search-group.search-group-lg input.form-control[type=text], .search-group.search-group-lg input.form-control[type=search] { height: 4.8rem; padding-right: 7.2rem; padding-left: 6.4rem; } .search-group.search-group-lg .search-icon { top: 1.6rem; left: 3.2rem; } .search-group.search-group-lg .search-icon.btn { height: 4rem; width: 6.4rem; top: 0.4rem; left: auto; } .search-group.search-group-lg .search-icon.btn::before { top: 1.2rem; } .search-group.search-group-lg .search-icon::before, .search-group.search-group-lg .search-icon.btn::before { width: 1.5rem; height: 1.5rem; } .search-group.search-group-lg .clear-search { top: 1.6rem; right: 3.2rem; } .search-group.search-group-lg.search-group-primary .search-icon.btn { width: 6.4rem; } .search-group.search-group-lg.search-group-button input.form-control[type=text], .search-group.search-group-lg.search-group-button input.form-control[type=search] { padding-left: 3.2rem; } .search-group.search-group-lg.search-group-button.search-group-primary input.form-control[type=text], .search-group.search-group-lg.search-group-button.search-group-primary input.form-control[type=search] { padding-right: 10rem; } .drop-area { display: flex; flex-direction: column; position: relative; content: ""; margin: 0 auto 2.4rem; padding: 14.4rem 2.4rem 2.4rem; text-align: center; border-radius: 2.4rem; background-color: rgba(0, 0, 0, 0); z-index: 1; } .drop-area.drop-area-sm { padding: 4.8rem 0 0; border-radius: 1.6rem; } .drop-area.drop-area-sm .drop-area-upload::before { border-radius: 1.6rem; border-width: 2.4rem; border-image: url('drag-drop-sm.svg') 40% space; } .drop-area.drop-area-sm .drop-area-upload:not(.btn):focus::before { border-image: url('drag-drop-sm-focus.svg') 21 stretch; } .drop-area.drop-area-sm .drop-area-upload .vismaicon { top: 0.8rem; left: calc(50% - 1.2rem); } .drop-area.drop-area-sm .drop-area-upload .vismaicon:before { width: 2.4rem; height: 2.4rem; } .drop-area.drop-area-sm.highlight .drop-area-upload::before, .drop-area.drop-area-sm:hover .drop-area-upload::before { border-image: url('drag-drop-sm-highlight.svg') 40% space; } .drop-area.drop-area-sm .drop-area-input:disabled + .drop-area-upload:not(.btn)::before, .drop-area.drop-area-sm .drop-area-input.disabled + .drop-area-upload:not(.btn)::before { border-image: url('drag-drop-sm-disabled.svg') 21 space; } .drop-area.drop-area-sm .spinner { top: calc(50% - 2.4rem); } .drop-area.highlight .drop-area-upload::before, .drop-area:hover .drop-area-upload::before { background-color: var(--drop-area-highlight-bg); border-image: url('drag-drop-highlight.svg') 37% space; } .drop-area .drop-area-input { display: none; } .drop-area .drop-area-input:disabled + .drop-area-upload, .drop-area .drop-area-input.disabled + .drop-area-upload { pointer-events: none; cursor: default; } .drop-area .drop-area-input:disabled + .drop-area-upload::after, .drop-area .drop-area-input.disabled + .drop-area-upload::after { pointer-events: none; background-color: var(--button-disabled-text-color); } .drop-area .drop-area-input:disabled + .drop-area-upload:not(.btn)::before, .drop-area .drop-area-input.disabled + .drop-area-upload:not(.btn)::before { pointer-events: none; border-image: url('drag-drop-disabled.svg') 37 space; } .drop-area .drop-area-upload::before, .drop-area .drop-area-upload::after { display: block; position: absolute; cursor: pointer; content: ""; background-color: rgba(0, 0, 0, 0); } .drop-area .drop-area-upload::before { cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; border-radius: 2.4rem; border-style: solid; border-width: 3.3rem; border-color: var(--drop-area-border-color); border-image: url('drag-drop.svg') 37% space; z-index: -1; } .drop-area .drop-area-upload:focus { outline: none; } .drop-area .drop-area-upload:not(.btn) { display: block; position: absolute; cursor: pointer; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0); text-indent: -9999px; } .drop-area .drop-area-upload:not(.btn):focus::before { border-image: url('drag-drop-focus.svg') 37 stretch; } .drop-area .drop-area-upload.btn { margin: 0 auto 0.8rem; } .drop-area .drop-area-upload.btn::before, .drop-area .drop-area-upload.btn::after { pointer-events: none; } .drop-area .drop-area-upload .vismaicon { position: absolute; cursor: pointer; top: 4.8rem; left: calc(50% - 3.2rem); } .drop-area .drop-area-upload .vismaicon:before { width: 6.4rem; height: 6.4rem; } .drop-area .spinner { display: none; position: absolute; pointer-events: none; top: calc(50% - 4.4rem); left: calc(50% - 2.4rem); } .drop-area .spinner.show { display: block; } .drop-area p, .drop-area p:last-child { display: inline-block; margin: 0 auto 0.8rem; } .drop-area *:not(.drop-area-upload) { z-index: 1; } .drop-area .drop-area-preview { max-width: fit-content; margin-top: 4rem; margin-bottom: 0; text-align: left; } .drop-area .drop-area-preview.drop-area-preview-list { max-width: auto; max-width: unset; } :disabled .drop-area .drop-area-upload, .disabled .drop-area .drop-area-upload, .drop-area:disabled .drop-area-upload, .drop-area.disabled .drop-area-upload { pointer-events: none; cursor: default; } :disabled .drop-area .drop-area-upload::after, .disabled .drop-area .drop-area-upload::after, .drop-area:disabled .drop-area-upload::after, .drop-area.disabled .drop-area-upload::after { pointer-events: none; background-color: var(--button-disabled-text-color); } :disabled .drop-area .drop-area-upload:not(.btn)::before, .disabled .drop-area .drop-area-upload:not(.btn)::before, .drop-area:disabled .drop-area-upload:not(.btn)::before, .drop-area.disabled .drop-area-upload:not(.btn)::before { pointer-events: none; border-image: url('drag-drop-disabled.svg') 37 space; } :disabled .drop-area.drop-area-sm .drop-area-upload:not(.btn)::before, .disabled .drop-area.drop-area-sm .drop-area-upload:not(.btn)::before, .drop-area:disabled.drop-area-sm .drop-area-upload:not(.btn)::before, .drop-area.disabled.drop-area-sm .drop-area-upload:not(.btn)::before { border-image: url('drag-drop-sm-disabled.svg') 21 space; } :disabled .drop-area .drop-area-preview a, :disabled .drop-area .drop-area-preview button, .disabled .drop-area .drop-area-preview a, .disabled .drop-area .drop-area-preview button, .drop-area:disabled .drop-area-preview a, .drop-area:disabled .drop-area-preview button, .drop-area.disabled .drop-area-preview a, .drop-area.disabled .drop-area-preview button { pointer-events: none; cursor: default; color: var(--button-disabled-text-color); } :disabled .drop-area .drop-area-preview .preview-item, :disabled .drop-area .drop-area-preview .preview-item-img, .disabled .drop-area .drop-area-preview .preview-item, .disabled .drop-area .drop-area-preview .preview-item-img, .drop-area:disabled .drop-area-preview .preview-item, .drop-area:disabled .drop-area-preview .preview-item-img, .drop-area.disabled .drop-area-preview .preview-item, .drop-area.disabled .drop-area-preview .preview-item-img { box-shadow: none; } :disabled .drop-area .drop-area-preview .preview-item a, :disabled .drop-area .drop-area-preview .preview-item-img a, .disabled .drop-area .drop-area-preview .preview-item a, .disabled .drop-area .drop-area-preview .preview-item-img a, .drop-area:disabled .drop-area-preview .preview-item a, .drop-area:disabled .drop-area-preview .preview-item-img a, .drop-area.disabled .drop-area-preview .preview-item a, .drop-area.disabled .drop-area-preview .preview-item-img a { height: 100%; display: block; } :disabled .drop-area .drop-area-preview .preview-item .btn-close-icon, :disabled .drop-area .drop-area-preview .preview-item-img .btn-close-icon, .disabled .drop-area .drop-area-preview .preview-item .btn-close-icon, .disabled .drop-area .drop-area-preview .preview-item-img .btn-close-icon, .drop-area:disabled .drop-area-preview .preview-item .btn-close-icon, .drop-area:disabled .drop-area-preview .preview-item-img .btn-close-icon, .drop-area.disabled .drop-area-preview .preview-item .btn-close-icon, .drop-area.disabled .drop-area-preview .preview-item-img .btn-close-icon { display: none; } .drop-area-preview { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1.6rem; position: relative; margin-bottom: 2.4rem; } .drop-area-preview.drop-area-preview-list { flex-direction: column; gap: unset; padding: 0 2.4rem; border-radius: 0.8rem; background-color: var(--module-container-bg-color); box-shadow: var(--module-container-shadow); } .drop-area-preview.drop-area-preview-list .preview-item { display: block; height: auto; margin: 0; padding: 1.2rem 3.2rem 1.2rem 0.2rem; border-radius: 0; border-bottom: 0.1rem dashed #c1c3c5; background-color: rgba(0, 0, 0, 0); box-shadow: none; width: 100%; } .drop-area-preview.drop-area-preview-list .preview-item a { box-shadow: none; padding: 0.7rem 0; border-radius: 0; max-width: 100%; } .drop-area-preview.drop-area-preview-list .preview-item:last-child { border: 0; } .drop-area-preview.drop-area-preview-list .preview-item .btn-link { top: calc(50% - 1.5rem); right: 0; } .drop-area-preview.drop-area-preview-alt.drop-area-preview-list { background-color: var(--drop-area-preview-item-bg); } .drop-area-preview.drop-area-preview-alt.drop-area-preview-list > a { background-color: var(--drop-area-preview-item-bg); } .drop-area-preview.drop-area-preview-alt .preview-item a, .drop-area-preview.drop-area-preview-alt .preview-item-img a { background-color: var(--drop-area-preview-item-bg); } .drop-area-preview .preview-item { display: inline-block; position: relative; height: 4.8rem; } @media (max-width: 769px) { .drop-area-preview .preview-item { width: 100%; } } .drop-area-preview .preview-item > a { display: block; height: 100%; padding: 1.4rem 5.8rem 1.6rem 1.6rem; white-space: nowrap; text-overflow: ellipsis; border-radius: 0.8rem; background-color: var(--module-container-bg-color); box-shadow: var(--module-container-shadow); max-width: 36rem; overflow: hidden; } @media (max-width: 769px) { .drop-area-preview .preview-item > a { width: 100%; max-width: 100%; } } .drop-area-preview .preview-item .btn-link { position: absolute; top: calc(50% - 1.6rem); right: 1.2rem; cursor: pointer; padding: 0.6rem; outline: 0; border: 0.2rem solid rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); box-shadow: none; } .drop-area-preview .preview-item .btn-link .vismaicon { display: block; top: 0; z-index: 1; } .drop-area-preview .preview-item .btn-link:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .drop-area-preview .preview-item .btn-link:hover:after { background-color: var(--module-container-hover-bg-color); -webkit-mask: url('squerkle-mask.svg'); mask: url('squerkle-mask.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .drop-area-preview .preview-item .btn-link:hover .vismaicon:before { background-color: var(--icon-bg); } .drop-area-preview .preview-item .btn-link:focus:after { background-color: var(--anchor-focus-outline); -webkit-mask: url('squerkle-border-thick.svg'); mask: url('squerkle-border-thick.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .drop-area-preview .preview-item a .vismaicon::before { top: 0.1rem; } .drop-area-preview .preview-item-img { display: inline-block; margin: 0.8rem 0.8rem 0 0; width: 12.8rem; height: 12.8rem; vertical-align: middle; position: relative; box-sizing: border-box; } .drop-area-preview .preview-item-img > a { width: 100%; height: 100%; padding: 1.6rem; border-radius: 1.6rem; border: 0.1rem solid rgba(0, 0, 0, 0); background-color: var(--module-container-bg-color); box-shadow: var(--module-container-shadow); display: block; } .drop-area-preview .preview-item-img > a:hover { border-color: var(--anchor-color); background-color: var(--module-container-hover-bg-color); box-shadow: var(--shadow-20); } .drop-area-preview .preview-item-img > a:focus { border-color: rgba(0, 0, 0, 0); box-shadow: var(--shadow-10); outline-offset: -0.1rem; } .drop-area-preview .preview-item-img > a.active, .drop-area-preview .preview-item-img > a:active { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); box-shadow: var(--shadow-10); } .drop-area-preview .preview-item-img img { width: 100%; height: 100%; object-fit: contain; border-color: rgba(0, 0, 0, 0); opacity: var(--drop-area-preview-item-op); } .drop-area-preview .preview-item-img .btn-link { position: absolute; cursor: pointer; display: flex; width: 2.4rem; height: 2.4rem; top: -1.2rem; right: -1.2rem; margin: 0; padding: 0; text-align: center; border-radius: 0.8rem; border: 0.2rem solid rgba(0, 0, 0, 0); outline: 0; background-color: var(--drop-area-preview-item-border-color); box-shadow: 0 0.5rem 1rem rgba(0, 135, 224, 0.15); } .drop-area-preview .preview-item-img .btn-link.btn-close-icon { background-color: var(--icon-bg); -webkit-mask: url('squerkle-mask.svg'); mask: url('squerkle-mask.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .drop-area-preview .preview-item-img .btn-link.btn-close-icon:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .drop-area-preview .preview-item-img .btn-link.btn-close-icon .vismaicon { width: 100%; height: 100%; } .drop-area-preview .preview-item-img .btn-link.btn-close-icon .vismaicon::before { background-color: #fff; top: calc(50% - 0.8rem); } .drop-area-preview .preview-item-img .btn-link.btn-close-icon:hover { border: 0; } .drop-area-preview .preview-item-img .btn-link.btn-close-icon:hover:after { -webkit-mask: url('squerkle-mask.svg'); mask: url('squerkle-mask.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--navigation-default-item-hover-bg); } .drop-area-preview .preview-item-img .btn-link.btn-close-icon:focus:after { -webkit-mask: url('squerkle-border-thick.svg'); mask: url('squerkle-border-thick.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--button-primary-focus-inner-shadow-color); } .drop-area-preview .preview-item-img .btn-link:focus { border-color: var(--drop-area-focus-border-color); } img, svg { vertical-align: middle; } img:not([alt]) { border: 0.1rem solid var(--image-no-alt-border-color); } .img-fluid, .img-responsive { max-width: 100%; height: auto; } .img-rounded { border-radius: 50%; } .img-squerkle { -webkit-mask: url('squerkle-mask.svg'); mask: url('squerkle-mask.svg'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .img-thumbnail { padding: 0.4rem; background-color: #fff; border: 0.1rem solid var(--thumbnail-border-color); border-radius: 0.8rem; max-width: 100%; height: auto; } .table { width: 100%; max-width: 100%; margin-bottom: 1.6rem; border-spacing: 0; border-collapse: separate; border: 0.1rem solid var(--table-border-color); background: var(--table-bg); box-shadow: var(--table-shadow); } .table caption { padding: 0.8rem 1.6rem; text-align: left; } .table caption p:last-child { margin-bottom: 0; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding-right: 1.6rem; padding-left: 1.6rem; vertical-align: middle; background-color: var(--table-bg); } .table > thead > tr > th .checkbox, .table > thead > tr > td .checkbox, .table > tbody > tr > th .checkbox, .table > tbody > tr > td .checkbox, .table > tfoot > tr > th .checkbox, .table > tfoot > tr > td .checkbox { top: 0.2rem; } .table > thead > tr > th, .table > thead > tr > td { height: 4.8rem; padding-top: 0.8rem; padding-bottom: 0.8rem; font-weight: 600; border: 0.1rem solid rgba(0, 0, 0, 0); border-bottom-color: var(--table-border-color); } .table > tbody > tr > th, .table > tbody > tr > td { position: relative; height: 4rem; padding-top: 0.4rem; padding-bottom: 0.4rem; font-weight: 400; border-top: 0.1rem solid var(--table-border-color); border-bottom: 0.1rem solid rgba(0, 0, 0, 0); } .table > tbody > tr > th:first-child, .table > tbody > tr > td:first-child { border-left: 0.1rem solid rgba(0, 0, 0, 0); } .table > tbody > tr > th:first-child .indent-error, .table > tbody > tr > td:first-child .indent-error { position: absolute; width: 3.2rem; height: 3.2rem; left: -3.2rem; justify-content: center; } .table > tbody > tr > th:first-child .indent-error .vismaicon, .table > tbody > tr > td:first-child .indent-error .vismaicon { top: 0.3rem; } .table > tbody > tr > th:last-child, .table > tbody > tr > td:last-child { border-right: 0.1rem solid rgba(0, 0, 0, 0); } .table > tbody > tr > th.no-border, .table > tbody > tr > td.no-border { border-color: rgba(0, 0, 0, 0); } .table > tbody > tr > th .indent-error, .table > tbody > tr > td .indent-error { display: inline-flex; } .table > tbody > tr:first-child > th, .table > tbody > tr:first-child > td { border-top-color: rgba(0, 0, 0, 0); } .table > tbody > tr.focus > th, .table > tbody > tr.focus > td { border-color: var(--tabs-focus-border-color); box-shadow: inset 0 0.1rem 0 var(--tabs-focus-border-color), inset 0 -0.1rem 0 var(--tabs-focus-border-color); } .table > tbody > tr.focus > th:first-child:not(:last-child), .table > tbody > tr.focus > td:first-child:not(:last-child) { box-shadow: inset 0.1rem 0.1rem 0 var(--tabs-focus-border-color), inset 0 -0.1rem 0 var(--tabs-focus-border-color); } .table > tbody > tr.focus > th:first-child:last-child, .table > tbody > tr.focus > td:first-child:last-child { box-shadow: inset 0.1rem 0.1rem 0 var(--tabs-focus-border-color), inset -0.1rem -0.1rem 0 var(--tabs-focus-border-color); } .table > tbody > tr.focus > th:last-child:not(:first-child), .table > tbody > tr.focus > td:last-child:not(:first-child) { box-shadow: inset 0 0.1rem 0 var(--tabs-focus-border-color), inset -0.1rem -0.1rem 0 var(--tabs-focus-border-color); } .table > tbody > tr.has-error:hover > th, .table > tbody > tr.has-error:hover > td { color: var(--table-error-text-color); background-color: var(--table-error-bg); } .table > tbody > tr.has-error > th .vismaicon, .table > tbody > tr.has-error > td .vismaicon { position: inherit; top: 0.3rem; right: unset; transform: none; } .table > tbody > tr.has-error .checkbox:not(.has-error):not(:focus-within) { outline: 0; } .table > tfoot > tr > th, .table > tfoot > tr > td { padding-top: 1.6rem; padding-bottom: 1.6rem; font-weight: normal; border-top: 0.1rem solid var(--table-selected-bg); } .table > tfoot > tr > th p, .table > tfoot > tr > th .btn, .table > tfoot > tr > td p, .table > tfoot > tr > td .btn { margin-bottom: 0; } .table.table-header-sticky > thead > tr > th, .table.table-header-sticky > thead > tr > td { position: sticky; top: 0; z-index: 2; } .table.table-first-column-sticky > thead > tr > th:first-child, .table.table-first-column-sticky > thead > tr > td:first-child { position: sticky; left: 0; z-index: 3; } .table.table-first-column-sticky > tbody > tr > th:first-child, .table.table-first-column-sticky > tbody > tr > td:first-child { position: sticky; left: 0; z-index: 1; } .table.table-last-column-sticky > thead > tr > th:last-child, .table.table-last-column-sticky > thead > tr > td:last-child { position: sticky; right: 0; z-index: 3; } .table.table-last-column-sticky > tbody > tr > th:last-child, .table.table-last-column-sticky > tbody > tr > td:last-child { position: sticky; right: 0; z-index: 1; } .table.table-bordered { border: 0.1rem solid var(--table-border-color); border-bottom: 0; } .table.table-stripe > thead > tr > th, .table.table-stripe > thead > tr > td, .table.table-stripe > tbody > tr > th, .table.table-stripe > tbody > tr > td { background-image: linear-gradient(to bottom, var(--table-dotted-divider-color) 10%, rgba(255, 255, 255, 0) 0%); background-position: right; background-size: 0.1rem 0.6rem; background-repeat: repeat-y; } .table.table-stripe > thead > tr > th:last-child, .table.table-stripe > thead > tr > td:last-child, .table.table-stripe > tbody > tr > th:last-child, .table.table-stripe > tbody > tr > td:last-child { background-image: none; } .table.table-stripe > tbody > tr:nth-child(odd) > th, .table.table-stripe > tbody > tr:nth-child(odd) > td { background-color: var(--table-alt-bg); } .table.table-stripe > tbody > tr > th, .table.table-stripe > tbody > tr > td { border-color: rgba(0, 0, 0, 0); } .table.table-plain > tbody > tr > th, .table.table-plain > tbody > tr > td { border-color: rgba(0, 0, 0, 0); } .table.table-active > thead > tr > th, .table.table-active > thead > tr > td, .table.table-active > tbody > tr > th, .table.table-active > tbody > tr > td, .table.table-hover > thead > tr > th, .table.table-hover > thead > tr > td, .table.table-hover > tbody > tr > th, .table.table-hover > tbody > tr > td { cursor: pointer; } .table.table-active > thead > tr > th:hover:not(.no-hover), .table.table-active > thead > tr > td:hover:not(.no-hover), .table.table-hover > thead > tr > th:hover:not(.no-hover), .table.table-hover > thead > tr > td:hover:not(.no-hover) { border-color: var(--table-hover-border-color); background-color: var(--table-hover-bg); } .table.table-active > tbody > tr:hover > th, .table.table-active > tbody > tr:hover > td, .table.table-hover > tbody > tr:hover > th, .table.table-hover > tbody > tr:hover > td { border-color: var(--table-hover-border-color); background-color: var(--table-hover-bg); } .table.table-active > tbody > tr:hover + tr:not(.focus) > th, .table.table-active > tbody > tr:hover + tr:not(.focus) > td, .table.table-hover > tbody > tr:hover + tr:not(.focus) > th, .table.table-hover > tbody > tr:hover + tr:not(.focus) > td { border-top-color: rgba(0, 0, 0, 0); } .table.table-active > tbody > tr.has-error:hover > th, .table.table-active > tbody > tr.has-error:hover > td, .table.table-active > tbody > tr.has-error:hover:not(:active) > th, .table.table-active > tbody > tr.has-error:hover:not(:active) > td, .table.table-active > tbody > tr.has-error.active:hover > th, .table.table-active > tbody > tr.has-error.active:hover > td, .table.table-active > tbody > tr.has-error.active:hover:not(:active) > th, .table.table-active > tbody > tr.has-error.active:hover:not(:active) > td, .table.table-hover > tbody > tr.has-error:hover > th, .table.table-hover > tbody > tr.has-error:hover > td, .table.table-hover > tbody > tr.has-error:hover:not(:active) > th, .table.table-hover > tbody > tr.has-error:hover:not(:active) > td, .table.table-hover > tbody > tr.has-error.active:hover > th, .table.table-hover > tbody > tr.has-error.active:hover > td, .table.table-hover > tbody > tr.has-error.active:hover:not(:active) > th, .table.table-hover > tbody > tr.has-error.active:hover:not(:active) > td { color: var(--table-error-text-color); border-color: var(--table-border-color) rgba(0, 0, 0, 0) var(--table-border-color) rgba(0, 0, 0, 0); background-color: var(--table-error-bg); } .table.table-active > thead > tr > th, .table.table-active > thead > tr > td, .table.table-active > tbody > tr > th, .table.table-active > tbody > tr > td { cursor: pointer; } .table.table-active > thead > tr > th:active:not(.no-hover), .table.table-active > thead > tr > td:active:not(.no-hover) { border-color: var(--table-active-border-color); background-color: var(--table-active-bg); } .table.table-active > tbody > tr:active > th, .table.table-active > tbody > tr:active > td, .table.table-active > tbody > tr.active > th, .table.table-active > tbody > tr.active > td { border-color: var(--table-active-border-color); background-color: var(--table-selected-bg); } .table.table-active > tbody > tr:active + tr:not(.focus) > th, .table.table-active > tbody > tr:active + tr:not(.focus) > td, .table.table-active > tbody > tr.active + tr:not(.focus) > th, .table.table-active > tbody > tr.active + tr:not(.focus) > td { border-top-color: rgba(0, 0, 0, 0); } .table.table-active > tbody > tr:active > th, .table.table-active > tbody > tr:active > td { background-color: var(--table-active-bg); } .table.table-active > tbody > tr.active:hover > th, .table.table-active > tbody > tr.active:hover > td { border-color: var(--table-hover-border-color); background-color: var(--table-hover-bg); } .table.table-condensed > tbody > tr > th, .table.table-condensed > tbody > tr > td { height: 3.2rem; padding-top: 0rem; padding-bottom: 0rem; } .table.table-regular > tbody > tr > th, .table.table-regular > tbody > tr > td { height: 4.8rem; padding-top: 0.8rem; padding-bottom: 0.8rem; } .table.table-relaxed > tbody > tr > th, .table.table-relaxed > tbody > tr > td { height: 5.6rem; padding-top: 1.2rem; padding-bottom: 1.2rem; } .table-responsive { min-height: 0.01%; overflow: auto; } @media (max-width: 992px) { .table-responsive { width: 100%; margin-bottom: 1.8rem; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; box-shadow: var(--table-shadow); } .table-responsive > .table { margin: 0; box-shadow: none; } } .badge { position: relative; min-width: 3rem; top: 0; padding: 0.2rem 0.8rem; margin-right: 0.1rem; text-align: center; font-size: var(--font-size-xs); font-weight: 700; line-height: 1.6rem; border: 0.1rem solid var(--badge-border-color); border-radius: var(--radius-xxl); } .badge.badge-sm { display: block; position: absolute; width: 0.9rem; min-width: 1%; height: 0.9rem; margin: 0; padding: 0; top: -0.2rem; right: -0.2rem; text-indent: -9999px; border: 0; z-index: 1; } .badge.badge-sm, .badge.badge-sm.badge-primary { background-color: var(--badge-success-sm-bg); } .badge.badge-sm.badge-secondary, .badge.badge-sm.badge-success { background-color: var(--badge-success-sm-bg); } .badge.badge-sm.badge-info { background-color: var(--badge-info-sm-bg); } .badge.badge-sm.badge-warning { background-color: var(--badge-warning-sm-bg); } .badge.badge-sm.badge-danger { background-color: var(--badge-danger-sm-bg); } .badge, .badge.badge-primary { color: var(--badge-text-color); background-color: var(--badge-bg); } .badge.badge-secondary, .badge.badge-success { color: var(--badge-success-text); border-color: var(--badge-success-border-color); background-color: var(--badge-success-bg); } .badge.badge-info { color: var(--badge-info-text); border-color: var(--badge-info-border-color); background-color: var(--badge-info-bg); } .badge.badge-warning { color: var(--badge-warning-text); border-color: var(--badge-warning-border-color); background-color: var(--badge-warning-bg); } .badge.badge-danger { color: var(--badge-danger-text); border-color: var(--badge-danger-border-color); background-color: var(--badge-danger-bg); } a .badge { display: inline-block; margin-left: 0.6rem; text-decoration: none; } .btn .badge, .nav-pills .badge { margin-left: 0.6rem; box-shadow: none; } .btn:not(.btn-primary) .badge, .nav-pills .badge { color: #fff; } .btn:not(.btn-primary) .badge:not(.badge-secondary):not(.badge-success):not(.badge-info):not(.badge-warning):not(.badge-danger):not(.badge-sm), .nav-pills .badge:not(.badge-secondary):not(.badge-success):not(.badge-info):not(.badge-warning):not(.badge-danger):not(.badge-sm) { background-color: #2d7048; } .btn.btn-primary .badge, .nav-pills.nav-pills-primary .active .badge { background-color: #fff; } .btn.btn-primary .badge:not(.badge-secondary):not(.badge-success):not(.badge-info):not(.badge-warning):not(.badge-danger):not(.badge-sm), .nav-pills.nav-pills-primary .active .badge:not(.badge-secondary):not(.badge-success):not(.badge-info):not(.badge-warning):not(.badge-danger):not(.badge-sm) { background-color: #fff; } .btn.btn-primary .badge.badge-success, .btn.btn-primary .badge.badge-secondary, .nav-pills.nav-pills-primary .active .badge.badge-success, .nav-pills.nav-pills-primary .active .badge.badge-secondary { color: #2d7048; } .btn.btn-primary .badge.badge-info, .nav-pills.nav-pills-primary .active .badge.badge-info { color: #116fae; } .btn.btn-primary .badge.badge-warning, .nav-pills.nav-pills-primary .active .badge.badge-warning { color: #803b00; } .btn.btn-primary .badge.badge-danger, .nav-pills.nav-pills-primary .active .badge.badge-danger { color: #cc334c; } .nav-pills.nav-pills-primary .active .badge:not(.badge-secondary):not(.badge-success):not(.badge-info):not(.badge-warning):not(.badge-danger):not(.badge-sm) { color: #252626; } .disabled .badge, .disabled .badge.badge-success, .disabled .badge.badge-secondary, .disabled .badge.badge-info, .disabled .badge.badge-warning, .disabled .badge.badge-danger, :disabled .badge, :disabled .badge.badge-success, :disabled .badge.badge-secondary, :disabled .badge.badge-info, :disabled .badge.badge-warning, :disabled .badge.badge-danger { color: var(--badge-disabled-text-color); border-color: var(--badge-disabled-border-color); background-color: var(--badge-disabled-bg); } .disabled .btn.btn-primary .badge, .disabled .btn.btn-primary .badge.badge-success, .disabled .btn.btn-primary .badge.badge-secondary, .disabled .btn.btn-primary .badge.badge-info, .disabled .btn.btn-primary .badge.badge-warning, .disabled .btn.btn-primary .badge.badge-danger, :disabled .btn.btn-primary .badge, :disabled .btn.btn-primary .badge.badge-success, :disabled .btn.btn-primary .badge.badge-secondary, :disabled .btn.btn-primary .badge.badge-info, :disabled .btn.btn-primary .badge.badge-warning, :disabled .btn.btn-primary .badge.badge-danger, .btn.btn-primary:disabled .badge, .btn.btn-primary:disabled .badge.badge-success, .btn.btn-primary:disabled .badge.badge-secondary, .btn.btn-primary:disabled .badge.badge-info, .btn.btn-primary:disabled .badge.badge-warning, .btn.btn-primary:disabled .badge.badge-danger, .btn.btn-primary.disabled .badge, .btn.btn-primary.disabled .badge.badge-success, .btn.btn-primary.disabled .badge.badge-secondary, .btn.btn-primary.disabled .badge.badge-info, .btn.btn-primary.disabled .badge.badge-warning, .btn.btn-primary.disabled .badge.badge-danger { color: var(--badge-disabled-text-color); border-color: var(--badge-disabled-border-color); background-color: var(--badge-disabled-bg); } .label { position: relative; margin: 0; padding: 0.3rem 1.2rem 0.4rem; color: var(--label-text-color); font-size: var(--label-text-size); font-weight: 400; line-height: 1.6rem; border-radius: var(--label-border-radius); border: 0; background-color: var(--label-bg); box-shadow: inset 0 0 0 0.1rem var(--label-border-color); } .label.label-secondary, .label.label-success { color: var(--label-success-text-color); background-color: var(--label-success-bg); box-shadow: inset 0 0 0 0.1rem var(--label-success-border-color); } .label.label-primary, .label.label-info { color: var(--label-info-text-color); background-color: var(--label-info-bg); box-shadow: inset 0 0 0 0.1rem var(--label-info-border-color); } .label.label-warning { color: var(--label-warning-text-color); background-color: var(--label-warning-bg); box-shadow: inset 0 0 0 0.1rem var(--label-warning-border-color); } .label.label-danger { color: var(--label-danger-text-color); background-color: var(--label-danger-bg); box-shadow: inset 0 0 0 0.1rem var(--label-danger-border-color); } .disabled .label, .disabled .label.label-secondary, .disabled .label.label-success, .disabled .label.label-primary, .disabled .label.label-info, .disabled .label.label-warning, .disabled .label.label-danger, :disabled .label, :disabled .label.label-secondary, :disabled .label.label-success, :disabled .label.label-primary, :disabled .label.label-info, :disabled .label.label-warning, :disabled .label.label-danger, .label.disabled, .label.disabled.label-secondary, .label.disabled.label-success, .label.disabled.label-primary, .label.disabled.label-info, .label.disabled.label-warning, .label.disabled.label-danger { color: var(--label-disabled-text-color); background-color: var(--label-disabled-bg); box-shadow: inset 0 0 0 0.1rem var(--label-disabled-border-color); } .vismaicon { display: inline-block; position: relative; -webkit-user-select: none; user-select: none; } .vismaicon::before { display: block; content: "" !important; position: relative; width: 2.4rem; height: 2.4rem; margin: 0 auto; background-color: rgba(0, 0, 0, 0); background-size: cover; background-repeat: no-repeat; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .vismaicon:not(.vismaicon-filled)::before { background-color: var(--icon-bg); } .hover:not(:active) > .vismaicon:not(.vismaicon-filled)::before, .vismaicon.hover:not(:active):not(.vismaicon-filled)::before, .btn-link:hover:not(:active) > .vismaicon:not(.vismaicon-filled)::before { background-color: var(--icon-hover-bg); } .active .vismaicon:not(.vismaicon-filled)::before, .vismaicon.active:not(.vismaicon-filled)::before, .btn-link:active .vismaicon:not(.vismaicon-filled)::before, .btn-icon:active .vismaicon:not(.vismaicon-filled)::before { background-color: var(--icon-bg); } .selected > .vismaicon { cursor: pointer; } .selected > .vismaicon::before { mask-position: -2.9rem 0; -webkit-mask-position: -2.9rem 0; } .disabled .vismaicon, .vismaicon.disabled, :disabled .vismaicon, .vismaicon:disabled, .btn:disabled .vismaicon, .btn-link:disabled .vismaicon, .btn-icon:disabled .vismaicon { pointer-events: none; } .disabled .vismaicon::before, .vismaicon.disabled::before, :disabled .vismaicon::before, .vismaicon:disabled::before, .btn:disabled .vismaicon::before, .btn-link:disabled .vismaicon::before, .btn-icon:disabled .vismaicon::before { background-color: var(--icon-disabled-bg) !important; } .vismaicon.vismaicon-sm::before { width: 1.6rem; height: 1.6rem; } .selected .vismaicon.vismaicon-sm::before { mask-position: -2.1rem 0; -webkit-mask-position: -2.1rem 0; } .btn > .vismaicon, a > .vismaicon { top: 0; } .btn > .vismaicon, a > .vismaicon { margin-right: 0.8rem; } .btn-primary > .vismaicon:not(.vismaicon-media)::before, .btn-primary:hover:not(:active) > .vismaicon:not(.vismaicon-media)::before, .btn-primary:active > .vismaicon:not(.vismaicon-media)::before { background-color: var(--button-primary-icon); } .btn.disabled > .vismaicon:not(.vismaicon-media)::before, .btn.disabled:hover:not(:active) > .vismaicon:not(.vismaicon-media)::before, .btn.disabled:active > .vismaicon:not(.vismaicon-media)::before, .btn:disabled > .vismaicon:not(.vismaicon-media)::before, .btn:disabled:hover:not(:active) > .vismaicon:not(.vismaicon-media)::before, .btn:disabled:active > .vismaicon:not(.vismaicon-media)::before { background-color: var(--icon-disabled-bg); } .disabled.btn-primary > .vismaicon, .btn-primary > .vismaicon.disabled, .btn-primary:disabled > .vismaicon, .btn-primary > .vismaicon:disabled, .btn.btn-primary > :disabled .vismaicon { opacity: 0.6; } .vismaicon.vismaicon-filled:before { width: 2.4rem; height: 2.4rem; mask-position: 0 0; -webkit-mask-position: 0 0; mask-size: auto; -webkit-mask-size: auto; } .vismaicon.vismaicon-filled.vismaicon-sm:before { width: 1.6rem; height: 1.6rem; mask-position: 0 0; -webkit-mask-position: 0 0; mask-size: auto; -webkit-mask-size: auto; } .vismaicon.vismaicon-filled.vismaicon-lg:before { width: 4.8rem; height: 4.8rem; mask-position: 0 0; -webkit-mask-position: 0 0; mask-size: auto; -webkit-mask-size: auto; } .vismaicon.vismaicon-filled.vismaicon-error:before { background-color: var(--icon-informative-error-bg); } .vismaicon.vismaicon-filled.vismaicon-warning:before { background-color: var(--icon-informative-warning-bg); } .vismaicon.vismaicon-filled.vismaicon-info:not(.vismaicon-menu):before { background-color: var(--icon-informative-info-bg); } .vismaicon.vismaicon-filled.vismaicon-success:before { background-color: var(--icon-informative-success-bg); } .vismaicon.vismaicon-filled.vismaicon-help:before { background-color: var(--icon-informative-help-bg); } .vismaicon.vismaicon-filled.vismaicon-error:before { mask-image: url('informative_icon_error_md.svg'); -webkit-mask-image: url('informative_icon_error_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-error.vismaicon-lg:before { mask-image: url('informative_icon_error_lg.svg'); -webkit-mask-image: url('informative_icon_error_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-error.vismaicon-sm:before { mask-image: url('informative_icon_error_sm.svg'); -webkit-mask-image: url('informative_icon_error_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-warning:before { mask-image: url('informative_icon_warning_md.svg'); -webkit-mask-image: url('informative_icon_warning_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-warning.vismaicon-lg:before { mask-image: url('informative_icon_warning_lg.svg'); -webkit-mask-image: url('informative_icon_warning_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-warning.vismaicon-sm:before { mask-image: url('informative_icon_warning_sm.svg'); -webkit-mask-image: url('informative_icon_warning_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-info:not(.vismaicon-menu):before { mask-image: url('informative_icon_info_md.svg'); -webkit-mask-image: url('informative_icon_info_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-info:not(.vismaicon-menu).vismaicon-lg:before { mask-image: url('informative_icon_info_lg.svg'); -webkit-mask-image: url('informative_icon_info_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-info:not(.vismaicon-menu).vismaicon-sm:before { mask-image: url('informative_icon_info_sm.svg'); -webkit-mask-image: url('informative_icon_info_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-success:before { mask-image: url('informative_icon_success_md.svg'); -webkit-mask-image: url('informative_icon_success_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-success.vismaicon-lg:before { mask-image: url('informative_icon_success_lg.svg'); -webkit-mask-image: url('informative_icon_success_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-success.vismaicon-sm:before { mask-image: url('informative_icon_success_sm.svg'); -webkit-mask-image: url('informative_icon_success_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-help:before { mask-image: url('informative_icon_help_md.svg'); -webkit-mask-image: url('informative_icon_help_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-help.vismaicon-lg:before { mask-image: url('informative_icon_help_lg.svg'); -webkit-mask-image: url('informative_icon_help_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-help.vismaicon-sm:before { mask-image: url('informative_icon_help_sm.svg'); -webkit-mask-image: url('informative_icon_help_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-error:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_error_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_error_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-error.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_error_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_error_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-error.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_error_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_error_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-warning:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_warning_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_warning_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-warning.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_warning_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_warning_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-warning.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_warning_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_warning_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-info:not(.vismaicon-menu):before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_info_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_info_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-info:not(.vismaicon-menu).vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_info_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_info_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-info:not(.vismaicon-menu).vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_info_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_info_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-success:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_success_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_success_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-success.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_success_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_success_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-success.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_success_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_success_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-help:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_help_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_help_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-help.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_help_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_help_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-help.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_help_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-informative-icons-informative-filled-icons-dynamic-informative_icon_help_sm.svg'); } .vismaicon.vismaicon-calendar:before, .vismaicon.vismaicon-datepicker:before { -webkit-mask-image: url('datepicker.svg'); mask-image: url('datepicker.svg'); } .vismaicon.vismaicon-timepicker:before { -webkit-mask-image: url('timepicker.svg'); mask-image: url('timepicker.svg'); } .vismaicon.vismaicon-autocomplete:before { -webkit-mask-image: url('autocomplete.svg'); mask-image: url('autocomplete.svg'); } .vismaicon .vismaicon-multiselection:before { -webkit-mask-image: url('multiselection.svg'); mask-image: url('multiselection.svg'); } .vismaicon .vismaicon-close:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-interface-controls-dynamic-close.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-dist-img-interface-controls-dynamic-close.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar:before, .vismaicon.vismaicon-dynamic.vismaicon-datepicker:before { -webkit-mask-image: url('24_datepicker.svg'); mask-image: url('24_datepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar.vismaicon-sm:before, .vismaicon.vismaicon-dynamic.vismaicon-datepicker.vismaicon-sm:before { -webkit-mask-image: url('16_datepicker.svg'); mask-image: url('16_datepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-timepicker:before { -webkit-mask-image: url('timepicker.svg'); mask-image: url('timepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-autocomplete:before { -webkit-mask-image: url('24_autocomplete.svg'); mask-image: url('24_autocomplete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-autocomplete.vismaicon-sm:before { -webkit-mask-image: url('16_autocomplete.svg'); mask-image: url('16_autocomplete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-multiselection:before { -webkit-mask-image: url('24_multiselection.svg'); mask-image: url('24_multiselection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-multiselection.vismaicon-sm:before { -webkit-mask-image: url('16_multiselection.svg'); mask-image: url('16_multiselection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-close:before { -webkit-mask-image: url('24_close.svg'); mask-image: url('24_close.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-close.vismaicon-sm:before { -webkit-mask-image: url('16_close.svg'); mask-image: url('16_close.svg'); } .visma-pictogram { display: inline-block; position: relative; -webkit-user-select: none; user-select: none; } .visma-pictogram::before { display: block; content: "" !important; position: relative; width: 6.4rem; height: 6.4rem; margin: 0 auto; background-color: var(--pictogram-bg); background-size: cover; background-repeat: no-repeat; -webkit-mask-image: url('pictograms_monocolor.svg'); mask-image: url('pictograms_monocolor.svg'); -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .visma-pictogram.visma-pictogram-secondary::before { background-color: var(--pictogram-secondary-bg); } .visma-pictogram.visma-pictogram-tertiary::before { background-color: var(--pictogram-tertiary-bg); } .disabled .visma-pictogram, .visma-pictogram.disabled, :disabled .visma-pictogram, .visma-pictogram:disabled { pointer-events: none; } .disabled .visma-pictogram::before, .visma-pictogram.disabled::before, :disabled .visma-pictogram::before, .visma-pictogram:disabled::before { background-color: var(--pictogram-disabled-bg) !important; } .visma-pictogram-plus { display: inline-block; position: relative; -webkit-user-select: none; user-select: none; } .visma-pictogram-plus::before { display: block; content: "" !important; position: relative; width: 12.8rem; height: 12.8rem; margin: 0 auto; background-background-color: rgba(0, 0, 0, 0); background-size: cover; background-repeat: no-repeat; -webkit-mask-image: unset; -webkit-mask-image: none; mask-image: unset; mask-image: none; } .disabled .visma-pictogram-plus, .visma-pictogram-plus.disabled, :disabled .visma-pictogram-plus, .visma-pictogram-plus:disabled { pointer-events: none; } .disabled .visma-pictogram-plus::before, .visma-pictogram-plus.disabled::before, :disabled .visma-pictogram-plus::before, .visma-pictogram-plus:disabled::before { background-color: rgba(0, 0, 0, 0) !important; } .panel, .panel-group { margin-bottom: 1.2rem; padding: 0; border-radius: var(--radius-md); background-color: var(--module-container-bg-color); box-shadow: 0 0 0 0.1rem var(--module-container-border-color), var(--module-container-shadow); } .panel .panel-heading, .panel-group .panel-heading { padding: 3.2rem 3.2rem 1.2rem; } .panel .panel-heading:only-child, .panel-group .panel-heading:only-child { padding-bottom: 3.2rem; } .panel .panel-body, .panel-group .panel-body { padding: 1.2rem 3.2rem 3.2rem; } .panel .panel-body:first-child, .panel-group .panel-body:first-child { padding-top: 3.2rem; } .panel .panel-body > p:only-child, .panel-group .panel-body > p:only-child { margin-bottom: 0; } .panel .panel-heading, .panel .panel-heading .panel-title, .panel-group .panel-heading, .panel-group .panel-heading .panel-title { margin: 0; color: var(--titles-font-color); line-height: 2.4rem; } .panel .panel-heading .panel-title, .panel-group .panel-heading .panel-title { font-size: 1.6rem; font-weight: 700; } .panel .panel-body .panel .panel-heading, .panel .panel-body .panel .panel-body, .panel .panel-body .panel .panel-footer, .panel-group .panel-body .panel .panel-heading, .panel-group .panel-body .panel .panel-body, .panel-group .panel-body .panel .panel-footer { padding-right: 0; padding-bottom: 0; padding-left: 0; } .panel .panel-footer, .panel-group .panel-footer { padding: 2.4rem 3rem; border-top: 0.1rem solid var(--module-container-divider); } .panel .panel-footer::after, .panel-group .panel-footer::after { display: block; visibility: hidden; content: ""; clear: both; height: 0; } .panel .panel-footer > .btn, .panel .panel-footer > .btn-group, .panel-group .panel-footer > .btn, .panel-group .panel-footer > .btn-group { margin-bottom: 0; } .panel p:last-child, .panel-group p:last-child { margin-bottom: 0; } .panel .list-group, .panel-group .list-group { border-radius: 0; box-shadow: none; } .panel .list-group > .list-group-item:last-child, .panel-group .list-group > .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel-group > .table > thead > tr > th:first-child, .panel-group > .table > tbody > tr > td:first-child, .panel-group > .table > tbody > tr > th:first-child { padding-left: 3rem; } .panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel-group > .table > thead > tr > th:last-child, .panel-group > .table > tbody > tr > td:last-child, .panel-group > .table > tbody > tr > th:last-child { padding-right: 3rem; } .panel-group .panel-title a { text-decoration: none; } .panel-group .panel-title a:hover { text-decoration: underline; } .panel-group .panel-heading { padding-bottom: 0; } .panel-group .panel { margin-bottom: 0; box-shadow: none; } .panel-group .panel .panel .panel-title a { color: var(--titles-font-color); } .panel-group .panel .panel .panel-title a:hover { color: var(--anchor-hover-color); } .modal { display: none; overflow: hidden; position: fixed; content: ""; width: 100vw; height: 100vh; top: 0; left: 0; outline: 0; background-color: var(--modal-overlay-bg); justify-content: center; align-items: center; z-index: 1050; flex-direction: column; flex-grow: 0; flex-shrink: 0; } .modal.fade { opacity: 0; animation: hide 0.35s; } .modal.fade.in { display: flex; opacity: 1; animation: show 0.35s; } .modal.modal-help .modal-dialog, .modal.modal-info .modal-dialog, .modal.modal-error .modal-dialog, .modal.modal-warning .modal-dialog, .modal.modal-success .modal-dialog { padding-left: 13.6rem; } @media (min-width: 768px) { .modal.modal-help .modal-dialog.modal-sm, .modal.modal-info .modal-dialog.modal-sm, .modal.modal-error .modal-dialog.modal-sm, .modal.modal-warning .modal-dialog.modal-sm, .modal.modal-success .modal-dialog.modal-sm { padding-left: 6rem; padding-top: 15.2rem; } .modal.modal-help .modal-dialog.modal-sm .modal-body::before, .modal.modal-info .modal-dialog.modal-sm .modal-body::before, .modal.modal-error .modal-dialog.modal-sm .modal-body::before, .modal.modal-warning .modal-dialog.modal-sm .modal-body::before, .modal.modal-success .modal-dialog.modal-sm .modal-body::before { top: 4.6rem; left: calc(50% - 3.6rem); } } @media (max-width: 768px) { .modal.modal-help .modal-dialog, .modal.modal-info .modal-dialog, .modal.modal-error .modal-dialog, .modal.modal-warning .modal-dialog, .modal.modal-success .modal-dialog { padding-top: 15.2rem; padding-left: 6rem; } } @media (max-width: 549px) { .modal.modal-help .modal-dialog, .modal.modal-info .modal-dialog, .modal.modal-error .modal-dialog, .modal.modal-warning .modal-dialog, .modal.modal-success .modal-dialog { padding-left: 3.6rem; } } .modal.modal-help.modal-center, .modal.modal-info.modal-center, .modal.modal-error.modal-center, .modal.modal-warning.modal-center, .modal.modal-success.modal-center { text-align: center; } .modal.modal-help.modal-center .modal-dialog, .modal.modal-info.modal-center .modal-dialog, .modal.modal-error.modal-center .modal-dialog, .modal.modal-warning.modal-center .modal-dialog, .modal.modal-success.modal-center .modal-dialog { padding-left: 4.8rem; padding-top: 15.2rem; } .modal.modal-help .modal-content::before, .modal.modal-info .modal-content::before, .modal.modal-error .modal-content::before, .modal.modal-warning .modal-content::before, .modal.modal-success .modal-content::before { display: block; position: absolute; content: ""; width: 6.4rem; height: 6.4rem; top: unset; left: 4.8rem; mask-image: url('64_informative_icons_dynamic.svg'); -webkit-mask-image: url('64_informative_icons_dynamic.svg'); mask-size: auto 6.4rem; -webkit-mask-size: auto 6.4rem; background-color: rgba(0, 0, 0, 0); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } @media (max-width: 768px) { .modal.modal-help .modal-content::before, .modal.modal-info .modal-content::before, .modal.modal-error .modal-content::before, .modal.modal-warning .modal-content::before, .modal.modal-success .modal-content::before { top: 6rem; left: calc(50% - 3.6rem); } } .modal.modal-help.modal-center .modal-content::before, .modal.modal-info.modal-center .modal-content::before, .modal.modal-error.modal-center .modal-content::before, .modal.modal-warning.modal-center .modal-content::before, .modal.modal-success.modal-center .modal-content::before { top: 7.2rem; left: calc(50% - 3.2rem); } .modal.modal-help.modal-center .modal-header .close, .modal.modal-info.modal-center .modal-header .close, .modal.modal-error.modal-center .modal-header .close, .modal.modal-warning.modal-center .modal-header .close, .modal.modal-success.modal-center .modal-header .close { top: -12.4rem; } @media (max-width: 768px) { .modal.modal-help .close, .modal.modal-info .close, .modal.modal-error .close, .modal.modal-warning .close, .modal.modal-success .close { top: -12.4rem; } } .modal.modal-help .modal-content::before { mask-position: -28.2rem 0; -webkit-mask-position: -28.2rem 0; background-color: var(--icon-informative-help-bg); } .modal.modal-info .modal-content::before { mask-position: -21.2rem 0; -webkit-mask-position: -21.2rem 0; background-color: var(--icon-informative-info-bg); } .modal.modal-error .modal-content::before { mask-position: -7rem 0; -webkit-mask-position: -7rem 0; background-color: var(--icon-informative-error-bg); } .modal.modal-warning .modal-content::before { mask-position: -14.1rem 0; -webkit-mask-position: -14.1rem 0; background-color: var(--icon-informative-warning-bg); } .modal.modal-success .modal-content::before { mask-position: 0 0; -webkit-mask-position: 0 0; background-color: var(--icon-informative-success-bg); } .modal .modal-content { height: 100%; display: flex; flex-direction: column; clear: both; width: 100%; } .modal-dialog { position: relative; width: 60rem; max-width: calc(100% - 6rem); max-height: calc(100% - 6rem); min-height: 30rem; padding: 4.8rem 4.8rem 4rem 4.8rem; color: var(--modal-text-color); border-radius: var(--radius-xl); border: 0.1rem solid var(--modal-border-color); background-color: var(--modal-bg); box-shadow: var(--modal-shadow); } @media (max-width: 550px) { .modal-dialog { padding: 5.6rem 2.4rem; } } .modal-dialog.modal-xl { max-width: calc(100% - 6rem); } @media (min-width: 1280px) { .modal-dialog.modal-xl { width: 120rem; } } @media (max-width: 1279px) { .modal-dialog.modal-xl { width: calc(100% - 24rem); } } @media (max-width: 991px) { .modal-dialog.modal-xl { width: calc(100% - 6rem); } } @media (max-width: 549px) { .modal-dialog.modal-xl { width: calc(100% - 3rem); } } .modal-dialog.modal-full { width: 100%; max-width: 100%; border-radius: 0; max-height: 100%; height: 100vh; } .modal-dialog.modal-lg { width: 72rem; } .modal-dialog.modal-sm { width: 48rem; } .modal-header { position: relative; } .modal-header .close { position: absolute; top: -2rem; right: -2rem; } @media (max-width: 549px) { .modal-header .close { right: 0; } } .modal-title { padding: 0; margin: 0 0 1.6rem 0; color: var(--modal-text-color); line-height: 1.5; font-weight: 700; } .modal-title h1, .modal-title h2, .modal-title h3, .modal-title h4, .modal-title h5, .modal-title h6, .modal-title p { margin-bottom: 0; } .modal-body { margin-bottom: 5.6rem; height: 100%; overflow-y: auto; padding-left: 0.7rem; margin-left: -0.7rem; } .modal-body p { margin-bottom: 1.6rem; } .modal-body p:last-child { margin-bottom: 0; } .modal-footer { padding: 0; flex-wrap: wrap; } .modal-footer::after { display: block; visibility: hidden; content: ""; clear: both; height: 0; } .modal-footer .float-right { text-align: right; } @keyframes hide { from { opacity: 1; } to { opacity: 0; } } @keyframes show { from { opacity: 0; } to { opacity: 1; } } .drawer { position: fixed; height: 100%; padding-top: 3.2rem; right: -100%; bottom: 0; border-radius: var(--radius-xl) 0 0 var(--radius-xl); border: 0.1rem solid var(--modal-border-color); background-color: var(--modal-bg); box-shadow: var(--modal-shadow); z-index: 1030; transition: right 800ms ease-in-out; } .drawer, .drawer.drawer-md { width: 50%; max-width: 96rem; } .drawer.drawer-lg { width: 75%; max-width: 144rem; } .drawer.drawer-sm { max-width: 25%; width: 25%; min-width: 48rem; } @media (max-width: 992px) { .drawer, .drawer.drawer-sm, .drawer.drawer-md, .drawer.drawer-lg { width: 90%; min-width: 1%; max-width: 100%; } } .drawer a, .drawer button, .drawer .btn { visibility: hidden; } .drawer.show { right: 0; } .drawer.show a, .drawer.show button, .drawer.show .btn { visibility: visible; } .drawer .drawer-header { padding: 4.8rem 4.8rem 1.6rem; } .drawer .drawer-header h1, .drawer .drawer-header h2, .drawer .drawer-header h3, .drawer .drawer-header h4 { font: 1.6rem/1.4 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; font-weight: 600; } .drawer .drawer-header > *:only-child { margin-bottom: 0; } .drawer .drawer-body { padding: 0 4.8rem 0; margin: 1.6rem 0 4.8rem; height: calc(100% - 26.5rem); overflow-y: auto; } .drawer .drawer-footer { padding: 3.2rem 4.8rem; border-top: 0.1rem solid var(--modal-border-color); } .drawer .close { position: absolute; top: 3.6rem; right: 5.2rem; } @media (min-width: 769px) { .dl-horizontal dt { overflow: hidden; float: left; clear: left; width: 16.2rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 18rem; } } .list-unstyled, .list-inline { padding-left: 0; list-style: none; } .list-inline { margin-left: -0.6rem; } .list-inline > li { display: inline-block; padding-right: 0.6rem; padding-left: 0.6rem; } .list-group { margin: 0; padding: 0 3rem; overflow: hidden; color: var(--list-group-badge-text); list-style: none; border-radius: 0.2rem; background-color: var(--list-group-bg); box-shadow: var(--list-group-shadow); } .list-group > .list-group-header, .list-group > .list-group-item, .list-group > .list-group-title, .list-group > .list-group-footer { display: block; clear: both; cursor: default; position: relative; margin: 0; padding: 1.5rem 0; font-size: 1.4rem; line-height: 1.8rem; } .list-group > .list-group-header:not(:first-child), .list-group > .list-group-item:not(:first-child), .list-group > .list-group-title:not(:first-child), .list-group > .list-group-footer:not(:first-child) { box-shadow: var(--list-group-divider); } .list-group > .list-group-header .badge, .list-group > .list-group-item .badge, .list-group > .list-group-title .badge, .list-group > .list-group-footer .badge { position: relative; float: right; min-width: 3rem; height: 2rem; top: 0; padding: 0.1rem 0.6rem; margin-right: 0.1rem; color: var(--list-group-badge-text); text-align: center; font-size: 1.4rem; font-weight: normal; border: 0; box-shadow: none; background: rgba(0, 0, 0, 0); } .list-group > .list-group-header p:last-child, .list-group > .list-group-item p:last-child, .list-group > .list-group-title p:last-child, .list-group > .list-group-footer p:last-child { margin-bottom: 0; } .list-group > .list-group-header { margin-right: -3rem; margin-left: -3rem; padding: 1.5rem 3rem; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; background-color: var(--list-group-header-bg); } .list-group > .list-group-header.list-group-title { color: var(--list-group-primary-text-color); } .list-group > .list-group-header.list-group-title .badge { color: var(--badge-text-color); background-color: var(--list-group-badge-bg); border-color: #fff; } .list-group > .list-group-item:last-child { border-bottom-right-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .list-group > .list-group-item.active { margin-right: -3rem; margin-left: -3rem; padding: 1.5rem 3rem; background-color: var(--module-container-active-bg-color); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-selected-border-color); } .list-group > .list-group-item.active::before { display: block; position: absolute; content: ""; width: 0.5rem; height: 100%; top: 0; left: 0; background-color: var(--module-container-active-before-color); } .list-group > .list-group-item.active + .list-group-item { box-shadow: none; } .list-group > .list-group-item.disabled, .list-group > .list-group-item.disabled:hover, .list-group > .list-group-item.disabled:active, .list-group > .list-group-item.disabled:focus { cursor: default; pointer-events: none; outline: none; color: var(--button-disabled-text-color); } .list-group > .list-group-item.disabled .badge { color: var(--button-disabled-text-color); } .list-group > .list-group-item .list-group-item-heading, .list-group > .list-group-item .list-group-item-text { margin-bottom: 1.2rem; color: var(--list-group-badge-text); font-size: 1.4rem; font-weight: 400; line-height: 1.8rem; } .list-group > .list-group-item .list-group-item-text.mutted { color: var(--button-disabled-text-color); } .list-group > a.list-group-item { cursor: pointer; color: var(--list-group-badge-text); text-decoration: none; border: 0; background-color: rgba(0, 0, 0, 0); } .list-group > a.list-group-item:not(.disabled):hover, .list-group > a.list-group-item:not(.disabled):focus, .list-group > a.list-group-item.active { margin-right: -3rem; margin-left: -3rem; padding: 1.5rem 3rem; } .list-group > a.list-group-item:not(.disabled):not(.active):hover { background-color: var(--module-container-hover-bg-color); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .list-group > a.list-group-item:not(.disabled):not(.active):hover + .list-group-item:not(.active) { box-shadow: none; } .list-group > a.list-group-item:not(.disabled):focus { outline: 0; } .list-group > a.list-group-item:not(.disabled):focus, .list-group > a.list-group-item:not(.disabled):focus:hover { box-shadow: inset 0 0 0 0.2rem var(--anchor-focus-outline); } .list-group > a.list-group-item:not(.disabled):not(.active):active { box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); background-color: var(--button-pressed-bg); } .list-group > a.list-group-item.active:not(:active):focus::before { box-shadow: inset 0.2rem 0.2rem 0 0 var(--anchor-focus-outline), inset 0 -0.1rem 0 0 var(--anchor-focus-outline); } .list-group > a.list-group-item.active:not(.disabled):active { box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); background-color: var(--button-pressed-bg); } .list-group > .list-group-title { color: var(--titles-font-color); font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; } .list-group > .list-group-title .badge { top: 0.4rem; height: 2rem; min-width: 3rem; padding-top: 0.2rem; color: var(--list-group-primary-text-color); font-size: 1.2rem; line-height: 1.4rem; font-weight: bold; box-shadow: none; border: 0.1rem solid var(--list-group-badge-border); background-color: var(--list-group-primary-bg); } .list-group.list-group-primary { background-color: var(--list-group-primary-bg); } .list-group.list-group-primary > .list-group-item:not(:first-child):not(.list-group-footer):not(.active), .list-group.list-group-primary > .list-group-title:not(:first-child):not(.list-group-footer):not(.active) { box-shadow: var(--list-group-primary-divider); } .list-group.list-group-primary > .list-group-item .badge, .list-group.list-group-primary > .list-group-title .badge { color: #fff; font-size: 1.2rem; font-weight: bold; box-shadow: none; } .list-group.list-group-primary > .list-group-title.list-group-item { color: #fff; } .list-group.list-group-primary > .list-group-item { color: var(--list-group-primary-text-color); } .list-group.list-group-primary > .list-group-item.active { background-color: var(--list-group-primary-active-bg); box-shadow: none; } .list-group.list-group-primary > .list-group-item.active::before { display: none; } .list-group.list-group-primary > .list-group-item.active + .list-group-item:not(:first-child):not(.list-group-footer):not(.active) { box-shadow: none; } .list-group.list-group-primary > .list-group-item.disabled, .list-group.list-group-primary > .list-group-item.disabled .badge { color: var(--blue-30); } .list-group.list-group-primary > .list-group-item .badge.badge-nopill { padding: 0; font-size: 1.4rem; font-weight: normal; text-align: right; box-shadow: none; border: 0; } .list-group.list-group-primary > .list-group-item .badge.badge-nopill b, .list-group.list-group-primary > .list-group-item .badge.badge-nopill strong { font-weight: bold; } .list-group.list-group-primary > .list-group-item .list-group-item-heading, .list-group.list-group-primary > .list-group-item .list-group-item-text { color: var(--list-group-primary-text-color); } .list-group.list-group-primary > a.list-group-item:not(.disabled):not(.active):hover { background-color: var(--list-group-primary-hover-bg); box-shadow: none; } .list-group.list-group-primary > a.list-group-item:not(.disabled):not(:first-child):not(.list-group-footer):focus, .list-group.list-group-primary > a.list-group-item:not(.disabled):not(:first-child):not(.list-group-footer):focus:hover, .list-group.list-group-primary > a.list-group-item:not(.disabled):not(:first-child):not(.list-group-footer):not(.active):focus, .list-group.list-group-primary > a.list-group-item:not(.disabled):not(:first-child):not(.list-group-footer):not(.active):focus:hover { box-shadow: inset 0 0 0 0.2rem #fff; } .list-group.list-group-primary > .list-group-title .badge { color: var(--list-group-badge-text); background-color: var(--list-group-badge-bg); border: 0.1rem solid var(--list-group-badge-border); } .list-group.list-group-primary > .list-group-footer, .list-group.list-group-primary > a.list-group-footer { cursor: default; display: flex; justify-content: space-between; align-items: center; } .list-group.list-group-primary > .list-group-footer, .list-group.list-group-primary > .list-group-footer:not(.disabled):hover, .list-group.list-group-primary > .list-group-footer:not(.disabled):focus, .list-group.list-group-primary > .list-group-footer:active, .list-group.list-group-primary > .list-group-footer.active, .list-group.list-group-primary > .list-group-footer.disabled, .list-group.list-group-primary > a.list-group-footer, .list-group.list-group-primary > a.list-group-footer:not(.disabled):hover, .list-group.list-group-primary > a.list-group-footer:not(.disabled):focus, .list-group.list-group-primary > a.list-group-footer:active, .list-group.list-group-primary > a.list-group-footer.active, .list-group.list-group-primary > a.list-group-footer.disabled { padding: 2.4rem 0; border-radius: 0 0 0.2rem 0.2rem; box-shadow: var(--list-group-primary-divider); } .list-group.list-group-primary > .list-group-footer .badge, .list-group.list-group-primary > a.list-group-footer .badge { padding: 0; font-size: 1.4rem; line-height: 3rem; text-align: right; vertical-align: baseline; box-shadow: none; border: 0; height: auto; order: 4; } .list-group.list-group-primary > .list-group-footer .badge b, .list-group.list-group-primary > .list-group-footer .badge strong, .list-group.list-group-primary > a.list-group-footer .badge b, .list-group.list-group-primary > a.list-group-footer .badge strong { font-size: 2.4rem; } details.collapse-list summary { cursor: pointer; list-style: none; border-radius: var(--radius-sm); } details.collapse-list summary:focus-visible { outline: var(--anchor-focus-outline) solid 0.2rem; outline-offset: -0.1rem; } .group-list { padding: 1.2rem; border-radius: var(--radius-sm); background-color: var(--list-group-bg); box-shadow: var(--list-group-shadow); } .group-list .collapse-list { margin-bottom: 0.4rem; } .group-list .collapse-list:last-child { margin-bottom: 0; } .collapse-list { border-radius: var(--radius-sm); background-color: var(--list-group-bg); } .collapse-list[open], .collapse-list.open, .collapse-list.show { background-color: var(--bg-primary); box-shadow: inset 0 0 0 0.1rem var(--list-group-border-color); } .collapse-list[open] > .collapse-list-header:hover .collapse-list-title, .collapse-list.open > .collapse-list-header:hover .collapse-list-title, .collapse-list.show > .collapse-list-header:hover .collapse-list-title { border-radius: var(--radius-sm) var(--radius-sm) 0 0; box-shadow: inset 0.1rem 0.1rem 0 0 var(--anchor-focus-outline), inset -0.1rem 0 0 0 var(--anchor-focus-outline); } .collapse-list[open] > .collapse-list-header:hover + .collapse-list-content, .collapse-list.open > .collapse-list-header:hover + .collapse-list-content, .collapse-list.show > .collapse-list-header:hover + .collapse-list-content { border-radius: 0 0 var(--radius-sm) var(--radius-sm); box-shadow: inset 0.1rem 0 0 0 var(--anchor-focus-outline), inset -0.1rem -0.1rem 0 0 var(--anchor-focus-outline); } .collapse-list[open] > .collapse-list-header .caret, .collapse-list.open > .collapse-list-header .caret, .collapse-list.show > .collapse-list-header .caret { transform: rotate(180deg); } .collapse-list[open] .collapse-list, .collapse-list.open .collapse-list, .collapse-list.show .collapse-list { box-shadow: none; } .collapse-list[open] .collapse-list:not([open]):not(.open):not(.show), .collapse-list.open .collapse-list:not([open]):not(.open):not(.show), .collapse-list.show .collapse-list:not([open]):not(.open):not(.show) { background-color: rgba(0, 0, 0, 0); } .collapse-list[open] .collapse-list .collapse-list-content, .collapse-list.open .collapse-list .collapse-list-content, .collapse-list.show .collapse-list .collapse-list-content { padding: 1.6rem 1.6rem; } .collapse-list:not([open]):not(.open):not(.show) > .collapse-list-content { display: none; } .collapse-list .collapse-list-content { padding: 0.4rem 1.2rem 1.6rem; } .collapse-list .collapse-list .collapse-list-title, .collapse-list .collapse-list .collapse-list-title.btn-link.btn { padding: 0.8rem 1.2rem; line-height: 1.3; } .collapse-list .collapse-list .collapse-list-title .caret, .collapse-list .collapse-list .collapse-list-title.btn-link.btn .caret { margin: 0 1.2rem 0 0; } .collapse-list-header { display: block; } .collapse-list-header:hover { cursor: pointer; } .collapse-list-header:hover .collapse-list-title { color: var(--body-font-color); background-color: var(--module-container-hover-bg-color); box-shadow: inset 0 0 0 0.1rem var(--anchor-focus-outline); } .collapse-list-header:hover + .collapse-list-content { background-color: var(--module-container-hover-bg-color); } .collapse-list-header .collapse-list-title, .collapse-list-header .collapse-list-title.btn-link.btn { display: block; width: 100%; margin-bottom: 0; padding: 1.6rem 1.6rem; color: var(--body-font-color); font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; font-size: 1.4rem; font-weight: 400; text-align: left; text-decoration: none; border: 0; border-radius: var(--radius-sm); } .collapse-list-header .collapse-list-title .caret, .collapse-list-header .collapse-list-title.btn-link.btn .caret { position: relative; top: -0.2rem; margin-left: 1.2rem; } .collapse-list-header a.collapse-list-title:focus { outline-offset: -0.1rem; } .panel-group details summary { cursor: pointer; list-style: none; } .panel-group details summary:focus-visible { outline: var(--anchor-focus-outline) solid 0.2rem; outline-offset: -0.1rem; } .panel-group details summary.panel-heading .panel-title { font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.9rem; } .panel-group details summary .caret { position: relative; top: 0.1rem; margin-left: 1.2rem; } .panel-group details[open] > .panel-heading .caret { transform: rotate(180deg); } .panel-group details .panel-body summary.panel-heading { width: calc(100% + 3.2rem); margin: 0 -1.6rem; padding: 0.8rem 1.6rem; } .panel-group details .panel-body summary .caret { margin: 0 1.2rem 0 0; } .panel-group details .panel-body .panel summary.panel-heading { padding: 0.8rem 1.6rem; } .panel-group .panel-heading [data-toggle=collapse] { font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.9rem; } .panel-group .panel-heading [data-toggle=collapse]:hover .caret.caret-large-blue { background-color: var(--anchor-hover-color); } .panel-group .panel-heading [data-toggle=collapse]:not(.collapsed) .caret { transform: rotate(180deg); } .panel-group .panel-heading [data-toggle=collapse] .caret { position: relative; top: -0.2rem; margin-left: 1.2rem; } .panel-group .panel-heading [data-toggle=collapse] .caret.caret-large-blue { background-color: var(--caret-primary-bg); } .panel-group .panel-collapse.collapse { display: none; } .panel-group .panel-collapse.collapse.in { display: block; } .panel-group .panel-collapse .panel-heading, .panel-group .panel-collapse .panel-body { padding: 0.8rem 1.6rem; } .panel-group .panel-body [data-toggle=collapse] .caret { margin: 0 1.2rem 0 0; } .panel-group .panel-body .panel-collapse .panel-body { padding-bottom: 0.8rem; } .panel-group > .panel > .panel-heading { padding: 1.6rem 1.6rem; } .panel-group > .panel .panel-body { padding-top: 0.8rem; } .panel-group > .panel .panel-body .panel-heading { width: calc(100% + 3.2rem); margin: 0 -1.6rem; padding: 0.8rem 1.6rem; } .card-list { display: flex; flex-direction: column; gap: 0.4rem; margin: 0; padding: 0; list-style: none; } .card-list.card-list-hover .card-list-item:hover:not(:has(a:hover)):not(:has(button:hover)), .card-list.card-list-hover .card-list-item.hover:not(:has(a:hover)):not(:has(button:hover)) { cursor: pointer; background-color: var(--card-list-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--card-list-hover-border-color), var(--card-list-hover-shadow); } .card-list.card-list-grid { display: grid; gap: 1.6rem; } .card-list.card-list-grid .card-list-item { flex-direction: column; align-items: center; text-align: center; } .card-list > a, .card-list > button { cursor: pointer; } .card-list > a.disabled, .card-list > a:disabled, .card-list > button.disabled, .card-list > button:disabled { cursor: default; } .card-list .card-list-item { display: flex; flex-direction: row; justify-content: space-between; position: relative; gap: 1.6rem; padding: 1.6rem; margin: 0; color: var(--body-font-color); text-decoration: none; border-radius: var(--radius-md); border: 0; background-color: var(--card-list-bg); box-shadow: inset 0 0 0 0.1rem var(--card-list-border-color); } .card-list .card-list-item.selected, .card-list .card-list-item.active { background-color: var(--card-list-selected-bg); box-shadow: inset 0 0 0 0.1rem var(--card-list-selected-border-color), var(--card-list-selected-shadow); } .card-list .card-list-item:focus, .card-list .card-list-item:focus:hover, .card-list .card-list-item.focus, .card-list .card-list-item.focus:hover { outline: 0; box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color), var(--card-list-hover-shadow); } .card-list .card-list-item > * { padding: 0; } .card-list .card-list-item .btn, .card-list .card-list-item p { margin-bottom: 0; } .card-list .card-list-item .vismaicon { display: block; top: auto; margin-right: 1.2rem; } .card-list .card-list-item, .card-list .card-list-item .action, .card-list .card-list-item .icon, .card-list .card-list-item .title, .card-list .card-list-item .description { align-items: center; display: flex; } .card-list .card-list-item .title { margin: 0; font-size: var(--font-size-lg); } .card-list .card-list-item .title .vismaicon { margin-right: 2.4rem; } .card-list .card-list-item .title h4 { font-size: var(--font-size-lg); } .card-list .card-list-item .title .date { font-size: var(--font-size-sm); } .card-list .card-list-item .description { flex-grow: 1; flex-shrink: 1; color: var(--card-list-text-color); } .card-list .card-list-item .description .date { font-weight: 400; } .card-list .card-list-item .icon, .card-list .card-list-item .action { text-align: center; } .card-list .card-list-item .icon .vismaicon, .card-list .card-list-item .action .vismaicon { margin: 0 0.8rem; } .card-list .card-list-item .icon > a:hover, .card-list .card-list-item .action > a:hover { background-color: rgba(0, 0, 0, 0); } .card-list .card-list-item .icon { justify-content: center; } .card-list .card-list-item .icon > * { min-width: 3.6rem; } .card-list .card-list-item .icon > a { display: block; padding: 0.6rem 0.2rem; } .card-list .card-list-item .icon > a:hover { background-color: var(--card-list-hover-bg); box-shadow: 0 0 0 0.1rem var(--card-list-hover-border-color); } .card-list .card-list-item .icon .vismaicon + * { display: block; margin-top: 0.3rem; } .card-list .card-list-item .date { text-align: center; line-height: 1.2; position: relative; color: var(--card-list-text-color); } .card-list .card-list-item .date > *:not(span) { color: inherit; } .card-list .card-list-item .date span { display: block; color: var(--body-font-color); font-size: var(--font-size-xl); } .card-list .card-list-item .price { min-width: 12.6rem; color: var(--card-list-text-color); font-size: var(--font-size-lg); text-align: right; } .card-list .card-list-item .price b, .card-list .card-list-item .price strong { color: var(--body-font-color); } @media (max-width: 992px) { .card-list .card-list-item .price { border-top: 0.1rem solid var(--module-container-divider); margin-bottom: -1.6rem; } } .card-list .card-list-item .divider { border-width: 0 0.1rem; border-style: solid; border-color: var(--module-container-divider); } .card-list .card-list-item .divider .vismaicon { margin: 0; } .card-list .card-list-item .divider + .divider { border-left-width: 0; } .card-list .card-list-item .divider:first-child { border-left-width: 0; } .card-list .card-list-item .divider:last-child { border-left-width: 0; } .card-list-grid .card-list-item .icon, .card-list-grid .card-list-item .description, .card-list-grid .card-list-item .action { flex-direction: column; } .card-list-grid .card-list-item .description { display: flex; gap: 0.4rem; } .card-list-grid .card-list-item .date { margin-right: 0; } .card-list-grid .card-list-item .date::before { display: none; } .card-list.card-list-default .card-list-item { padding: 0.8rem 1.6rem; overflow: hidden; } .card-list.card-list-default .card-list-item.selected:before, .card-list.card-list-default .card-list-item.active:before { display: block; content: ""; position: absolute; width: 0.6rem; height: 100%; left: 0; top: 0; background-color: var(--card-list-selected-border-accent); } .card-list.card-list-primary .card-list-item { box-shadow: none; } .card-list.card-list-primary .card-list-item .description { flex-direction: column; align-items: initial; } .card-list.card-list-secondary .card-list-item { background-color: var(--card-list-secondary-bg); } .card-list.card-list-secondary .card-list-item .description { flex-direction: column; align-items: initial; font-weight: 600; } .card-list.card-list-secondary .card-list-item .description .date { text-align: left; } .tab-content { display: block; content: ""; background-color: var(--tabs-content-bg); box-shadow: var(--tabs-content-shadow-color); } .nav-tabs:not(.navbar-nav) { display: inline-flex; flex-wrap: wrap; position: relative; padding: 0 5.4rem 0 0.4rem; margin: 0; border: 0; background: rgba(0, 0, 0, 0); box-shadow: none; list-style: none; z-index: 1; } .nav-tabs:not(.navbar-nav) .nav-item { display: inline-flex; position: relative; margin: 0; padding: 0; } .nav-tabs:not(.navbar-nav) .nav-item a { display: flex; position: relative; cursor: pointer; justify-content: center; line-height: 1; color: var(--tabs-text-color); white-space: nowrap; text-align: center; text-decoration: none; outline: 0; z-index: 1; } .nav-tabs:not(.navbar-nav) .nav-item a:hover, .nav-tabs:not(.navbar-nav) .nav-item a.hover { color: var(--tabs-focused-text-color); } .nav-tabs:not(.navbar-nav) .nav-item a:focus:not(:active), .nav-tabs:not(.navbar-nav) .nav-item a.focus:not(:active) { color: var(--tabs-focused-text-color); } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(24) { z-index: 24; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(23) { z-index: 23; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(22) { z-index: 22; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(21) { z-index: 21; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(20) { z-index: 20; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(19) { z-index: 19; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(18) { z-index: 18; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(17) { z-index: 17; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(16) { z-index: 16; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(15) { z-index: 15; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(14) { z-index: 14; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(13) { z-index: 13; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(12) { z-index: 12; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(11) { z-index: 11; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(10) { z-index: 10; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(9) { z-index: 9; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(8) { z-index: 8; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(7) { z-index: 7; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(6) { z-index: 6; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(5) { z-index: 5; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(4) { z-index: 4; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(3) { z-index: 3; } .nav-tabs:not(.navbar-nav) .nav-item:nth-last-child(2) { z-index: 2; } .nav-tabs:not(.navbar-nav) .nav-item:last-child { z-index: 1; } .nav-tabs:not(.navbar-nav) .nav-item.active { cursor: default; pointer-events: none; z-index: 29; } .nav-tabs:not(.navbar-nav) .nav-item.disabled a, .nav-tabs:not(.navbar-nav) .nav-item.disabled a:focus, .nav-tabs:not(.navbar-nav) .nav-item:disabled a, .nav-tabs:not(.navbar-nav) .nav-item:disabled a:focus, .nav-tabs:not(.navbar-nav) .nav-item a.disabled, .nav-tabs:not(.navbar-nav) .nav-item a.disabled:focus, .nav-tabs:not(.navbar-nav) .nav-item a:disabled, .nav-tabs:not(.navbar-nav) .nav-item a:disabled:focus { cursor: default; pointer-events: none; color: var(--tabs-disabled-text-color); } .nav-tabs:not(.navbar-nav) .tabdrop { overflow: visible; position: absolute; right: 0.2rem; margin: 0; padding: 0; border-right: 0; box-shadow: none; z-index: 30; } .nav-tabs:not(.navbar-nav) .tabdrop.hide { display: none; } .nav-tabs:not(.navbar-nav) .tabdrop .caret { display: none; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle { display: block; content: ""; overflow: hidden; padding: 0; width: 4rem; height: 4.1rem; text-indent: 9999px; outline: 0; background: none; box-shadow: none; -webkit-mask: unset; mask: unset; transition: unset; transform: unset; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle::after { display: none; mask: unset; -webkit-mask: unset; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:hover { background-color: rgba(0, 0, 0, 0); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle .icon-align-justify { display: none; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu { content: ""; width: auto; width: unset; min-width: unset; margin: 0; top: 3.8rem; right: 0rem; left: auto; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li { float: unset; height: unset; padding: 0.2rem 0; margin: 0; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li a { width: 100%; height: unset; padding: 0.8rem 1.8rem; line-height: 1.4; text-align: left; outline: 0; border: 0; background-image: none; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li a::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li a::after { display: none; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li a:hover { background-color: var(--dropdown-menu-hover-bg); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li a:focus { outline: 0; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li a:active { border: 0; background-color: var(--button-pressed-bg); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li.active, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li:active { background-color: rgba(0, 0, 0, 0); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li.active a, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu li:active a { outline: 0; background-color: var(--dropdown-menu-selected-bg); } .nav-tabs:not(.navbar-nav).nav-justified { width: 100%; } .nav-tabs:not(.navbar-nav).nav-justified.hide-tabdrop { padding-right: 1.7rem; } .nav-tabs:not(.navbar-nav).nav-justified .nav-item { flex: 1; } .nav-tabs:not(.navbar-nav).nav-justified .nav-item.tabdrop { right: 0; } .nav-tabs:not(.navbar-nav).nav-justified .nav-item.tabdrop > a { width: 4.4rem; height: 4.1rem; } .nav-tabs:not(.navbar-nav).nav-justified .nav-item a { width: 100%; justify-content: center; } .tab-content { border-top: 0.2rem solid var(--tabs-content-border-color); } .nav-tabs:not(.navbar-nav) { height: 4.1rem; top: 0.3rem; } .nav-tabs:not(.navbar-nav) .nav-item { margin-right: -1.3rem; } .nav-tabs:not(.navbar-nav) .nav-item a { align-items: center; height: 4.1rem; min-width: 5.1rem; padding: 0 2.8rem; } .nav-tabs:not(.navbar-nav) .nav-item a::before, .nav-tabs:not(.navbar-nav) .nav-item a::after { display: flex; content: ""; position: absolute; width: 100%; height: 4.1rem; bottom: 0; left: 0; z-index: -1; } .nav-tabs:not(.navbar-nav) .nav-item a::before { background-color: var(--tabs-bg); clip-path: polygon(22.0557px 0px, 22.0557px 0px, 22.70784px 0.0000689232px, 23.35998px 0.0001225301px, 24.01212px 0.0001608207px, 24.66426px 0.0001837951px, 25.3164px 0.0001914533px, 25.96854px 0.0001837951px, 26.62068px 0.0001608207px, 27.27282px 0.0001225301px, 27.92496px 0.0000689232px, 28.5771px 0px, calc(100% - 22.4229px) 0px, calc(100% - 20.960111px) 0.103048537px, calc(100% - 19.704892px) 0.390151614px, calc(100% - 18.641595px) 0.8276929004px, calc(100% - 17.754572px) 1.3820560657px, calc(100% - 17.028175px) 2.0196247793px, calc(100% - 16.446756px) 2.7067827105px, calc(100% - 15.994667px) 3.4099135287px, calc(100% - 15.65626px) 4.0954009035px, calc(100% - 15.415887px) 4.7296285041px, calc(100% - 15.2579px) 5.27898px, calc(100% - 8.618px) 32.2602px, calc(100% - 8.618px) 32.2602px, calc(100% - 8.2875776px) 33.2077343px, calc(100% - 7.8564128px) 34.0999264px, calc(100% - 7.3236992px) 34.9263501px, calc(100% - 6.6886304px) 35.6765792px, calc(100% - 5.9504px) 36.3401875px, calc(100% - 5.1082016px) 36.9067488px, calc(100% - 4.1612288px) 37.3658369px, calc(100% - 3.1086752px) 37.7070256px, calc(100% - 1.9497344px) 37.9198887px, calc(100% - 0.6836px) 37.994px, 0.316406px 37.994px, 0.316406px 37.994px, 1.582541534px 37.9198887px, 2.741483552px 37.7070256px, 3.794038778px 37.3658369px, 4.741013936px 36.9067488px, 5.58321575px 36.3401875px, 6.321450944px 35.6765792px, 6.956526242px 34.9263501px, 7.489248368px 34.0999264px, 7.920424046px 33.2077343px, 8.25086px 32.2602px, 14.8908px 5.27898px, 14.8908px 5.27898px, 15.0487599px 4.7296285041px, 15.2891112px 4.0954009035px, 15.6275013px 3.4099135287px, 16.0795776px 2.7067827105px, 16.6609875px 2.0196247793px, 17.3873784px 1.3820560657px, 18.2743977px 0.8276929004px, 19.3376928px 0.390151614px, 20.5929111px 0.103048537px, 22.0557px 0px); } .nav-tabs:not(.navbar-nav) .nav-item a::after { background-color: var(--tabs-border-color); clip-path: polygon(9.21082px 32.5184px, 9.20533px 32.5374px, 9.20533px 32.5374px, 9.04282064px 33.0500422px, 8.85375072px 33.5518496px, 8.63788648px 34.0413234px, 8.39499416px 34.5169648px, 8.12484px 34.977275px, 7.82719024px 35.4207552px, 7.50181112px 35.8459066px, 7.14846888px 36.2512304px, 6.76692976px 36.6352278px, 6.35696px 36.9964px, 4.81982px 37.9963px, 4.81982px 37.9963px, 3.597674769px 37.9962384px, 2.619056632px 37.9960712px, 1.856907023px 37.9958248px, 1.284167376px 37.9955256px, 0.873779125px 37.9952px, 0.598683704px 37.9948744px, 0.431822547px 37.9945752px, 0.346137088px 37.9943288px, 0.314568761px 37.9941616px, 0.310059px 37.9941px, 0.310059px 37.9941px, 0.411148452px 37.9935427px, 0.511600896px 37.9921136px, 0.611416764px 37.9898169px, 0.710596488px 37.9866568px, 0.8091405px 37.9826375px, 0.907049232px 37.9777632px, 1.004323116px 37.9720381px, 1.100962584px 37.9654664px, 1.196968068px 37.9580523px, 1.29234px 37.9498px, 1.29234px 37.9498px, 1.66525074px 37.9088244px, 2.02816632px 37.8549752px, 2.38110978px 37.7885488px, 2.72410416px 37.7098416px, 3.0571725px 37.61915px, 3.38033784px 37.5167704px, 3.69362322px 37.4029992px, 3.99705168px 37.2781328px, 4.29064626px 37.1424676px, 4.57443px 36.9963px, 4.57443px 36.9963px, 5.11845648px 36.6698778px, 5.62263864px 36.3041904px, 6.08716656px 35.9016966px, 6.51223032px 35.4648552px, 6.89802px 34.996125px, 7.24472568px 34.4979648px, 7.55253744px 33.9728334px, 7.82164536px 33.4231896px, 8.05223952px 32.8514922px, 8.24451px 32.2602px, 14.8845px 5.27898px, 14.8845px 5.27898px, 15.0424599px 4.7296285041px, 15.2828112px 4.0954009035px, 15.6212013px 3.4099135287px, 16.0732776px 2.7067827105px, 16.6546875px 2.0196247793px, 17.3810784px 1.3820560657px, 18.2680977px 0.8276929004px, 19.3313928px 0.390151614px, 20.5866111px 0.103048537px, 22.0494px 0px, calc(100% - 22.4292px) 0px, calc(100% - 22.4292px) 0px, calc(100% - 20.9664111px) 0.1030598537px, calc(100% - 19.7111928px) 0.3901718874px, calc(100% - 18.6478977px) 0.8277200456px, calc(100% - 17.7608784px) 1.3820882733px, calc(100% - 17.0344875px) 2.019660515px, calc(100% - 16.4530776px) 2.7068207155px, calc(100% - 16.0010013px) 3.4099528196px, calc(100% - 15.6626112px) 4.0954407718px, calc(100% - 15.4222599px) 4.7296685171px, calc(100% - 15.2643px) 5.27902px, calc(100% - 8.6244px) 32.2603px, calc(100% - 8.6244px) 32.2603px, calc(100% - 8.4321133px) 32.8515895px, calc(100% - 8.2015064px) 33.42328px, calc(100% - 7.9323891px) 33.9729145px, calc(100% - 7.6245712px) 34.498036px, calc(100% - 7.2778625px) 34.9961875px, calc(100% - 6.8920728px) 35.464912px, calc(100% - 6.4670119px) 35.9017525px, calc(100% - 6.0024896px) 36.304252px, calc(100% - 5.4983157px) 36.6699535px, calc(100% - 4.9543px) 36.9964px, calc(100% - 4.9543px) 36.9964px, calc(100% - 4.6705203px) 37.1425406px, calc(100% - 4.3769264px) 37.2781848px, calc(100% - 4.0734961px) 37.4030362px, calc(100% - 3.7602072px) 37.5167984px, calc(100% - 3.4370375px) 37.619175px, calc(100% - 3.1039648px) 37.7098696px, calc(100% - 2.7609669px) 37.7885858px, calc(100% - 2.4080216px) 37.8550272px, calc(100% - 2.0451067px) 37.9088974px, calc(100% - 1.6722px) 37.9499px, calc(100% - 1.6722px) 37.9499px, calc(100% - 1.5768149px) 37.9581522px, calc(100% - 1.4807992px) 37.9655656px, calc(100% - 1.3841523px) 37.9721354px, calc(100% - 1.2868736px) 37.9778568px, calc(100% - 1.1889625px) 37.982725px, calc(100% - 1.0904184px) 37.9867352px, calc(100% - 0.9912407px) 37.9898826px, calc(100% - 0.8914288px) 37.9921624px, calc(100% - 0.7909821px) 37.9935698px, calc(100% - 0.6899px) 37.9941px, calc(100% - 0.6899px) 37.9941px, calc(100% - 0.6944098px) 37.9941644px, calc(100% - 0.7259784px) 37.9943392px, calc(100% - 0.8116646px) 37.9945968px, calc(100% - 0.9785272px) 37.9949096px, calc(100% - 1.253625px) 37.99525px, calc(100% - 1.6640168px) 37.9955904px, calc(100% - 2.2367614px) 37.9959032px, calc(100% - 2.9989176px) 37.9961608px, calc(100% - 3.9775442px) 37.9963356px, calc(100% - 5.1997px) 37.9964px, calc(100% - 6.7368px) 36.9964px, calc(100% - 6.7368px) 36.9964px, calc(100% - 7.1467679px) 36.6352521px, calc(100% - 7.5283072px) 36.2512688px, calc(100% - 7.8816513px) 35.8459507px, calc(100% - 8.2070336px) 35.4207984px, calc(100% - 8.5046875px) 34.9773125px, calc(100% - 8.7748464px) 34.5169936px, calc(100% - 9.0177437px) 34.0413423px, calc(100% - 9.2336128px) 33.5518592px, calc(100% - 9.4226871px) 33.0500449px, calc(100% - 9.5852px) 32.5374px, calc(100% - 9.5907px) 32.5184px, calc(100% - 16.2353px) 5.51799px, calc(100% - 16.2353px) 5.51799px, calc(100% - 16.2964069px) 5.28846189px, calc(100% - 16.3734792px) 5.03813112px, calc(100% - 16.4680643px) 4.77059103px, calc(100% - 16.5817096px) 4.48943496px, calc(100% - 16.7159625px) 4.19825625px, calc(100% - 16.8723704px) 3.90064824px, calc(100% - 17.0524807px) 3.60020427px, calc(100% - 17.2578408px) 3.30051768px, calc(100% - 17.4899981px) 3.00518181px, calc(100% - 17.7505px) 2.71779px, calc(100% - 17.7505px) 2.71779px, calc(100% - 18.0340346px) 2.447877615px, calc(100% - 18.3522168px) 2.18860632px, calc(100% - 18.7074142px) 1.944163905px, calc(100% - 19.1019944px) 1.71873816px, calc(100% - 19.538325px) 1.516516875px, calc(100% - 20.0187736px) 1.34168784px, calc(100% - 20.5457078px) 1.198438845px, calc(100% - 21.1214952px) 1.09095768px, calc(100% - 21.7485034px) 1.023432135px, calc(100% - 22.4291px) 1.00005px, 22.0493px 1.00001px, 22.0493px 1.00001px, 21.3687034px 1.023392125px, 20.7416952px 1.0909176px, 20.1659078px 1.198398575px, 19.6389736px 1.3416472px, 19.158525px 1.516475625px, 18.7221944px 1.718696px, 18.3276142px 1.944120475px, 17.9724168px 2.1885612px, 17.6542346px 2.447830325px, 17.3707px 2.71774px, 17.3707px 2.71774px, 17.1101981px 3.00513451px, 16.8780408px 3.30047248px, 16.6726807px 3.60016057px, 16.4925704px 3.90060544px, 16.3361625px 4.19821375px, 16.2019096px 4.48939216px, 16.0882643px 4.77054733px, 15.9936792px 5.03808592px, 15.9166069px 5.28841459px, 15.8555px 5.51794px, 9.21082px 32.5184px); } .nav-tabs:not(.navbar-nav) .nav-item a:hover::before, .nav-tabs:not(.navbar-nav) .nav-item a.hover::before { background-color: var(--tabs-hover-bg); } .nav-tabs:not(.navbar-nav) .nav-item a:hover::after, .nav-tabs:not(.navbar-nav) .nav-item a.hover::after { background-color: var(--tabs-hover-border-color); } .nav-tabs:not(.navbar-nav) .nav-item a:active::before { background-color: var(--tabs-pressed-bg); } .nav-tabs:not(.navbar-nav) .nav-item a:active::after { background-color: var(--tabs-pressed-border-color); } .nav-tabs:not(.navbar-nav) .nav-item.focus:not(:active)::after, .nav-tabs:not(.navbar-nav) .nav-item:focus-within:not(:active)::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a.focus:not(:active))::after { display: flex; pointer-events: none; content: ""; position: absolute; width: calc(100% - 4.2rem); height: 2.4rem; top: 0.8rem; left: 2.1rem; border: 0.2rem solid var(--tabs-focus-border-color); background-color: rgba(0, 0, 0, 0); z-index: 1; } .nav-tabs:not(.navbar-nav) .nav-item.active a::before { background-color: var(--tabs-bg); clip-path: polygon(22.0557px 0px, 22.0557px 0px, 22.70784px 0.0000689232px, 23.35998px 0.0001225301px, 24.01212px 0.0001608207px, 24.66426px 0.0001837951px, 25.3164px 0.0001914533px, 25.96854px 0.0001837951px, 26.62068px 0.0001608207px, 27.27282px 0.0001225301px, 27.92496px 0.0000689232px, 28.5771px 0px, calc(100% - 22.4229px) 0px, calc(100% - 20.960111px) 0.103048537px, calc(100% - 19.704892px) 0.390151614px, calc(100% - 18.641595px) 0.8276929004px, calc(100% - 17.754572px) 1.3820560657px, calc(100% - 17.028175px) 2.0196247793px, calc(100% - 16.446756px) 2.7067827105px, calc(100% - 15.994667px) 3.4099135287px, calc(100% - 15.65626px) 4.0954009035px, calc(100% - 15.415887px) 4.7296285041px, calc(100% - 15.2579px) 5.27898px, calc(100% - 8.618px) 32.2602px, calc(100% - 8.618px) 32.2602px, calc(100% - 8.2875776px) 33.2077343px, calc(100% - 7.8564128px) 34.0999264px, calc(100% - 7.3236992px) 34.9263501px, calc(100% - 6.6886304px) 35.6765792px, calc(100% - 5.9504px) 36.3401875px, calc(100% - 5.1082016px) 36.9067488px, calc(100% - 4.1612288px) 37.3658369px, calc(100% - 3.1086752px) 37.7070256px, calc(100% - 1.9497344px) 37.9198887px, calc(100% - 0.6836px) 37.994px, calc(100% - 0.6836px) 40.3px, 0.316406px 40.3px, 0.316406px 37.994px, 0.316406px 37.994px, 1.582541534px 37.9198887px, 2.741483552px 37.7070256px, 3.794038778px 37.3658369px, 4.741013936px 36.9067488px, 5.58321575px 36.3401875px, 6.321450944px 35.6765792px, 6.956526242px 34.9263501px, 7.489248368px 34.0999264px, 7.920424046px 33.2077343px, 8.25086px 32.2602px, 14.8908px 5.27898px, 14.8908px 5.27898px, 15.0487599px 4.7296285041px, 15.2891112px 4.0954009035px, 15.6275013px 3.4099135287px, 16.0795776px 2.7067827105px, 16.6609875px 2.0196247793px, 17.3873784px 1.3820560657px, 18.2743977px 0.8276929004px, 19.3376928px 0.390151614px, 20.5929111px 0.103048537px, 22.0557px 0px); } .nav-tabs:not(.navbar-nav) .nav-item.active a::after { background-color: var(--tabs-selected-border-color); clip-path: polygon(10.203px 32.7766px, 10.1921px 32.8146px, 10.1921px 32.8146px, 10.08883901px 33.1525683px, 9.97493768px 33.4871904px, 9.85031447px 33.8180721px, 9.71488784px 34.1448192px, 9.56857625px 34.4670375px, 9.41129816px 34.7843328px, 9.24297203px 35.0963109px, 9.06351632px 35.4025776px, 8.87284949px 35.7027387px, 8.67089px 35.9964px, 8.67089px 35.9964px, 8.31293294px 36.4588661px, 7.98924872px 36.8467168px, 7.70063978px 37.1660607px, 7.44790856px 37.4230064px, 7.2318575px 37.6236625px, 7.05328904px 37.7741376px, 6.91300562px 37.8805403px, 6.81180968px 37.9489792px, 6.75050366px 37.9855629px, 6.72989px 37.9964px, 6.72989px 37.9964px, 6.301693826px 38.2949905px, 5.837614208px 38.587968px, 5.338483502px 38.8692515px, 4.805134064px 39.13276px, 4.23839825px 39.3724125px, 3.639108416px 39.582128px, 3.008096918px 39.7558255px, 2.346196112px 39.887424px, 1.654238354px 39.9708425px, 0.933056px 40px, 0px 40px, 0px 40px, 0px 39.9439964px, 0px 39.7919712px, 0px 39.5679028px, 0px 39.2957696px, 0px 38.99955px, 0px 38.7032224px, 0px 38.4307652px, 0px 38.2061568px, 0px 38.0533756px, 0px 37.9964px, 0px 37.9964px, 0.213758363px 37.9943231px, 0.441023344px 37.9885568px, 0.677766681px 37.9791677px, 0.919960112px 37.9662224px, 1.163575375px 37.9497875px, 1.404584208px 37.9299296px, 1.638958349px 37.9067153px, 1.862669536px 37.8802112px, 2.071689507px 37.8504839px, 2.26199px 37.8176px, 2.26199px 37.8176px, 2.71201886px 37.7192673px, 3.14521328px 37.6005664px, 3.56162402px 37.4621531px, 3.96130184px 37.3046832px, 4.3442975px 37.1288125px, 4.71066176px 36.9351968px, 5.06044538px 36.7244919px, 5.39369912px 36.4973536px, 5.71047374px 36.2544377px, 6.01082px 35.9964px, 6.01082px 35.9964px, 6.32846144px 35.6895105px, 6.62553752px 35.36532px, 6.90211988px 35.0247555px, 7.15828016px 34.668744px, 7.39409px 34.2982125px, 7.60962104px 33.914088px, 7.80494492px 33.5172975px, 7.98013328px 33.108768px, 8.13525776px 32.6894265px, 8.27039px 32.2602px, 14.9103px 5.27898px, 14.9103px 5.27898px, 15.0682869px 4.7296285083px, 15.3086592px 4.0954009185px, 15.6470643px 3.4099135582px, 16.0991496px 2.7067827554px, 16.6805625px 2.0196248378px, 17.4069504px 1.3820561331px, 18.2939607px 0.8276929692px, 19.3572408px 0.3901516739px, 20.6124381px 0.1030485749px, 22.0752px 0px, calc(100% - 22.4033px) 0px, calc(100% - 22.4033px) 0px, calc(100% - 20.9405111px) 0.1030485749px, calc(100% - 19.6852928px) 0.3901516739px, calc(100% - 18.6219977px) 0.8276929692px, calc(100% - 17.7349784px) 1.3820561331px, calc(100% - 17.0085875px) 2.0196248378px, calc(100% - 16.4271776px) 2.7067827554px, calc(100% - 15.9751013px) 3.4099135582px, calc(100% - 15.6367112px) 4.0954009185px, calc(100% - 15.3963599px) 4.7296285083px, calc(100% - 15.2384px) 5.27898px, calc(100% - 8.5985px) 32.2602px, calc(100% - 8.5985px) 32.2602px, calc(100% - 8.463368px) 32.6894265px, calc(100% - 8.308244px) 33.108768px, calc(100% - 8.133056px) 33.5172975px, calc(100% - 7.937732px) 33.914088px, calc(100% - 7.7222px) 34.2982125px, calc(100% - 7.486388px) 34.668744px, calc(100% - 7.230224px) 35.0247555px, calc(100% - 6.953636px) 35.36532px, calc(100% - 6.656552px) 35.6895105px, calc(100% - 6.3389px) 35.9964px, calc(100% - 6.3389px) 35.9964px, calc(100% - 6.0385616px) 36.2544377px, calc(100% - 5.7217928px) 36.4973536px, calc(100% - 5.3885432px) 36.7244919px, calc(100% - 5.0387624px) 36.9351968px, calc(100% - 4.6724px) 37.1288125px, calc(100% - 4.2894056px) 37.3046832px, calc(100% - 3.8897288px) 37.4621531px, calc(100% - 3.4733192px) 37.6005664px, calc(100% - 3.0401264px) 37.7192673px, calc(100% - 2.5901px) 37.8176px, calc(100% - 2.5901px) 37.8176px, calc(100% - 2.3987103px) 37.8505847px, calc(100% - 2.1867544px) 37.8805856px, calc(100% - 1.9587221px) 37.9074929px, calc(100% - 1.7191032px) 37.9311968px, calc(100% - 1.4723875px) 37.9515875px, calc(100% - 1.2230648px) 37.9685552px, calc(100% - 0.9756249px) 37.9819901px, calc(100% - 0.7345576px) 37.9917824px, calc(100% - 0.5043527px) 37.9978223px, calc(100% - 0.2895px) 38px, calc(100% - 0.2895px) 40px, calc(100% - 1.2145px) 40px, calc(100% - 1.2145px) 40px, calc(100% - 2.1306806px) 39.9535146px, calc(100% - 3.0306288px) 39.8169248px, calc(100% - 3.9089542px) 39.5945302px, calc(100% - 4.7602664px) 39.2906304px, calc(100% - 5.579175px) 38.909525px, calc(100% - 6.3602896px) 38.4555136px, calc(100% - 7.0982198px) 37.9328958px, calc(100% - 7.7875752px) 37.3459712px, calc(100% - 8.4229654px) 36.6990394px, calc(100% - 8.999px) 35.9964px, calc(100% - 8.999px) 35.9964px, calc(100% - 9.2009556px) 35.7027387px, calc(100% - 9.3916168px) 35.4025776px, calc(100% - 9.5710652px) 35.0963109px, calc(100% - 9.7393824px) 34.7843328px, calc(100% - 9.89665px) 34.4670375px, calc(100% - 10.0429496px) 34.1448192px, calc(100% - 10.1783628px) 33.8180721px, calc(100% - 10.3029712px) 33.4871904px, calc(100% - 10.4168564px) 33.1525683px, calc(100% - 10.5201px) 32.8146px, calc(100% - 10.5311px) 32.7766px, calc(100% - 17.1804px) 5.75691px, calc(100% - 17.1804px) 5.75691px, calc(100% - 17.2329548px) 5.55981875px, calc(100% - 17.2987984px) 5.3465428px, calc(100% - 17.3790696px) 5.12006685px, calc(100% - 17.4749072px) 4.8833756px, calc(100% - 17.58745px) 4.63945375px, calc(100% - 17.7178368px) 4.391286px, calc(100% - 17.8672064px) 4.14185705px, calc(100% - 18.0366976px) 3.8941516px, calc(100% - 18.2274492px) 3.65115435px, calc(100% - 18.4406px) 3.41585px, calc(100% - 18.4406px) 3.41585px, calc(100% - 18.663573px) 3.20311326px, calc(100% - 18.917644px) 2.99505928px, calc(100% - 19.205591px) 2.79586142px, calc(100% - 19.530192px) 2.60969304px, calc(100% - 19.894225px) 2.4407275px, calc(100% - 20.300468px) 2.29313816px, calc(100% - 20.751699px) 2.17109838px, calc(100% - 21.250696px) 2.07878152px, calc(100% - 21.800237px) 2.02036094px, calc(100% - 22.4031px) 2.00001px, 22.075px 2.00001px, 22.075px 2.00001px, 21.472137px 2.02036094px, 20.922596px 2.07878152px, 20.423599px 2.17109838px, 19.972368px 2.29313816px, 19.566125px 2.4407275px, 19.202092px 2.60969304px, 18.877491px 2.79586142px, 18.589544px 2.99505928px, 18.335473px 3.20311326px, 18.1125px 3.41585px, 18.1125px 3.41585px, 17.8993736px 3.65115435px, 17.7086368px 3.8941516px, 17.5391532px 4.14185705px, 17.3897864px 4.391286px, 17.2594px 4.63945375px, 17.1468576px 4.8833756px, 17.0510228px 5.12006685px, 16.9707592px 5.3465428px, 16.9049304px 5.55981875px, 16.8524px 5.75691px, 10.203px 32.7766px); } .nav-tabs:not(.navbar-nav) .nav-item.active.focus::after, .nav-tabs:not(.navbar-nav) .nav-item.active a:focus::after, .nav-tabs:not(.navbar-nav) .nav-item.active a.focus::after { background-color: var(--tabs-selected-border-color); clip-path: polygon(10.203px 32.7766px, 10.1921px 32.8146px, 10.1921px 32.8146px, 10.08883901px 33.1525683px, 9.97493768px 33.4871904px, 9.85031447px 33.8180721px, 9.71488784px 34.1448192px, 9.56857625px 34.4670375px, 9.41129816px 34.7843328px, 9.24297203px 35.0963109px, 9.06351632px 35.4025776px, 8.87284949px 35.7027387px, 8.67089px 35.9964px, 8.67089px 35.9964px, 8.31293294px 36.4588661px, 7.98924872px 36.8467168px, 7.70063978px 37.1660607px, 7.44790856px 37.4230064px, 7.2318575px 37.6236625px, 7.05328904px 37.7741376px, 6.91300562px 37.8805403px, 6.81180968px 37.9489792px, 6.75050366px 37.9855629px, 6.72989px 37.9964px, 6.72989px 37.9964px, 6.301693826px 38.2949905px, 5.837614208px 38.587968px, 5.338483502px 38.8692515px, 4.805134064px 39.13276px, 4.23839825px 39.3724125px, 3.639108416px 39.582128px, 3.008096918px 39.7558255px, 2.346196112px 39.887424px, 1.654238354px 39.9708425px, 0.933056px 40px, 0px 40px, 0px 40px, 0px 39.9439964px, 0px 39.7919712px, 0px 39.5679028px, 0px 39.2957696px, 0px 38.99955px, 0px 38.7032224px, 0px 38.4307652px, 0px 38.2061568px, 0px 38.0533756px, 0px 37.9964px, 0px 37.9964px, 0.213758363px 37.9943231px, 0.441023344px 37.9885568px, 0.677766681px 37.9791677px, 0.919960112px 37.9662224px, 1.163575375px 37.9497875px, 1.404584208px 37.9299296px, 1.638958349px 37.9067153px, 1.862669536px 37.8802112px, 2.071689507px 37.8504839px, 2.26199px 37.8176px, 2.26199px 37.8176px, 2.71201886px 37.7192673px, 3.14521328px 37.6005664px, 3.56162402px 37.4621531px, 3.96130184px 37.3046832px, 4.3442975px 37.1288125px, 4.71066176px 36.9351968px, 5.06044538px 36.7244919px, 5.39369912px 36.4973536px, 5.71047374px 36.2544377px, 6.01082px 35.9964px, 6.01082px 35.9964px, 6.32846144px 35.6895105px, 6.62553752px 35.36532px, 6.90211988px 35.0247555px, 7.15828016px 34.668744px, 7.39409px 34.2982125px, 7.60962104px 33.914088px, 7.80494492px 33.5172975px, 7.98013328px 33.108768px, 8.13525776px 32.6894265px, 8.27039px 32.2602px, 14.9103px 5.27898px, 14.9103px 5.27898px, 15.0682869px 4.7296285083px, 15.3086592px 4.0954009185px, 15.6470643px 3.4099135582px, 16.0991496px 2.7067827554px, 16.6805625px 2.0196248378px, 17.4069504px 1.3820561331px, 18.2939607px 0.8276929692px, 19.3572408px 0.3901516739px, 20.6124381px 0.1030485749px, 22.0752px 0px, calc(100% - 22.4033px) 0px, calc(100% - 22.4033px) 0px, calc(100% - 20.9405111px) 0.1030485749px, calc(100% - 19.6852928px) 0.3901516739px, calc(100% - 18.6219977px) 0.8276929692px, calc(100% - 17.7349784px) 1.3820561331px, calc(100% - 17.0085875px) 2.0196248378px, calc(100% - 16.4271776px) 2.7067827554px, calc(100% - 15.9751013px) 3.4099135582px, calc(100% - 15.6367112px) 4.0954009185px, calc(100% - 15.3963599px) 4.7296285083px, calc(100% - 15.2384px) 5.27898px, calc(100% - 8.5985px) 32.2602px, calc(100% - 8.5985px) 32.2602px, calc(100% - 8.463368px) 32.6894265px, calc(100% - 8.308244px) 33.108768px, calc(100% - 8.133056px) 33.5172975px, calc(100% - 7.937732px) 33.914088px, calc(100% - 7.7222px) 34.2982125px, calc(100% - 7.486388px) 34.668744px, calc(100% - 7.230224px) 35.0247555px, calc(100% - 6.953636px) 35.36532px, calc(100% - 6.656552px) 35.6895105px, calc(100% - 6.3389px) 35.9964px, calc(100% - 6.3389px) 35.9964px, calc(100% - 6.0385616px) 36.2544377px, calc(100% - 5.7217928px) 36.4973536px, calc(100% - 5.3885432px) 36.7244919px, calc(100% - 5.0387624px) 36.9351968px, calc(100% - 4.6724px) 37.1288125px, calc(100% - 4.2894056px) 37.3046832px, calc(100% - 3.8897288px) 37.4621531px, calc(100% - 3.4733192px) 37.6005664px, calc(100% - 3.0401264px) 37.7192673px, calc(100% - 2.5901px) 37.8176px, calc(100% - 2.5901px) 37.8176px, calc(100% - 2.3987103px) 37.8505847px, calc(100% - 2.1867544px) 37.8805856px, calc(100% - 1.9587221px) 37.9074929px, calc(100% - 1.7191032px) 37.9311968px, calc(100% - 1.4723875px) 37.9515875px, calc(100% - 1.2230648px) 37.9685552px, calc(100% - 0.9756249px) 37.9819901px, calc(100% - 0.7345576px) 37.9917824px, calc(100% - 0.5043527px) 37.9978223px, calc(100% - 0.2895px) 38px, calc(100% - 0.2895px) 40px, calc(100% - 1.2145px) 40px, calc(100% - 1.2145px) 40px, calc(100% - 2.1306806px) 39.9535146px, calc(100% - 3.0306288px) 39.8169248px, calc(100% - 3.9089542px) 39.5945302px, calc(100% - 4.7602664px) 39.2906304px, calc(100% - 5.579175px) 38.909525px, calc(100% - 6.3602896px) 38.4555136px, calc(100% - 7.0982198px) 37.9328958px, calc(100% - 7.7875752px) 37.3459712px, calc(100% - 8.4229654px) 36.6990394px, calc(100% - 8.999px) 35.9964px, calc(100% - 8.999px) 35.9964px, calc(100% - 9.2009556px) 35.7027387px, calc(100% - 9.3916168px) 35.4025776px, calc(100% - 9.5710652px) 35.0963109px, calc(100% - 9.7393824px) 34.7843328px, calc(100% - 9.89665px) 34.4670375px, calc(100% - 10.0429496px) 34.1448192px, calc(100% - 10.1783628px) 33.8180721px, calc(100% - 10.3029712px) 33.4871904px, calc(100% - 10.4168564px) 33.1525683px, calc(100% - 10.5201px) 32.8146px, calc(100% - 10.5311px) 32.7766px, calc(100% - 17.1804px) 5.75691px, calc(100% - 17.1804px) 5.75691px, calc(100% - 17.2329548px) 5.55981875px, calc(100% - 17.2987984px) 5.3465428px, calc(100% - 17.3790696px) 5.12006685px, calc(100% - 17.4749072px) 4.8833756px, calc(100% - 17.58745px) 4.63945375px, calc(100% - 17.7178368px) 4.391286px, calc(100% - 17.8672064px) 4.14185705px, calc(100% - 18.0366976px) 3.8941516px, calc(100% - 18.2274492px) 3.65115435px, calc(100% - 18.4406px) 3.41585px, calc(100% - 18.4406px) 3.41585px, calc(100% - 18.663573px) 3.20311326px, calc(100% - 18.917644px) 2.99505928px, calc(100% - 19.205591px) 2.79586142px, calc(100% - 19.530192px) 2.60969304px, calc(100% - 19.894225px) 2.4407275px, calc(100% - 20.300468px) 2.29313816px, calc(100% - 20.751699px) 2.17109838px, calc(100% - 21.250696px) 2.07878152px, calc(100% - 21.800237px) 2.02036094px, calc(100% - 22.4031px) 2.00001px, 22.075px 2.00001px, 22.075px 2.00001px, 21.472137px 2.02036094px, 20.922596px 2.07878152px, 20.423599px 2.17109838px, 19.972368px 2.29313816px, 19.566125px 2.4407275px, 19.202092px 2.60969304px, 18.877491px 2.79586142px, 18.589544px 2.99505928px, 18.335473px 3.20311326px, 18.1125px 3.41585px, 18.1125px 3.41585px, 17.8993736px 3.65115435px, 17.7086368px 3.8941516px, 17.5391532px 4.14185705px, 17.3897864px 4.391286px, 17.2594px 4.63945375px, 17.1468576px 4.8833756px, 17.0510228px 5.12006685px, 16.9707592px 5.3465428px, 16.9049304px 5.55981875px, 16.8524px 5.75691px, 10.203px 32.7766px); } .nav-tabs:not(.navbar-nav) .nav-item.disabled.focus::after, .nav-tabs:not(.navbar-nav) .nav-item.disabled:focus-within::after, .nav-tabs:not(.navbar-nav) .nav-item.disabled:has(a.focus)::after, .nav-tabs:not(.navbar-nav) .nav-item.disabled:has(a:focus)::after, .nav-tabs:not(.navbar-nav) .nav-item:disabled.focus::after, .nav-tabs:not(.navbar-nav) .nav-item:disabled:focus-within::after, .nav-tabs:not(.navbar-nav) .nav-item:disabled:has(a.focus)::after, .nav-tabs:not(.navbar-nav) .nav-item:disabled:has(a:focus)::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a.disabled).focus::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a.disabled):focus-within::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a.disabled):has(a.focus)::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a.disabled):has(a:focus)::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a:disabled).focus::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a:disabled):focus-within::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a:disabled):has(a.focus)::after, .nav-tabs:not(.navbar-nav) .nav-item:has(a:disabled):has(a:focus)::after { display: none; } .nav-tabs:not(.navbar-nav) .nav-item.disabled a, .nav-tabs:not(.navbar-nav) .nav-item:disabled a, .nav-tabs:not(.navbar-nav) .nav-item a.disabled, .nav-tabs:not(.navbar-nav) .nav-item a:disabled { pointer-events: none; } .nav-tabs:not(.navbar-nav) .nav-item.disabled a::before, .nav-tabs:not(.navbar-nav) .nav-item.disabled a:focus::before, .nav-tabs:not(.navbar-nav) .nav-item.disabled a:hover::before, .nav-tabs:not(.navbar-nav) .nav-item:disabled a::before, .nav-tabs:not(.navbar-nav) .nav-item:disabled a:focus::before, .nav-tabs:not(.navbar-nav) .nav-item:disabled a:hover::before, .nav-tabs:not(.navbar-nav) .nav-item a.disabled::before, .nav-tabs:not(.navbar-nav) .nav-item a.disabled:focus::before, .nav-tabs:not(.navbar-nav) .nav-item a.disabled:hover::before, .nav-tabs:not(.navbar-nav) .nav-item a:disabled::before, .nav-tabs:not(.navbar-nav) .nav-item a:disabled:focus::before, .nav-tabs:not(.navbar-nav) .nav-item a:disabled:hover::before { background-color: var(--tabs-disabled-bg); } .nav-tabs:not(.navbar-nav) .nav-item.disabled a::after, .nav-tabs:not(.navbar-nav) .nav-item.disabled a:focus::after, .nav-tabs:not(.navbar-nav) .nav-item.disabled a:hover::after, .nav-tabs:not(.navbar-nav) .nav-item:disabled a::after, .nav-tabs:not(.navbar-nav) .nav-item:disabled a:focus::after, .nav-tabs:not(.navbar-nav) .nav-item:disabled a:hover::after, .nav-tabs:not(.navbar-nav) .nav-item a.disabled::after, .nav-tabs:not(.navbar-nav) .nav-item a.disabled:focus::after, .nav-tabs:not(.navbar-nav) .nav-item a.disabled:hover::after, .nav-tabs:not(.navbar-nav) .nav-item a:disabled::after, .nav-tabs:not(.navbar-nav) .nav-item a:disabled:focus::after, .nav-tabs:not(.navbar-nav) .nav-item a:disabled:hover::after { background-color: var(--tabs-disabled-border-color); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle { width: 3.7rem; height: 2.1rem; top: 0.8rem; background-color: var(--tabs-bg); clip-path: polygon(91.757% 97.618%, 91.757% 97.618%, 85.065% 97.618%, 78.373% 97.617%, 71.681% 97.615%, 64.989% 97.613%, 58.297% 97.611%, 51.605% 97.609%, 44.912% 97.607%, 38.22% 97.606%, 31.528% 97.605%, 24.836% 97.604%, 24.836% 97.604%, 22.704% 97.454%, 20.639% 96.99%, 18.664% 96.19%, 16.802% 95.034%, 15.076% 93.501%, 13.509% 91.571%, 12.124% 89.221%, 10.944% 86.432%, 9.991% 83.182%, 9.289% 79.451%, 9.289% 79.451%, 8.704% 74.838%, 8.019% 69.429%, 7.258% 63.4%, 6.443% 56.929%, 5.595% 50.195%, 4.738% 43.375%, 3.892% 36.647%, 3.081% 30.189%, 2.327% 24.177%, 1.651% 18.791%, 1.651% 18.791%, 1.433% 16.313%, 1.403% 13.895%, 1.562% 11.583%, 1.91% 9.426%, 2.447% 7.471%, 3.174% 5.765%, 4.089% 4.355%, 5.194% 3.29%, 6.489% 2.616%, 7.974% 2.381%, 7.974% 2.381%, 14.666% 2.381%, 21.359% 2.382%, 28.051% 2.383%, 34.743% 2.384%, 41.435% 2.385%, 48.127% 2.387%, 54.819% 2.388%, 61.511% 2.389%, 68.203% 2.39%, 74.896% 2.39%, 74.896% 2.39%, 77.028% 2.54%, 79.093% 3.005%, 81.068% 3.806%, 82.93% 4.962%, 84.656% 6.496%, 86.223% 8.428%, 87.608% 10.778%, 88.788% 13.568%, 89.741% 16.818%, 90.442% 20.55%, 90.442% 20.55%, 91.028% 25.164%, 91.713% 30.574%, 92.474% 36.603%, 93.289% 43.074%, 94.137% 49.807%, 94.994% 56.627%, 95.84% 63.354%, 96.651% 69.812%, 97.405% 75.822%, 98.081% 81.208%, 98.081% 81.208%, 98.299% 83.686%, 98.329% 86.105%, 98.17% 88.416%, 97.822% 90.573%, 97.285% 92.528%, 96.558% 94.234%, 95.642% 95.644%, 94.537% 96.709%, 93.242% 97.383%, 91.757% 97.618%); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle::after { display: flex; content: ""; position: absolute; width: 3.7rem; height: 2.1rem; top: 0; left: 0; -webkit-mask: unset; mask: unset; transition: unset; transform: unset; } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle::before { clip-path: polygon(91.757% 95.237%, 91.757% 95.237%, 92.987% 95.042%, 94.045% 94.484%, 94.935% 93.603%, 95.661% 92.439%, 96.225% 91.03%, 96.632% 89.417%, 96.886% 87.64%, 96.99% 85.739%, 96.947% 83.753%, 96.761% 81.721%, 96.761% 81.721%, 96.086% 76.34%, 95.332% 70.335%, 94.522% 63.883%, 93.678% 57.161%, 92.821% 50.347%, 91.974% 43.618%, 91.159% 37.151%, 90.398% 31.125%, 89.713% 25.715%, 89.127% 21.099%, 89.127% 21.099%, 88.482% 17.688%, 87.607% 14.732%, 86.523% 12.21%, 85.253% 10.099%, 83.817% 8.376%, 82.237% 7.017%, 80.533% 6%, 78.727% 5.302%, 76.841% 4.9%, 74.895% 4.771%, 74.895% 4.771%, 68.203% 4.771%, 61.511% 4.77%, 54.819% 4.769%, 48.127% 4.768%, 41.435% 4.767%, 34.743% 4.765%, 28.051% 4.764%, 21.359% 4.763%, 14.666% 4.762%, 7.974% 4.762%, 7.974% 4.762%, 6.744% 4.957%, 5.686% 5.515%, 4.796% 6.396%, 4.071% 7.561%, 3.506% 8.969%, 3.099% 10.582%, 2.846% 12.359%, 2.742% 14.26%, 2.785% 16.246%, 2.971% 18.277%, 2.971% 18.277%, 3.646% 23.659%, 4.4% 29.664%, 5.21% 36.116%, 6.054% 42.838%, 6.911% 49.652%, 7.758% 56.381%, 8.573% 62.848%, 9.333% 68.874%, 10.018% 74.284%, 10.604% 78.899%, 10.604% 78.899%, 11.249% 82.31%, 12.124% 85.266%, 13.208% 87.787%, 14.478% 89.898%, 15.914% 91.621%, 17.495% 92.979%, 19.199% 93.995%, 21.004% 94.693%, 22.891% 95.095%, 24.836% 95.223%, 24.836% 95.223%, 31.528% 95.224%, 38.22% 95.225%, 44.912% 95.226%, 51.605% 95.228%, 58.297% 95.23%, 64.989% 95.232%, 71.681% 95.234%, 78.373% 95.235%, 85.065% 95.237%, 91.757% 95.237%, 91.757% 99.999%, 91.757% 99.999%, 85.065% 99.999%, 78.373% 99.998%, 71.681% 99.996%, 64.989% 99.994%, 58.297% 99.992%, 51.605% 99.99%, 44.912% 99.988%, 38.22% 99.987%, 31.528% 99.986%, 24.836% 99.985%, 24.836% 99.985%, 23.078% 99.911%, 21.187% 99.632%, 19.219% 99.065%, 17.229% 98.126%, 15.274% 96.731%, 13.41% 94.798%, 11.691% 92.242%, 10.175% 88.979%, 8.918% 84.927%, 7.974% 80.001%, 7.974% 80.001%, 7.331% 74.933%, 6.575% 68.956%, 5.739% 62.328%, 4.854% 55.305%, 3.953% 48.146%, 3.069% 41.107%, 2.232% 34.447%, 1.475% 28.421%, 0.831% 23.288%, 0.332% 19.305%, 0.332% 19.305%, 0.045% 16.044%, 0.021% 12.998%, 0.248% 10.198%, 0.716% 7.673%, 1.414% 5.454%, 2.331% 3.571%, 3.456% 2.054%, 4.779% 0.933%, 6.288% 0.238%, 7.974% 0%, 7.974% 0%, 14.666% 0%, 21.359% 0.001%, 28.051% 0.002%, 34.743% 0.003%, 41.435% 0.005%, 48.127% 0.006%, 54.819% 0.007%, 61.511% 0.008%, 68.203% 0.009%, 74.895% 0.009%, 74.895% 0.009%, 76.653% 0.084%, 78.544% 0.363%, 80.513% 0.931%, 82.502% 1.87%, 84.457% 3.265%, 86.322% 5.199%, 88.04% 7.756%, 89.556% 11.019%, 90.814% 15.072%, 91.757% 19.998%, 91.757% 19.998%, 92.401% 25.066%, 93.157% 31.043%, 93.993% 37.671%, 94.878% 44.694%, 95.778% 51.853%, 96.663% 58.892%, 97.5% 65.552%, 98.256% 71.578%, 98.9% 76.711%, 99.4% 80.694%, 99.4% 80.694%, 99.686% 83.954%, 99.711% 86.999%, 99.484% 89.799%, 99.016% 92.324%, 98.319% 94.543%, 97.402% 96.427%, 96.277% 97.944%, 94.954% 99.066%, 93.443% 99.761%, 91.757% 99.999%); background-color: var(--tabs-border-color); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle::after { clip-path: polygon(62.029% 49.999%, 62.029% 49.999%, 62.059% 49.157%, 62.147% 48.332%, 62.289% 47.532%, 62.483% 46.767%, 62.724% 46.046%, 63.01% 45.376%, 63.337% 44.768%, 63.702% 44.23%, 64.101% 43.771%, 64.531% 43.4%, 64.531% 43.4%, 64.984% 43.127%, 65.451% 42.954%, 65.924% 42.88%, 66.4% 42.903%, 66.87% 43.02%, 67.331% 43.229%, 67.775% 43.529%, 68.197% 43.917%, 68.59% 44.391%, 68.949% 44.949%, 68.949% 44.949%, 69.266% 45.582%, 69.535% 46.275%, 69.755% 47.018%, 69.925% 47.8%, 70.044% 48.611%, 70.11% 49.441%, 70.123% 50.278%, 70.081% 51.113%, 69.983% 51.935%, 69.828% 52.733%, 69.828% 52.733%, 69.617% 53.491%, 69.357% 54.194%, 69.052% 54.837%, 68.707% 55.413%, 68.327% 55.917%, 67.917% 56.342%, 67.483% 56.683%, 67.029% 56.934%, 66.561% 57.089%, 66.083% 57.142%, 66.083% 57.142%, 65.433% 57.047%, 64.814% 56.772%, 64.234% 56.334%, 63.702% 55.748%, 63.228% 55.029%, 62.82% 54.194%, 62.487% 53.257%, 62.239% 52.235%, 62.083% 51.144%, 62.029% 49.999%, 29.596% 49.999%, 29.65% 51.144%, 29.806% 52.235%, 30.055% 53.257%, 30.388% 54.194%, 30.796% 55.029%, 31.27% 55.748%, 31.801% 56.334%, 32.381% 56.772%, 33.001% 57.047%, 33.651% 57.142%, 33.651% 57.142%, 34.128% 57.089%, 34.597% 56.934%, 35.051% 56.683%, 35.485% 56.342%, 35.894% 55.917%, 36.274% 55.413%, 36.619% 54.837%, 36.925% 54.194%, 37.185% 53.491%, 37.396% 52.733%, 37.396% 52.733%, 37.551% 51.935%, 37.649% 51.113%, 37.691% 50.278%, 37.678% 49.441%, 37.612% 48.611%, 37.493% 47.8%, 37.323% 47.018%, 37.103% 46.275%, 36.834% 45.582%, 36.517% 44.949%, 36.517% 44.949%, 36.158% 44.391%, 35.764% 43.917%, 35.342% 43.529%, 34.898% 43.229%, 34.438% 43.02%, 33.967% 42.903%, 33.492% 42.88%, 33.018% 42.954%, 32.552% 43.127%, 32.099% 43.4%, 32.099% 43.4%, 31.669% 43.771%, 31.269% 44.23%, 30.905% 44.768%, 30.578% 45.376%, 30.292% 46.046%, 30.051% 46.767%, 29.857% 47.532%, 29.714% 48.332%, 29.627% 49.157%, 29.596% 49.999%, 29.596% 49.999%, 45.813% 49.999%, 45.867% 51.144%, 46.022% 52.235%, 46.271% 53.257%, 46.604% 54.194%, 47.012% 55.029%, 47.486% 55.748%, 48.018% 56.334%, 48.597% 56.772%, 49.217% 57.047%, 49.867% 57.142%, 49.867% 57.142%, 50.345% 57.089%, 50.813% 56.934%, 51.267% 56.683%, 51.701% 56.342%, 52.111% 55.917%, 52.49% 55.413%, 52.835% 54.837%, 53.141% 54.194%, 53.401% 53.491%, 53.612% 52.733%, 53.612% 52.733%, 53.767% 51.935%, 53.865% 51.113%, 53.907% 50.278%, 53.894% 49.441%, 53.828% 48.611%, 53.709% 47.8%, 53.539% 47.018%, 53.319% 46.275%, 53.05% 45.582%, 52.733% 44.949%, 52.733% 44.949%, 52.374% 44.391%, 51.98% 43.917%, 51.559% 43.529%, 51.115% 43.229%, 50.654% 43.02%, 50.183% 42.903%, 49.708% 42.88%, 49.234% 42.954%, 48.768% 43.127%, 48.315% 43.4%, 48.315% 43.4%, 47.885% 43.771%, 47.486% 44.23%, 47.121% 44.768%, 46.794% 45.376%, 46.508% 46.046%, 46.267% 46.767%, 46.073% 47.532%, 45.931% 48.332%, 45.843% 49.157%, 45.813% 49.999%, 45.813% 49.999%); background-color: var(--tabs-dots-bg); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:hover { background-color: var(--tabs-hover-bg); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:hover::before { background-color: var(--tabs-hover-border-color); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:focus:not(:active)::before { background-color: var(--tabs-focus-border-color); clip-path: polygon(91.757% 90.475%, 91.757% 90.475%, 92.465% 90.362%, 93.043% 90.038%, 93.5% 89.528%, 93.845% 88.855%, 94.089% 88.043%, 94.242% 87.117%, 94.311% 86.101%, 94.308% 85.018%, 94.242% 83.893%, 94.122% 82.749%, 94.122% 82.749%, 93.448% 77.378%, 92.696% 71.385%, 91.888% 64.946%, 91.045% 58.238%, 90.189% 51.436%, 89.344% 44.718%, 88.53% 38.26%, 87.77% 32.238%, 87.086% 26.829%, 86.499% 22.209%, 86.499% 22.209%, 85.967% 19.44%, 85.248% 17.076%, 84.359% 15.09%, 83.318% 13.456%, 82.144% 12.146%, 80.854% 11.134%, 79.466% 10.393%, 77.998% 9.897%, 76.469% 9.62%, 74.895% 9.533%, 74.895% 9.533%, 68.203% 9.533%, 61.511% 9.532%, 54.819% 9.531%, 48.127% 9.53%, 41.435% 9.529%, 34.743% 9.527%, 28.051% 9.526%, 21.359% 9.525%, 14.666% 9.524%, 7.974% 9.524%, 7.974% 9.524%, 7.266% 9.637%, 6.689% 9.961%, 6.232% 10.472%, 5.886% 11.145%, 5.642% 11.956%, 5.49% 12.882%, 5.42% 13.899%, 5.424% 14.981%, 5.49% 16.107%, 5.61% 17.25%, 5.61% 17.25%, 6.283% 22.621%, 7.036% 28.615%, 7.844% 35.054%, 8.687% 41.763%, 9.542% 48.564%, 10.388% 55.283%, 11.202% 61.741%, 11.962% 67.762%, 12.646% 73.171%, 13.233% 77.79%, 13.233% 77.79%, 13.764% 80.558%, 14.484% 82.922%, 15.372% 84.908%, 16.413% 86.542%, 17.588% 87.851%, 18.878% 88.862%, 20.266% 89.602%, 21.733% 90.097%, 23.263% 90.375%, 24.836% 90.461%, 24.836% 90.461%, 31.528% 90.462%, 38.22% 90.463%, 44.912% 90.464%, 51.605% 90.466%, 58.297% 90.468%, 64.989% 90.47%, 71.681% 90.472%, 78.373% 90.473%, 85.065% 90.475%, 91.757% 90.475%, 91.757% 99.999%, 91.757% 99.999%, 85.065% 99.999%, 78.373% 99.998%, 71.681% 99.996%, 64.989% 99.994%, 58.297% 99.992%, 51.605% 99.99%, 44.912% 99.988%, 38.22% 99.987%, 31.528% 99.986%, 24.836% 99.985%, 24.836% 99.985%, 23.078% 99.911%, 21.187% 99.632%, 19.219% 99.065%, 17.229% 98.126%, 15.274% 96.731%, 13.41% 94.798%, 11.691% 92.242%, 10.175% 88.979%, 8.918% 84.927%, 7.974% 80.001%, 7.974% 80.001%, 7.331% 74.933%, 6.575% 68.956%, 5.739% 62.328%, 4.854% 55.305%, 3.953% 48.146%, 3.069% 41.107%, 2.232% 34.447%, 1.475% 28.421%, 0.831% 23.288%, 0.332% 19.305%, 0.332% 19.305%, 0.045% 16.044%, 0.021% 12.998%, 0.248% 10.198%, 0.716% 7.673%, 1.414% 5.454%, 2.331% 3.571%, 3.456% 2.054%, 4.779% 0.933%, 6.288% 0.238%, 7.974% 0%, 7.974% 0%, 14.666% 0%, 21.359% 0.001%, 28.051% 0.002%, 34.743% 0.003%, 41.435% 0.005%, 48.127% 0.006%, 54.819% 0.007%, 61.511% 0.008%, 68.203% 0.009%, 74.895% 0.009%, 74.895% 0.009%, 76.653% 0.084%, 78.544% 0.363%, 80.513% 0.931%, 82.502% 1.87%, 84.457% 3.265%, 86.322% 5.199%, 88.04% 7.756%, 89.556% 11.019%, 90.814% 15.072%, 91.757% 19.998%, 91.757% 19.998%, 92.401% 25.066%, 93.157% 31.043%, 93.993% 37.671%, 94.878% 44.694%, 95.778% 51.853%, 96.663% 58.892%, 97.5% 65.552%, 98.256% 71.578%, 98.9% 76.711%, 99.4% 80.694%, 99.4% 80.694%, 99.686% 83.954%, 99.711% 86.999%, 99.484% 89.799%, 99.016% 92.324%, 98.319% 94.543%, 97.402% 96.427%, 96.277% 97.944%, 94.954% 99.066%, 93.443% 99.761%, 91.757% 99.999%); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:active { background-color: var(--tabs-pressed-bg); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:active::before { background-color: var(--tabs-pressed-border-color); } .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu .nav-item.focus::after, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu .nav-item:focus-within::after, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-menu .nav-item:has(a.focus)::after { display: none; } .nav-tabs:not(.navbar-nav) .tabdrop.open .dropdown-toggle, .nav-tabs:not(.navbar-nav) .tabdrop.show .dropdown-toggle { background-color: var(--tabs-pressed-bg); } .nav-tabs:not(.navbar-nav) .tabdrop.open .dropdown-toggle::before, .nav-tabs:not(.navbar-nav) .tabdrop.show .dropdown-toggle::before { background-color: var(--tabs-pressed-border-color); } .nav-tabs:not(.navbar-nav) .tabdrop.open .dropdown-toggle:hover, .nav-tabs:not(.navbar-nav) .tabdrop.show .dropdown-toggle:hover { background-color: var(--tabs-hover-bg); } .nav-tabs:not(.navbar-nav) .tabdrop.open .dropdown-toggle:hover::before, .nav-tabs:not(.navbar-nav) .tabdrop.show .dropdown-toggle:hover::before { background-color: var(--tabs-hover-border-color); } .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled { pointer-events: none; } .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle, .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle:focus, .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle:hover, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle:focus, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle:hover, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled:focus, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled:hover, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled:focus, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled:hover { background-color: var(--tabs-disabled-bg); } .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle::before, .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle:focus::before, .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle:hover::before, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle::before, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle:focus::before, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle:hover::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled:focus::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled:hover::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled:focus::before, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled:hover::before { background-color: var(--tabs-disabled-border-color); } .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle::after, .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle:focus::after, .nav-tabs:not(.navbar-nav) .tabdrop.disabled .dropdown-toggle:hover::after, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle::after, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle:focus::after, .nav-tabs:not(.navbar-nav) .tabdrop:disabled .dropdown-toggle:hover::after, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled::after, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled:focus::after, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle.disabled:hover::after, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled::after, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled:focus::after, .nav-tabs:not(.navbar-nav) .tabdrop .dropdown-toggle:disabled:hover::after { background-color: var(--tabs-dots-disabled-bg); } .nav-tabs:not(.navbar-nav).nav-tabs-primary { width: 100%; height: 5.8rem; padding-left: 1.6rem; top: 0; border-radius: var(--radius-sm) var(--radius-sm) 0 0; border-bottom: 0.1rem solid var(--module-container-divider); background-color: var(--tabs-content-bg); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item { margin: 0; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a { height: 5.8rem; padding: 1.6rem; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a::before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a::after { display: none; clip-path: unset; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a::before { width: calc(100% - 3.2rem); height: 0.4rem; left: 1.6rem; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a:hover, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a.hover { color: var(--tabs-hover-text-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a:focus:not(:active), .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a.focus:not(:active) { outline: 0; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a:focus:not(:active):after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a.focus:not(:active):after { display: flex; width: 100%; height: 3rem; bottom: unset; border: 0.2rem solid var(--tabs-focus-border-color); background-color: rgba(0, 0, 0, 0); clip-path: unset; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a:active:focus:after { display: none; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.active a, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.pressed a, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:active:not(.disabled) a { color: var(--tabs-text-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.active a::before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.pressed a::before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:active:not(.disabled) a::before { display: flex; background-color: var(--tabs-content-border-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.focus::after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:focus-within::after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:has(a.focus)::after { display: none; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.pressed a, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.pressed a::after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.pressed a::before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:active:not(.disabled) a, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:active:not(.disabled) a::after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:active:not(.disabled) a::before { border-bottom: 0; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.disabled a, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item.disabled a:focus, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:disabled a, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item:disabled a:focus, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a.disabled, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a.disabled:focus, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a:disabled, .nav-tabs:not(.navbar-nav).nav-tabs-primary .nav-item a:disabled:focus { color: var(--tabs-disabled-text-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown-menu a { justify-content: start; border-radius: 0; box-shadow: none; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown-menu a:focus:not(:active), .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown-menu a.focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--tabs-focus-border-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu { top: 5.7rem; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item { display: block; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item.active a, .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item:active a { box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-selected-border-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item.active a::before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item:active a::before { display: none; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item a { border-radius: var(--radius-sm); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item a:hover { box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item a:focus:not(:active), .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item a.focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item a:focus:not(:active):after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item a.focus:not(:active):after { display: none; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .dropdown .dropdown-menu .nav-item a:active { box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary + .tab-content { border-radius: 0 0 var(--radius-sm) var(--radius-sm); border-top: 0.1rem solid var(--tabs-content-primary-border-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop { position: relative; right: auto; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle { width: 5.8rem; padding: 1.6rem; top: 1.3rem; background-color: rgba(0, 0, 0, 0); clip-path: unset; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle::before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle::after { display: none; background-color: rgba(0, 0, 0, 0); clip-path: unset; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle .icon-align-justify { left: 1.6rem; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle .icon-align-justify, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle .icon-align-justify::before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle .icon-align-justify::after { display: flex; content: ""; width: 0.5rem; height: 0.5rem; position: absolute; top: calc(50% - 0.25rem); text-indent: 9999px; background-color: var(--tabs-text-color); border-radius: 100%; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle .icon-align-justify:before { left: 1rem; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle .icon-align-justify:after { left: 2rem; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle:hover .icon-align-justify, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle:hover .icon-align-justify:after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle:hover .icon-align-justify:before { background-color: var(--tabs-hover-text-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle:focus:not(:active), .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle.focus:not(:active) { outline: 0; } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle:focus:not(:active):after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle.focus:not(:active):after { content: ""; display: block; position: absolute; width: 100%; height: 3rem; top: calc(50% - 1.5rem); left: 0; border: 0.2rem solid var(--tabs-focus-border-color); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop.open .dropdown-toggle, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop.show .dropdown-toggle { background-color: rgba(0, 0, 0, 0); } .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop.disabled .dropdown-toggle .icon-align-justify, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop.disabled .dropdown-toggle .icon-align-justify:after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop.disabled .dropdown-toggle .icon-align-justify:before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop:disabled .dropdown-toggle .icon-align-justify, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop:disabled .dropdown-toggle .icon-align-justify:after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop:disabled .dropdown-toggle .icon-align-justify:before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle.disabled .icon-align-justify, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle.disabled .icon-align-justify:after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle.disabled .icon-align-justify:before, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle:disabled .icon-align-justify, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle:disabled .icon-align-justify:after, .nav-tabs:not(.navbar-nav).nav-tabs-primary .tabdrop .dropdown-toggle:disabled .icon-align-justify:before { background-color: var(--tabs-disabled-text-color); } .breadcrumb { padding: 0 1.6rem; background: rgba(0, 0, 0, 0); } .breadcrumb li { display: inline-block; font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; } .breadcrumb li > a { color: var(--breadcrumb-color); text-decoration: none; } .breadcrumb li > a:hover { text-decoration: underline; } .breadcrumb li.active, .breadcrumb li.active > a { color: var(--breadcrumb-selected-color); } .breadcrumb li.active > a { pointer-events: none; cursor: default; } .breadcrumb li.active > a:hover { text-decoration: none; } .breadcrumb li.disabled { color: var(--breadcrumb-disabled-color); } .breadcrumb li.disabled > a, .breadcrumb li.disabled > a:hover .breadcrumb li.disabled > a:focus { cursor: default; outline: none; color: var(--breadcrumb-disabled-color); text-decoration: none; } .breadcrumb li.disabled + li::before { background-color: var(--breadcrumb-disabled-color); } .breadcrumb li + li::before { display: inline-block; position: relative; content: ""; top: 0.4rem; padding: 0; margin: 0 0.8rem; height: 0.5rem; width: 0.8rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 0.8rem 0.5rem; mask-size: 0.8rem 0.5rem; -webkit-mask-image: url('arrow-small.svg'); mask-image: url('arrow-small.svg'); background-color: var(--caret-default-bg); transform: rotate(-90deg); transform-origin: 0% 0%; } body { padding-top: 10.5rem; } body.nav-space { padding-top: 16.5rem; } @media (max-width: 769px) { body.nav-space { padding-top: 10.5rem; } } .navbar { position: fixed; height: auto; min-height: 6.4rem; min-width: 32rem; margin-bottom: 1.5rem; padding: 0; left: 0; right: 0; top: 0; box-shadow: var(--navigation-default-shadow); z-index: 1000; } .navbar .dropdown .dropdown-toggle .caret { position: absolute; height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-default-bg); } .navbar .dropdown .dropdown-toggle::before { display: none; } .navbar .dropdown.open > .dropdown-toggle { background-color: var(--navigation-default-item-dropdown-open-bg); } .navbar .dropdown.open > .dropdown-toggle .caret { background-color: var(--navigation-default-dropdown-open-icon-bg); transform: rotate(180deg); } .navbar .dropdown.open > .dropdown-toggle .vismaicon::before { background-color: var(--navigation-default-dropdown-open-icon-bg); } .navbar .dropdown.user-dropdown.open .dropdown-toggle small, .navbar .dropdown.user-dropdown.show .dropdown-toggle small { color: var(--navigation-default-item-dropdown-open-small-text-color); } .navbar .dropdown.user-dropdown .dropdown-toggle { overflow: hidden; flex-direction: column; justify-content: center; align-items: flex-start; gap: unset; min-width: 30rem; padding: 0.5rem 5rem 0.7rem 3rem; line-height: 2.2; white-space: nowrap; text-overflow: ellipsis; } .navbar .dropdown.user-dropdown .dropdown-toggle > small { display: block; overflow: hidden; max-width: 22rem; height: 1.6rem; margin-top: -0.7rem; margin-bottom: 0.8rem; font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; line-height: 1; text-overflow: ellipsis; white-space: nowrap; } .navbar .dropdown.user-dropdown .dropdown-toggle .caret { position: absolute; top: 3rem; right: 2rem; } .navbar .dropdown.user-dropdown .dropdown-toggle .vismaicon { display: none; } .navbar .dropdown.user-dropdown.icon .dropdown-toggle { width: 4.8rem; min-width: unset; padding: 1.2rem; } .navbar .dropdown.user-dropdown.icon .dropdown-toggle .vismaicon { display: inline-block; } .navbar .dropdown.user-dropdown.icon.open .dropdown-toggle, .navbar .dropdown.user-dropdown.icon.show .dropdown-toggle { margin: 0; padding: 2rem 4rem 2rem 1.6rem; } .navbar .dropdown.user-dropdown .dropdown-menu { top: 100%; margin-top: 0.1rem; padding: 1.6rem 0; z-index: 1; } .navbar .dropdown.user-dropdown .dropdown-menu > li { padding: 0 1.6rem; margin-bottom: 0.2rem; } .navbar .dropdown.user-dropdown .dropdown-menu > li > * { padding: 0 1.6rem; white-space: normal; } .navbar .dropdown.user-dropdown .dropdown-menu > li > p > a { color: var(--anchor-color); padding: 0; display: initial; border-radius: 0; border: 0; } .navbar .dropdown.user-dropdown .dropdown-menu > li > p > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: underline; } .navbar .dropdown.user-dropdown .dropdown-menu > li > a { padding: 0.8rem 1.6rem; font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; line-height: 1.4285714; } .navbar .dropdown.user-dropdown .dropdown-menu > li > a.log-out-link { padding-left: 5.8rem; position: relative; top: 0; } .navbar .dropdown.user-dropdown .dropdown-menu > li > a.log-out-link::before { content: ""; width: 1.6rem; height: 1.6rem; display: block; position: absolute; left: 3.2rem; top: 1rem; } .navbar .dropdown.user-dropdown .dropdown-menu .btn { display: flex; width: calc(100% - 3.2rem); margin: 0 1.6rem; } .navbar .dropdown.user-dropdown .dropdown-menu .divider { padding: 1.6rem 3.2rem; cursor: default; pointer-events: none; } .navbar .dropdown.user-dropdown .dropdown-menu .divider::after { content: ""; display: block; height: 0.1rem; width: 100%; margin: 0; background-position: bottom left; background-repeat: repeat-x; background-size: 0.6rem 0.1rem; background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(to right, var(--navigation-default-dropdown-divider-color-dotted) 10%, rgba(0, 0, 0, 0) 0%); } .navbar .dropdown.user-dropdown .dropdown-menu .divider.divider-strong::after { background: var(--navigation-default-dropdown-divider-color-strong); } .navbar .dropdown.user-dropdown .company-selection-area.one-context { display: none; } .navbar .dropdown.user-dropdown .company-selection-area.one-context + .divider { display: none; } .navbar .dropdown.user-dropdown .user-details-area { cursor: default; } .navbar .dropdown.user-dropdown .user-details-area > div { display: flex; align-items: center; padding: 0 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navbar .dropdown.user-dropdown .user-details-area > div .user-img { width: 4.8rem; height: 4.8rem; flex: 0 0 4.8rem; } .navbar .dropdown.user-dropdown .user-details-area > div .user-text { padding-left: 1.2rem; } .navbar .dropdown.user-dropdown .user-details-area > div .user-text span { display: block; width: 92%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navbar .dropdown.shopping-cart:not(.icon) .badge { position: absolute; top: 0.4rem; left: 1.8rem; } .navbar .dropdown.shopping-cart.icon .vismaicon { margin-right: 0; } .navbar .dropdown .dropdown-menu { position: absolute; overflow-y: auto; max-height: calc(100vh - 7.2rem); min-width: 30rem; right: 0; left: auto; } .navbar .dropdown .icon:last-child:not(.user-dropdown) { margin-right: 2rem; } .navbar .dropdown .icon.open > .dropdown-toggle, .navbar .dropdown .icon.show > .dropdown-toggle { height: 6.4rem; margin: 0; padding: 2rem 4rem 2rem 1.6rem; color: var(--navigation-default-item-dropdown-open-text-color); background-color: var(--navigation-default-item-dropdown-open-bg); } .navbar .dropdown .icon.open > .dropdown-toggle .badge, .navbar .dropdown .icon.show > .dropdown-toggle .badge { top: 0.4rem; left: 2.4rem; } .navbar .dropdown .icon.open > .dropdown-toggle .vismaicon::before, .navbar .dropdown .icon.show > .dropdown-toggle .vismaicon::before { background-color: var(--navigation-default-dropdown-open-icon-bg); } .navbar .dropdown .icon.active:not(.open):not(.show) > a::after, .navbar .dropdown .icon.active:not(.open):not(.show) > button::after { display: block; } .navbar .dropdown-menu { top: 100%; z-index: 1; } .navbar .has-children { position: relative; } .navbar .navbar-collapse .first-level .disabled .search-group input.form-control[type=text], .navbar .navbar-collapse .first-level .disabled .search-group input.form-control[type=search], .navbar .navbar-collapse .first-level .disabled .search-group.search-group-primary input.form-control[type=text], .navbar .navbar-collapse .first-level .disabled .search-group.search-group-primary input.form-control[type=search], .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group input.form-control[type=text], .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group input.form-control[type=search], .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group.search-group-primary input.form-control[type=text], .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group.search-group-primary input.form-control[type=search] { border-color: var(--navigation-brand-search-disabled-border-color); background-color: var(--navigation-brand-search-disabled-bg); } .navbar .navbar-collapse .first-level .disabled .search-group input.form-control[type=text], .navbar .navbar-collapse .first-level .disabled .search-group input.form-control[type=text]::placeholder, .navbar .navbar-collapse .first-level .disabled .search-group input.form-control[type=search], .navbar .navbar-collapse .first-level .disabled .search-group input.form-control[type=search]::placeholder, .navbar .navbar-collapse .first-level .disabled .search-group.search-group-primary input.form-control[type=text], .navbar .navbar-collapse .first-level .disabled .search-group.search-group-primary input.form-control[type=text]::placeholder, .navbar .navbar-collapse .first-level .disabled .search-group.search-group-primary input.form-control[type=search], .navbar .navbar-collapse .first-level .disabled .search-group.search-group-primary input.form-control[type=search]::placeholder, .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group input.form-control[type=text], .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group input.form-control[type=text]::placeholder, .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group input.form-control[type=search], .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group input.form-control[type=search]::placeholder, .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group.search-group-primary input.form-control[type=text], .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group.search-group-primary input.form-control[type=text]::placeholder, .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group.search-group-primary input.form-control[type=search], .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group.search-group-primary input.form-control[type=search]::placeholder { color: var(--navigation-default-disabled-text-color); } .navbar .navbar-collapse .first-level .disabled .search-group .search-icon::before, .navbar .navbar-collapse .first-level .disabled .search-group .clear-search::before, .navbar .navbar-collapse .first-level .disabled .search-group.search-group-primary .search-icon::before, .navbar .navbar-collapse .first-level .disabled .search-group.search-group-primary .clear-search::before, .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group .search-icon::before, .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group .clear-search::before, .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group.search-group-primary .search-icon::before, .navbar .navbar-collapse .first-level .disabled.navbar-form .search-group.search-group-primary .clear-search::before { background-color: var(--navigation-default-disabled-icon-bg); } .navbar .navbar-collapse .first-level > .user-dropdown .dropdown-menu .vismaicon::before { background-color: var(--icon-bg); } .navbar-collapse { position: relative; width: 100%; } .navbar-collapse .nav { margin: 0; padding: 0; list-style: none; } .navbar-collapse .nav li { float: left; } .navbar-collapse .nav li > a, .navbar-collapse .nav li > button { display: block; font: 1.6rem/1.4 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; line-height: 1.5; text-decoration: none; } .navbar-collapse .first-level { position: static; float: left; max-height: 6.4rem; } .navbar-collapse .first-level:not(.navbar-right) .fl-menu-item.has-children .caret { display: none; } .navbar-collapse .first-level.navbar-right { position: relative; float: right; } .navbar-collapse .first-level.navbar-right .navbar-form.navbar-form-shortened input.form-control { max-width: 15rem; } .navbar-collapse .first-level.navbar-right .navbar-form input.form-control { padding-right: 4rem; } .navbar-collapse .first-level.navbar-right .dropdown { margin: 0; } .navbar-collapse .first-level.navbar-right .dropdown.open { position: relative; } .navbar-collapse .first-level.navbar-right .dropdown.open .dropdown-toggle::after, .navbar-collapse .first-level.navbar-right .dropdown.open .dropdown-toggle::before { display: none; } .navbar-collapse .first-level.navbar-right .dropdown.open .dropdown-toggle .caret { background-color: var(--navigation-default-dropdown-open-icon-bg); } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown.open .dropdown-menu { display: flex; } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu { flex-direction: row-reverse; flex-wrap: nowrap; align-items: center; gap: 0.8rem; padding: 0 0.8rem; } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon { overflow: visible; float: none; width: auto; width: unset; margin: 0; } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button { position: relative; cursor: pointer; overflow: visible; width: 4.8rem; height: 4.8rem; margin: 0.8rem 0.4rem; padding: 1.2rem; border: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; z-index: 1; } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a::before, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a::after, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button::before, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button::after { display: none; position: absolute; content: ""; width: 100%; height: 100%; top: 0; right: 0; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; z-index: -1; } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a:before, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button:before { -webkit-mask-image: url('squerkle-border-thin.svg'); mask-image: url('squerkle-border-thin.svg'); z-index: 0; } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a:after, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button:after { -webkit-mask-image: url('squerkle-mask.svg'); mask-image: url('squerkle-mask.svg'); } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a:focus:not(:active), .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button:focus:not(:active) { outline: none; } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a:focus:not(:active)::before, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button:focus:not(:active)::before { display: block; background-color: var(--navbar-brand-item-focus-border-color); -webkit-mask-image: url('squerkle-border-thick.svg'); mask-image: url('squerkle-border-thick.svg'); } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a:hover::after, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button:hover::after { display: block; background-color: var(--navigation-secondary-item-hover-bg); } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a:hover::before, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button:hover::before { display: block; background-color: var(--dropdown-menu-hover-border-color); } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > a .vismaicon, .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon > button .vismaicon { display: inline-block; margin: 0; top: 0; } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon .vismaicon::before { background-color: var(--navigation-default-dropdown-open-icon-bg); } .navbar-collapse .first-level.navbar-right .dropdown.icon-dropdown .dropdown-menu > li.icon .badge { position: absolute; margin: 0; right: -0.8rem; } .navbar-collapse .first-level > li > a, .navbar-collapse .first-level > li > button { height: 6.4rem; padding: 2rem 1.6rem; font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; font-weight: 400; outline: 0; } .navbar-collapse .first-level > li.active ul.second-level { display: block; margin: 0; padding: 0; } .navbar-collapse .first-level > li.disabled > a, .navbar-collapse .first-level > li.disabled > button { pointer-events: none; } .navbar-collapse .first-level > li.icon.active > a::before, .navbar-collapse .first-level > li.icon.active > a::after, .navbar-collapse .first-level > li.icon.active > button::before, .navbar-collapse .first-level > li.icon.active > button::after { display: block; } .navbar-collapse .first-level > li.icon > a, .navbar-collapse .first-level > li.icon > button { position: relative; cursor: pointer; width: 4.8rem; height: 4.8rem; margin: 0.8rem 0.4rem; padding: 1.2rem; border: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; } .navbar-collapse .first-level > li.icon > a::before, .navbar-collapse .first-level > li.icon > a::after, .navbar-collapse .first-level > li.icon > button::before, .navbar-collapse .first-level > li.icon > button::after { display: none; position: absolute; content: ""; width: 100%; height: 100%; top: 0; right: 0; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; z-index: -1; } .navbar-collapse .first-level > li.icon > a:before, .navbar-collapse .first-level > li.icon > button:before { -webkit-mask-image: url('squerkle-border-thin.svg'); mask-image: url('squerkle-border-thin.svg'); z-index: 0; } .navbar-collapse .first-level > li.icon > a:after, .navbar-collapse .first-level > li.icon > button:after { -webkit-mask-image: url('squerkle-mask.svg'); mask-image: url('squerkle-mask.svg'); } .navbar-collapse .first-level > li.icon > a:focus:not(:active), .navbar-collapse .first-level > li.icon > button:focus:not(:active) { outline: none; } .navbar-collapse .first-level > li.icon > a:focus:not(:active)::before, .navbar-collapse .first-level > li.icon > button:focus:not(:active)::before { -webkit-mask-image: url('squerkle-border-thick.svg'); mask-image: url('squerkle-border-thick.svg'); display: block; } .navbar-collapse .first-level > li.icon > a:hover::after, .navbar-collapse .first-level > li.icon > button:hover::after { display: block; } .navbar-collapse .first-level > li.icon > a:hover::before, .navbar-collapse .first-level > li.icon > button:hover::before { display: block; } .navbar-collapse .first-level > li.icon > a.dropdown-toggle, .navbar-collapse .first-level > li.icon > button.dropdown-toggle { position: relative; width: 4.8rem; min-width: 1%; height: 4.8rem; margin: 0.8rem 0.4rem; padding: 1.2rem; font-size: 0rem; text-indent: -999.9rem; } .navbar-collapse .first-level > li.icon > a.dropdown-toggle > .caret, .navbar-collapse .first-level > li.icon > button.dropdown-toggle > .caret { display: none; } .navbar-collapse .first-level > li.icon > a.dropdown-toggle:focus, .navbar-collapse .first-level > li.icon > button.dropdown-toggle:focus { outline: none; } .navbar-collapse .first-level > li.icon > a .badge, .navbar-collapse .first-level > li.icon > button .badge { position: absolute; overflow: hidden; top: -0.4rem; left: 2rem; margin: 0; font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; text-indent: 0; z-index: 1; } .navbar-collapse .first-level > li.icon > a .vismaicon, .navbar-collapse .first-level > li.icon > button .vismaicon { display: inline-block; margin-right: 0; top: 0; } .navbar-collapse .first-level > li.icon.attention { position: relative; } .navbar-collapse .first-level > li.icon.attention::before { content: ""; display: block; position: absolute; top: 1.6rem; right: 1.2rem; width: 0.8rem; height: 0.8rem; border-radius: 0.4rem; background-color: var(--navigation-default-attention-bg); z-index: 3; } .navbar-collapse .first-level > li.dropdown.open .dropdown-toggle, .navbar-collapse .first-level > li.dropdown.open.icon .dropdown-toggle { color: var(--navigation-default-item-dropdown-open-text-color); } .navbar-collapse .first-level > li.dropdown.open .dropdown-toggle:hover, .navbar-collapse .first-level > li.dropdown.open.icon .dropdown-toggle:hover { background-color: var(--navigation-secondary-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .navbar-collapse .first-level > li.dropdown.open .dropdown-toggle:focus:not(:active), .navbar-collapse .first-level > li.dropdown.open.icon .dropdown-toggle:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--navbar-brand-item-focus-border-color); } .navbar-collapse .first-level > li.dropdown.open .dropdown-toggle:active, .navbar-collapse .first-level > li.dropdown.open.icon .dropdown-toggle:active { background-color: var(--button-pressed-bg); box-shadow: none; } .navbar-collapse .first-level > li.dropdown.open .dropdown-toggle .vismaicon::before, .navbar-collapse .first-level > li.dropdown.open.icon .dropdown-toggle .vismaicon::before { background-color: var(--navigation-default-dropdown-open-icon-bg); } .navbar-collapse .first-level > li.dropdown.open.icon .dropdown-toggle { gap: 0; width: auto; height: 6.4rem; padding: 2rem 1.6rem; margin: 0; } .navbar-collapse .first-level > li.dropdown.open.icon .dropdown-toggle .badge { top: 0.4rem; left: 2.4rem; } .navbar-collapse .first-level > li.menudrop { position: relative; height: 6.4rem; } .navbar-collapse .first-level > li.menudrop > .dropdown-toggle { display: inline-block; width: 6.4rem; height: 6.4rem; } .navbar-collapse .first-level > li.menudrop > .dropdown-toggle::before { display: none; } .navbar-collapse .first-level > li.menudrop > .dropdown-toggle .icon-align-justify { position: absolute; width: 0.5rem; height: 0.5rem; top: 3rem; left: 3rem; border-radius: 0.5rem; } .navbar-collapse .first-level > li.menudrop > .dropdown-toggle .icon-align-justify::before, .navbar-collapse .first-level > li.menudrop > .dropdown-toggle .icon-align-justify::after { content: ""; position: absolute; display: block; width: 0.5rem; height: 0.5rem; top: -0.8rem; border-radius: 0.5rem; } .navbar-collapse .first-level > li.menudrop > .dropdown-toggle .icon-align-justify::after { top: 0.8rem; } .navbar-collapse .first-level > li.menudrop.open .dropdown-toggle .icon-align-justify, .navbar-collapse .first-level > li.menudrop.open .dropdown-toggle .icon-align-justify::before, .navbar-collapse .first-level > li.menudrop.open .dropdown-toggle .icon-align-justify::after { background-color: var(--navigation-default-hamburger-open-bg); } .navbar-collapse .first-level > li .dropdown-toggle { display: flex; flex-direction: row; align-items: center; gap: 1.6rem; } .navbar-collapse .first-level > li .dropdown-toggle .caret { position: static; margin-inline-start: auto; } .navbar-collapse .first-level .navbar-form { padding: 1.6rem 1.2rem; } .navbar-collapse .first-level .navbar-form .search-group { margin-bottom: 0; } .navbar-collapse .second-level { display: none; position: absolute; width: 100%; right: auto; bottom: auto; left: 0; background: var(--navigation-default-second-level-bg); box-shadow: var(--navigation-default-second-level-shadow); } .navbar-collapse .second-level > li { display: inline-block; vertical-align: middle; padding: 1.2rem 0; margin: 0; } .navbar-collapse .second-level > li > a, .navbar-collapse .second-level > li > button { display: flex; flex-direction: row; align-items: center; gap: 0.8rem; height: 2.4rem; padding: 0 1.6rem; color: var(--navigation-default-dropdown-text-color); font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); } .navbar-collapse .second-level > li > a.dropdown-toggle .caret, .navbar-collapse .second-level > li > button.dropdown-toggle .caret { display: inline-block; position: initial; height: 0.5rem; width: 0.8rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 0.8rem 0.5rem; mask-size: 0.8rem 0.5rem; -webkit-mask-image: url('arrow-small.svg'); mask-image: url('arrow-small.svg'); background-color: var(--caret-default-bg); } .navbar-collapse .second-level > li > a:hover, .navbar-collapse .second-level > li > button:hover { text-decoration: underline; color: var(--anchor-hover-color); background-color: rgba(0, 0, 0, 0); } .navbar-collapse .second-level > li > a:hover.dropdown-toggle > .caret, .navbar-collapse .second-level > li > button:hover.dropdown-toggle > .caret { background-color: var(--anchor-hover-color); } .navbar-collapse .second-level > li > a:focus, .navbar-collapse .second-level > li > button:focus { outline: 0.2rem solid var(--anchor-focus-outline); outline-offset: 0rem; } .navbar-collapse .second-level > li.active > a, .navbar-collapse .second-level > li.active > button { font-weight: 700; } .navbar-collapse .second-level > li.disabled > a, .navbar-collapse .second-level > li.disabled > button { pointer-events: none; color: var(--anchor-disabled-color); } .navbar-collapse .second-level > li.open .third-level { overflow-y: auto; width: auto; min-width: 15rem; min-height: 9.2rem; max-height: calc(100vh - 18rem); padding: 1.2rem 0; } @media (min-height: 980px) { .navbar-collapse .second-level > li.open .third-level { max-height: 800px; } } .navbar-collapse .second-level > li.open .third-level > li { padding: 0.2rem 1.2rem; } .navbar-collapse .second-level > li.open .third-level > li > a, .navbar-collapse .second-level > li.open .third-level > li > button { padding: 1rem 2.2rem; } .navbar-collapse .second-level > li.open:first-child .dropdown-menu { right: auto; left: 0; } .navbar.is-mobile .navbar-collapse .first-level.navbar-right { position: static; } .navbar.is-mobile .navbar-collapse .first-level.navbar-right .user-dropdown .company-selection { max-width: none; width: 100%; top: 6.4rem; padding: 1.2rem; } .navbar.is-mobile .navbar-collapse .first-level .menudrop, .navbar.is-mobile .navbar-collapse .first-level .dropdown { position: static; } .navbar.is-mobile .navbar-collapse .first-level .menudrop .icon-align-justify, .navbar.is-mobile .navbar-collapse .first-level .menudrop .icon-align-justify::before, .navbar.is-mobile .navbar-collapse .first-level .menudrop .icon-align-justify::after, .navbar.is-mobile .navbar-collapse .first-level .dropdown .icon-align-justify, .navbar.is-mobile .navbar-collapse .first-level .dropdown .icon-align-justify::before, .navbar.is-mobile .navbar-collapse .first-level .dropdown .icon-align-justify::after { content: ""; display: block; position: absolute; width: 2.4rem; height: 0.2rem; left: 2.4rem; top: 3.2rem; border-radius: 0.8rem; background: var(--navigation-default-hamburger-bg); transition: transform 0.3s ease-in-out; } .navbar.is-mobile .navbar-collapse .first-level .menudrop .icon-align-justify::before, .navbar.is-mobile .navbar-collapse .first-level .dropdown .icon-align-justify::before { top: -0.8rem; left: 0; } .navbar.is-mobile .navbar-collapse .first-level .menudrop .icon-align-justify::after, .navbar.is-mobile .navbar-collapse .first-level .dropdown .icon-align-justify::after { bottom: -0.8rem; top: auto; left: 0; } .navbar.is-mobile .navbar-collapse .first-level .menudrop.open .icon-align-justify, .navbar.is-mobile .navbar-collapse .first-level .dropdown.open .icon-align-justify { background-color: rgba(0, 0, 0, 0); } .navbar.is-mobile .navbar-collapse .first-level .menudrop.open .icon-align-justify::before, .navbar.is-mobile .navbar-collapse .first-level .menudrop.open .icon-align-justify::after, .navbar.is-mobile .navbar-collapse .first-level .dropdown.open .icon-align-justify::before, .navbar.is-mobile .navbar-collapse .first-level .dropdown.open .icon-align-justify::after { background: var(--navigation-default-hamburger-open-bg); } .navbar.is-mobile .navbar-collapse .first-level .menudrop.open .icon-align-justify::before, .navbar.is-mobile .navbar-collapse .first-level .dropdown.open .icon-align-justify::before { transform: rotate(45deg); top: -1px; left: 0px; } .navbar.is-mobile .navbar-collapse .first-level .menudrop.open .icon-align-justify::after, .navbar.is-mobile .navbar-collapse .first-level .dropdown.open .icon-align-justify::after { transform: rotate(-45deg); bottom: 0; left: 0px; } .navbar.is-mobile .navbar-collapse .first-level .menudrop.open .navbar-brand > a:not(.dropdown-toggle) .caret, .navbar.is-mobile .navbar-collapse .first-level .dropdown.open .navbar-brand > a:not(.dropdown-toggle) .caret { display: none; } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu { width: 100%; padding: 0; top: 6.4rem; } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li { padding: 0; } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li a, .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li button { position: relative; display: flex; flex-direction: row; align-items: center; gap: 0.8rem; padding: 1.2rem 1.6rem; line-height: 2.4rem; border-radius: 0; } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li a .caret, .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li button .caret { margin-inline-start: auto; } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li a.dropdown-toggle, .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li button.dropdown-toggle { box-shadow: none; } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li a:hover, .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li button:hover { text-decoration: none; background-color: var(--navigation-secondary-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li a:focus:not(:active), .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li button:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--navbar-brand-item-focus-border-color); } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li a:active, .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li button:active { background-color: var(--button-pressed-bg); box-shadow: none; } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li.active.is-open .fl-menu-item.has-children:not(:focus):not(:hover):not(:active), .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li.active.open .fl-menu-item.has-children:not(:focus):not(:hover):not(:active) { box-shadow: none; } .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li.active.is-open .fl-menu-item.has-children:not(:hover):not(:active), .navbar.is-mobile .navbar-collapse .first-level .dropdown-menu li.active.open .fl-menu-item.has-children:not(:hover):not(:active) { background-color: var(--dropdown-menu-bg); } .navbar.is-mobile .navbar-collapse .first-level .second-level > li a, .navbar.is-mobile .navbar-collapse .first-level .second-level > li button { padding: 1.2rem 1.6rem 1.2rem 3.2rem; } .navbar.is-mobile .navbar-collapse .first-level .second-level > li:hover { background-color: var(--dropdown-menu-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .navbar.is-mobile .navbar-collapse .first-level .second-level > li:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color); } .navbar.is-mobile .navbar-collapse .first-level .second-level > li:active { background-color: var(--button-pressed-bg); box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .navbar.is-mobile .navbar-collapse .first-level .second-level.active a, .navbar.is-mobile .navbar-collapse .first-level .second-level.active button { background-color: var(--dropdown-menu-selected-bg); } .navbar.is-mobile .navbar-collapse .first-level .second-level.active a:not(:hover), .navbar.is-mobile .navbar-collapse .first-level .second-level.active button:not(:hover) { box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-selected-border-color); } .navbar.is-mobile .navbar-collapse .first-level .third-level > li a, .navbar.is-mobile .navbar-collapse .first-level .third-level > li button { padding: 1.2rem 1.6rem 1.2rem 4.8rem; } .navbar.is-mobile .navbar-collapse .first-level .third-level > li a:hover, .navbar.is-mobile .navbar-collapse .first-level .third-level > li button:hover { box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .navbar.is-mobile .navbar-collapse .first-level .third-level > li a:focus:not(:active), .navbar.is-mobile .navbar-collapse .first-level .third-level > li button:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color); } .navbar.is-mobile .navbar-collapse .first-level .third-level > li a:active, .navbar.is-mobile .navbar-collapse .first-level .third-level > li button:active { box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .navbar.is-mobile .navbar-collapse .first-level .third-level > li.active a:not(:hover), .navbar.is-mobile .navbar-collapse .first-level .third-level > li.active button:not(:hover) { box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-selected-border-color); } .navbar.is-mobile .navbar-collapse .first-level .menudrop .second-level-children.is-open > a .caret, .navbar.is-mobile .navbar-collapse .first-level .menudrop .second-level-children.open > a .caret { transform: rotate(180deg); } .navbar.is-mobile .navbar-collapse .first-level .menudrop .second-level-children.is-open .second-level, .navbar.is-mobile .navbar-collapse .first-level .menudrop .second-level-children.open .second-level { display: block; } .navbar.is-mobile .navbar-collapse .first-level .menudrop > .dropdown-toggle { width: auto; padding-left: 6rem; font: 2rem/1.5 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; line-height: 1.2; } .navbar.is-mobile .navbar-collapse .first-level .menudrop > .dropdown-toggle::before { display: none; } .navbar.is-mobile .navbar-collapse .first-level .menudrop .fl-menu-item.has-children .caret { display: inline-block; } .navbar.is-mobile .navbar-collapse .first-level .navbar-brand .dropdown-toggle { display: flex; align-items: center; padding-left: 3.2rem !important; } .navbar.is-mobile .navbar-collapse .first-level .navbar-brand .dropdown-toggle .caret { position: static; margin-inline-start: auto; background-color: var(--navigation-default-dropdown-text-color); transform: rotate(90deg); } .navbar.is-mobile .navbar-collapse .first-level .navbar-brand.is-open .dropdown-toggle .caret { transform: rotate(-90deg); } .navbar.is-mobile .navbar-collapse .first-level .navbar-brand.is-open .dropdown-menu { display: block; top: 0; padding: 0; position: relative; } .navbar.is-mobile .navbar-collapse .first-level .navbar-brand.is-open .dropdown-menu .app-item { display: flex; align-items: center; height: 6.4rem; padding: 0.8rem 2.4rem 0.8rem 1.6rem; } .navbar.is-mobile .navbar-collapse .first-level .navbar-brand.is-open .dropdown-menu .app-item img { margin-right: 1.6rem; } .navbar.is-mobile .navbar-collapse .second-level { position: static; margin: 0; padding: 0; border: 0; box-shadow: none; } .navbar.is-mobile .navbar-collapse .second-level li { display: block; float: none; float: unset; padding: 0; } .navbar.is-mobile .navbar-collapse .second-level li a, .navbar.is-mobile .navbar-collapse .second-level li button { outline: 0; height: 4.8rem; color: var(--navigation-default-item-dropdown-open-text-color); font: 1.6rem/1.4 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; line-height: 2.4rem; } .navbar.is-mobile .navbar-collapse .second-level li .dropdown-menu { position: static; border: 0; box-shadow: none; } .navbar.is-mobile .navbar-collapse .second-level .active > a { box-shadow: none; } .navbar.navbar-default, .navbar.navbar-branded { background: var(--navigation-default-bg); } .navbar.navbar-default .navbar-brand > a, .navbar.navbar-default .navbar-brand > a.dropdown-toggle, .navbar.navbar-default .navbar-brand > button, .navbar.navbar-default .navbar-brand > button.dropdown-toggle, .navbar.navbar-branded .navbar-brand > a, .navbar.navbar-branded .navbar-brand > a.dropdown-toggle, .navbar.navbar-branded .navbar-brand > button, .navbar.navbar-branded .navbar-brand > button.dropdown-toggle { color: var(--navigation-default-item-text-color); } .navbar.navbar-default .navbar-brand > a .caret, .navbar.navbar-default .navbar-brand > a.dropdown-toggle .caret, .navbar.navbar-default .navbar-brand > button .caret, .navbar.navbar-default .navbar-brand > button.dropdown-toggle .caret, .navbar.navbar-branded .navbar-brand > a .caret, .navbar.navbar-branded .navbar-brand > a.dropdown-toggle .caret, .navbar.navbar-branded .navbar-brand > button .caret, .navbar.navbar-branded .navbar-brand > button.dropdown-toggle .caret { background-color: var(--navigation-default-icon-bg); } .navbar.navbar-default .navbar-brand > a:hover, .navbar.navbar-default .navbar-brand > a.dropdown-toggle:hover, .navbar.navbar-default .navbar-brand > button:hover, .navbar.navbar-default .navbar-brand > button.dropdown-toggle:hover, .navbar.navbar-branded .navbar-brand > a:hover, .navbar.navbar-branded .navbar-brand > a.dropdown-toggle:hover, .navbar.navbar-branded .navbar-brand > button:hover, .navbar.navbar-branded .navbar-brand > button.dropdown-toggle:hover { background-color: var(--navigation-default-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--navigation-default-item-hover-border-color); } .navbar.navbar-default .navbar-brand > a:focus:not(:active), .navbar.navbar-default .navbar-brand > a.dropdown-toggle:focus:not(:active), .navbar.navbar-default .navbar-brand > button:focus:not(:active), .navbar.navbar-default .navbar-brand > button.dropdown-toggle:focus:not(:active), .navbar.navbar-branded .navbar-brand > a:focus:not(:active), .navbar.navbar-branded .navbar-brand > a.dropdown-toggle:focus:not(:active), .navbar.navbar-branded .navbar-brand > button:focus:not(:active), .navbar.navbar-branded .navbar-brand > button.dropdown-toggle:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--navigation-default-item-focus-border-color); } .navbar.navbar-default .navbar-brand > a:active, .navbar.navbar-default .navbar-brand > a.dropdown-toggle:active, .navbar.navbar-default .navbar-brand > button:active, .navbar.navbar-default .navbar-brand > button.dropdown-toggle:active, .navbar.navbar-branded .navbar-brand > a:active, .navbar.navbar-branded .navbar-brand > a.dropdown-toggle:active, .navbar.navbar-branded .navbar-brand > button:active, .navbar.navbar-branded .navbar-brand > button.dropdown-toggle:active { background-color: var(--navigation-default-item-active-bg); box-shadow: none; } .navbar.navbar-default .navbar-collapse .first-level > li > a, .navbar.navbar-default .navbar-collapse .first-level > li > button, .navbar.navbar-branded .navbar-collapse .first-level > li > a, .navbar.navbar-branded .navbar-collapse .first-level > li > button { color: var(--navigation-default-item-text-color); } .navbar.navbar-default .navbar-collapse .first-level > li > a:hover, .navbar.navbar-default .navbar-collapse .first-level > li > button:hover, .navbar.navbar-branded .navbar-collapse .first-level > li > a:hover, .navbar.navbar-branded .navbar-collapse .first-level > li > button:hover { background-color: var(--navigation-default-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--navigation-default-item-hover-border-color); } .navbar.navbar-default .navbar-collapse .first-level > li > a:active, .navbar.navbar-default .navbar-collapse .first-level > li > button:active, .navbar.navbar-branded .navbar-collapse .first-level > li > a:active, .navbar.navbar-branded .navbar-collapse .first-level > li > button:active { background-color: var(--navigation-default-item-active-bg); box-shadow: none; } .navbar.navbar-default .navbar-collapse .first-level > li > a:focus:not(:active), .navbar.navbar-default .navbar-collapse .first-level > li > button:focus:not(:active), .navbar.navbar-branded .navbar-collapse .first-level > li > a:focus:not(:active), .navbar.navbar-branded .navbar-collapse .first-level > li > button:focus:not(:active) { outline: 0; box-shadow: inset 0 0 0 0.2rem var(--navigation-default-item-focus-border-color); } .navbar.navbar-default .navbar-collapse .first-level > li > a.dropdown-toggle .caret, .navbar.navbar-default .navbar-collapse .first-level > li > button.dropdown-toggle .caret, .navbar.navbar-branded .navbar-collapse .first-level > li > a.dropdown-toggle .caret, .navbar.navbar-branded .navbar-collapse .first-level > li > button.dropdown-toggle .caret { background-color: var(--navigation-default-icon-bg); } .navbar.navbar-default .navbar-collapse .first-level > li > * .vismaicon::before, .navbar.navbar-branded .navbar-collapse .first-level > li > * .vismaicon::before { background-color: var(--navigation-default-item-text-color); } .navbar.navbar-default .navbar-collapse .first-level > li.active > a, .navbar.navbar-default .navbar-collapse .first-level > li.active > button, .navbar.navbar-branded .navbar-collapse .first-level > li.active > a, .navbar.navbar-branded .navbar-collapse .first-level > li.active > button { background-color: var(--navigation-default-item-active-bg); } .navbar.navbar-default .navbar-collapse .first-level > li.active > a:hover, .navbar.navbar-default .navbar-collapse .first-level > li.active > button:hover, .navbar.navbar-branded .navbar-collapse .first-level > li.active > a:hover, .navbar.navbar-branded .navbar-collapse .first-level > li.active > button:hover { background-color: var(--navigation-default-item-hover-bg); } .navbar.navbar-default .navbar-collapse .first-level > li.active > a:active, .navbar.navbar-default .navbar-collapse .first-level > li.active > button:active, .navbar.navbar-branded .navbar-collapse .first-level > li.active > a:active, .navbar.navbar-branded .navbar-collapse .first-level > li.active > button:active { background-color: var(--navigation-default-item-active-bg); box-shadow: none; } .navbar.navbar-default .navbar-collapse .first-level > li.icon > a:hover, .navbar.navbar-default .navbar-collapse .first-level > li.icon > button:hover, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > a:hover, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > button:hover { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .navbar.navbar-default .navbar-collapse .first-level > li.icon > a:hover:after, .navbar.navbar-default .navbar-collapse .first-level > li.icon > button:hover:after, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > a:hover:after, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > button:hover:after { background-color: var(--navigation-default-item-hover-bg); } .navbar.navbar-default .navbar-collapse .first-level > li.icon > a:hover:before, .navbar.navbar-default .navbar-collapse .first-level > li.icon > button:hover:before, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > a:hover:before, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > button:hover:before { background-color: var(--navigation-default-item-hover-border-color); } .navbar.navbar-default .navbar-collapse .first-level > li.icon > a:focus:not(:active), .navbar.navbar-default .navbar-collapse .first-level > li.icon > button:focus:not(:active), .navbar.navbar-branded .navbar-collapse .first-level > li.icon > a:focus:not(:active), .navbar.navbar-branded .navbar-collapse .first-level > li.icon > button:focus:not(:active) { box-shadow: none; } .navbar.navbar-default .navbar-collapse .first-level > li.icon > a:focus:not(:active):before, .navbar.navbar-default .navbar-collapse .first-level > li.icon > button:focus:not(:active):before, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > a:focus:not(:active):before, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > button:focus:not(:active):before { background-color: var(--navigation-default-item-focus-border-color); } .navbar.navbar-default .navbar-collapse .first-level > li.icon > a:active, .navbar.navbar-default .navbar-collapse .first-level > li.icon > button:active, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > a:active, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > button:active { background-color: rgba(0, 0, 0, 0); } .navbar.navbar-default .navbar-collapse .first-level > li.icon > a:active:after, .navbar.navbar-default .navbar-collapse .first-level > li.icon > button:active:after, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > a:active:after, .navbar.navbar-branded .navbar-collapse .first-level > li.icon > button:active:after { background-color: var(--navigation-default-item-active-bg); } .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > a, .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > button, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > a, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > button { background-color: rgba(0, 0, 0, 0); } .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > a:after, .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > button:after, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > a:after, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > button:after { background-color: var(--navigation-default-item-active-bg); } .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > a:before, .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > button:before, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > a:before, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > button:before { background-color: var(--navigation-default-item-hover-border-color); } .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > a:hover:after, .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > button:hover:after, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > a:hover:after, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > button:hover:after { background-color: var(--navigation-default-item-hover-bg); } .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > a:hover:before, .navbar.navbar-default .navbar-collapse .first-level > li.icon.active > button:hover:before, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > a:hover:before, .navbar.navbar-branded .navbar-collapse .first-level > li.icon.active > button:hover:before { background-color: var(--navigation-default-item-focus-border-color); } .navbar.navbar-default .navbar-collapse .first-level > li.disabled > a, .navbar.navbar-default .navbar-collapse .first-level > li.disabled > button, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled > a, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled > button { opacity: 0.55; } .navbar.navbar-default .navbar-collapse .first-level > li.disabled.icon > a, .navbar.navbar-default .navbar-collapse .first-level > li.disabled.icon > button, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled.icon > a, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled.icon > button { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .navbar.navbar-default .navbar-collapse .first-level > li.disabled.icon > a::before, .navbar.navbar-default .navbar-collapse .first-level > li.disabled.icon > a::after, .navbar.navbar-default .navbar-collapse .first-level > li.disabled.icon > button::before, .navbar.navbar-default .navbar-collapse .first-level > li.disabled.icon > button::after, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled.icon > a::before, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled.icon > a::after, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled.icon > button::before, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled.icon > button::after { display: none; } .navbar.navbar-default .navbar-collapse .first-level > li.disabled.icon > a .vismaicon::before, .navbar.navbar-default .navbar-collapse .first-level > li.disabled.icon > button .vismaicon::before, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled.icon > a .vismaicon::before, .navbar.navbar-branded .navbar-collapse .first-level > li.disabled.icon > button .vismaicon::before { background-color: var(--navigation-default-item-text-color) !important; } .navbar.navbar-default .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify, .navbar.navbar-branded .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify { background: var(--navigation-default-hamburger-bg); } .navbar.navbar-default .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::before, .navbar.navbar-default .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::after, .navbar.navbar-branded .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::before, .navbar.navbar-branded .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::after { background: var(--navigation-default-hamburger-bg); } .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search], .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search] { border-color: var(--navigation-brand-search-border-color); background-color: var(--navigation-brand-search-bg); box-shadow: none; } .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover { border-color: var(--navigation-brand-search-hover-border-color); background-color: rgba(0, 0, 0, 0); } .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus { border-color: var(--navigation-brand-search-focus-border-color); background-color: rgba(0, 0, 0, 0); } .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus { box-shadow: inset 0 0 0 0.1rem var(--navigation-brand-search-focus-border-color); } .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text]::placeholder, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search]::placeholder, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]::placeholder, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search], .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]::placeholder, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text]::placeholder, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search]::placeholder, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]::placeholder, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search], .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]::placeholder { color: var(--navigation-default-item-text-color); } .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:focus { -webkit-text-fill-color: var(--navigation-default-item-text-color); box-shadow: inset 0 0 0 0.1rem var(--navigation-brand-search-focus-border-color), 0 0 0 100rem rgba(37, 38, 38, 0) inset !important; } .navbar.navbar-default .navbar-collapse .first-level .search-group .search-icon::before, .navbar.navbar-default .navbar-collapse .first-level .search-group .clear-search::before, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary .search-icon::before, .navbar.navbar-default .navbar-collapse .first-level .search-group.search-group-primary .clear-search::before, .navbar.navbar-branded .navbar-collapse .first-level .search-group .search-icon::before, .navbar.navbar-branded .navbar-collapse .first-level .search-group .clear-search::before, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary .search-icon::before, .navbar.navbar-branded .navbar-collapse .first-level .search-group.search-group-primary .clear-search::before { background-color: var(--navigation-default-icon-bg); } .navbar.navbar-default .user-dropdown > .dropdown-toggle small, .navbar.navbar-branded .user-dropdown > .dropdown-toggle small { color: var(--navigation-default-item-dropdown-small-text-color); } .navbar.navbar-primary, .navbar.navbar-inverted { background: var(--navigation-primary-bg); } .navbar.navbar-primary .navbar-brand > a, .navbar.navbar-primary .navbar-brand > a.dropdown-toggle, .navbar.navbar-primary .navbar-brand > button, .navbar.navbar-primary .navbar-brand > button.dropdown-toggle, .navbar.navbar-inverted .navbar-brand > a, .navbar.navbar-inverted .navbar-brand > a.dropdown-toggle, .navbar.navbar-inverted .navbar-brand > button, .navbar.navbar-inverted .navbar-brand > button.dropdown-toggle { color: var(--navigation-primary-item-text-color); } .navbar.navbar-primary .navbar-brand > a .caret, .navbar.navbar-primary .navbar-brand > a.dropdown-toggle .caret, .navbar.navbar-primary .navbar-brand > button .caret, .navbar.navbar-primary .navbar-brand > button.dropdown-toggle .caret, .navbar.navbar-inverted .navbar-brand > a .caret, .navbar.navbar-inverted .navbar-brand > a.dropdown-toggle .caret, .navbar.navbar-inverted .navbar-brand > button .caret, .navbar.navbar-inverted .navbar-brand > button.dropdown-toggle .caret { background-color: var(--navigation-primary-icon-bg); } .navbar.navbar-primary .navbar-brand > a:hover, .navbar.navbar-primary .navbar-brand > a.dropdown-toggle:hover, .navbar.navbar-primary .navbar-brand > button:hover, .navbar.navbar-primary .navbar-brand > button.dropdown-toggle:hover, .navbar.navbar-inverted .navbar-brand > a:hover, .navbar.navbar-inverted .navbar-brand > a.dropdown-toggle:hover, .navbar.navbar-inverted .navbar-brand > button:hover, .navbar.navbar-inverted .navbar-brand > button.dropdown-toggle:hover { background-color: var(--navigation-primary-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--navigation-primary-item-hover-border-color); } .navbar.navbar-primary .navbar-brand > a:focus:not(:active), .navbar.navbar-primary .navbar-brand > a.dropdown-toggle:focus:not(:active), .navbar.navbar-primary .navbar-brand > button:focus:not(:active), .navbar.navbar-primary .navbar-brand > button.dropdown-toggle:focus:not(:active), .navbar.navbar-inverted .navbar-brand > a:focus:not(:active), .navbar.navbar-inverted .navbar-brand > a.dropdown-toggle:focus:not(:active), .navbar.navbar-inverted .navbar-brand > button:focus:not(:active), .navbar.navbar-inverted .navbar-brand > button.dropdown-toggle:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--navigation-default-item-focus-border-color); } .navbar.navbar-primary .navbar-brand > a:active, .navbar.navbar-primary .navbar-brand > a.dropdown-toggle:active, .navbar.navbar-primary .navbar-brand > button:active, .navbar.navbar-primary .navbar-brand > button.dropdown-toggle:active, .navbar.navbar-inverted .navbar-brand > a:active, .navbar.navbar-inverted .navbar-brand > a.dropdown-toggle:active, .navbar.navbar-inverted .navbar-brand > button:active, .navbar.navbar-inverted .navbar-brand > button.dropdown-toggle:active { background-color: var(--navigation-primary-item-active-bg); box-shadow: none; } .navbar.navbar-primary .navbar-collapse .first-level > li > a, .navbar.navbar-primary .navbar-collapse .first-level > li > button, .navbar.navbar-inverted .navbar-collapse .first-level > li > a, .navbar.navbar-inverted .navbar-collapse .first-level > li > button { color: var(--navigation-primary-item-text-color); } .navbar.navbar-primary .navbar-collapse .first-level > li > a:hover, .navbar.navbar-primary .navbar-collapse .first-level > li > button:hover, .navbar.navbar-inverted .navbar-collapse .first-level > li > a:hover, .navbar.navbar-inverted .navbar-collapse .first-level > li > button:hover { background-color: var(--navigation-primary-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--navigation-primary-item-hover-border-color); } .navbar.navbar-primary .navbar-collapse .first-level > li > a:active, .navbar.navbar-primary .navbar-collapse .first-level > li > button:active, .navbar.navbar-inverted .navbar-collapse .first-level > li > a:active, .navbar.navbar-inverted .navbar-collapse .first-level > li > button:active { background-color: var(--navigation-primary-item-active-bg); box-shadow: none; } .navbar.navbar-primary .navbar-collapse .first-level > li > a:focus:not(:active), .navbar.navbar-primary .navbar-collapse .first-level > li > button:focus:not(:active), .navbar.navbar-inverted .navbar-collapse .first-level > li > a:focus:not(:active), .navbar.navbar-inverted .navbar-collapse .first-level > li > button:focus:not(:active) { outline: 0; box-shadow: inset 0 0 0 0.2rem var(--navigation-default-item-focus-border-color); } .navbar.navbar-primary .navbar-collapse .first-level > li > a.dropdown-toggle .caret, .navbar.navbar-primary .navbar-collapse .first-level > li > button.dropdown-toggle .caret, .navbar.navbar-inverted .navbar-collapse .first-level > li > a.dropdown-toggle .caret, .navbar.navbar-inverted .navbar-collapse .first-level > li > button.dropdown-toggle .caret { background-color: var(--navigation-primary-icon-bg); } .navbar.navbar-primary .navbar-collapse .first-level > li > * .vismaicon::before, .navbar.navbar-inverted .navbar-collapse .first-level > li > * .vismaicon::before { background-color: var(--navigation-primary-item-text-color); } .navbar.navbar-primary .navbar-collapse .first-level > li.active > a, .navbar.navbar-primary .navbar-collapse .first-level > li.active > button, .navbar.navbar-inverted .navbar-collapse .first-level > li.active > a, .navbar.navbar-inverted .navbar-collapse .first-level > li.active > button { background-color: var(--navigation-primary-item-active-bg); } .navbar.navbar-primary .navbar-collapse .first-level > li.active > a:hover, .navbar.navbar-primary .navbar-collapse .first-level > li.active > button:hover, .navbar.navbar-inverted .navbar-collapse .first-level > li.active > a:hover, .navbar.navbar-inverted .navbar-collapse .first-level > li.active > button:hover { background-color: var(--navigation-primary-item-hover-bg); } .navbar.navbar-primary .navbar-collapse .first-level > li.active > a:active, .navbar.navbar-primary .navbar-collapse .first-level > li.active > button:active, .navbar.navbar-inverted .navbar-collapse .first-level > li.active > a:active, .navbar.navbar-inverted .navbar-collapse .first-level > li.active > button:active { background-color: var(--navigation-primary-item-active-bg); box-shadow: none; } .navbar.navbar-primary .navbar-collapse .first-level > li.icon > a:hover, .navbar.navbar-primary .navbar-collapse .first-level > li.icon > button:hover, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > a:hover, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > button:hover { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .navbar.navbar-primary .navbar-collapse .first-level > li.icon > a:hover:after, .navbar.navbar-primary .navbar-collapse .first-level > li.icon > button:hover:after, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > a:hover:after, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > button:hover:after { background-color: var(--navigation-primary-item-hover-bg); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon > a:hover:before, .navbar.navbar-primary .navbar-collapse .first-level > li.icon > button:hover:before, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > a:hover:before, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > button:hover:before { background-color: var(--navigation-primary-item-hover-border-color); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon > a:focus:not(:active), .navbar.navbar-primary .navbar-collapse .first-level > li.icon > button:focus:not(:active), .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > a:focus:not(:active), .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > button:focus:not(:active) { box-shadow: none; } .navbar.navbar-primary .navbar-collapse .first-level > li.icon > a:focus:not(:active):before, .navbar.navbar-primary .navbar-collapse .first-level > li.icon > button:focus:not(:active):before, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > a:focus:not(:active):before, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > button:focus:not(:active):before { background-color: var(--navigation-default-item-focus-border-color); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon > a:active, .navbar.navbar-primary .navbar-collapse .first-level > li.icon > button:active, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > a:active, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > button:active { background-color: rgba(0, 0, 0, 0); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon > a:active:after, .navbar.navbar-primary .navbar-collapse .first-level > li.icon > button:active:after, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > a:active:after, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon > button:active:after { background-color: var(--navigation-primary-item-active-bg); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > a, .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > button, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > a, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > button { background-color: rgba(0, 0, 0, 0); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > a:after, .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > button:after, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > a:after, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > button:after { background-color: var(--navigation-primary-item-active-bg); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > a:before, .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > button:before, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > a:before, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > button:before { background-color: var(--navigation-primary-item-hover-border-color); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > a:hover:after, .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > button:hover:after, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > a:hover:after, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > button:hover:after { background-color: var(--navigation-primary-item-hover-bg); } .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > a:hover:before, .navbar.navbar-primary .navbar-collapse .first-level > li.icon.active > button:hover:before, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > a:hover:before, .navbar.navbar-inverted .navbar-collapse .first-level > li.icon.active > button:hover:before { background-color: var(--navigation-default-item-focus-border-color); } .navbar.navbar-primary .navbar-collapse .first-level > li.disabled > a, .navbar.navbar-primary .navbar-collapse .first-level > li.disabled > button, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled > a, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled > button { opacity: 0.55; } .navbar.navbar-primary .navbar-collapse .first-level > li.disabled.icon > a, .navbar.navbar-primary .navbar-collapse .first-level > li.disabled.icon > button, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled.icon > a, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled.icon > button { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .navbar.navbar-primary .navbar-collapse .first-level > li.disabled.icon > a::before, .navbar.navbar-primary .navbar-collapse .first-level > li.disabled.icon > a::after, .navbar.navbar-primary .navbar-collapse .first-level > li.disabled.icon > button::before, .navbar.navbar-primary .navbar-collapse .first-level > li.disabled.icon > button::after, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled.icon > a::before, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled.icon > a::after, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled.icon > button::before, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled.icon > button::after { display: none; } .navbar.navbar-primary .navbar-collapse .first-level > li.disabled.icon > a .vismaicon::before, .navbar.navbar-primary .navbar-collapse .first-level > li.disabled.icon > button .vismaicon::before, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled.icon > a .vismaicon::before, .navbar.navbar-inverted .navbar-collapse .first-level > li.disabled.icon > button .vismaicon::before { background-color: var(--navigation-primary-item-text-color) !important; } .navbar.navbar-primary .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify, .navbar.navbar-inverted .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify { background: var(--navigation-default-hamburger-bg); } .navbar.navbar-primary .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::before, .navbar.navbar-primary .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::after, .navbar.navbar-inverted .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::before, .navbar.navbar-inverted .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::after { background: var(--navigation-default-hamburger-bg); } .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search], .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search] { border-color: var(--navigation-primary-search-border-color); background-color: var(--navigation-inverted-search-bg); box-shadow: none; } .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover { border-color: var(--navigation-primary-search-hover-border-color); background-color: rgba(0, 0, 0, 0); } .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus { border-color: var(--navigation-primary-search-focus-border-color); background-color: rgba(0, 0, 0, 0); } .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus { box-shadow: inset 0 0 0 0.1rem var(--navigation-primary-search-focus-border-color); } .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text]::placeholder, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search]::placeholder, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]::placeholder, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search], .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]::placeholder, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text]::placeholder, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search]::placeholder, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]::placeholder, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search], .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]::placeholder { color: var(--navigation-primary-item-text-color); } .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:focus { -webkit-text-fill-color: var(--navigation-primary-item-text-color); box-shadow: inset 0 0 0 0.1rem var(--navigation-primary-search-focus-border-color), 0 0 0 100rem rgba(37, 38, 38, 0) inset !important; } .navbar.navbar-primary .navbar-collapse .first-level .search-group .search-icon::before, .navbar.navbar-primary .navbar-collapse .first-level .search-group .clear-search::before, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary .search-icon::before, .navbar.navbar-primary .navbar-collapse .first-level .search-group.search-group-primary .clear-search::before, .navbar.navbar-inverted .navbar-collapse .first-level .search-group .search-icon::before, .navbar.navbar-inverted .navbar-collapse .first-level .search-group .clear-search::before, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary .search-icon::before, .navbar.navbar-inverted .navbar-collapse .first-level .search-group.search-group-primary .clear-search::before { background-color: var(--navigation-primary-icon-bg); } .navbar.navbar-secondary { background: var(--navigation-secondary-bg); } .navbar.navbar-secondary .navbar-brand > a, .navbar.navbar-secondary .navbar-brand > a.dropdown-toggle, .navbar.navbar-secondary .navbar-brand > button, .navbar.navbar-secondary .navbar-brand > button.dropdown-toggle { color: var(--navigation-secondary-item-text-color); } .navbar.navbar-secondary .navbar-brand > a .caret, .navbar.navbar-secondary .navbar-brand > a.dropdown-toggle .caret, .navbar.navbar-secondary .navbar-brand > button .caret, .navbar.navbar-secondary .navbar-brand > button.dropdown-toggle .caret { background-color: var(--navigation-secondary-icon-bg); } .navbar.navbar-secondary .navbar-brand > a:hover, .navbar.navbar-secondary .navbar-brand > a.dropdown-toggle:hover, .navbar.navbar-secondary .navbar-brand > button:hover, .navbar.navbar-secondary .navbar-brand > button.dropdown-toggle:hover { background-color: var(--navigation-secondary-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .navbar.navbar-secondary .navbar-brand > a:focus:not(:active), .navbar.navbar-secondary .navbar-brand > a.dropdown-toggle:focus:not(:active), .navbar.navbar-secondary .navbar-brand > button:focus:not(:active), .navbar.navbar-secondary .navbar-brand > button.dropdown-toggle:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--navigation-secondary-item-focus-border-color); } .navbar.navbar-secondary .navbar-brand > a:active, .navbar.navbar-secondary .navbar-brand > a.dropdown-toggle:active, .navbar.navbar-secondary .navbar-brand > button:active, .navbar.navbar-secondary .navbar-brand > button.dropdown-toggle:active { background-color: var(--navigation-secondary-item-active-bg); box-shadow: none; } .navbar.navbar-secondary .navbar-collapse .first-level > li > a, .navbar.navbar-secondary .navbar-collapse .first-level > li > button { color: var(--navigation-secondary-item-text-color); } .navbar.navbar-secondary .navbar-collapse .first-level > li > a:hover, .navbar.navbar-secondary .navbar-collapse .first-level > li > button:hover { background-color: var(--navigation-secondary-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .navbar.navbar-secondary .navbar-collapse .first-level > li > a:active, .navbar.navbar-secondary .navbar-collapse .first-level > li > button:active { background-color: var(--navigation-secondary-item-active-bg); box-shadow: none; } .navbar.navbar-secondary .navbar-collapse .first-level > li > a:focus:not(:active), .navbar.navbar-secondary .navbar-collapse .first-level > li > button:focus:not(:active) { outline: 0; box-shadow: inset 0 0 0 0.2rem var(--navigation-secondary-item-focus-border-color); } .navbar.navbar-secondary .navbar-collapse .first-level > li > a.dropdown-toggle .caret, .navbar.navbar-secondary .navbar-collapse .first-level > li > button.dropdown-toggle .caret { background-color: var(--navigation-secondary-icon-bg); } .navbar.navbar-secondary .navbar-collapse .first-level > li > * .vismaicon::before { background-color: var(--navigation-secondary-item-text-color); } .navbar.navbar-secondary .navbar-collapse .first-level > li.active > a, .navbar.navbar-secondary .navbar-collapse .first-level > li.active > button { background-color: var(--navigation-secondary-item-active-bg); } .navbar.navbar-secondary .navbar-collapse .first-level > li.active > a:hover, .navbar.navbar-secondary .navbar-collapse .first-level > li.active > button:hover { background-color: var(--navigation-secondary-item-hover-bg); } .navbar.navbar-secondary .navbar-collapse .first-level > li.active > a:active, .navbar.navbar-secondary .navbar-collapse .first-level > li.active > button:active { background-color: var(--navigation-secondary-item-active-bg); box-shadow: none; } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > a:hover, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > button:hover { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > a:hover:after, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > button:hover:after { background-color: var(--navigation-secondary-item-hover-bg); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > a:hover:before, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > button:hover:before { background-color: var(--dropdown-menu-hover-border-color); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > a:focus:not(:active), .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > button:focus:not(:active) { box-shadow: none; } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > a:focus:not(:active):before, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > button:focus:not(:active):before { background-color: var(--navigation-secondary-item-focus-border-color); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > a:active, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > button:active { background-color: rgba(0, 0, 0, 0); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > a:active:after, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon > button:active:after { background-color: var(--navigation-secondary-item-active-bg); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > a, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > button { background-color: rgba(0, 0, 0, 0); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > a:after, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > button:after { background-color: var(--navigation-secondary-item-active-bg); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > a:before, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > button:before { background-color: var(--navigation-secondary-item-selected-border-color); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > a:hover:after, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > button:hover:after { background-color: var(--navigation-secondary-item-hover-bg); } .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > a:hover:before, .navbar.navbar-secondary .navbar-collapse .first-level > li.icon.active > button:hover:before { background-color: var(--navigation-secondary-item-focus-border-color); } .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled > a, .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled > button { opacity: 0.55; } .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled.icon > a, .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled.icon > button { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled.icon > a::before, .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled.icon > a::after, .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled.icon > button::before, .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled.icon > button::after { display: none; } .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled.icon > a .vismaicon::before, .navbar.navbar-secondary .navbar-collapse .first-level > li.disabled.icon > button .vismaicon::before { background-color: var(--navigation-secondary-item-text-color) !important; } .navbar.navbar-secondary .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify { background: var(--navigation-secondary-hamburger-bg); } .navbar.navbar-secondary .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::before, .navbar.navbar-secondary .navbar-collapse .first-level > li.menudrop:not(.open) .dropdown-toggle .icon-align-justify::after { background: var(--navigation-secondary-hamburger-bg); } .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search] { border-color: var(--navigation-secondary-search-border-color); background-color: var(--navigation-secondary-search-bg); box-shadow: none; } .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover { border-color: var(--navigation-secondary-search-hover-border-color); background-color: rgba(0, 0, 0, 0); } .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text]:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search]:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus { border-color: var(--navigation-secondary-search-focus-border-color); background-color: rgba(0, 0, 0, 0); } .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text]:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search]:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:focus { box-shadow: inset 0 0 0 0.1rem var(--navigation-secondary-search-focus-border-color); } .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text], .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text]::placeholder, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search], .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search]::placeholder, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text], .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]::placeholder, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search], .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]::placeholder { color: var(--navigation-secondary-item-text-color); } .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group input.form-control[type=search]:-webkit-autofill:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=text]:-webkit-autofill:focus, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:hover, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary input.form-control[type=search]:-webkit-autofill:focus { -webkit-text-fill-color: var(--navigation-secondary-item-text-color); box-shadow: inset 0 0 0 0.1rem var(--navigation-secondary-search-focus-border-color), 0 0 0 100rem rgba(37, 38, 38, 0) inset !important; } .navbar.navbar-secondary .navbar-collapse .first-level .search-group .search-icon::before, .navbar.navbar-secondary .navbar-collapse .first-level .search-group .clear-search::before, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary .search-icon::before, .navbar.navbar-secondary .navbar-collapse .first-level .search-group.search-group-primary .clear-search::before { background-color: var(--navigation-secondary-icon-bg); } .navbar.navbar-secondary .navbar-collapse .second-level { box-shadow: inset 0 0.1rem 0 0 var(--navigation-secondary-second-level-divider); } .navbar.navbar-secondary .user-dropdown > .dropdown-toggle small { color: var(--navigation-secondary-item-dropdown-small-text-color); } .navbar .navbar-header { float: left; position: relative; } .navbar .navbar-header .navbar-brand.open .dropdown-toggle { color: var(--navigation-default-item-dropdown-open-text-color); background-color: var(--navigation-default-item-dropdown-open-bg); } .navbar .navbar-header .navbar-brand.open .dropdown-toggle:hover { background-color: var(--dropdown-menu-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--button-hover-border-color); } .navbar .navbar-header .navbar-brand.open .dropdown-toggle:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--navbar-brand-item-focus-border-color); } .navbar .navbar-header .navbar-brand.open .dropdown-toggle .caret { background-color: var(--navigation-default-dropdown-open-icon-bg); } .navbar .navbar-header .navbar-brand .dropdown-toggle { outline: 0; } .navbar .navbar-header .navbar-brand .dropdown-menu { right: auto; left: 0; } .navbar-brand { display: block; margin: 0; padding: 0; font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; font-size: var(--font-size-md); line-height: 3; } .navbar-brand > a, .navbar-brand > button { display: flex; flex-direction: row; align-items: center; gap: 1.2rem; min-width: 24rem; height: 6.4rem; padding: 0.8rem 1.6rem; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navbar-brand > a:not(.dropdown-toggle) > .caret, .navbar-brand > button:not(.dropdown-toggle) > .caret { display: none; } .navbar-brand > a.dropdown-toggle .caret, .navbar-brand > button.dropdown-toggle .caret { position: inherit !important; margin-inline-start: auto; } .navbar-brand > a.dropdown-toggle::before, .navbar-brand > button.dropdown-toggle::before { display: none; } .navbar-brand .dropdown-menu { max-height: calc(100vh - 6.4rem); overflow-y: auto; padding: 0; z-index: 1010; } .navbar-brand .dropdown-menu li { overflow: visible; padding: 0; } .navbar-brand .dropdown-menu li + li { box-shadow: inset 0 0.1rem 0 0 var(--navigation-default-dropdown-divider-color-strong); } .navbar-brand .dropdown-menu li.active a::before, .navbar-brand .dropdown-menu li.active button::before, .navbar-brand .dropdown-menu li a.active::before, .navbar-brand .dropdown-menu li button.active::before { content: ""; display: block; position: absolute; width: 0.6rem; height: 100%; left: 0; top: 0; background-color: var(--button-group-selected-border-accent-color); } .navbar-brand .dropdown-menu a, .navbar-brand .dropdown-menu button { position: relative; display: flex; flex-direction: row; align-items: center; gap: 1.6rem; min-height: 6.4rem; height: auto; height: unset; padding: 0.8rem 1.6rem; font: 1.6rem/1.4 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; color: var(--navigation-default-dropdown-text-color); border-radius: 0; } .navbar-brand .dropdown-menu a.active:not(:active):not(:hover), .navbar-brand .dropdown-menu button.active:not(:active):not(:hover) { background-color: var(--dropdown-menu-selected-bg); } .navbar-brand .dropdown-menu a.active:not(:active):not(:hover):not(:focus), .navbar-brand .dropdown-menu button.active:not(:active):not(:hover):not(:focus) { box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-selected-border-color); } .navbar-brand .dropdown-menu a img, .navbar-brand .dropdown-menu button img { height: 4.8rem; width: 4.8rem; } .navbar-brand .dropdown-menu a > span, .navbar-brand .dropdown-menu button > span { display: block; width: auto; white-space: normal; } .navbar-brand .dropdown-menu a .badge:last-child, .navbar-brand .dropdown-menu button .badge:last-child { margin-inline-start: auto; } .navbar-brand .dropdown-menu .disabled a img, .navbar-brand .dropdown-menu .disabled button img { opacity: 0.55; } .wizard { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; margin: 0; padding: 0; } .wizard .wizard-item, .wizard .wizard-item.dropdown { display: block; position: relative; cursor: pointer; flex: 1; height: 4.8rem; padding: 1.2rem 1.6rem 1.2rem 3.2rem; color: var(--button-text-color); font-size: var(--font-size-sm); font-weight: 400; line-height: 2.4rem; text-align: left; text-overflow: ellipsis; text-decoration: none; text-shadow: none; vertical-align: middle; white-space: nowrap; border-width: 0.1rem 0; border-style: solid; border-color: var(--wizard-border-color) rgba(0, 0, 0, 0); border-radius: 0; background-color: var(--wizard-bg); outline: 0; -webkit-user-select: none; user-select: none; touch-action: manipulation; box-sizing: border-box; } .wizard .wizard-item::before, .wizard .wizard-item::after, .wizard .wizard-item.dropdown::before, .wizard .wizard-item.dropdown::after { display: block; position: absolute; content: ""; width: 2.8rem; height: 2.8rem; top: 0.9rem; border-width: 0.1rem 0.1rem 0 0; border-style: solid; border-color: rgba(0, 0, 0, 0); transform: rotate(45deg) skew(11deg, 11deg); } .wizard .wizard-item::before, .wizard .wizard-item.dropdown::before { left: -1.4rem; background-color: rgba(0, 0, 0, 0); } .wizard .wizard-item::after, .wizard .wizard-item.dropdown::after { right: -1.4rem; border-color: var(--wizard-border-color); background-color: var(--wizard-bg); } .wizard .wizard-item:first-child, .wizard .wizard-item.dropdown:first-child { border-left: 0.1rem solid var(--wizard-border-color); } .wizard .wizard-item:first-child::before, .wizard .wizard-item.dropdown:first-child::before { display: none; } .wizard .wizard-item:last-child, .wizard .wizard-item.dropdown:last-child { border-right: 0.1rem solid var(--wizard-border-color); z-index: 1; } .wizard .wizard-item:last-child::after, .wizard .wizard-item.dropdown:last-child::after { display: none; } .wizard .wizard-item:nth-last-child(2), .wizard .wizard-item.dropdown:nth-last-child(2) { z-index: 2; } .wizard .wizard-item:nth-last-child(3), .wizard .wizard-item.dropdown:nth-last-child(3) { z-index: 3; } .wizard .wizard-item:nth-last-child(4), .wizard .wizard-item.dropdown:nth-last-child(4) { z-index: 4; } .wizard .wizard-item:nth-last-child(5), .wizard .wizard-item.dropdown:nth-last-child(5) { z-index: 5; } .wizard .wizard-item:nth-last-child(6), .wizard .wizard-item.dropdown:nth-last-child(6) { z-index: 6; } .wizard .wizard-item:nth-last-child(7), .wizard .wizard-item.dropdown:nth-last-child(7) { z-index: 7; } .wizard .wizard-item:nth-last-child(8), .wizard .wizard-item.dropdown:nth-last-child(8) { z-index: 8; } .wizard .wizard-item:nth-last-child(9), .wizard .wizard-item.dropdown:nth-last-child(9) { z-index: 9; } .wizard .wizard-item:nth-last-child(10), .wizard .wizard-item.dropdown:nth-last-child(10) { z-index: 10; } .wizard .wizard-item:nth-last-child(11), .wizard .wizard-item.dropdown:nth-last-child(11) { z-index: 11; } .wizard .wizard-item:nth-last-child(12), .wizard .wizard-item.dropdown:nth-last-child(12) { z-index: 12; } .wizard .wizard-item:nth-last-child(13), .wizard .wizard-item.dropdown:nth-last-child(13) { z-index: 13; } .wizard .wizard-item:nth-last-child(14), .wizard .wizard-item.dropdown:nth-last-child(14) { z-index: 14; } .wizard .wizard-item:nth-last-child(15), .wizard .wizard-item.dropdown:nth-last-child(15) { z-index: 15; } .wizard .wizard-item:nth-last-child(16), .wizard .wizard-item.dropdown:nth-last-child(16) { z-index: 16; } .wizard .wizard-item:nth-last-child(17), .wizard .wizard-item.dropdown:nth-last-child(17) { z-index: 17; } .wizard .wizard-item:nth-last-child(18), .wizard .wizard-item.dropdown:nth-last-child(18) { z-index: 18; } .wizard .wizard-item:nth-last-child(19), .wizard .wizard-item.dropdown:nth-last-child(19) { z-index: 19; } .wizard .wizard-item:hover, .wizard .wizard-item.dropdown:hover { border-color: var(--wizard-hover-border-color); background-color: var(--wizard-hover-bg); } .wizard .wizard-item:hover::after, .wizard .wizard-item.dropdown:hover::after { border-color: var(--wizard-hover-border-color); background-color: var(--wizard-hover-bg); } .wizard .wizard-item:has(+ .wizard-item:hover)::after, .wizard .wizard-item.dropdown:has(+ .wizard-item:hover)::after { border-color: var(--wizard-hover-border-color); } .wizard .wizard-item:focus:not(:active), .wizard .wizard-item.dropdown:focus:not(:active) { outline: none; border-color: var(--wizard-focus-border-color); box-shadow: inset 0 0.1rem 0 0 var(--wizard-focus-border-color), inset 0 -0.1rem 0 0 var(--wizard-focus-border-color); } .wizard .wizard-item:focus:not(:active)::before, .wizard .wizard-item.dropdown:focus:not(:active)::before { box-shadow: 0.1rem -0.1rem 0 0 var(--wizard-focus-border-color); } .wizard .wizard-item:focus:not(:active)::after, .wizard .wizard-item.dropdown:focus:not(:active)::after { border-color: var(--wizard-focus-border-color); box-shadow: inset -0.1rem 0.1rem 0 0 var(--wizard-focus-border-color); } .wizard .wizard-item:focus:not(:active):first-child, .wizard .wizard-item.dropdown:focus:not(:active):first-child { box-shadow: inset 0.1rem 0.1rem 0 0 var(--wizard-focus-border-color), inset 0 -0.1rem 0 0 var(--wizard-focus-border-color); } .wizard .wizard-item:focus:not(:active):last-child, .wizard .wizard-item.dropdown:focus:not(:active):last-child { box-shadow: inset -0.1rem 0.1rem 0 0 var(--wizard-focus-border-color), inset 0 -0.1rem 0 0 var(--wizard-focus-border-color); } .wizard .wizard-item:has(+ .wizard-item:focus)::after, .wizard .wizard-item.dropdown:has(+ .wizard-item:focus)::after { border-color: var(--wizard-focus-border-color); } .wizard .wizard-item:active, .wizard .wizard-item.dropdown:active { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); } .wizard .wizard-item:active::before, .wizard .wizard-item.dropdown:active::before { box-shadow: none; } .wizard .wizard-item:active::after, .wizard .wizard-item.dropdown:active::after { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); } .wizard .wizard-item:has(+ .wizard-item:active)::after, .wizard .wizard-item.dropdown:has(+ .wizard-item:active)::after { border-color: var(--button-pressed-border-color); } .wizard .wizard-item.visited, .wizard .wizard-item.visited:active, .wizard .wizard-item.visited:focus, .wizard .wizard-item.active, .wizard .wizard-item.active:focus, .wizard .wizard-item.dropdown.visited, .wizard .wizard-item.dropdown.visited:active, .wizard .wizard-item.dropdown.visited:focus, .wizard .wizard-item.dropdown.active, .wizard .wizard-item.dropdown.active:focus { pointer-events: none; cursor: default; border-color: var(--wizard-selected-border-color); background-color: var(--wizard-selected-bg); box-shadow: none; } .wizard .wizard-item.visited::before, .wizard .wizard-item.visited:hover::before, .wizard .wizard-item.visited:focus::before, .wizard .wizard-item.visited:active::before, .wizard .wizard-item.visited:active:hover::before, .wizard .wizard-item.visited:active:focus::before, .wizard .wizard-item.visited:focus::before, .wizard .wizard-item.visited:focus:hover::before, .wizard .wizard-item.visited:focus:focus::before, .wizard .wizard-item.active::before, .wizard .wizard-item.active:hover::before, .wizard .wizard-item.active:focus::before, .wizard .wizard-item.active:focus::before, .wizard .wizard-item.active:focus:hover::before, .wizard .wizard-item.active:focus:focus::before, .wizard .wizard-item.dropdown.visited::before, .wizard .wizard-item.dropdown.visited:hover::before, .wizard .wizard-item.dropdown.visited:focus::before, .wizard .wizard-item.dropdown.visited:active::before, .wizard .wizard-item.dropdown.visited:active:hover::before, .wizard .wizard-item.dropdown.visited:active:focus::before, .wizard .wizard-item.dropdown.visited:focus::before, .wizard .wizard-item.dropdown.visited:focus:hover::before, .wizard .wizard-item.dropdown.visited:focus:focus::before, .wizard .wizard-item.dropdown.active::before, .wizard .wizard-item.dropdown.active:hover::before, .wizard .wizard-item.dropdown.active:focus::before, .wizard .wizard-item.dropdown.active:focus::before, .wizard .wizard-item.dropdown.active:focus:hover::before, .wizard .wizard-item.dropdown.active:focus:focus::before { box-shadow: none; } .wizard .wizard-item.visited::after, .wizard .wizard-item.visited:hover::after, .wizard .wizard-item.visited:focus::after, .wizard .wizard-item.visited:active::after, .wizard .wizard-item.visited:active:hover::after, .wizard .wizard-item.visited:active:focus::after, .wizard .wizard-item.visited:focus::after, .wizard .wizard-item.visited:focus:hover::after, .wizard .wizard-item.visited:focus:focus::after, .wizard .wizard-item.active::after, .wizard .wizard-item.active:hover::after, .wizard .wizard-item.active:focus::after, .wizard .wizard-item.active:focus::after, .wizard .wizard-item.active:focus:hover::after, .wizard .wizard-item.active:focus:focus::after, .wizard .wizard-item.dropdown.visited::after, .wizard .wizard-item.dropdown.visited:hover::after, .wizard .wizard-item.dropdown.visited:focus::after, .wizard .wizard-item.dropdown.visited:active::after, .wizard .wizard-item.dropdown.visited:active:hover::after, .wizard .wizard-item.dropdown.visited:active:focus::after, .wizard .wizard-item.dropdown.visited:focus::after, .wizard .wizard-item.dropdown.visited:focus:hover::after, .wizard .wizard-item.dropdown.visited:focus:focus::after, .wizard .wizard-item.dropdown.active::after, .wizard .wizard-item.dropdown.active:hover::after, .wizard .wizard-item.dropdown.active:focus::after, .wizard .wizard-item.dropdown.active:focus::after, .wizard .wizard-item.dropdown.active:focus:hover::after, .wizard .wizard-item.dropdown.active:focus:focus::after { border-color: var(--wizard-selected-border-color); background-color: var(--wizard-selected-bg); box-shadow: none; } .wizard .wizard-item:has(+ .wizard-item.active):not(:hover):not(:focus)::after, .wizard .wizard-item:has(+ .wizard-item.visited):not(:hover):not(:focus)::after, .wizard .wizard-item.dropdown:has(+ .wizard-item.active):not(:hover):not(:focus)::after, .wizard .wizard-item.dropdown:has(+ .wizard-item.visited):not(:hover):not(:focus)::after { border-color: var(--wizard-selected-border-color); } :disabled .wizard .wizard-item, .disabled .wizard .wizard-item, .wizard .wizard-item:disabled, .wizard .wizard-item.disabled, :disabled .wizard .wizard-item.dropdown, .disabled .wizard .wizard-item.dropdown, .wizard .wizard-item.dropdown:disabled, .wizard .wizard-item.dropdown.disabled { pointer-events: none; cursor: default; color: var(--button-disabled-text-color); } :disabled .wizard .wizard-item, :disabled .wizard .wizard-item:hover, :disabled .wizard .wizard-item:focus:not(:active), .disabled .wizard .wizard-item, .disabled .wizard .wizard-item:hover, .disabled .wizard .wizard-item:focus:not(:active), .wizard .wizard-item:disabled, .wizard .wizard-item:disabled:hover, .wizard .wizard-item:disabled:focus:not(:active), .wizard .wizard-item.disabled, .wizard .wizard-item.disabled:hover, .wizard .wizard-item.disabled:focus:not(:active), :disabled .wizard .wizard-item.dropdown, :disabled .wizard .wizard-item.dropdown:hover, :disabled .wizard .wizard-item.dropdown:focus:not(:active), .disabled .wizard .wizard-item.dropdown, .disabled .wizard .wizard-item.dropdown:hover, .disabled .wizard .wizard-item.dropdown:focus:not(:active), .wizard .wizard-item.dropdown:disabled, .wizard .wizard-item.dropdown:disabled:hover, .wizard .wizard-item.dropdown:disabled:focus:not(:active), .wizard .wizard-item.dropdown.disabled, .wizard .wizard-item.dropdown.disabled:hover, .wizard .wizard-item.dropdown.disabled:focus:not(:active) { border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } :disabled .wizard .wizard-item::before, :disabled .wizard .wizard-item:hover::before, :disabled .wizard .wizard-item:focus:not(:active)::before, .disabled .wizard .wizard-item::before, .disabled .wizard .wizard-item:hover::before, .disabled .wizard .wizard-item:focus:not(:active)::before, .wizard .wizard-item:disabled::before, .wizard .wizard-item:disabled:hover::before, .wizard .wizard-item:disabled:focus:not(:active)::before, .wizard .wizard-item.disabled::before, .wizard .wizard-item.disabled:hover::before, .wizard .wizard-item.disabled:focus:not(:active)::before, :disabled .wizard .wizard-item.dropdown::before, :disabled .wizard .wizard-item.dropdown:hover::before, :disabled .wizard .wizard-item.dropdown:focus:not(:active)::before, .disabled .wizard .wizard-item.dropdown::before, .disabled .wizard .wizard-item.dropdown:hover::before, .disabled .wizard .wizard-item.dropdown:focus:not(:active)::before, .wizard .wizard-item.dropdown:disabled::before, .wizard .wizard-item.dropdown:disabled:hover::before, .wizard .wizard-item.dropdown:disabled:focus:not(:active)::before, .wizard .wizard-item.dropdown.disabled::before, .wizard .wizard-item.dropdown.disabled:hover::before, .wizard .wizard-item.dropdown.disabled:focus:not(:active)::before { box-shadow: none; } :disabled .wizard .wizard-item::after, :disabled .wizard .wizard-item:hover::after, :disabled .wizard .wizard-item:focus:not(:active)::after, .disabled .wizard .wizard-item::after, .disabled .wizard .wizard-item:hover::after, .disabled .wizard .wizard-item:focus:not(:active)::after, .wizard .wizard-item:disabled::after, .wizard .wizard-item:disabled:hover::after, .wizard .wizard-item:disabled:focus:not(:active)::after, .wizard .wizard-item.disabled::after, .wizard .wizard-item.disabled:hover::after, .wizard .wizard-item.disabled:focus:not(:active)::after, :disabled .wizard .wizard-item.dropdown::after, :disabled .wizard .wizard-item.dropdown:hover::after, :disabled .wizard .wizard-item.dropdown:focus:not(:active)::after, .disabled .wizard .wizard-item.dropdown::after, .disabled .wizard .wizard-item.dropdown:hover::after, .disabled .wizard .wizard-item.dropdown:focus:not(:active)::after, .wizard .wizard-item.dropdown:disabled::after, .wizard .wizard-item.dropdown:disabled:hover::after, .wizard .wizard-item.dropdown:disabled:focus:not(:active)::after, .wizard .wizard-item.dropdown.disabled::after, .wizard .wizard-item.dropdown.disabled:hover::after, .wizard .wizard-item.dropdown.disabled:focus:not(:active)::after { background-color: var(--button-disabled-bg); box-shadow: none; } :disabled .wizard .wizard-item:has(+ .wizard-item.disabled)::before, :disabled .wizard .wizard-item:has(+ .wizard-item:disabled)::before, .disabled .wizard .wizard-item:has(+ .wizard-item.disabled)::before, .disabled .wizard .wizard-item:has(+ .wizard-item:disabled)::before, .wizard .wizard-item:disabled:has(+ .wizard-item.disabled)::before, .wizard .wizard-item:disabled:has(+ .wizard-item:disabled)::before, .wizard .wizard-item.disabled:has(+ .wizard-item.disabled)::before, .wizard .wizard-item.disabled:has(+ .wizard-item:disabled)::before, :disabled .wizard .wizard-item.dropdown:has(+ .wizard-item.disabled)::before, :disabled .wizard .wizard-item.dropdown:has(+ .wizard-item:disabled)::before, .disabled .wizard .wizard-item.dropdown:has(+ .wizard-item.disabled)::before, .disabled .wizard .wizard-item.dropdown:has(+ .wizard-item:disabled)::before, .wizard .wizard-item.dropdown:disabled:has(+ .wizard-item.disabled)::before, .wizard .wizard-item.dropdown:disabled:has(+ .wizard-item:disabled)::before, .wizard .wizard-item.dropdown.disabled:has(+ .wizard-item.disabled)::before, .wizard .wizard-item.dropdown.disabled:has(+ .wizard-item:disabled)::before { box-shadow: none; } :disabled .wizard .wizard-item:has(+ .wizard-item.disabled)::after, :disabled .wizard .wizard-item:has(+ .wizard-item:disabled)::after, .disabled .wizard .wizard-item:has(+ .wizard-item.disabled)::after, .disabled .wizard .wizard-item:has(+ .wizard-item:disabled)::after, .wizard .wizard-item:disabled:has(+ .wizard-item.disabled)::after, .wizard .wizard-item:disabled:has(+ .wizard-item:disabled)::after, .wizard .wizard-item.disabled:has(+ .wizard-item.disabled)::after, .wizard .wizard-item.disabled:has(+ .wizard-item:disabled)::after, :disabled .wizard .wizard-item.dropdown:has(+ .wizard-item.disabled)::after, :disabled .wizard .wizard-item.dropdown:has(+ .wizard-item:disabled)::after, .disabled .wizard .wizard-item.dropdown:has(+ .wizard-item.disabled)::after, .disabled .wizard .wizard-item.dropdown:has(+ .wizard-item:disabled)::after, .wizard .wizard-item.dropdown:disabled:has(+ .wizard-item.disabled)::after, .wizard .wizard-item.dropdown:disabled:has(+ .wizard-item:disabled)::after, .wizard .wizard-item.dropdown.disabled:has(+ .wizard-item.disabled)::after, .wizard .wizard-item.dropdown.disabled:has(+ .wizard-item:disabled)::after { border-color: var(--button-disabled-border-color); } .wizard .wizard-item.dropdown, .wizard .wizard-item.dropdown.dropdown { max-width: 6rem; margin: 0; padding: 0; } .wizard .wizard-item.dropdown.open, .wizard .wizard-item.dropdown.dropdown.open { background-color: var(--wizard-selected-bg); } .wizard .wizard-item.dropdown .dropdown-toggle, .wizard .wizard-item.dropdown.open .dropdown-toggle, .wizard .wizard-item.dropdown.dropdown .dropdown-toggle, .wizard .wizard-item.dropdown.dropdown.open .dropdown-toggle { background-color: rgba(0, 0, 0, 0); } .wizard .wizard-item.hide, .wizard .wizard-item.dropdown.hide { display: none; } .wizard .wizard-item:has(.dropdown-toggle:focus:not(:active)), .wizard .wizard-item:has(.dropdown-toggle:focus:not(:active)).open, .wizard .wizard-item.dropdown:has(.dropdown-toggle:focus:not(:active)), .wizard .wizard-item.dropdown:has(.dropdown-toggle:focus:not(:active)).open { border-color: var(--wizard-focus-border-color); box-shadow: inset 0 0.1rem 0 0 var(--wizard-focus-border-color), inset 0 -0.1rem 0 0 var(--wizard-focus-border-color); } .wizard .wizard-item:has(.dropdown-toggle:focus:not(:active)):last-child, .wizard .wizard-item:has(.dropdown-toggle:focus:not(:active)).open:last-child, .wizard .wizard-item.dropdown:has(.dropdown-toggle:focus:not(:active)):last-child, .wizard .wizard-item.dropdown:has(.dropdown-toggle:focus:not(:active)).open:last-child { box-shadow: inset -0.1rem 0.1rem 0 0 var(--wizard-focus-border-color), inset 0 -0.1rem 0 0 var(--wizard-focus-border-color); } .wizard .wizard-item:has(.dropdown-toggle:focus:not(:active))::before, .wizard .wizard-item:has(.dropdown-toggle:focus:not(:active)).open::before, .wizard .wizard-item.dropdown:has(.dropdown-toggle:focus:not(:active))::before, .wizard .wizard-item.dropdown:has(.dropdown-toggle:focus:not(:active)).open::before { box-shadow: 0.1rem -0.1rem 0 0 var(--wizard-focus-border-color); } .wizard .wizard-item .dropdown-toggle, .wizard .wizard-item.dropdown .dropdown-toggle { display: flex; content: ""; position: relative; width: 100%; height: 100%; } .wizard .wizard-item .dropdown-toggle::before, .wizard .wizard-item.dropdown .dropdown-toggle::before { display: none; } .wizard .wizard-item .dropdown-toggle:focus, .wizard .wizard-item.dropdown .dropdown-toggle:focus { outline: none; } .wizard .wizard-item .dropdown-toggle i, .wizard .wizard-item.dropdown .dropdown-toggle i { position: absolute; margin: 0; top: 2.1rem; right: 2rem; } .wizard .wizard-item .dropdown-toggle i, .wizard .wizard-item .dropdown-toggle i::before, .wizard .wizard-item .dropdown-toggle i::after, .wizard .wizard-item.dropdown .dropdown-toggle i, .wizard .wizard-item.dropdown .dropdown-toggle i::before, .wizard .wizard-item.dropdown .dropdown-toggle i::after { display: block; content: ""; position: absolute; width: var(--radius-xs); height: var(--radius-xs); padding: 0; border-radius: var(--radius-xs); background: var(--wizard-tabdrop-color); } .wizard .wizard-item .dropdown-toggle i::before, .wizard .wizard-item.dropdown .dropdown-toggle i::before { top: 0; left: -1rem; } .wizard .wizard-item .dropdown-toggle i::after, .wizard .wizard-item.dropdown .dropdown-toggle i::after { top: 0; left: 1rem; } .wizard .wizard-item .dropdown-menu, .wizard .wizard-item.dropdown .dropdown-menu { width: auto; margin-top: 0.1rem; right: 0; } .wizard .wizard-item .dropdown-menu .wizard-item, .wizard .wizard-item.dropdown .dropdown-menu .wizard-item { height: 3.6rem; padding: 0 1.8rem; line-height: 3.6rem; border: 0; border-radius: var(--radius-sm); box-shadow: none; } .wizard .wizard-item .dropdown-menu .wizard-item::before, .wizard .wizard-item .dropdown-menu .wizard-item::after, .wizard .wizard-item.dropdown .dropdown-menu .wizard-item::before, .wizard .wizard-item.dropdown .dropdown-menu .wizard-item::after { display: none; } .wizard .wizard-item .dropdown-menu .wizard-item:hover, .wizard .wizard-item.dropdown .dropdown-menu .wizard-item:hover { box-shadow: inset 0 0 0 0.1rem var(--wizard-hover-border-color); } .wizard .wizard-item .dropdown-menu .wizard-item:focus:not(:active), .wizard .wizard-item.dropdown .dropdown-menu .wizard-item:focus:not(:active) { box-shadow: inset 0 0 0 0.2rem var(--wizard-focus-border-color); } .wizard .wizard-item .dropdown-menu .wizard-item:active, .wizard .wizard-item.dropdown .dropdown-menu .wizard-item:active { box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .wizard .wizard-item .dropdown-menu .wizard-item:disabled, .wizard .wizard-item .dropdown-menu .wizard-item.disabled, .wizard .wizard-item.dropdown .dropdown-menu .wizard-item:disabled, .wizard .wizard-item.dropdown .dropdown-menu .wizard-item.disabled { background-color: var(--button-disabled-bg); box-shadow: none; } .wizard .wizard-item .dropdown-menu .wizard-item + .wizard-item, .wizard .wizard-item.dropdown .dropdown-menu .wizard-item + .wizard-item { margin-top: 0.4rem; } .page-holder { padding-left: 30.4rem; transition: padding-left 0.2s ease-in-out; } @media (max-width: 992px) { .page-holder { padding-left: 0rem; } .page-holder.page-holder-nav-collapse { padding-left: 10.4rem; } .page-holder.page-holder-nav-collapse + footer { padding-left: 10.4rem; } } .page-holder.hidden-vert-menu { padding-left: 0rem; transition: padding-left 0.2s ease-in-out; } .page-holder.hidden-vert-menu.page-holder-nav-collapse { padding-left: 10.4rem; } .page-holder.hidden-vert-menu + footer { padding-left: 0rem; } .page-holder + footer { padding-left: 30.4rem; padding-right: 3rem; transition: padding 0.2s ease-in-out; } @media (max-width: 992px) { .page-holder + footer { padding-left: 0rem; } } .vertical-nav { overflow: visible; position: fixed; height: calc(100vh - 6.4rem); width: 30.4rem; padding: 2.4rem 0; top: 6.4rem; left: 0; box-shadow: 0 0.2rem 0.4rem rgba(27, 56, 76, 0.12); z-index: 1; transition: left 0.2s ease-in-out; } .vertical-nav.vertical-nav-collapse { transition: width 0.3s ease-in-out; } .vertical-nav.vertical-nav-icons ul ul li, .vertical-nav.vertical-nav-icons ul ul .menu-item, .vertical-nav.vertical-nav-icons ul .nav li, .vertical-nav.vertical-nav-icons ul .nav .menu-item, .vertical-nav.vertical-nav-icons .nav ul li, .vertical-nav.vertical-nav-icons .nav ul .menu-item, .vertical-nav.vertical-nav-icons .nav .nav li, .vertical-nav.vertical-nav-icons .nav .nav .menu-item { padding-left: 3.2rem; } .vertical-nav.vertical-nav-icons ul ul a, .vertical-nav.vertical-nav-icons ul .nav a, .vertical-nav.vertical-nav-icons .nav ul a, .vertical-nav.vertical-nav-icons .nav .nav a { padding-left: 1.6rem; } .vertical-nav.vertical-nav-icons ul ul .has-icon a, .vertical-nav.vertical-nav-icons ul .nav .has-icon a, .vertical-nav.vertical-nav-icons .nav ul .has-icon a, .vertical-nav.vertical-nav-icons .nav .nav .has-icon a { padding-left: 4.8rem; } .vertical-nav.vertical-nav-icons ul ul .has-icon a .vismaicon, .vertical-nav.vertical-nav-icons ul .nav .has-icon a .vismaicon, .vertical-nav.vertical-nav-icons .nav ul .has-icon a .vismaicon, .vertical-nav.vertical-nav-icons .nav .nav .has-icon a .vismaicon { top: 0.4rem; } .vertical-nav.vertical-nav-icons a { position: relative; padding-left: 4.8rem; } .vertical-nav.vertical-nav-icons a .vismaicon { position: absolute; margin: 0; top: 1.2rem; left: 1.6rem; } .vertical-nav.hidden-menu { left: -30rem; } .vertical-nav.hidden-menu.vertical-nav-collapse { left: 0; width: 10.4rem; border-right: 0; } .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons ul ul li, .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons ul ul .menu-item, .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons ul .nav li, .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons ul .nav .menu-item, .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons .nav ul li, .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons .nav ul .menu-item, .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons .nav .nav li, .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons .nav .nav .menu-item { padding: 0 0.8rem; } .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons a .badge { right: 1.9rem; } .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons .has-children a::after { right: 1.8rem; } .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons .has-children li a .badge, .vertical-nav.hidden-menu.vertical-nav-collapse.vertical-nav-icons .has-children .menu-item a .badge { right: 1.1rem; } .vertical-nav.hidden-menu.vertical-nav-collapse ul ul a, .vertical-nav.hidden-menu.vertical-nav-collapse ul .nav a, .vertical-nav.hidden-menu.vertical-nav-collapse .nav ul a, .vertical-nav.hidden-menu.vertical-nav-collapse .nav .nav a { padding: 0.6rem 0.4rem; } .vertical-nav.hidden-menu.vertical-nav-collapse ul ul a .badge, .vertical-nav.hidden-menu.vertical-nav-collapse ul .nav a .badge, .vertical-nav.hidden-menu.vertical-nav-collapse .nav ul a .badge, .vertical-nav.hidden-menu.vertical-nav-collapse .nav .nav a .badge { top: 0.4rem; right: 0.5rem; } .vertical-nav.hidden-menu.vertical-nav-collapse li, .vertical-nav.hidden-menu.vertical-nav-collapse .menu-item { padding: 0 0.8rem; } .vertical-nav.hidden-menu.vertical-nav-collapse a { padding: 1.2rem 1.6rem; } .vertical-nav.hidden-menu.vertical-nav-collapse a .badge { display: block; position: absolute; overflow: hidden; min-width: auto; min-width: unset; width: 0.8rem; height: 0.8rem; margin: 0; padding: 0; top: 0.8rem; right: 1.3rem; color: rgba(0, 0, 0, 0); text-indent: 100%; border-radius: 0.8rem; border: 0; box-shadow: none; } .vertical-nav.hidden-menu.vertical-nav-collapse .has-children a { padding: 1.2rem 3.6rem 1.2rem 1.6rem; } .vertical-nav.hidden-menu.vertical-nav-collapse .has-children a::after { right: 1.2rem; } .vertical-nav.hidden-menu.vertical-nav-collapse .label { padding: 0 2.4rem; } .vertical-nav.hidden-menu.vertical-nav-collapse .show-nav { right: -3rem; } .vertical-nav.hidden-menu.vertical-nav-collapse .show-nav, .vertical-nav.hidden-menu.vertical-nav-collapse .show-nav a { padding: 0; } .vertical-nav.hidden-menu.vertical-nav-icons ul ul a, .vertical-nav.hidden-menu.vertical-nav-icons ul .nav a, .vertical-nav.hidden-menu.vertical-nav-icons .nav ul a, .vertical-nav.hidden-menu.vertical-nav-icons .nav .nav a { padding: 0.6rem 0.4rem; text-indent: 0; text-align: center; } .vertical-nav.hidden-menu.vertical-nav-icons ul ul .has-icon a, .vertical-nav.hidden-menu.vertical-nav-icons ul .nav .has-icon a, .vertical-nav.hidden-menu.vertical-nav-icons .nav ul .has-icon a, .vertical-nav.hidden-menu.vertical-nav-icons .nav .nav .has-icon a { padding-right: 0; padding-left: 7.2rem; } .vertical-nav.hidden-menu.vertical-nav-icons ul ul .has-icon .vismaicon, .vertical-nav.hidden-menu.vertical-nav-icons ul .nav .has-icon .vismaicon, .vertical-nav.hidden-menu.vertical-nav-icons .nav ul .has-icon .vismaicon, .vertical-nav.hidden-menu.vertical-nav-icons .nav .nav .has-icon .vismaicon { left: 1.8rem; } .vertical-nav.hidden-menu.vertical-nav-icons a { text-indent: 9rem; } .vertical-nav.hidden-menu.vertical-nav-icons a .vismaicon { left: 2.6rem; } .vertical-nav.hidden-menu.vertical-nav-icons .has-children a::after { right: 1.6rem; } .vertical-nav.hidden-menu .show-nav { padding: 0; right: -3.4rem; z-index: 1; } .vertical-nav.hidden-menu .show-nav a { right: 0rem; transform: rotateY(180deg); } .vertical-nav ul, .vertical-nav .nav { display: block; overflow-y: auto; height: 100%; padding: 0; margin: 0; list-style: none; } .vertical-nav ul ul, .vertical-nav ul .nav, .vertical-nav .nav ul, .vertical-nav .nav .nav { display: none; height: auto; padding: 0.8rem 0; border-radius: 0 0 1.2rem 1.2rem; } .vertical-nav ul ul li, .vertical-nav ul ul .menu-item, .vertical-nav ul .nav li, .vertical-nav ul .nav .menu-item, .vertical-nav .nav ul li, .vertical-nav .nav ul .menu-item, .vertical-nav .nav .nav li, .vertical-nav .nav .nav .menu-item { padding: 0 0.8rem; margin-bottom: 0.4rem; } .vertical-nav ul ul a, .vertical-nav ul .nav a, .vertical-nav .nav ul a, .vertical-nav .nav .nav a { height: 3.2rem; padding: 0.6rem 1.6rem; font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.42857; border-radius: 0.8rem; } .vertical-nav li, .vertical-nav .menu-item { display: block; margin: 0 0 0.2rem 0; padding: 0 1.6rem; } .vertical-nav li.has-children.active > a, .vertical-nav li.has-children.show > a, .vertical-nav li.has-children.open > a, .vertical-nav .menu-item.has-children.active > a, .vertical-nav .menu-item.has-children.show > a, .vertical-nav .menu-item.has-children.open > a { border-bottom-right-radius: 0; border-bottom-left-radius: 0; font-weight: 400; } .vertical-nav li.has-children.active > a::after, .vertical-nav li.has-children.show > a::after, .vertical-nav li.has-children.open > a::after, .vertical-nav .menu-item.has-children.active > a::after, .vertical-nav .menu-item.has-children.show > a::after, .vertical-nav .menu-item.has-children.open > a::after { transform: rotate(180deg); } .vertical-nav li.has-children.active ul, .vertical-nav li.has-children.active .nav, .vertical-nav li.has-children.show ul, .vertical-nav li.has-children.show .nav, .vertical-nav li.has-children.open ul, .vertical-nav li.has-children.open .nav, .vertical-nav .menu-item.has-children.active ul, .vertical-nav .menu-item.has-children.active .nav, .vertical-nav .menu-item.has-children.show ul, .vertical-nav .menu-item.has-children.show .nav, .vertical-nav .menu-item.has-children.open ul, .vertical-nav .menu-item.has-children.open .nav { display: block; } .vertical-nav li.has-children.active ul a .badge, .vertical-nav li.has-children.active .nav a .badge, .vertical-nav li.has-children.show ul a .badge, .vertical-nav li.has-children.show .nav a .badge, .vertical-nav li.has-children.open ul a .badge, .vertical-nav li.has-children.open .nav a .badge, .vertical-nav .menu-item.has-children.active ul a .badge, .vertical-nav .menu-item.has-children.active .nav a .badge, .vertical-nav .menu-item.has-children.show ul a .badge, .vertical-nav .menu-item.has-children.show .nav a .badge, .vertical-nav .menu-item.has-children.open ul a .badge, .vertical-nav .menu-item.has-children.open .nav a .badge { top: 0; } .vertical-nav li.has-children > a, .vertical-nav .menu-item.has-children > a { padding-right: 4rem; } .vertical-nav li.has-children > a::before, .vertical-nav .menu-item.has-children > a::before { display: none; pointer-events: none; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; border-radius: 1.2rem; background-color: rgba(0, 0, 0, 0); } .vertical-nav li.has-children > a::after, .vertical-nav .menu-item.has-children > a::after { display: flex; content: ""; position: absolute; top: calc(50% - 0.3rem); right: 2.4rem; height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-default-bg); transition: transform 0.25s; } .vertical-nav li.has-children > a:focus, .vertical-nav .menu-item.has-children > a:focus { outline: 0; } .vertical-nav li.has-children > a:focus::before, .vertical-nav .menu-item.has-children > a:focus::before { display: block; outline-offset: -0.2rem; outline: 0.2rem solid var(--anchor-focus-outline); } .vertical-nav li.active ul, .vertical-nav li.active .nav, .vertical-nav li.show ul, .vertical-nav li.show .nav, .vertical-nav li.open ul, .vertical-nav li.open .nav, .vertical-nav .menu-item.active ul, .vertical-nav .menu-item.active .nav, .vertical-nav .menu-item.show ul, .vertical-nav .menu-item.show .nav, .vertical-nav .menu-item.open ul, .vertical-nav .menu-item.open .nav { display: block; } .vertical-nav li.active > a, .vertical-nav li.active-child > a, .vertical-nav .menu-item.active > a, .vertical-nav .menu-item.active-child > a { font-weight: 700; } .vertical-nav li.active > a:hover, .vertical-nav li.active-child > a:hover, .vertical-nav .menu-item.active > a:hover, .vertical-nav .menu-item.active-child > a:hover { box-shadow: none; } .vertical-nav li.disabled a, .vertical-nav .menu-item.disabled a { pointer-events: none; } .vertical-nav li.disabled a:hover, .vertical-nav .menu-item.disabled a:hover { cursor: not-allowed; } .vertical-nav li.disabled a:focus, .vertical-nav .menu-item.disabled a:focus { outline: none; } .vertical-nav li a, .vertical-nav .menu-item a { display: block; position: relative; overflow: hidden; align-items: center; width: 100%; height: 4.8rem; padding: 1.2rem; font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 1.5; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; border-radius: 1.2rem; box-sizing: border-box; } .vertical-nav li a:focus, .vertical-nav .menu-item a:focus { outline-offset: -0.2rem; } .vertical-nav li a .badge, .vertical-nav .menu-item a .badge { box-sizing: border-box; position: relative; min-width: 2.4rem; margin-left: 1.2rem; padding: 0.4rem; top: -0.2rem; font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; border-radius: 0.8rem; box-shadow: none; } .vertical-nav li.has-icon a, .vertical-nav .menu-item.has-icon a { text-overflow: inherit; } .vertical-nav .show-nav { position: absolute; right: 0; bottom: 1.6rem; padding: 0; } .vertical-nav .show-nav a { display: block; width: 3rem; height: 6.5rem; padding: 0; text-overflow: inherit; text-indent: -10000%; border-radius: 0; -webkit-mask: url('vertical-nav-collapse-btn.svg'); mask: url('vertical-nav-collapse-btn.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .vertical-nav .show-nav a:after { display: flex; content: ""; position: absolute; height: 1.4rem; width: 1.4rem; top: 2.6rem; right: 0.8rem; -webkit-mask: url('vertical-nav-collapse-arrow.svg'); mask: url('vertical-nav-collapse-arrow.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; transition: width 0.2s ease-in-out; } .vertical-nav .show-nav a:focus { outline: none; -webkit-mask: url('vertical-nav-collapse-btn-focus.svg'); mask: url('vertical-nav-collapse-btn-focus.svg'); } .vertical-nav .show-nav.show-nav-primary a { width: 3rem; height: 3rem; bottom: 3.2rem; border-radius: 0.5rem 0 0 0.5rem; mask: none; -webkit-mask: none; } .vertical-nav .show-nav.show-nav-primary a:after { top: 0.9rem; } .vertical-nav .show-nav.show-nav-primary a:focus { outline-offset: 0.2rem; } .vertical-nav .divider { height: 0; margin: 2.4rem 0; border-bottom: 0.1rem solid rgba(0, 0, 0, 0); } .vertical-nav .label { display: block; overflow: hidden; width: 100%; padding-left: 2.8rem; margin: 0; font-size: 1.4rem; line-height: 1.5; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0); box-shadow: none; } @media (min-width: 769px) { .nav-space .vertical-nav { height: calc(100vh - 11rem); top: 11rem; } } .vertical-nav { background-color: var(--vertical-nav-default-bg); box-shadow: var(--vertical-nav-default-shadow); } .vertical-nav.hidden-menu { border-right: 0.4rem solid var(--vertical-nav-default-collapse-btn-bg); } .vertical-nav.hidden-menu.vertical-nav-collapse a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { background-color: var(--icon-informative-warning-bg); } .vertical-nav.hidden-menu.vertical-nav-collapse .active:not(.has-children) > a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { background-color: var(--icon-informative-warning-bg); } .vertical-nav.hidden-menu.vertical-nav-collapse .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { background-color: var(--neutral-60); } .vertical-nav ul ul li.active > a, .vertical-nav ul ul .menu-item.active > a, .vertical-nav ul .nav li.active > a, .vertical-nav ul .nav .menu-item.active > a, .vertical-nav .nav ul li.active > a, .vertical-nav .nav ul .menu-item.active > a, .vertical-nav .nav .nav li.active > a, .vertical-nav .nav .nav .menu-item.active > a { font-weight: 700; } .vertical-nav ul ul li.active > a, .vertical-nav ul ul li.active > a:hover, .vertical-nav ul ul .menu-item.active > a, .vertical-nav ul ul .menu-item.active > a:hover, .vertical-nav ul .nav li.active > a, .vertical-nav ul .nav li.active > a:hover, .vertical-nav ul .nav .menu-item.active > a, .vertical-nav ul .nav .menu-item.active > a:hover, .vertical-nav .nav ul li.active > a, .vertical-nav .nav ul li.active > a:hover, .vertical-nav .nav ul .menu-item.active > a, .vertical-nav .nav ul .menu-item.active > a:hover, .vertical-nav .nav .nav li.active > a, .vertical-nav .nav .nav li.active > a:hover, .vertical-nav .nav .nav .menu-item.active > a, .vertical-nav .nav .nav .menu-item.active > a:hover { background-color: var(--vertical-nav-default-sublvl-active-bg); } .vertical-nav li.active:not(.has-children) > a, .vertical-nav .menu-item.active:not(.has-children) > a { color: var(--vertical-nav-default-item-active-text-color); } .vertical-nav li.active:not(.has-children) > a:hover, .vertical-nav .menu-item.active:not(.has-children) > a:hover { background-color: var(--vertical-nav-default-item-active-bg); } .vertical-nav li.active:not(.has-children) > a:focus, .vertical-nav .menu-item.active:not(.has-children) > a:focus { outline: none; } .vertical-nav li.active:not(.has-children) > a .vismaicon::before, .vertical-nav .menu-item.active:not(.has-children) > a .vismaicon::before { background-color: var(--vertical-nav-default-item-active-text-color); } .vertical-nav li.active:not(.has-children) > a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav .menu-item.active:not(.has-children) > a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { color: var(--vertical-nav-default-item-text-color); background-color: var(--vertical-nav-default-item-active-badge-bg); } .vertical-nav li.active:not(.has-children) > a .badge.badge-info, .vertical-nav .menu-item.active:not(.has-children) > a .badge.badge-info { color: var(--badge-info-alt-text); background-color: var(--badge-info-alt-bg); } .vertical-nav li.active > a, .vertical-nav .menu-item.active > a { background-color: var(--vertical-nav-default-item-active-bg); } .vertical-nav li.active .vismaicon::before, .vertical-nav .menu-item.active .vismaicon::before { background-color: var(--vertical-nav-default-icon-color); } .vertical-nav li.active-child > a, .vertical-nav .menu-item.active-child > a { background-color: var(--vertical-nav-default-item-open-bg); } .vertical-nav li.has-children.active > a, .vertical-nav li.has-children.show > a, .vertical-nav li.has-children.open > a, .vertical-nav .menu-item.has-children.active > a, .vertical-nav .menu-item.has-children.show > a, .vertical-nav .menu-item.has-children.open > a { background-color: var(--vertical-nav-default-item-open-bg); } .vertical-nav li.has-children.active > a + ul, .vertical-nav li.has-children.active > a + .nav, .vertical-nav li.has-children.show > a + ul, .vertical-nav li.has-children.show > a + .nav, .vertical-nav li.has-children.open > a + ul, .vertical-nav li.has-children.open > a + .nav, .vertical-nav .menu-item.has-children.active > a + ul, .vertical-nav .menu-item.has-children.active > a + .nav, .vertical-nav .menu-item.has-children.show > a + ul, .vertical-nav .menu-item.has-children.show > a + .nav, .vertical-nav .menu-item.has-children.open > a + ul, .vertical-nav .menu-item.has-children.open > a + .nav { background-color: var(--vertical-nav-default-item-open-bg); } .vertical-nav li.has-children.active > a:hover, .vertical-nav li.has-children.show > a:hover, .vertical-nav li.has-children.open > a:hover, .vertical-nav .menu-item.has-children.active > a:hover, .vertical-nav .menu-item.has-children.show > a:hover, .vertical-nav .menu-item.has-children.open > a:hover { background-color: var(--vertical-nav-default-item-hover-bg); box-shadow: inset 0.1rem 0.1rem 0 0 var(--anchor-focus-outline), inset -0.1rem 0 0 0 var(--anchor-focus-outline); } .vertical-nav li.has-children.active > a:hover + ul, .vertical-nav li.has-children.active > a:hover + .nav, .vertical-nav li.has-children.show > a:hover + ul, .vertical-nav li.has-children.show > a:hover + .nav, .vertical-nav li.has-children.open > a:hover + ul, .vertical-nav li.has-children.open > a:hover + .nav, .vertical-nav .menu-item.has-children.active > a:hover + ul, .vertical-nav .menu-item.has-children.active > a:hover + .nav, .vertical-nav .menu-item.has-children.show > a:hover + ul, .vertical-nav .menu-item.has-children.show > a:hover + .nav, .vertical-nav .menu-item.has-children.open > a:hover + ul, .vertical-nav .menu-item.has-children.open > a:hover + .nav { background-color: var(--vertical-nav-default-item-hover-bg); box-shadow: inset 0.1rem 0 0 0 var(--anchor-focus-outline), inset -0.1rem -0.1rem 0 0 var(--anchor-focus-outline); } .vertical-nav li.has-children > a:hover, .vertical-nav .menu-item.has-children > a:hover { box-shadow: inset 0 0 0 0.1rem var(--anchor-focus-outline); } .vertical-nav li.show-nav > a, .vertical-nav .menu-item.show-nav > a { background-color: var(--vertical-nav-default-collapse-btn-bg); } .vertical-nav li.show-nav > a:after, .vertical-nav .menu-item.show-nav > a:after { background-color: var(--neutral-05); } .vertical-nav li.show-nav > a:hover, .vertical-nav .menu-item.show-nav > a:hover { background-color: var(--vertical-nav-default-collapse-btn-hover-bg); box-shadow: none; } .vertical-nav li.show-nav.show-nav-primary > a, .vertical-nav .menu-item.show-nav.show-nav-primary > a { background-color: var(--vertical-nav-default-collapse-btn-bg); } .vertical-nav li.show-nav.show-nav-primary > a:focus, .vertical-nav .menu-item.show-nav.show-nav-primary > a:focus { outline: 0.2rem solid var(--anchor-focus-outline); } .vertical-nav li.show-nav.show-nav-primary > a:hover, .vertical-nav .menu-item.show-nav.show-nav-primary > a:hover { background-color: var(--vertical-nav-default-collapse-btn-hover-bg); box-shadow: none; } .vertical-nav li.disabled > a, .vertical-nav .menu-item.disabled > a { color: var(--vertical-nav-default-item-disabled-text-color); } .vertical-nav li.disabled > a .vismaicon::before, .vertical-nav .menu-item.disabled > a .vismaicon::before { background-color: var(--vertical-nav-default-icon-disabled-color); } .vertical-nav li a, .vertical-nav .menu-item a { color: var(--vertical-nav-default-item-text-color); } .vertical-nav li a:hover, .vertical-nav .menu-item a:hover { background-color: var(--vertical-nav-default-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--vertical-nav-default-item-hover-border-color); } .vertical-nav li a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav .menu-item a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { color: var(--vertical-nav-default-item-text-color); background-color: var(--vertical-nav-default-badge-bg); } .vertical-nav li .vismaicon::before, .vertical-nav .menu-item .vismaicon::before { background-color: var(--vertical-nav-default-icon-color); } .vertical-nav .label { color: var(--vertical-nav-default-title-text-color); } .vertical-nav .divider { border-bottom-color: var(--vertical-nav-default-divider-bg); } .vertical-nav.vertical-nav-blue, .vertical-nav.vertical-nav-primary, .vertical-nav.vertical-nav-branded { background-color: var(--vertical-nav-primary-bg); box-shadow: var(--vertical-nav-primary-shadow); } .vertical-nav.vertical-nav-blue *::-webkit-scrollbar-track, .vertical-nav.vertical-nav-primary *::-webkit-scrollbar-track, .vertical-nav.vertical-nav-branded *::-webkit-scrollbar-track { background-color: var(--vertical-nav-primary-bg); } .vertical-nav.vertical-nav-blue *::-webkit-scrollbar-thumb, .vertical-nav.vertical-nav-primary *::-webkit-scrollbar-thumb, .vertical-nav.vertical-nav-branded *::-webkit-scrollbar-thumb { background-color: var(--scrollbar-track-bg); border-color: var(--vertical-nav-primary-bg); } .vertical-nav.vertical-nav-blue:not(.hidden-menu) li.show-nav > a, .vertical-nav.vertical-nav-blue:not(.hidden-menu) li.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-blue:not(.hidden-menu) .menu-item.show-nav > a, .vertical-nav.vertical-nav-blue:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-primary:not(.hidden-menu) li.show-nav > a, .vertical-nav.vertical-nav-primary:not(.hidden-menu) li.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-primary:not(.hidden-menu) .menu-item.show-nav > a, .vertical-nav.vertical-nav-primary:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-branded:not(.hidden-menu) li.show-nav > a, .vertical-nav.vertical-nav-branded:not(.hidden-menu) li.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-branded:not(.hidden-menu) .menu-item.show-nav > a, .vertical-nav.vertical-nav-branded:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a { background-color: var(--vertical-nav-primary-collapse-btn-bg); box-shadow: none; } .vertical-nav.vertical-nav-blue:not(.hidden-menu) li.show-nav > a:after, .vertical-nav.vertical-nav-blue:not(.hidden-menu) li.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-blue:not(.hidden-menu) .menu-item.show-nav > a:after, .vertical-nav.vertical-nav-blue:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-primary:not(.hidden-menu) li.show-nav > a:after, .vertical-nav.vertical-nav-primary:not(.hidden-menu) li.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-primary:not(.hidden-menu) .menu-item.show-nav > a:after, .vertical-nav.vertical-nav-primary:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-branded:not(.hidden-menu) li.show-nav > a:after, .vertical-nav.vertical-nav-branded:not(.hidden-menu) li.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-branded:not(.hidden-menu) .menu-item.show-nav > a:after, .vertical-nav.vertical-nav-branded:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:after { background-color: var(--vertical-nav-primary-collapse-arrow); } .vertical-nav.vertical-nav-blue:not(.hidden-menu) li.show-nav > a:hover, .vertical-nav.vertical-nav-blue:not(.hidden-menu) li.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-blue:not(.hidden-menu) .menu-item.show-nav > a:hover, .vertical-nav.vertical-nav-blue:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-primary:not(.hidden-menu) li.show-nav > a:hover, .vertical-nav.vertical-nav-primary:not(.hidden-menu) li.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-primary:not(.hidden-menu) .menu-item.show-nav > a:hover, .vertical-nav.vertical-nav-primary:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-branded:not(.hidden-menu) li.show-nav > a:hover, .vertical-nav.vertical-nav-branded:not(.hidden-menu) li.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-branded:not(.hidden-menu) .menu-item.show-nav > a:hover, .vertical-nav.vertical-nav-branded:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:hover { background-color: var(--vertical-nav-primary-collapse-btn-hover-bg); } .vertical-nav.vertical-nav-blue:not(.hidden-menu) li.show-nav > a:hover::after, .vertical-nav.vertical-nav-blue:not(.hidden-menu) li.show-nav.show-nav-primary > a:hover::after, .vertical-nav.vertical-nav-blue:not(.hidden-menu) .menu-item.show-nav > a:hover::after, .vertical-nav.vertical-nav-blue:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:hover::after, .vertical-nav.vertical-nav-primary:not(.hidden-menu) li.show-nav > a:hover::after, .vertical-nav.vertical-nav-primary:not(.hidden-menu) li.show-nav.show-nav-primary > a:hover::after, .vertical-nav.vertical-nav-primary:not(.hidden-menu) .menu-item.show-nav > a:hover::after, .vertical-nav.vertical-nav-primary:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:hover::after, .vertical-nav.vertical-nav-branded:not(.hidden-menu) li.show-nav > a:hover::after, .vertical-nav.vertical-nav-branded:not(.hidden-menu) li.show-nav.show-nav-primary > a:hover::after, .vertical-nav.vertical-nav-branded:not(.hidden-menu) .menu-item.show-nav > a:hover::after, .vertical-nav.vertical-nav-branded:not(.hidden-menu) .menu-item.show-nav.show-nav-primary > a:hover::after { background-color: var(--vertical-nav-brand-icon-color); } .vertical-nav.vertical-nav-blue.hidden-menu li.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-blue.hidden-menu .menu-item.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-primary.hidden-menu li.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-primary.hidden-menu .menu-item.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-branded.hidden-menu li.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-branded.hidden-menu .menu-item.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { background-color: var(--icon-informative-warning-bg); } .vertical-nav.vertical-nav-blue.hidden-menu li.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-blue.hidden-menu .menu-item.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-primary.hidden-menu li.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-primary.hidden-menu .menu-item.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-branded.hidden-menu li.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-branded.hidden-menu .menu-item.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { background-color: var(--neutral-60); } .vertical-nav.vertical-nav-blue li.active:not(.has-children) > a, .vertical-nav.vertical-nav-blue .menu-item.active:not(.has-children) > a, .vertical-nav.vertical-nav-primary li.active:not(.has-children) > a, .vertical-nav.vertical-nav-primary .menu-item.active:not(.has-children) > a, .vertical-nav.vertical-nav-branded li.active:not(.has-children) > a, .vertical-nav.vertical-nav-branded .menu-item.active:not(.has-children) > a { color: var(--vertical-nav-brand-item-active-text-color); background-color: var(--vertical-nav-primary-item-active-bg); } .vertical-nav.vertical-nav-blue li.active:not(.has-children) > a:hover, .vertical-nav.vertical-nav-blue .menu-item.active:not(.has-children) > a:hover, .vertical-nav.vertical-nav-primary li.active:not(.has-children) > a:hover, .vertical-nav.vertical-nav-primary .menu-item.active:not(.has-children) > a:hover, .vertical-nav.vertical-nav-branded li.active:not(.has-children) > a:hover, .vertical-nav.vertical-nav-branded .menu-item.active:not(.has-children) > a:hover { background-color: var(--vertical-nav-primary-item-active-bg); box-shadow: none; } .vertical-nav.vertical-nav-blue li.active:not(.has-children) .vismaicon::before, .vertical-nav.vertical-nav-blue .menu-item.active:not(.has-children) .vismaicon::before, .vertical-nav.vertical-nav-primary li.active:not(.has-children) .vismaicon::before, .vertical-nav.vertical-nav-primary .menu-item.active:not(.has-children) .vismaicon::before, .vertical-nav.vertical-nav-branded li.active:not(.has-children) .vismaicon::before, .vertical-nav.vertical-nav-branded .menu-item.active:not(.has-children) .vismaicon::before { background-color: var(--vertical-nav-brand-item-active-text-color); } .vertical-nav.vertical-nav-blue li.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-blue .menu-item.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-primary li.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-primary .menu-item.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-branded li.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-branded .menu-item.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { color: var(--vertical-nav-brand-item-active-text-color); background-color: var(--vertical-nav-brand-item-active-badge-bg); } .vertical-nav.vertical-nav-blue li.active:not(.has-children) .badge.badge-info, .vertical-nav.vertical-nav-blue .menu-item.active:not(.has-children) .badge.badge-info, .vertical-nav.vertical-nav-primary li.active:not(.has-children) .badge.badge-info, .vertical-nav.vertical-nav-primary .menu-item.active:not(.has-children) .badge.badge-info, .vertical-nav.vertical-nav-branded li.active:not(.has-children) .badge.badge-info, .vertical-nav.vertical-nav-branded .menu-item.active:not(.has-children) .badge.badge-info { color: var(--badge-info-text); background-color: var(--badge-info-bg); } .vertical-nav.vertical-nav-blue li.active-child > a, .vertical-nav.vertical-nav-blue .menu-item.active-child > a, .vertical-nav.vertical-nav-primary li.active-child > a, .vertical-nav.vertical-nav-primary .menu-item.active-child > a, .vertical-nav.vertical-nav-branded li.active-child > a, .vertical-nav.vertical-nav-branded .menu-item.active-child > a { background-color: var(--vertical-nav-primary-item-open-bg); } .vertical-nav.vertical-nav-blue li.has-children.active > a, .vertical-nav.vertical-nav-blue li.has-children.show > a, .vertical-nav.vertical-nav-blue li.has-children.open > a, .vertical-nav.vertical-nav-blue .menu-item.has-children.active > a, .vertical-nav.vertical-nav-blue .menu-item.has-children.show > a, .vertical-nav.vertical-nav-blue .menu-item.has-children.open > a, .vertical-nav.vertical-nav-primary li.has-children.active > a, .vertical-nav.vertical-nav-primary li.has-children.show > a, .vertical-nav.vertical-nav-primary li.has-children.open > a, .vertical-nav.vertical-nav-primary .menu-item.has-children.active > a, .vertical-nav.vertical-nav-primary .menu-item.has-children.show > a, .vertical-nav.vertical-nav-primary .menu-item.has-children.open > a, .vertical-nav.vertical-nav-branded li.has-children.active > a, .vertical-nav.vertical-nav-branded li.has-children.show > a, .vertical-nav.vertical-nav-branded li.has-children.open > a, .vertical-nav.vertical-nav-branded .menu-item.has-children.active > a, .vertical-nav.vertical-nav-branded .menu-item.has-children.show > a, .vertical-nav.vertical-nav-branded .menu-item.has-children.open > a { background-color: var(--vertical-nav-primary-item-open-bg); } .vertical-nav.vertical-nav-blue li.has-children.active > a:hover, .vertical-nav.vertical-nav-blue li.has-children.show > a:hover, .vertical-nav.vertical-nav-blue li.has-children.open > a:hover, .vertical-nav.vertical-nav-blue .menu-item.has-children.active > a:hover, .vertical-nav.vertical-nav-blue .menu-item.has-children.show > a:hover, .vertical-nav.vertical-nav-blue .menu-item.has-children.open > a:hover, .vertical-nav.vertical-nav-primary li.has-children.active > a:hover, .vertical-nav.vertical-nav-primary li.has-children.show > a:hover, .vertical-nav.vertical-nav-primary li.has-children.open > a:hover, .vertical-nav.vertical-nav-primary .menu-item.has-children.active > a:hover, .vertical-nav.vertical-nav-primary .menu-item.has-children.show > a:hover, .vertical-nav.vertical-nav-primary .menu-item.has-children.open > a:hover, .vertical-nav.vertical-nav-branded li.has-children.active > a:hover, .vertical-nav.vertical-nav-branded li.has-children.show > a:hover, .vertical-nav.vertical-nav-branded li.has-children.open > a:hover, .vertical-nav.vertical-nav-branded .menu-item.has-children.active > a:hover, .vertical-nav.vertical-nav-branded .menu-item.has-children.show > a:hover, .vertical-nav.vertical-nav-branded .menu-item.has-children.open > a:hover { background-color: var(--vertical-nav-primary-item-hover-bg); box-shadow: inset 0.1rem 0.1rem 0 0 var(--vertical-nav-brand-item-hover-border-color), inset -0.1rem 0 0 0 var(--vertical-nav-brand-item-hover-border-color); } .vertical-nav.vertical-nav-blue li.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-blue li.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-blue li.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-blue li.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-blue li.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-blue li.has-children.open > a:hover + .nav, .vertical-nav.vertical-nav-blue .menu-item.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-blue .menu-item.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-blue .menu-item.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-blue .menu-item.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-blue .menu-item.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-blue .menu-item.has-children.open > a:hover + .nav, .vertical-nav.vertical-nav-primary li.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-primary li.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-primary li.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-primary li.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-primary li.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-primary li.has-children.open > a:hover + .nav, .vertical-nav.vertical-nav-primary .menu-item.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-primary .menu-item.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-primary .menu-item.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-primary .menu-item.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-primary .menu-item.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-primary .menu-item.has-children.open > a:hover + .nav, .vertical-nav.vertical-nav-branded li.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-branded li.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-branded li.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-branded li.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-branded li.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-branded li.has-children.open > a:hover + .nav, .vertical-nav.vertical-nav-branded .menu-item.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-branded .menu-item.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-branded .menu-item.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-branded .menu-item.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-branded .menu-item.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-branded .menu-item.has-children.open > a:hover + .nav { background-color: var(--vertical-nav-primary-item-hover-bg); box-shadow: inset 0.1rem 0 0 0 var(--vertical-nav-brand-item-hover-border-color), inset -0.1rem -0.1rem 0 0 var(--vertical-nav-brand-item-hover-border-color); } .vertical-nav.vertical-nav-blue li.has-children.active > a + ul, .vertical-nav.vertical-nav-blue li.has-children.active > a + .nav, .vertical-nav.vertical-nav-blue li.has-children.show > a + ul, .vertical-nav.vertical-nav-blue li.has-children.show > a + .nav, .vertical-nav.vertical-nav-blue li.has-children.open > a + ul, .vertical-nav.vertical-nav-blue li.has-children.open > a + .nav, .vertical-nav.vertical-nav-blue .menu-item.has-children.active > a + ul, .vertical-nav.vertical-nav-blue .menu-item.has-children.active > a + .nav, .vertical-nav.vertical-nav-blue .menu-item.has-children.show > a + ul, .vertical-nav.vertical-nav-blue .menu-item.has-children.show > a + .nav, .vertical-nav.vertical-nav-blue .menu-item.has-children.open > a + ul, .vertical-nav.vertical-nav-blue .menu-item.has-children.open > a + .nav, .vertical-nav.vertical-nav-primary li.has-children.active > a + ul, .vertical-nav.vertical-nav-primary li.has-children.active > a + .nav, .vertical-nav.vertical-nav-primary li.has-children.show > a + ul, .vertical-nav.vertical-nav-primary li.has-children.show > a + .nav, .vertical-nav.vertical-nav-primary li.has-children.open > a + ul, .vertical-nav.vertical-nav-primary li.has-children.open > a + .nav, .vertical-nav.vertical-nav-primary .menu-item.has-children.active > a + ul, .vertical-nav.vertical-nav-primary .menu-item.has-children.active > a + .nav, .vertical-nav.vertical-nav-primary .menu-item.has-children.show > a + ul, .vertical-nav.vertical-nav-primary .menu-item.has-children.show > a + .nav, .vertical-nav.vertical-nav-primary .menu-item.has-children.open > a + ul, .vertical-nav.vertical-nav-primary .menu-item.has-children.open > a + .nav, .vertical-nav.vertical-nav-branded li.has-children.active > a + ul, .vertical-nav.vertical-nav-branded li.has-children.active > a + .nav, .vertical-nav.vertical-nav-branded li.has-children.show > a + ul, .vertical-nav.vertical-nav-branded li.has-children.show > a + .nav, .vertical-nav.vertical-nav-branded li.has-children.open > a + ul, .vertical-nav.vertical-nav-branded li.has-children.open > a + .nav, .vertical-nav.vertical-nav-branded .menu-item.has-children.active > a + ul, .vertical-nav.vertical-nav-branded .menu-item.has-children.active > a + .nav, .vertical-nav.vertical-nav-branded .menu-item.has-children.show > a + ul, .vertical-nav.vertical-nav-branded .menu-item.has-children.show > a + .nav, .vertical-nav.vertical-nav-branded .menu-item.has-children.open > a + ul, .vertical-nav.vertical-nav-branded .menu-item.has-children.open > a + .nav { background-color: var(--vertical-nav-primary-item-open-bg); } .vertical-nav.vertical-nav-blue li.has-children > a:focus::before, .vertical-nav.vertical-nav-blue .menu-item.has-children > a:focus::before, .vertical-nav.vertical-nav-primary li.has-children > a:focus::before, .vertical-nav.vertical-nav-primary .menu-item.has-children > a:focus::before, .vertical-nav.vertical-nav-branded li.has-children > a:focus::before, .vertical-nav.vertical-nav-branded .menu-item.has-children > a:focus::before { outline-color: var(--neutral-05); } .vertical-nav.vertical-nav-blue li.disabled, .vertical-nav.vertical-nav-blue .menu-item.disabled, .vertical-nav.vertical-nav-primary li.disabled, .vertical-nav.vertical-nav-primary .menu-item.disabled, .vertical-nav.vertical-nav-branded li.disabled, .vertical-nav.vertical-nav-branded .menu-item.disabled { opacity: 0.7; } .vertical-nav.vertical-nav-blue li.disabled .vismaicon::before, .vertical-nav.vertical-nav-blue .menu-item.disabled .vismaicon::before, .vertical-nav.vertical-nav-primary li.disabled .vismaicon::before, .vertical-nav.vertical-nav-primary .menu-item.disabled .vismaicon::before, .vertical-nav.vertical-nav-branded li.disabled .vismaicon::before, .vertical-nav.vertical-nav-branded .menu-item.disabled .vismaicon::before { background-color: var(--vertical-nav-brand-icon-disabled-color) !important; } .vertical-nav.vertical-nav-blue li.label, .vertical-nav.vertical-nav-blue .menu-item.label, .vertical-nav.vertical-nav-primary li.label, .vertical-nav.vertical-nav-primary .menu-item.label, .vertical-nav.vertical-nav-branded li.label, .vertical-nav.vertical-nav-branded .menu-item.label { color: var(--vertical-nav-primary-item-text); } .vertical-nav.vertical-nav-blue li.divider, .vertical-nav.vertical-nav-blue .menu-item.divider, .vertical-nav.vertical-nav-primary li.divider, .vertical-nav.vertical-nav-primary .menu-item.divider, .vertical-nav.vertical-nav-branded li.divider, .vertical-nav.vertical-nav-branded .menu-item.divider { border-bottom-color: var(--vertical-nav-primary-divider-bg); } .vertical-nav.vertical-nav-blue li:not(.show-nav) a:hover, .vertical-nav.vertical-nav-blue .menu-item:not(.show-nav) a:hover, .vertical-nav.vertical-nav-primary li:not(.show-nav) a:hover, .vertical-nav.vertical-nav-primary .menu-item:not(.show-nav) a:hover, .vertical-nav.vertical-nav-branded li:not(.show-nav) a:hover, .vertical-nav.vertical-nav-branded .menu-item:not(.show-nav) a:hover { background-color: var(--vertical-nav-primary-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--vertical-nav-brand-item-hover-border-color); } .vertical-nav.vertical-nav-blue li a, .vertical-nav.vertical-nav-blue .menu-item a, .vertical-nav.vertical-nav-primary li a, .vertical-nav.vertical-nav-primary .menu-item a, .vertical-nav.vertical-nav-branded li a, .vertical-nav.vertical-nav-branded .menu-item a { color: var(--vertical-nav-primary-item-text); } .vertical-nav.vertical-nav-blue li a:after, .vertical-nav.vertical-nav-blue .menu-item a:after, .vertical-nav.vertical-nav-primary li a:after, .vertical-nav.vertical-nav-primary .menu-item a:after, .vertical-nav.vertical-nav-branded li a:after, .vertical-nav.vertical-nav-branded .menu-item a:after { background-color: var(--vertical-nav-brand-icon-color); } .vertical-nav.vertical-nav-blue li a:focus, .vertical-nav.vertical-nav-blue .menu-item a:focus, .vertical-nav.vertical-nav-primary li a:focus, .vertical-nav.vertical-nav-primary .menu-item a:focus, .vertical-nav.vertical-nav-branded li a:focus, .vertical-nav.vertical-nav-branded .menu-item a:focus { outline-color: var(--neutral-05); } .vertical-nav.vertical-nav-blue li a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-blue .menu-item a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-primary li a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-primary .menu-item a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-branded li a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-branded .menu-item a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { color: var(--vertical-nav-primary-item-text); background-color: var(--vertical-nav-brand-badge-bg); } .vertical-nav.vertical-nav-blue li a .badge.badge-info, .vertical-nav.vertical-nav-blue .menu-item a .badge.badge-info, .vertical-nav.vertical-nav-primary li a .badge.badge-info, .vertical-nav.vertical-nav-primary .menu-item a .badge.badge-info, .vertical-nav.vertical-nav-branded li a .badge.badge-info, .vertical-nav.vertical-nav-branded .menu-item a .badge.badge-info { color: var(--badge-info-alt-text); background-color: var(--badge-info-alt-bg); } .vertical-nav.vertical-nav-blue li .vismaicon::before, .vertical-nav.vertical-nav-blue .menu-item .vismaicon::before, .vertical-nav.vertical-nav-primary li .vismaicon::before, .vertical-nav.vertical-nav-primary .menu-item .vismaicon::before, .vertical-nav.vertical-nav-branded li .vismaicon::before, .vertical-nav.vertical-nav-branded .menu-item .vismaicon::before { background-color: var(--vertical-nav-brand-icon-color); } .vertical-nav.vertical-nav-secondary, .vertical-nav.vertical-nav-inverted { background: var(--vertical-nav-secondary-bg); box-shadow: var(--vertical-nav-primary-shadow); } .vertical-nav.vertical-nav-secondary *::-webkit-scrollbar-track, .vertical-nav.vertical-nav-inverted *::-webkit-scrollbar-track { background-color: var(--vertical-nav-secondary-bg); } .vertical-nav.vertical-nav-secondary *::-webkit-scrollbar-thumb, .vertical-nav.vertical-nav-inverted *::-webkit-scrollbar-thumb { background-color: var(--scrollbar-track-bg); border-color: var(--vertical-nav-secondary-bg); } .vertical-nav.vertical-nav-secondary.hidden-menu, .vertical-nav.vertical-nav-inverted.hidden-menu { border-right: 0.4rem solid var(--vertical-nav-secondary-border-color); } .vertical-nav.vertical-nav-secondary.hidden-menu.vertical-nav-collapse, .vertical-nav.vertical-nav-inverted.hidden-menu.vertical-nav-collapse { border: 0; } .vertical-nav.vertical-nav-secondary.hidden-menu li.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-secondary.hidden-menu .menu-item.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-inverted.hidden-menu li.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-inverted.hidden-menu .menu-item.active a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { background-color: var(--icon-informative-warning-bg); } .vertical-nav.vertical-nav-secondary.hidden-menu li.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-secondary.hidden-menu .menu-item.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-inverted.hidden-menu li.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-inverted.hidden-menu .menu-item.active .disabled a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { background-color: var(--neutral-60); } .vertical-nav.vertical-nav-secondary.hidden-menu li.show-nav > a, .vertical-nav.vertical-nav-secondary.hidden-menu li.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-secondary.hidden-menu .menu-item.show-nav > a, .vertical-nav.vertical-nav-secondary.hidden-menu .menu-item.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-inverted.hidden-menu li.show-nav > a, .vertical-nav.vertical-nav-inverted.hidden-menu li.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-inverted.hidden-menu .menu-item.show-nav > a, .vertical-nav.vertical-nav-inverted.hidden-menu .menu-item.show-nav.show-nav-primary > a { background-color: var(--vertical-nav-secondary-border-color); } .vertical-nav.vertical-nav-secondary.hidden-menu li.show-nav > a:after, .vertical-nav.vertical-nav-secondary.hidden-menu li.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-secondary.hidden-menu .menu-item.show-nav > a:after, .vertical-nav.vertical-nav-secondary.hidden-menu .menu-item.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-inverted.hidden-menu li.show-nav > a:after, .vertical-nav.vertical-nav-inverted.hidden-menu li.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-inverted.hidden-menu .menu-item.show-nav > a:after, .vertical-nav.vertical-nav-inverted.hidden-menu .menu-item.show-nav.show-nav-primary > a:after { background-color: var(--vertical-nav-secondary-item-text); } .vertical-nav.vertical-nav-secondary.hidden-menu li.show-nav > a:hover, .vertical-nav.vertical-nav-secondary.hidden-menu li.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-secondary.hidden-menu .menu-item.show-nav > a:hover, .vertical-nav.vertical-nav-secondary.hidden-menu .menu-item.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-inverted.hidden-menu li.show-nav > a:hover, .vertical-nav.vertical-nav-inverted.hidden-menu li.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-inverted.hidden-menu .menu-item.show-nav > a:hover, .vertical-nav.vertical-nav-inverted.hidden-menu .menu-item.show-nav.show-nav-primary > a:hover { background-color: var(--vertical-nav-secondary-collapsed-btn-hover-bg); } .vertical-nav.vertical-nav-secondary li.active:not(.has-children) > a, .vertical-nav.vertical-nav-secondary .menu-item.active:not(.has-children) > a, .vertical-nav.vertical-nav-inverted li.active:not(.has-children) > a, .vertical-nav.vertical-nav-inverted .menu-item.active:not(.has-children) > a { color: var(--vertical-nav-inverted-item-active-text-color); background-color: var(--vertical-nav-secondary-item-active-bg); } .vertical-nav.vertical-nav-secondary li.active:not(.has-children) > a:hover, .vertical-nav.vertical-nav-secondary .menu-item.active:not(.has-children) > a:hover, .vertical-nav.vertical-nav-inverted li.active:not(.has-children) > a:hover, .vertical-nav.vertical-nav-inverted .menu-item.active:not(.has-children) > a:hover { background-color: var(--vertical-nav-secondary-item-active-bg); box-shadow: none; } .vertical-nav.vertical-nav-secondary li.active:not(.has-children) .vismaicon::before, .vertical-nav.vertical-nav-secondary .menu-item.active:not(.has-children) .vismaicon::before, .vertical-nav.vertical-nav-inverted li.active:not(.has-children) .vismaicon::before, .vertical-nav.vertical-nav-inverted .menu-item.active:not(.has-children) .vismaicon::before { background-color: var(--vertical-nav-inverted-item-active-text-color); } .vertical-nav.vertical-nav-secondary li.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-secondary .menu-item.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-inverted li.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-inverted .menu-item.active:not(.has-children) .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { color: var(--vertical-nav-inverted-item-active-text-color); background-color: var(--vertical-nav-inverted-item-active-badge-bg); } .vertical-nav.vertical-nav-secondary li.active:not(.has-children) .badge.badge-info, .vertical-nav.vertical-nav-secondary .menu-item.active:not(.has-children) .badge.badge-info, .vertical-nav.vertical-nav-inverted li.active:not(.has-children) .badge.badge-info, .vertical-nav.vertical-nav-inverted .menu-item.active:not(.has-children) .badge.badge-info { color: var(--badge-info-text); background-color: var(--badge-info-bg); } .vertical-nav.vertical-nav-secondary li.active-child > a, .vertical-nav.vertical-nav-secondary .menu-item.active-child > a, .vertical-nav.vertical-nav-inverted li.active-child > a, .vertical-nav.vertical-nav-inverted .menu-item.active-child > a { background-color: var(--vertical-nav-secondary-item-open-bg); } .vertical-nav.vertical-nav-secondary li.has-children.active > a, .vertical-nav.vertical-nav-secondary li.has-children.show > a, .vertical-nav.vertical-nav-secondary li.has-children.open > a, .vertical-nav.vertical-nav-secondary .menu-item.has-children.active > a, .vertical-nav.vertical-nav-secondary .menu-item.has-children.show > a, .vertical-nav.vertical-nav-secondary .menu-item.has-children.open > a, .vertical-nav.vertical-nav-inverted li.has-children.active > a, .vertical-nav.vertical-nav-inverted li.has-children.show > a, .vertical-nav.vertical-nav-inverted li.has-children.open > a, .vertical-nav.vertical-nav-inverted .menu-item.has-children.active > a, .vertical-nav.vertical-nav-inverted .menu-item.has-children.show > a, .vertical-nav.vertical-nav-inverted .menu-item.has-children.open > a { background-color: var(--vertical-nav-secondary-item-open-bg); } .vertical-nav.vertical-nav-secondary li.has-children.active > a:hover, .vertical-nav.vertical-nav-secondary li.has-children.show > a:hover, .vertical-nav.vertical-nav-secondary li.has-children.open > a:hover, .vertical-nav.vertical-nav-secondary .menu-item.has-children.active > a:hover, .vertical-nav.vertical-nav-secondary .menu-item.has-children.show > a:hover, .vertical-nav.vertical-nav-secondary .menu-item.has-children.open > a:hover, .vertical-nav.vertical-nav-inverted li.has-children.active > a:hover, .vertical-nav.vertical-nav-inverted li.has-children.show > a:hover, .vertical-nav.vertical-nav-inverted li.has-children.open > a:hover, .vertical-nav.vertical-nav-inverted .menu-item.has-children.active > a:hover, .vertical-nav.vertical-nav-inverted .menu-item.has-children.show > a:hover, .vertical-nav.vertical-nav-inverted .menu-item.has-children.open > a:hover { background-color: var(--vertical-nav-secondary-item-hover-bg); box-shadow: inset 0.1rem 0.1rem 0 0 var(--vertical-nav-inverted-item-hover-border-color), inset -0.1rem 0 0 0 var(--vertical-nav-inverted-item-hover-border-color); } .vertical-nav.vertical-nav-secondary li.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-secondary li.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-secondary li.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-secondary li.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-secondary li.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-secondary li.has-children.open > a:hover + .nav, .vertical-nav.vertical-nav-secondary .menu-item.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-secondary .menu-item.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-secondary .menu-item.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-secondary .menu-item.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-secondary .menu-item.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-secondary .menu-item.has-children.open > a:hover + .nav, .vertical-nav.vertical-nav-inverted li.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-inverted li.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-inverted li.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-inverted li.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-inverted li.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-inverted li.has-children.open > a:hover + .nav, .vertical-nav.vertical-nav-inverted .menu-item.has-children.active > a:hover + ul, .vertical-nav.vertical-nav-inverted .menu-item.has-children.active > a:hover + .nav, .vertical-nav.vertical-nav-inverted .menu-item.has-children.show > a:hover + ul, .vertical-nav.vertical-nav-inverted .menu-item.has-children.show > a:hover + .nav, .vertical-nav.vertical-nav-inverted .menu-item.has-children.open > a:hover + ul, .vertical-nav.vertical-nav-inverted .menu-item.has-children.open > a:hover + .nav { background-color: var(--vertical-nav-secondary-item-hover-bg); box-shadow: inset 0.1rem 0 0 0 var(--vertical-nav-inverted-item-hover-border-color), inset -0.1rem -0.1rem 0 0 var(--vertical-nav-inverted-item-hover-border-color); } .vertical-nav.vertical-nav-secondary li.has-children.active > a + ul, .vertical-nav.vertical-nav-secondary li.has-children.active > a + .nav, .vertical-nav.vertical-nav-secondary li.has-children.show > a + ul, .vertical-nav.vertical-nav-secondary li.has-children.show > a + .nav, .vertical-nav.vertical-nav-secondary li.has-children.open > a + ul, .vertical-nav.vertical-nav-secondary li.has-children.open > a + .nav, .vertical-nav.vertical-nav-secondary .menu-item.has-children.active > a + ul, .vertical-nav.vertical-nav-secondary .menu-item.has-children.active > a + .nav, .vertical-nav.vertical-nav-secondary .menu-item.has-children.show > a + ul, .vertical-nav.vertical-nav-secondary .menu-item.has-children.show > a + .nav, .vertical-nav.vertical-nav-secondary .menu-item.has-children.open > a + ul, .vertical-nav.vertical-nav-secondary .menu-item.has-children.open > a + .nav, .vertical-nav.vertical-nav-inverted li.has-children.active > a + ul, .vertical-nav.vertical-nav-inverted li.has-children.active > a + .nav, .vertical-nav.vertical-nav-inverted li.has-children.show > a + ul, .vertical-nav.vertical-nav-inverted li.has-children.show > a + .nav, .vertical-nav.vertical-nav-inverted li.has-children.open > a + ul, .vertical-nav.vertical-nav-inverted li.has-children.open > a + .nav, .vertical-nav.vertical-nav-inverted .menu-item.has-children.active > a + ul, .vertical-nav.vertical-nav-inverted .menu-item.has-children.active > a + .nav, .vertical-nav.vertical-nav-inverted .menu-item.has-children.show > a + ul, .vertical-nav.vertical-nav-inverted .menu-item.has-children.show > a + .nav, .vertical-nav.vertical-nav-inverted .menu-item.has-children.open > a + ul, .vertical-nav.vertical-nav-inverted .menu-item.has-children.open > a + .nav { background-color: var(--vertical-nav-secondary-item-open-bg); } .vertical-nav.vertical-nav-secondary li.has-children > a:focus::before, .vertical-nav.vertical-nav-secondary .menu-item.has-children > a:focus::before, .vertical-nav.vertical-nav-inverted li.has-children > a:focus::before, .vertical-nav.vertical-nav-inverted .menu-item.has-children > a:focus::before { outline-color: var(--neutral-05); } .vertical-nav.vertical-nav-secondary li.disabled, .vertical-nav.vertical-nav-secondary .menu-item.disabled, .vertical-nav.vertical-nav-inverted li.disabled, .vertical-nav.vertical-nav-inverted .menu-item.disabled { opacity: 0.7; } .vertical-nav.vertical-nav-secondary li.disabled .vismaicon::before, .vertical-nav.vertical-nav-secondary .menu-item.disabled .vismaicon::before, .vertical-nav.vertical-nav-inverted li.disabled .vismaicon::before, .vertical-nav.vertical-nav-inverted .menu-item.disabled .vismaicon::before { background-color: var(--vertical-nav-inverted-icon-disabled-color) !important; } .vertical-nav.vertical-nav-secondary li.label, .vertical-nav.vertical-nav-secondary .menu-item.label, .vertical-nav.vertical-nav-inverted li.label, .vertical-nav.vertical-nav-inverted .menu-item.label { color: var(--vertical-nav-secondary-item-text); } .vertical-nav.vertical-nav-secondary li.divider, .vertical-nav.vertical-nav-secondary .menu-item.divider, .vertical-nav.vertical-nav-inverted li.divider, .vertical-nav.vertical-nav-inverted .menu-item.divider { border-bottom-color: var(--vertical-nav-inverted-divider-bg); } .vertical-nav.vertical-nav-secondary li:not(.show-nav) a:hover, .vertical-nav.vertical-nav-secondary .menu-item:not(.show-nav) a:hover, .vertical-nav.vertical-nav-inverted li:not(.show-nav) a:hover, .vertical-nav.vertical-nav-inverted .menu-item:not(.show-nav) a:hover { background-color: var(--vertical-nav-secondary-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--vertical-nav-inverted-item-hover-border-color); } .vertical-nav.vertical-nav-secondary li.show-nav > a, .vertical-nav.vertical-nav-secondary li.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-secondary .menu-item.show-nav > a, .vertical-nav.vertical-nav-secondary .menu-item.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-inverted li.show-nav > a, .vertical-nav.vertical-nav-inverted li.show-nav.show-nav-primary > a, .vertical-nav.vertical-nav-inverted .menu-item.show-nav > a, .vertical-nav.vertical-nav-inverted .menu-item.show-nav.show-nav-primary > a { background-color: var(--vertical-nav-secondary-collapse-btn-bg); box-shadow: none; } .vertical-nav.vertical-nav-secondary li.show-nav > a:after, .vertical-nav.vertical-nav-secondary li.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-secondary .menu-item.show-nav > a:after, .vertical-nav.vertical-nav-secondary .menu-item.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-inverted li.show-nav > a:after, .vertical-nav.vertical-nav-inverted li.show-nav.show-nav-primary > a:after, .vertical-nav.vertical-nav-inverted .menu-item.show-nav > a:after, .vertical-nav.vertical-nav-inverted .menu-item.show-nav.show-nav-primary > a:after { background-color: var(--vertical-nav-primary-collapse-arrow); } .vertical-nav.vertical-nav-secondary li.show-nav > a:hover, .vertical-nav.vertical-nav-secondary li.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-secondary .menu-item.show-nav > a:hover, .vertical-nav.vertical-nav-secondary .menu-item.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-inverted li.show-nav > a:hover, .vertical-nav.vertical-nav-inverted li.show-nav.show-nav-primary > a:hover, .vertical-nav.vertical-nav-inverted .menu-item.show-nav > a:hover, .vertical-nav.vertical-nav-inverted .menu-item.show-nav.show-nav-primary > a:hover { background-color: var(--vertical-nav-secondary-collapse-btn-hover-bg); } .vertical-nav.vertical-nav-secondary li.show-nav.show-nav-primary > a:focus, .vertical-nav.vertical-nav-secondary .menu-item.show-nav.show-nav-primary > a:focus, .vertical-nav.vertical-nav-inverted li.show-nav.show-nav-primary > a:focus, .vertical-nav.vertical-nav-inverted .menu-item.show-nav.show-nav-primary > a:focus { outline: 0.2rem solid var(--neutral-05); } .vertical-nav.vertical-nav-secondary li a, .vertical-nav.vertical-nav-secondary .menu-item a, .vertical-nav.vertical-nav-inverted li a, .vertical-nav.vertical-nav-inverted .menu-item a { color: var(--vertical-nav-secondary-item-text); } .vertical-nav.vertical-nav-secondary li a:after, .vertical-nav.vertical-nav-secondary .menu-item a:after, .vertical-nav.vertical-nav-inverted li a:after, .vertical-nav.vertical-nav-inverted .menu-item a:after { background-color: var(--vertical-nav-secondary-item-text); } .vertical-nav.vertical-nav-secondary li a:focus, .vertical-nav.vertical-nav-secondary .menu-item a:focus, .vertical-nav.vertical-nav-inverted li a:focus, .vertical-nav.vertical-nav-inverted .menu-item a:focus { outline-color: var(--neutral-05); } .vertical-nav.vertical-nav-secondary li a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-secondary .menu-item a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-inverted li a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger), .vertical-nav.vertical-nav-inverted .menu-item a .badge:not(.badge-info):not(.badge-success):not(.badge-warning):not(.badge-danger) { color: var(--vertical-nav-secondary-item-text); background-color: var(--vertical-nav-inverted-badge-bg); } .vertical-nav.vertical-nav-secondary li .vismaicon::before, .vertical-nav.vertical-nav-secondary .menu-item .vismaicon::before, .vertical-nav.vertical-nav-inverted li .vismaicon::before, .vertical-nav.vertical-nav-inverted .menu-item .vismaicon::before { background-color: var(--vertical-nav-inverted-icon-color); } .datepicker-square .datepicker .datepicker-cell span, .datepicker.datepicker-square .datepicker-cell span { border-radius: 0.8rem; } .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered), .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered), .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered), .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered), .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered), .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered) { color: var(--datepicker-item-text); } .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered) span, .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered) span, .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered) span, .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered) span, .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered) span, .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered) span { background: var(--bg-primary); box-shadow: inset 0 0 0 0.1rem var(--button-active-border-color); } .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered):focus span, .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered):focus span, .datepicker-stroke .datepicker .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered):focus span, .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered):focus span, .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered):focus span, .datepicker.datepicker-stroke .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered):focus span { box-shadow: inset 0 0 0 0.2rem var(--datepicker-item-selected-focus-border); } .datepicker .dropdown { margin: 0; } @media (max-width: 550px) { .datepicker .dropdown { width: 100%; } } .datepicker .dropdown-menu { width: 40rem; padding: 3.2rem; background-color: var(--datepicker-inline-bg); box-shadow: var(--dropdown-menu-shadow); } @media (max-width: 550px) { .datepicker .dropdown-menu { width: 100%; min-width: 26.5rem; padding: 1.6rem; } } .datepicker .dropdown-content { padding: 0; border-radius: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; } .datepicker .dropdown-item, .datepicker .dropdown-item:hover, .datepicker .dropdown-item:active, .datepicker .dropdown-item a:active, .datepicker .dropdown-item button:active { background-color: rgba(0, 0, 0, 0); } .datepicker .dropdown-item:focus { box-shadow: none; } .datepicker .datepicker-header { display: flex; cursor: default; } .datepicker .datepicker-header .select { display: inline-block; position: relative; vertical-align: top; max-width: 100%; } .datepicker .datepicker-header .select select { min-width: 1%; padding-right: 2.4rem; border: 0; background-color: rgba(0, 0, 0, 0); background-image: var(--datepicker-arrow); background-position: right 1.1rem top 1.4rem; background-repeat: no-repeat; box-shadow: none; } .datepicker .datepicker-header .select select:focus { outline: 0; box-shadow: inset 0 0 0 0.2rem var(--anchor-focus-outline); } .datepicker .pagination { display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 1.6rem; text-align: center; } .datepicker .pagination.is-centered .pagination-list { justify-content: center; order: 2; } .datepicker .pagination-list { justify-content: flex-start; flex-wrap: wrap; align-items: center; order: 1; flex-grow: 1; flex-shrink: 2; width: 100%; margin: 0; text-align: center; } .datepicker .field-body { display: flex; justify-content: center; flex-basis: 0; flex-grow: 5; flex-shrink: 1; } .datepicker .field-body .field.has-addons { display: flex; justify-content: flex-start; } .datepicker .pagination-next, .datepicker .pagination-previous { flex-shrink: 0; width: 3.2rem; height: 3.2rem; padding: 0; margin: 0; } .datepicker .pagination-next:hover:not(:active) span, .datepicker .pagination-previous:hover:not(:active) span { background-color: var(--icon-hover-bg); } .datepicker .pagination-next:hover, .datepicker .pagination-next:active, .datepicker .pagination-previous:hover, .datepicker .pagination-previous:active { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .datepicker .pagination-next:focus, .datepicker .pagination-previous:focus { box-shadow: inset 0 0 0 0.2rem var(--anchor-focus-outline); } .datepicker .pagination-next.is-disabled, .datepicker .pagination-next.disabled, .datepicker .pagination-next:disabled, .datepicker .pagination-previous.is-disabled, .datepicker .pagination-previous.disabled, .datepicker .pagination-previous:disabled { pointer-events: none; cursor: default; box-shadow: none; } .datepicker .pagination-next.is-disabled span, .datepicker .pagination-next.disabled span, .datepicker .pagination-next:disabled span, .datepicker .pagination-previous.is-disabled span, .datepicker .pagination-previous.disabled span, .datepicker .pagination-previous:disabled span { background-color: var(--caret-disabled-bg); } .datepicker .pagination-next span, .datepicker .pagination-previous span { display: block; position: relative; top: 1.2rem; height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-primary-bg); transform: rotate(90deg); -webkit-transform: rotate(90deg); } .datepicker .pagination-previous { order: 1; } .datepicker .pagination-previous span { left: 1rem; } .datepicker .pagination-next { order: 3; } .datepicker .pagination-next span { left: 1.1rem; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .datepicker .datepicker-table { display: flex; flex-direction: column; align-items: center; gap: 0.8rem; min-width: 33rem; } .datepicker .datepicker-table .datepicker-header { display: flex; gap: 0.8rem; } .datepicker .datepicker-table .datepicker-header .datepicker-cell { cursor: default; color: var(--datepicker-nonclickable-text-color); font-size: 1.3rem; } .datepicker .datepicker-table .datepicker-header .datepicker-cell:first-child { position: relative; } .datepicker .datepicker-table .datepicker-header .datepicker-cell:first-child span::before { position: absolute; content: "Wk"; width: auto; } .datepicker .datepicker-table .datepicker-header .datepicker-cell:first-child span::after { content: ""; position: absolute; width: 0.1rem; height: calc(100% + 0.8rem); top: -0.4rem; right: -0.4rem; background-color: var(--datepicker-border-color); } .datepicker .datepicker-table .datepicker-header .datepicker-cell span { font-weight: 400; } .datepicker .datepicker-table .datepicker-body { display: flex; flex-direction: column; gap: 0.8rem; } .datepicker .datepicker-cell { overflow: visible; width: 3.2rem; padding: 0; text-align: center; color: var(--datepicker-item-text); background-color: rgba(0, 0, 0, 0); box-shadow: none; } .datepicker .datepicker-cell:hover, .datepicker .datepicker-cell:focus { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .datepicker .datepicker-cell.is-week-number { pointer-events: none; cursor: default; margin-right: 0.8rem; border-radius: 0; } .datepicker .datepicker-cell.is-unselectable:hover, .datepicker .datepicker-cell.is-unselectable:hover > span { pointer-events: none; cursor: default; } .datepicker .datepicker-cell.is-nearby, .datepicker .datepicker-cell.is-unselectable, .datepicker .datepicker-cell.is-week-number { color: var(--datepicker-nonclickable-text-color); } .datepicker .datepicker-cell.is-nearby span, .datepicker .datepicker-cell.is-unselectable span, .datepicker .datepicker-cell.is-week-number span { font-weight: 400; } .datepicker .datepicker-cell span { display: flex; justify-content: center; align-items: center; width: 3.2rem; height: 3.2rem; margin: 0 auto; font-weight: 600; border-radius: 100%; border: 0.1rem solid rgba(0, 0, 0, 0); } .datepicker .datepicker-row { display: flex; cursor: default; gap: 0.8rem; } .datepicker .datepicker-row .datepicker-cell { position: relative; } .datepicker .datepicker-row .datepicker-cell span { position: relative; overflow: visible; margin: 0; border: 0; } .datepicker .datepicker-row .datepicker-cell span:before, .datepicker .datepicker-row .datepicker-cell span:after { display: block; content: ""; position: absolute; width: calc(50% + 0.4rem); height: 3.2rem; z-index: -1; } .datepicker .datepicker-row .datepicker-cell span::before { left: -0.4rem; } .datepicker .datepicker-row .datepicker-cell span::after { right: -0.4rem; } .datepicker .datepicker-row .datepicker-cell:hover span { background: var(--datepicker-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--button-hover-border-color); } .datepicker .datepicker-row .datepicker-cell:focus span { box-shadow: inset 0 0 0 0.2rem var(--datepicker-item-selected-focus-border); } .datepicker .datepicker-row .datepicker-cell:active span { background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .datepicker .datepicker-row .datepicker-cell.is-week-number span::before { display: none; } .datepicker .datepicker-row .datepicker-cell.is-week-number span::after { width: 0.1rem; height: calc(100% + 0.8rem); top: -0.4rem; right: -0.8rem; background-color: var(--datepicker-border-color); } .datepicker .datepicker-row .datepicker-cell.is-week-number:hover span, .datepicker .datepicker-row .datepicker-cell.is-unselectable:hover span { background: rgba(0, 0, 0, 0); box-shadow: none; } .datepicker .datepicker-row .datepicker-cell.is-today span { box-shadow: inset 0 0 0 0.2rem var(--datepicker-item-today-border); } .datepicker .datepicker-row .datepicker-cell.is-today.is-within-selected span, .datepicker .datepicker-row .datepicker-cell.is-today.is-within-hovered-range span { box-shadow: none; } .datepicker .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered), .datepicker .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered), .datepicker .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered) { color: var(--datepicker-item-selected-text); } .datepicker .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered) span, .datepicker .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered) span, .datepicker .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered) span { background: var(--datepicker-item-selected-bg); box-shadow: none; } .datepicker .datepicker-row .datepicker-cell.is-selectable.is-selected:not(.is-within-selected):not(.is-within-hovered):focus span, .datepicker .datepicker-row .datepicker-cell.is-selectable.is-first-hovered.is-within-hovered-range:not(.is-within-hovered):focus span, .datepicker .datepicker-row .datepicker-cell.is-selectable.is-last-hovered.is-within-hovered-range:not(.is-within-hovered):focus span { box-shadow: inset 0 0 0 0.1rem var(--datepicker-item-selected-focus-border), inset 0 0 0 0.3rem var(--datepicker-item-selected-focus-border); } .datepicker .datepicker-row .datepicker-cell.is-selected.is-first-selected span::after { background-color: var(--datepicker-item-selected-range-bg); } .datepicker .datepicker-row .datepicker-cell.is-selected.is-last-selected span::before { background-color: var(--datepicker-item-selected-range-bg); } .datepicker .datepicker-row .datepicker-cell.is-selected.is-first-selected.is-last-selected:not(.is-within-hovered) span::before, .datepicker .datepicker-row .datepicker-cell.is-selected.is-first-selected.is-last-selected:not(.is-within-hovered) span::after { background-color: rgba(0, 0, 0, 0); } .datepicker .datepicker-row .datepicker-cell.is-within-selected span::before, .datepicker .datepicker-row .datepicker-cell.is-within-selected span::after { background-color: var(--datepicker-item-selected-range-bg); } .datepicker .datepicker-row .datepicker-cell.is-within-hovered-range.is-within-hovered span::before, .datepicker .datepicker-row .datepicker-cell.is-within-hovered-range.is-within-hovered span::after { background-color: var(--datepicker-item-hover-range-bg); } .datepicker .datepicker-row .datepicker-cell.is-within-hovered-range.is-first-hovered:not(.is-last-hovered) span::after { background-color: var(--datepicker-item-hover-range-bg); } .datepicker .datepicker-row .datepicker-cell.is-within-hovered-range.is-last-hovered:not(.is-first-hovered) span::before { background-color: var(--datepicker-item-hover-range-bg); } .datepicker .datepicker-footer { display: flex; justify-content: space-between; position: relative; height: auto; width: auto; padding: 2.4rem 0 0 0; bottom: auto; } .datepicker .btn { width: auto; min-width: 4rem; padding: 0.6rem 1.6rem; border-radius: 1.6rem; border: 0.1rem solid rgba(0, 0, 0, 0); background-color: var(--datepicker-today-btn-bg); box-shadow: none; } .datepicker .btn:hover { box-shadow: none; } .datepicker .btn.btn-today { color: var(--datepicker-today-btn-text); border-color: var(--datepicker-today-btn-border); box-shadow: none; } .datepicker .btn.btn-today:focus:not(:active) { box-shadow: inset 0 0 0 0.1rem var(--anchor-focus-outline); } .datepicker .btn.btn-clear { color: var(--datepicker-clear-btn-text-color); border-color: var(--datepicker-clear-btn-border); } .datepicker .btn.btn-clear:hover:not(:active) { color: var(--datepicker-clear-btn-hover-text-color); background-color: var(--datepicker-clear-btn-hover-bg); } .datepicker .btn.btn-clear:focus { box-shadow: inset 0 0 0 0.1rem var(--datepicker-clear-btn-border); } .datepicker .btn.btn-today:disabled, .datepicker .btn.btn-today:disabled:focus, .datepicker .btn.btn-today.disabled, .datepicker .btn.btn-today.disabled:focus, :disabled .datepicker .btn.btn-today, :disabled .datepicker .btn.btn-today:focus, .disabled .datepicker .btn.btn-today, .disabled .datepicker .btn.btn-today:focus, .datepicker .btn.btn-clear:disabled, .datepicker .btn.btn-clear:disabled:focus, .datepicker .btn.btn-clear.disabled, .datepicker .btn.btn-clear.disabled:focus, :disabled .datepicker .btn.btn-clear, :disabled .datepicker .btn.btn-clear:focus, .disabled .datepicker .btn.btn-clear, .disabled .datepicker .btn.btn-clear:focus { color: var(--button-disabled-text-color); border-color: var(--button-disabled-border-color); background-color: var(--button-disabled-bg); box-shadow: none; } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } .datepicker input[type=date], .datepicker input[type=text] { padding-right: 4.8rem; } .datepicker input[type=date] + .icon, .datepicker input[type=text] + .icon { display: block; width: 1.6rem; height: 1.6rem; position: absolute; right: 0.8rem; top: 0.8rem; mask: url('_-_-node_modules-@vismaux-vud-dist-img-datepicker.svg'); -webkit-mask: url('_-_-node_modules-@vismaux-vud-dist-img-datepicker.svg'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: right 0 top 0; -webkit-mask-position: right 0 top 0; background-color: var(--icon-cta-bg); cursor: pointer; } .disabled .datepicker input[type=date] + .icon, :disabled .datepicker input[type=date] + .icon, .datepicker input[type=date].disabled + .icon, .datepicker input[type=date]:disabled + .icon, .disabled .datepicker input[type=text] + .icon, :disabled .datepicker input[type=text] + .icon, .datepicker input[type=text].disabled + .icon, .datepicker input[type=text]:disabled + .icon { background-color: var(--icon-disabled-bg); } .datepicker .control { position: relative; } .datepicker .control input[type=date], .datepicker .control input[type=text] { width: 100%; } .datepicker .dropdown .dropdown-menu { display: block; top: 100%; z-index: 2; } .field label.label { background-color: rgba(0, 0, 0, 0); font-weight: normal; font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; min-width: 1%; text-align: left; margin: 0; top: auto; border-radius: 0; border: 0; box-shadow: none; } .datepicker .is-inline .dropdown-menu { position: static; display: inline-block; background: var(--datepicker-inline-bg); z-index: 1; } .month-picker .datepicker .dropdown-menu { max-width: 32rem; } .month-picker .datepicker .dropdown-item { padding: 0; } .month-picker .datepicker .datepicker-table { min-width: auto; min-width: unset; } .datepicker-months { display: flex; flex-flow: wrap; justify-content: space-between; gap: 3rem; } .datepicker-months .datepicker-cell { display: flex; justify-content: center; align-items: center; width: 6.4rem; height: 3.2rem; color: var(--datepicker-item-text); background-color: rgba(0, 0, 0, 0); box-shadow: none; } .datepicker-months .datepicker-cell:hover { background-color: var(--datepicker-item-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--button-hover-border-color); } .datepicker-months .datepicker-cell:active { background-color: rgba(0, 0, 0, 0); box-shadow: none; } .datepicker-months .datepicker-cell:focus { box-shadow: inset 0 0 0 0.2rem var(--anchor-focus-outline); } .datepicker-months .datepicker-cell.is-selected { color: var(--datepicker-item-selected-text); background-color: var(--datepicker-item-selected-bg); } .datepicker-months .datepicker-cell.is-selected:focus:not(:active) { box-shadow: inset 0 0 0 0.1rem var(--anchor-focus-outline), inset 0 0 0 0.3rem var(--button-primary-focus-inner-shadow-color); } .datepicker-months .datepicker-cell.is-selected:active { color: var(--datepicker-item-text); } .pagination { padding: 0; margin: 0; display: flex; gap: 0.8rem; } .pagination.pagination-round > * > a, .pagination.pagination-round > * > a.btn, .pagination.pagination-round > * > button, .pagination.pagination-round > * > button.btn, .pagination.pagination-round > * > span, .pagination.pagination-round > * > span.btn { border-radius: 50%; } .pagination > * { list-style: none; text-align: center; margin: 0; } .pagination > * > a, .pagination > * > b, .pagination > * em, .pagination > * > label, .pagination > * > button, .pagination > * > span { line-height: 3rem; display: inline-flex; text-decoration: none; } .pagination > * > a.btn, .pagination > * > button.btn { width: 3.2rem; height: 3.2rem; min-width: 1%; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; display: block; position: relative; } .pagination > * > a.btn:before, .pagination > * > button.btn:before { content: ""; display: block; background-color: var(--caret-default-bg); position: absolute; } .pagination > * > a.btn > span, .pagination > * > button.btn > span { display: none; } .pagination > * > a.btn.go2first:before, .pagination > * > a.btn.go2last:before, .pagination > * > button.btn.go2first:before, .pagination > * > button.btn.go2last:before { width: 1rem; height: 1rem; top: calc(50% - 0.5rem); left: calc(50% - 0.5rem); } .pagination > * > a.btn.prev:before, .pagination > * > a.btn.next:before, .pagination > * > button.btn.prev:before, .pagination > * > button.btn.next:before { top: 1.2rem; left: 1.1rem; } .pagination > * > a.btn.prev:before, .pagination > * > button.btn.prev:before { left: 1rem; } .pagination > * > a.btn.go2first:before, .pagination > * > button.btn.go2first:before { mask-image: url('pagination-arrow.svg'); -webkit-mask-image: url('pagination-arrow.svg'); } .pagination > * > a.btn.prev:before, .pagination > * > button.btn.prev:before { height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-default-bg); transform: rotate(90deg); } .pagination > * > a.btn.go2last:before, .pagination > * > button.btn.go2last:before { mask-image: url('pagination-arrow.svg'); -webkit-mask-image: url('pagination-arrow.svg'); transform: rotate(180deg); } .pagination > * > a.btn.next:before, .pagination > * > button.btn.next:before { height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-default-bg); transform: rotate(-90deg); } .pagination.disabled > * > span, .pagination.disabled > * > button, .pagination.disabled > * > a { color: var(--text-disabled); } .pagination.disabled > * > span:before, .pagination.disabled > * > button:before, .pagination.disabled > * > a:before { background-color: var(--caret-disabled-bg); } .pagination > * > a.btn.disabled, .pagination > * > button.btn.disabled, .pagination > * > button.btn[disabled] { color: var(--text-disabled); } .pagination > * > a.btn.disabled:before, .pagination > * > button.btn.disabled:before, .pagination > * > button.btn[disabled]:before { background-color: var(--caret-disabled-bg); } .pagination .quantity { min-width: 8.4rem; padding-right: 4rem; background-position: right 1.6rem top 1.3rem; } .alert { position: relative; min-height: 6.7rem; padding: 2.4rem 7.2rem 2.4rem 5.2rem; margin-bottom: 1.6rem; line-height: 1.3; color: var(--alert-info-text); border-radius: var(--radius-sm); border-width: 0.1rem; border-style: solid; border-color: var(--alert-info-border); background: var(--alert-info-bg); box-shadow: var(--alert-info-shadow); } @media (max-width: 992px) { .alert { padding-right: 4.8rem; } } .alert:before { content: ""; width: 1.6rem; height: 1.6rem; display: block; position: absolute; top: 2.6rem; left: 2.4rem; background-color: var(--icon-informative-info-bg); mask: url('16_informative_icons_dynamic.svg'); -webkit-mask: url('16_informative_icons_dynamic.svg'); mask-position: -6.3rem 0; -webkit-mask-position: -6.3rem 0; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: auto 1.6rem; -webkit-mask-size: auto 1.6rem; } .alert .vismaicon-filled { display: none; } .alert .btn, .alert > p:last-child { margin-bottom: 0; } .alert a { color: var(--anchor-color); } .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 { font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; font-weight: 700; line-height: 1.6; } .alert h1:last-child, .alert h2:last-child, .alert h3:last-child, .alert h4:last-child, .alert h5:last-child, .alert h6:last-child { margin-bottom: 0; } .alert.alert-success { color: var(--alert-success-text); border-color: var(--alert-success-border); background: var(--alert-success-bg); box-shadow: var(--alert-success-shadow); } .alert.alert-success:before { mask-position: 0 0; -webkit-mask-position: 0 0; background-color: var(--icon-informative-success-bg); } .alert.alert-warning { color: var(--alert-warning-text); border-color: var(--alert-warning-border); background: var(--alert-warning-bg); box-shadow: var(--alert-warning-shadow); } .alert.alert-warning:before { mask-position: -4.2rem 0; -webkit-mask-position: -4.2rem 0; background-color: var(--icon-informative-warning-bg); } .alert.alert-error, .alert.alert-danger { color: var(--alert-danger-text); border-color: var(--alert-danger-border); background: var(--alert-danger-bg); box-shadow: var(--alert-danger-shadow); } .alert.alert-error::before, .alert.alert-danger::before { mask-position: -2.1rem 0; -webkit-mask-position: -2.1rem 0; background-color: var(--icon-informative-error-bg); } .alert .close { position: absolute; top: 2.6rem; right: 2.4rem; } .alert.alert-sm { min-height: 5.2rem; padding-top: 1.6rem; padding-bottom: 1.6rem; } .alert.alert-sm::before, .alert.alert-sm .close { top: 1.7rem; } .alert.alert-icon-md { min-height: 8.4rem; padding: 2.4rem 8.8rem 2.4rem 7.2rem; } .alert.alert-icon-md::before { width: 3.2rem; height: 3.2rem; left: 2.4rem; mask-size: auto 3.2rem; -webkit-mask-size: auto 3.2rem; } .alert.alert-icon-md.alert-info::before { mask-position: -12.6rem 0; -webkit-mask-position: -12.6rem 0; } .alert.alert-icon-md.alert-warning::before { mask-position: -8.4rem 0; -webkit-mask-position: -8.4rem 0; } .alert.alert-icon-md.alert-danger::before, .alert.alert-icon-md.alert-error::before { mask-position: -4.2rem 0; -webkit-mask-position: -4.2rem 0; } .alert.alert-icon-lg { min-height: 10rem; padding: 2.4rem 8.8rem 2.4rem 9.6rem; } .alert.alert-icon-lg::before { width: 4.8rem; height: 4.8rem; left: 2.4rem; mask-size: auto 4.8rem; -webkit-mask-size: auto 4.8rem; } .alert.alert-icon-lg.alert-info::before { mask-position: -18.9rem 0; -webkit-mask-position: -18.9rem 0; } .alert.alert-icon-lg.alert-warning::before { mask-position: -12.6rem 0; -webkit-mask-position: -12.6rem 0; } .alert.alert-icon-lg.alert-danger::before, .alert.alert-icon-lg.alert-error::before { mask-position: -6.3rem 0; -webkit-mask-position: -6.3rem 0; } .toast { display: block; position: absolute; max-width: 45rem; padding: 1.6rem 4rem; margin-bottom: 1.6rem; top: 4rem; left: calc(50% - 22.5rem); color: var(--alert-info-text); line-height: 1.3; border-radius: var(--radius-sm); border-width: 0.1rem; border-style: solid; border-color: var(--alert-info-border); background: var(--alert-info-bg); box-shadow: var(--alert-info-shadow); z-index: 1001; } .toast:before { display: block; content: ""; position: absolute; width: 1.6rem; height: 1.6rem; top: 1.7rem; left: 1.6rem; background-color: var(--icon-informative-info-bg); mask: url('16_informative_icons_dynamic.svg'); -webkit-mask: url('16_informative_icons_dynamic.svg'); mask-position: -6.3rem 0; -webkit-mask-position: -6.3rem 0; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: auto; -webkit-mask-size: auto; } .toast .vismaicon-filled { display: none; } .toast.toast-success { color: var(--alert-success-text); border-color: var(--alert-success-border); background-color: var(--alert-success-bg); box-shadow: var(--alert-success-shadow); } .toast.toast-success:before { background-color: var(--icon-informative-success-bg); mask-position: 0 0; -webkit-mask-position: 0 0; } .toast.toast-error, .toast.toast-danger { color: var(--alert-danger-text); border-color: var(--alert-danger-border); background-color: var(--alert-danger-bg); box-shadow: var(--alert-danger-shadow); } .toast.toast-error:before, .toast.toast-danger:before { background-color: var(--icon-informative-error-bg); mask-position: -2.1rem 0; -webkit-mask-position: -2.1rem 0; } .toast.toast-warning { color: var(--alert-warning-text); border-color: var(--alert-warning-border); background-color: var(--alert-warning-bg); box-shadow: var(--alert-warning-shadow); } .toast.toast-warning:before { background-color: var(--icon-informative-warning-bg); mask-position: -4.2rem 0; -webkit-mask-position: -4.2rem 0; } .toast .close { position: absolute; top: calc(50% - 0.6rem); right: 1.7rem; } .popover { display: none; position: absolute; width: 60vw; max-width: 40rem; padding: 3.2rem; top: 0; left: 0; border-radius: var(--radius-sm); border-width: 0.1rem; border-style: solid; border-color: var(--tooltip-secondary-border-color); background-color: var(--module-container-bg-color); box-shadow: var(--popover-shadow); z-index: 1060; } @media (max-width: 549px) { .popover { padding: 3rem; } } .popover::before, .popover::after { display: block; position: absolute; content: ""; width: 1rem; height: 2.4rem; top: calc(50% - 1.2rem); left: -1rem; background-image: none; } .popover::before { clip-path: polygon(100% 97.917%, 85.701% 97.918%, 85.701% 95.835%, 85.701% 95.835%, 85.264% 92.77%, 84.097% 89.926%, 82.293% 87.291%, 79.945% 84.855%, 77.146% 82.607%, 73.99% 80.536%, 70.569% 78.631%, 66.976% 76.882%, 63.305% 75.278%, 59.65% 73.808%, 59.526% 73.76%, 59.396% 73.716%, 13.832% 58.403%, 13.832% 58.403%, 12.137% 57.776%, 10.599% 57.089%, 9.222% 56.347%, 8.013% 55.554%, 6.975% 54.715%, 6.114% 53.835%, 5.435% 52.919%, 4.944% 51.971%, 4.646% 50.996%, 4.545% 49.999%, 4.545% 49.999%, 4.646% 49.003%, 4.945% 48.028%, 5.437% 47.081%, 6.115% 46.165%, 6.976% 45.286%, 8.014% 44.448%, 9.224% 43.656%, 10.6% 42.915%, 12.137% 42.229%, 13.831% 41.603%, 58.722% 26.513%, 58.836% 26.474%, 58.945% 26.433%, 58.945% 26.433%, 62.7% 24.948%, 66.471% 23.328%, 70.16% 21.562%, 73.674% 19.639%, 76.916% 17.547%, 79.791% 15.276%, 82.202% 12.815%, 84.055% 10.153%, 85.253% 7.279%, 85.701% 4.182%, 85.701% 2.083%, 100% 2.083%, 100% 97.917%); background-color: var(--module-container-bg-color); width: 1.1rem; } .popover::after { clip-path: polygon(99.999% 4.167%, 100% 0%, 89.999% 0%, 89.999% 4.17%, 89.999% 4.17%, 89.615% 6.791%, 88.573% 9.258%, 86.922% 11.581%, 84.709% 13.774%, 81.984% 15.847%, 78.794% 17.812%, 75.189% 19.681%, 71.217% 21.467%, 66.926% 23.18%, 62.365% 24.833%, 12.986% 39.923%, 12.986% 39.923%, 8.573% 41.565%, 5.14% 43.456%, 2.689% 45.534%, 1.218% 47.736%, 0.728% 50.001%, 1.218% 52.266%, 2.689% 54.468%, 5.14% 56.547%, 8.573% 58.439%, 12.986% 60.083%, 63.107% 75.396%, 63.107% 75.396%, 67.556% 77.038%, 71.739% 78.74%, 75.607% 80.514%, 79.115% 82.37%, 82.216% 84.318%, 84.864% 86.37%, 87.013% 88.537%, 88.616% 90.83%, 89.626% 93.259%, 89.999% 95.835%, 89.999% 100.001%, 100% 100%, 99.999% 95.823%, 99.998% 95.81%, 99.998% 95.81%, 99.457% 92.465%, 98.018% 89.358%, 95.809% 86.484%, 92.959% 83.834%, 89.595% 81.401%, 85.847% 79.177%, 81.842% 77.155%, 77.71% 75.326%, 73.579% 73.683%, 69.577% 72.219%, 69.307% 72.123%, 69.02% 72.036%, 18.899% 56.723%, 18.899% 56.723%, 17.408% 56.221%, 16.054% 55.671%, 14.843% 55.078%, 13.778% 54.444%, 12.865% 53.773%, 12.107% 53.069%, 11.51% 52.336%, 11.078% 51.577%, 10.816% 50.797%, 10.728% 50%, 10.728% 50%, 10.816% 49.202%, 11.079% 48.423%, 11.512% 47.665%, 12.109% 46.933%, 12.866% 46.23%, 13.779% 45.559%, 14.844% 44.926%, 16.054% 44.333%, 17.407% 43.784%, 18.897% 43.283%, 68.279% 28.193%, 68.53% 28.116%, 68.77% 28.033%, 68.77% 28.033%, 73.153% 26.457%, 77.553% 24.735%, 81.859% 22.854%, 85.96% 20.802%, 89.743% 18.566%, 93.098% 16.135%, 95.913% 13.494%, 98.076% 10.632%, 99.475% 7.537%, 99.998% 4.194%, 99.999% 4.182%, 99.999% 4.167%); background-color: var(--tooltip-secondary-border-color); } .popover.in, .popover.show { display: block; } .popover.top, .popover[data-popper-placement=top] { inset: auto auto 0.5rem 0.8rem !important; } .popover.top::before, .popover.top::after, .popover[data-popper-placement=top]::before, .popover[data-popper-placement=top]::after { top: unset; bottom: -1.7rem; left: calc(50% - 0.5rem); transform: rotate(-90deg); } .popover.top::before, .popover[data-popper-placement=top]::before { left: calc(50% - 0.55rem); } .popover.right, .popover[data-popper-placement=right] { inset: 0 auto auto 0.5rem !important; } .popover.bottom, .popover[data-popper-placement=bottom] { inset: 0.5rem auto auto 0.5rem !important; } .popover.bottom::before, .popover.bottom::after, .popover[data-popper-placement=bottom]::before, .popover[data-popper-placement=bottom]::after { top: -1.7rem; left: calc(50% - 0.5rem); transform: rotate(90deg); } .popover.bottom::before, .popover[data-popper-placement=bottom]::before { left: calc(50% - 0.55rem); } .popover.left, .popover[data-popper-placement=left] { inset: 0 0.5rem auto auto i !important; } .popover.left::before, .popover.left::after, .popover[data-popper-placement=left]::before, .popover[data-popper-placement=left]::after { right: -1rem; left: unset; transform: rotate(180deg); } .popover .popover-header, .popover .popover-title { font-weight: 700; font-size: var(--font-size-md); } .popover .popover-content p:last-child { margin-bottom: 0; } .vismaicon[data-toggle=popover], .vismaicon[data-bs-toggle=popover] { cursor: pointer; } .tooltip { display: none; position: absolute; min-width: 18rem; max-width: 42rem; padding: 1.6rem; top: 0; left: 0; color: var(--tooltip-text); text-align: left; border-radius: var(--radius-sm); border-width: 0.1rem; border-style: solid; border-color: var(--tooltip-border-color); background-color: var(--tooltip-bg); box-shadow: var(--tooltip-shadow); z-index: 1070; } .tooltip::before, .tooltip::after { display: block; position: absolute; content: ""; width: 1rem; height: 2.4rem; top: calc(50% - 1.2rem); left: -1rem; background-image: none; } .tooltip::before { clip-path: polygon(100% 97.917%, 85.701% 97.918%, 85.701% 95.835%, 85.701% 95.835%, 85.264% 92.77%, 84.097% 89.926%, 82.293% 87.291%, 79.945% 84.855%, 77.146% 82.607%, 73.99% 80.536%, 70.569% 78.631%, 66.976% 76.882%, 63.305% 75.278%, 59.65% 73.808%, 59.526% 73.76%, 59.396% 73.716%, 13.832% 58.403%, 13.832% 58.403%, 12.137% 57.776%, 10.599% 57.089%, 9.222% 56.347%, 8.013% 55.554%, 6.975% 54.715%, 6.114% 53.835%, 5.435% 52.919%, 4.944% 51.971%, 4.646% 50.996%, 4.545% 49.999%, 4.545% 49.999%, 4.646% 49.003%, 4.945% 48.028%, 5.437% 47.081%, 6.115% 46.165%, 6.976% 45.286%, 8.014% 44.448%, 9.224% 43.656%, 10.6% 42.915%, 12.137% 42.229%, 13.831% 41.603%, 58.722% 26.513%, 58.836% 26.474%, 58.945% 26.433%, 58.945% 26.433%, 62.7% 24.948%, 66.471% 23.328%, 70.16% 21.562%, 73.674% 19.639%, 76.916% 17.547%, 79.791% 15.276%, 82.202% 12.815%, 84.055% 10.153%, 85.253% 7.279%, 85.701% 4.182%, 85.701% 2.083%, 100% 2.083%, 100% 97.917%); background-color: var(--tooltip-bg); width: 1.1rem; } .tooltip::after { clip-path: polygon(99.999% 4.167%, 100% 0%, 89.999% 0%, 89.999% 4.17%, 89.999% 4.17%, 89.615% 6.791%, 88.573% 9.258%, 86.922% 11.581%, 84.709% 13.774%, 81.984% 15.847%, 78.794% 17.812%, 75.189% 19.681%, 71.217% 21.467%, 66.926% 23.18%, 62.365% 24.833%, 12.986% 39.923%, 12.986% 39.923%, 8.573% 41.565%, 5.14% 43.456%, 2.689% 45.534%, 1.218% 47.736%, 0.728% 50.001%, 1.218% 52.266%, 2.689% 54.468%, 5.14% 56.547%, 8.573% 58.439%, 12.986% 60.083%, 63.107% 75.396%, 63.107% 75.396%, 67.556% 77.038%, 71.739% 78.74%, 75.607% 80.514%, 79.115% 82.37%, 82.216% 84.318%, 84.864% 86.37%, 87.013% 88.537%, 88.616% 90.83%, 89.626% 93.259%, 89.999% 95.835%, 89.999% 100.001%, 100% 100%, 99.999% 95.823%, 99.998% 95.81%, 99.998% 95.81%, 99.457% 92.465%, 98.018% 89.358%, 95.809% 86.484%, 92.959% 83.834%, 89.595% 81.401%, 85.847% 79.177%, 81.842% 77.155%, 77.71% 75.326%, 73.579% 73.683%, 69.577% 72.219%, 69.307% 72.123%, 69.02% 72.036%, 18.899% 56.723%, 18.899% 56.723%, 17.408% 56.221%, 16.054% 55.671%, 14.843% 55.078%, 13.778% 54.444%, 12.865% 53.773%, 12.107% 53.069%, 11.51% 52.336%, 11.078% 51.577%, 10.816% 50.797%, 10.728% 50%, 10.728% 50%, 10.816% 49.202%, 11.079% 48.423%, 11.512% 47.665%, 12.109% 46.933%, 12.866% 46.23%, 13.779% 45.559%, 14.844% 44.926%, 16.054% 44.333%, 17.407% 43.784%, 18.897% 43.283%, 68.279% 28.193%, 68.53% 28.116%, 68.77% 28.033%, 68.77% 28.033%, 73.153% 26.457%, 77.553% 24.735%, 81.859% 22.854%, 85.96% 20.802%, 89.743% 18.566%, 93.098% 16.135%, 95.913% 13.494%, 98.076% 10.632%, 99.475% 7.537%, 99.998% 4.194%, 99.999% 4.182%, 99.999% 4.167%); background-color: var(--tooltip-border-color); } .tooltip.tooltip-error { color: var(--tooltip-error-text); border-color: var(--tooltip-error-border-color); background-color: var(--tooltip-error-bg); box-shadow: var(--tooltip-error-shadow); } .tooltip.tooltip-error::before { background-color: var(--tooltip-error-bg); } .tooltip.tooltip-error::after { background-color: var(--tooltip-error-border-color); } .tooltip.tooltip-primary { color: var(--tooltip-primary-text); border-color: var(--tooltip-primary-border-color); background-color: var(--tooltip-primary-bg); box-shadow: var(--tooltip-primary-shadow); } .tooltip.tooltip-primary::before { background-color: var(--tooltip-primary-bg); } .tooltip.tooltip-primary::after { background-color: var(--tooltip-primary-border-color); } .tooltip.tooltip-secondary { color: var(--tooltip-secondary-text); border-color: var(--tooltip-secondary-border-color); background-color: var(--tooltip-secondary-bg); box-shadow: var(--tooltip-secondary-shadow); } .tooltip.tooltip-secondary::before { background-color: var(--tooltip-secondary-bg); } .tooltip.tooltip-secondary::after { background-color: var(--tooltip-secondary-border-color); } .tooltip.top, .tooltip[data-popper-placement=top] { text-align: center; margin-bottom: 1.2rem !important; } .tooltip.top::before, .tooltip.top::after, .tooltip[data-popper-placement=top]::before, .tooltip[data-popper-placement=top]::after { top: unset; bottom: -1.7rem; left: calc(50% - 0.5rem); transform: rotate(-90deg); } .tooltip.top::before, .tooltip[data-popper-placement=top]::before { left: calc(50% - 0.55rem); } .tooltip.right, .tooltip[data-popper-placement=right] { text-align: left; margin-left: 1.2rem !important; } .tooltip.bottom, .tooltip[data-popper-placement=bottom] { text-align: center; margin-top: 1.2rem !important; } .tooltip.bottom::before, .tooltip.bottom::after, .tooltip[data-popper-placement=bottom]::before, .tooltip[data-popper-placement=bottom]::after { top: -1.7rem; left: calc(50% - 0.5rem); transform: rotate(90deg); } .tooltip.bottom::before, .tooltip[data-popper-placement=bottom]::before { left: calc(50% - 0.55rem); } .tooltip.left, .tooltip[data-popper-placement=left] { text-align: right; margin-right: 1.2rem !important; } .tooltip.left::before, .tooltip.left::after, .tooltip[data-popper-placement=left]::before, .tooltip[data-popper-placement=left]::after { right: -1rem; left: unset; transform: rotate(180deg); } .tooltip.in, .tooltip.show { display: block; } .tooltip .tooltip-inner { line-height: 1.8rem; } .horizontal-loading, .progress { overflow: visible; position: relative; height: 2rem; margin-bottom: 3.2rem; vertical-align: middle; border-radius: 1rem; background: var(--progress-bar-wrapper-bg); } .horizontal-loading .loading-bar, .horizontal-loading .progress-bar, .progress .loading-bar, .progress .progress-bar { width: 0%; height: 2rem; padding-right: 0; color: rgba(0, 0, 0, 0); text-align: right; font-weight: 400; border-radius: 1rem; background-color: var(--progress-bar-bg); box-shadow: none; transition: width 0.6s ease; } .horizontal-loading .loading-bar-label, .horizontal-loading .progress-label, .progress .loading-bar-label, .progress .progress-label { overflow: hidden; display: block; position: relative; padding-right: 3.2rem; color: var(--progress-bar-label); white-space: nowrap; text-overflow: ellipsis; } .horizontal-loading .progress-label, .progress .progress-label { top: 0.8rem; } .horizontal-loading .percentage, .progress .percentage { position: absolute; top: 2.8rem; right: 0; color: var(--progress-bar-label); z-index: 1; } .horizontal-loading.horizontal-loading-xs, .horizontal-loading.progress-xs, .progress.horizontal-loading-xs, .progress.progress-xs { height: 0.5rem; border-radius: 0.3rem; } .horizontal-loading.horizontal-loading-xs .loading-bar, .horizontal-loading.horizontal-loading-xs .progress-bar, .horizontal-loading.progress-xs .loading-bar, .horizontal-loading.progress-xs .progress-bar, .progress.horizontal-loading-xs .loading-bar, .progress.horizontal-loading-xs .progress-bar, .progress.progress-xs .loading-bar, .progress.progress-xs .progress-bar { height: 0.5rem; } .horizontal-loading.horizontal-loading-xs .percentage, .horizontal-loading.progress-xs .percentage, .progress.horizontal-loading-xs .percentage, .progress.progress-xs .percentage { top: 1.3rem; } .horizontal-loading.horizontal-loading-sm, .horizontal-loading.progress-sm, .progress.horizontal-loading-sm, .progress.progress-sm { height: 1rem; border-radius: 0.5rem; } .horizontal-loading.horizontal-loading-sm .loading-bar, .horizontal-loading.horizontal-loading-sm .progress-bar, .horizontal-loading.progress-sm .loading-bar, .horizontal-loading.progress-sm .progress-bar, .progress.horizontal-loading-sm .loading-bar, .progress.horizontal-loading-sm .progress-bar, .progress.progress-sm .loading-bar, .progress.progress-sm .progress-bar { height: 1rem; } .horizontal-loading.horizontal-loading-sm .percentage, .horizontal-loading.progress-sm .percentage, .progress.horizontal-loading-sm .percentage, .progress.progress-sm .percentage { top: 1.8rem; } .horizontal-loading .progress-bar[aria-valuenow="0"], .progress .progress-bar[aria-valuenow="0"] { min-width: 0; } .horizontal-loading .loading-bar { position: absolute; top: 0; right: 100%; bottom: 0; left: 0; width: 0; animation: horizontal-loading-bar 2s linear infinite; } .horizontal-loading .loading-bar-label { top: 2.8rem; } .horizontal-loading.horizontal-loading-sm .loading-bar-label { top: 1.7rem; } .horizontal-loading.horizontal-loading-xs .loading-bar-label { top: 1.2rem; } @keyframes horizontal-loading-bar { 0% { left: 0%; right: 100%; width: 0%; } 10% { left: 0%; right: 75%; width: 25%; } 90% { right: 0%; left: 75%; width: 25%; } 100% { left: 100%; right: 0%; width: 0%; } } .horizontal-loading, .progress { overflow: visible; position: relative; height: 2rem; margin-bottom: 3.2rem; vertical-align: middle; border-radius: 1rem; background: var(--progress-bar-wrapper-bg); } .horizontal-loading .loading-bar, .horizontal-loading .progress-bar, .progress .loading-bar, .progress .progress-bar { width: 0%; height: 2rem; padding-right: 0; color: rgba(0, 0, 0, 0); text-align: right; font-weight: 400; border-radius: 1rem; background-color: var(--progress-bar-bg); box-shadow: none; transition: width 0.6s ease; } .horizontal-loading .loading-bar-label, .horizontal-loading .progress-label, .progress .loading-bar-label, .progress .progress-label { overflow: hidden; display: block; position: relative; padding-right: 3.2rem; color: var(--progress-bar-label); white-space: nowrap; text-overflow: ellipsis; } .horizontal-loading .progress-label, .progress .progress-label { top: 0.8rem; } .horizontal-loading .percentage, .progress .percentage { position: absolute; top: 2.8rem; right: 0; color: var(--progress-bar-label); z-index: 1; } .horizontal-loading.horizontal-loading-xs, .horizontal-loading.progress-xs, .progress.horizontal-loading-xs, .progress.progress-xs { height: 0.5rem; border-radius: 0.3rem; } .horizontal-loading.horizontal-loading-xs .loading-bar, .horizontal-loading.horizontal-loading-xs .progress-bar, .horizontal-loading.progress-xs .loading-bar, .horizontal-loading.progress-xs .progress-bar, .progress.horizontal-loading-xs .loading-bar, .progress.horizontal-loading-xs .progress-bar, .progress.progress-xs .loading-bar, .progress.progress-xs .progress-bar { height: 0.5rem; } .horizontal-loading.horizontal-loading-xs .percentage, .horizontal-loading.progress-xs .percentage, .progress.horizontal-loading-xs .percentage, .progress.progress-xs .percentage { top: 1.3rem; } .horizontal-loading.horizontal-loading-sm, .horizontal-loading.progress-sm, .progress.horizontal-loading-sm, .progress.progress-sm { height: 1rem; border-radius: 0.5rem; } .horizontal-loading.horizontal-loading-sm .loading-bar, .horizontal-loading.horizontal-loading-sm .progress-bar, .horizontal-loading.progress-sm .loading-bar, .horizontal-loading.progress-sm .progress-bar, .progress.horizontal-loading-sm .loading-bar, .progress.horizontal-loading-sm .progress-bar, .progress.progress-sm .loading-bar, .progress.progress-sm .progress-bar { height: 1rem; } .horizontal-loading.horizontal-loading-sm .percentage, .horizontal-loading.progress-sm .percentage, .progress.horizontal-loading-sm .percentage, .progress.progress-sm .percentage { top: 1.8rem; } .horizontal-loading .progress-bar[aria-valuenow="0"], .progress .progress-bar[aria-valuenow="0"] { min-width: 0; } .progress-circle { position: relative; width: 6.8rem; height: 6.8rem; transform: rotate(-90deg); } .progress-circle .progress_svg { position: relative; width: 100%; height: 100%; } .progress-circle .progress-bar, .progress-circle .full-circle { width: 100%; height: 100%; fill: none; transform: translate(4px, 4px); stroke-width: 8; } .progress-circle .progress-bar { stroke-dasharray: 190; stroke-dashoffset: 190; stroke: var(--progress-bar-bg); stroke-linecap: round; transition: all 1s ease-in-out; } .progress-circle .full-circle { stroke: var(--progress-bar-wrapper-bg); } .progress-circle .percentage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); padding: 0.4rem; display: block; width: 100%; text-align: center; } .progress-circle.progress-circle-xs .progress-bar, .progress-circle.progress-circle-xs .full-circle { transform: translate(2px, 2px); stroke-width: 4; } .spinner { width: 4.8rem; height: 4.8rem; display: inline-block; text-indent: -9999px; background-size: 100%; } .spinner-sm { width: 2.4rem; height: 2.4rem; } .spinner-xs { width: 1.6rem; height: 1.6rem; } .spinner.spinner-default-blue { background-image: var(--spinner-default-blue); } .spinner.spinner-default-green { background-image: var(--spinner-default-green); } .spinner.spinner-default-grey { background-image: var(--spinner-default-grey); } .spinner.spinner-primary-blue { background-image: var(--spinner-primary-blue); } .spinner.spinner-primary-green { background-image: var(--spinner-primary-green); } .spinner.spinner-primary-grey { background-image: var(--spinner-primary-grey); } .spinner.spinner-secondary-blue { background-image: var(--spinner-secondary-blue); } .spinner.spinner-secondary-green { background-image: var(--spinner-secondary-green); } .spinner.spinner-secondary-grey { background-image: var(--spinner-secondary-grey); } @media (min-width: 993px) { .stepper.stepper-sm { max-width: 80rem; } .stepper.stepper-sm > ul { padding-left: 0; } .stepper.stepper-sm > ul > li > * { font-size: var(--font-size-sm); } .stepper.stepper-sm > ul > li > *:after { height: 0.2rem; bottom: 1.1rem; } .stepper.stepper-sm > ul > li > *:before { width: 1.6rem; height: 1.6rem; border-radius: 1.6rem; } .stepper.stepper-sm > ul > li.active > * { font-size: var(--font-size-sm); } .stepper.stepper-sm > ul > li.active > *:before { width: 2.4rem; height: 2.4rem; border-radius: 2.4rem; border: 1rem solid var(--stepper-active-border-color); bottom: 0rem; } .stepper.stepper-sm > ul > li.passed > *:before { background-image: none; } } .stepper { padding: 0 3.2rem; } .stepper > ul { display: flex; flex-wrap: nowrap; position: relative; padding: 0; } .stepper > ul > li { display: inline-block; cursor: default; position: relative; flex: 1 100%; height: 100%; margin: 0; padding: 0; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .stepper > ul > li.visited > *, .stepper > ul > li > * { display: block; cursor: pointer; position: relative; width: 100%; outline: 0; color: var(--stepper-text-color); font: 1.6rem/1.4 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; text-decoration: none; } .stepper > ul > li.visited > *:before, .stepper > ul > li.visited > *:after, .stepper > ul > li > *:before, .stepper > ul > li > *:after { display: block; content: ""; position: absolute; margin: 0 auto; top: auto; background: var(--stepper-bg); } .stepper > ul > li.visited > *:after, .stepper > ul > li > *:after { width: 100%; height: 0.3rem; right: auto; bottom: 1.7rem; left: auto; background-color: var(--stepper-bg); } .stepper > ul > li.visited > *:before, .stepper > ul > li > *:before { width: 3.2rem; height: 3.2rem; border-radius: 3.2rem; z-index: 20; } .stepper > ul > li.visited > * > span, .stepper > ul > li > * > span { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .stepper > ul > li.visited > * > span:not(.step), .stepper > ul > li > * > span:not(.step) { display: block; margin: 0; line-height: 1.5; } .stepper > ul > li.visited > * > span.step, .stepper > ul > li > * > span.step { display: none; color: var(--stepper-text-color); font-size: var(--font-size-xs); } .stepper > ul > li:first-child > *:after { opacity: 0; } .stepper > ul > li.active > * { color: var(--stepper-active-text-color); font-weight: 700; } .stepper > ul > li.active > *:before { width: 4.8rem; height: 4.8rem; bottom: -0.5rem; border-radius: 4.8rem; border: 2rem solid var(--stepper-active-border-color); background: var(--stepper-active-bg); } .stepper > ul > li.passed > * { color: var(--stepper-visited-text-color); font-weight: 600; } .stepper > ul > li.passed > *:after { background: var(--stepper-visited-bg); } .stepper > ul > li.passed > *:before { background-color: var(--stepper-visited-bg); background-size: 1.2rem 1rem; background-repeat: no-repeat; background-position: center; } .stepper > ul > li.passed + .active > *:after { background: linear-gradient(90deg, var(--stepper-visited-bg) 0%, var(--stepper-active-border-color) 50%, var(--stepper-bg) 50%, var(--stepper-bg) 100%); background-size: 200% auto; background-position-x: 0%; } .stepper > ul > li.visited + .passed > *:after, .stepper > ul > li.visited + .active > *:after { background-color: var(--stepper-bg); } .stepper > ul > li.disabled > * { cursor: default; pointer-events: none; } .stepper.no-ellipsis > ul > li > * > span:not(.step) { overflow: hidden; text-overflow: ellipsis; line-height: 1.3; align-items: center; justify-content: center; } @media (min-width: 991px) { .stepper.no-ellipsis > ul > li > * > span:not(.step) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 4.6rem; top: -1.2rem; white-space: normal; } } .stepper.stepper-vertical { overflow: hidden; max-width: 100%; margin: 0; padding: 0; } .stepper.stepper-vertical > ul { flex-direction: column; padding-left: 0; } .stepper.stepper-vertical > ul > li, .stepper.stepper-vertical > ul > li:first-child { position: relative; max-width: 100%; width: auto; } .stepper.stepper-vertical > ul > li { padding-left: 0.4rem; top: 0.5rem; } .stepper.stepper-vertical > ul > li.visited > *, .stepper.stepper-vertical > ul > li > * { width: 30rem; min-height: 12rem; padding-left: 6.5rem; padding-top: 0.4rem; } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.visited > *, .stepper.stepper-vertical > ul > li > * { padding-left: 4.8rem; padding-top: 0; min-height: 4.5rem; } } .stepper.stepper-vertical > ul > li.visited > * > span, .stepper.stepper-vertical > ul > li > * > span { width: 100%; max-width: 100%; } .stepper.stepper-vertical > ul > li.visited > *:after, .stepper.stepper-vertical > ul > li > *:after { width: 0.3rem; height: 100%; top: calc(-100% + 0.8rem); left: 1.8rem; bottom: auto; } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.visited > *:after, .stepper.stepper-vertical > ul > li > *:after { width: 0.2rem; left: 0.9rem; } } .stepper.stepper-vertical > ul > li.visited > *:before, .stepper.stepper-vertical > ul > li > *:before { bottom: auto; right: auto; top: 0; left: 0.4rem; } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.visited > *:before, .stepper.stepper-vertical > ul > li > *:before { width: 1.6rem; height: 1.6rem; left: 0.2rem; } } .stepper.stepper-vertical > ul > li.visited > * > span:not(.step), .stepper.stepper-vertical > ul > li > * > span:not(.step) { text-align: left; } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.visited > * > span:not(.step), .stepper.stepper-vertical > ul > li > * > span:not(.step) { top: -0.5rem; position: relative; } } .stepper.stepper-vertical > ul > li:last-child { max-height: 4rem; } .stepper.stepper-vertical > ul > li.active { top: 0; } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.active { margin-top: -0.3rem; } } .stepper.stepper-vertical > ul > li.active > * { padding-top: 1.2rem; } .stepper.stepper-vertical > ul > li.active > *:before { left: -0.4rem; } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.active > *:before { width: 2rem; height: 2rem; left: 0; border-width: 0.8rem; } } .stepper.stepper-vertical > ul > li.active > * > span:not(.step) { top: 0.8rem; } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.active > * > span:not(.step) { top: -0.9rem; } } .stepper.stepper-vertical > ul > li.active:not(:last-child):after { display: block; content: ""; position: absolute; width: 0.3rem; height: 100%; top: 2.5rem; left: 2.2rem; background-color: var(--stepper-bg); } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.active:not(:last-child):after { width: 0.2rem; left: 1.3rem; height: 90%; top: 2rem; } } .stepper.stepper-vertical > ul > li.active:not(:last-child):not(:first-child):after { height: calc(100% - 2rem); } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.active:not(:last-child):not(:first-child):after { height: max(90%, 100% - 6.4rem); } } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.passed > * > span:not(.step) { top: -0.4rem; } } @media (max-width: 992px) { .stepper.stepper-vertical > ul > li.passed > *:before { background-image: none; } } .stepper.stepper-vertical > ul > li.passed + .active > *:after { background: linear-gradient(180deg, var(--stepper-visited-bg) 0%, var(--stepper-active-border-color) 50%, var(--stepper-bg) 50%, var(--stepper-bg) 100%); background-size: auto 200%; background-position-y: 0%; } @media (min-width: 991px) { .stepper.stepper-vertical.no-ellipsis > ul > li > * > span:not(.step) { display: flex; justify-content: flex-start; position: relative; top: -1.1rem; } } @media (max-width: 992px) { .stepper.stepper-vertical.no-ellipsis > ul > li > :before { top: -0.2rem; } } @media (max-width: 992px) { .stepper.stepper-vertical.no-ellipsis > ul > li > :after { top: calc(-100% + 0.6rem); } } .stepper.stepper-vertical.stepper-content > ul > li { margin-bottom: 2rem; padding: 2.8rem 2.5rem 1.4rem; top: 0; border-radius: 1rem; background: var(--stepper-wrapper-bg); } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content > ul > li { padding-top: 3rem; } } .stepper.stepper-vertical.stepper-content > ul > li > * { min-height: 3rem; } .stepper.stepper-vertical.stepper-content > ul > li > *:after { height: calc(100% + 5.5rem); top: calc(-100% - 5.5rem); } .stepper.stepper-vertical.stepper-content > ul > li > *:not(.panel) > span { display: none; } .stepper.stepper-vertical.stepper-content > ul > li > .panel { cursor: default; width: 100%; margin: 0; margin-top: -5.9rem; padding: 0 0 0 4rem; font: 1.4rem/1.3 var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif; text-align: left; white-space: normal; font-weight: normal; background: none; box-shadow: none; } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content > ul > li > .panel { padding: 0 0 0 1.5rem; margin-top: -6.4rem; } } .stepper.stepper-vertical.stepper-content > ul > li > .panel:before, .stepper.stepper-vertical.stepper-content > ul > li > .panel:after { display: none; } .stepper.stepper-vertical.stepper-content > ul > li > .panel .panel-heading { cursor: pointer; } .stepper.stepper-vertical.stepper-content > ul > li > .panel .panel-body { display: none; overflow: hidden; opacity: 0; visibility: hidden; } .stepper.stepper-vertical.stepper-content > ul > li:not(.active) > .panel .panel-body { padding: 0; } .stepper.stepper-vertical.stepper-content > ul > li:not(.active) > .panel .panel-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content > ul > li.active { margin-top: 0; } } .stepper.stepper-vertical.stepper-content > ul > li.active > *:before { top: -0.6rem; } .stepper.stepper-vertical.stepper-content > ul > li.active:not(:last-child):after { top: 3.5rem; left: 4.3rem; } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content > ul > li.active:not(:last-child):after { left: 3.4rem; } } .stepper.stepper-vertical.stepper-content > ul > li.active > .panel .panel-body { display: block; opacity: 1; visibility: visible; color: var(--stepper-text-color); } .stepper.stepper-vertical.stepper-content > ul > li:last-child { max-height: 100%; } .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul { padding-left: 7.2rem; } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul { padding-left: 4.8rem; } } .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li { padding-left: 0; padding-right: 0; } .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li > *:before { left: -6.3rem; } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li > *:before { left: -4.5rem; } } .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li > *:after { left: -4.9rem; } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li > *:after { left: -3.8rem; } } .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li.active > *:before { left: -7.2rem; } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li.active > *:before { left: -4.7rem; } } .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li.active:not(:last-child):after { left: -4.9rem; } @media (max-width: 992px) { .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li.active:not(:last-child):after { left: -3.8rem; } } .stepper.stepper-vertical.stepper-content.stepper-content-outside > ul > li > .panel { padding: 0; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li { top: 0.3rem; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li > * { min-height: 4.5rem; padding-top: 0; padding-left: 4.8rem; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li > *:after { width: 0.2rem; left: 0.9rem; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li > *:before { width: 1.6rem; height: 1.6rem; left: 0.2rem; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li > * > span:not(.step) { position: relative; top: -0.5rem; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li.active { top: 0; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li.active > *:before { width: 2.4rem; height: 2.4rem; left: -0.2rem; border-width: 1rem; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li.active > * > span:not(.step) { top: 0; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li:not(:last-child):after { width: 0.2rem; height: 90%; top: 2rem; left: 1.3rem; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li.passed > * > span:not(.step) { top: -0.4rem; } .stepper.stepper-vertical.stepper-vertical-sm > ul > li.passed > *:before { background-image: none; } @media (max-width: 992px) { body.nav-space .stepper:not(.stepper-vertical) { top: 11.5rem; } body.nav-space .stepper:not(.stepper-vertical) + .container { margin-top: 11.5rem; } } @media (max-width: 769px) { body .stepper:not(.stepper-vertical) { top: 6.7rem; } body .stepper:not(.stepper-vertical) + .container { margin-top: 7rem; } } .stepper:not(.stepper-vertical) { width: 100%; padding-right: 1.6rem; padding-left: 1.6rem; margin-right: auto; margin-left: auto; max-width: 100%; margin: 0 auto 5rem; } @media (min-width: 550px) { .stepper:not(.stepper-vertical) { max-width: 90%; } } @media (min-width: 769px) { .stepper:not(.stepper-vertical) { max-width: 90%; } } @media (min-width: 992px) { .stepper:not(.stepper-vertical) { max-width: 90%; } } @media (min-width: 1280px) { .stepper:not(.stepper-vertical) { max-width: 1248px; } } @media (min-width: 1440px) { .stepper:not(.stepper-vertical) { max-width: 1408px; } } @media (min-width: 1680px) { .stepper:not(.stepper-vertical) { max-width: 1648px; } } @media (max-width: 992px) { .stepper:not(.stepper-vertical) { max-width: 100%; } } .stepper:not(.stepper-vertical) > ul { flex-direction: row; } .stepper:not(.stepper-vertical) > ul > li > * { min-height: 7.5rem; text-align: center; } .stepper:not(.stepper-vertical) > ul > li > *:before { right: 0; bottom: 0.4rem; left: auto; } .stepper:not(.stepper-vertical) > ul > li > * > span { position: absolute; padding: 0 0.5rem; right: calc(-50% + 2rem); left: auto; text-align: center; } .stepper:not(.stepper-vertical) > ul > li.active > *::before { bottom: -0.5rem; } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2):first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2).passed:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2) ~ li:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2) ~ li.passed:first-child { margin-left: -95.6%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2).active:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2) ~ li.active:first-child { margin-left: -94.2%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3):first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3).passed:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3) ~ li:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3) ~ li.passed:first-child { margin-left: -46.7%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3).active:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3) ~ li.active:first-child { margin-left: -45.7%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4):first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4).passed:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4) ~ li:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4) ~ li.passed:first-child { margin-left: -30.4%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4).active:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4) ~ li.active:first-child { margin-left: -29.4%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5):first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5).passed:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) ~ li:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) ~ li.passed:first-child { margin-left: -22.3%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5).active:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) ~ li.active:first-child { margin-left: -21.3%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6):first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6).passed:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li.passed:first-child { margin-left: -17.3%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6).active:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li.active:first-child { margin-left: -16.5%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7):first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7).passed:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li.passed:first-child { margin-left: -14.1%; } } @media (min-width: 993px) { .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7).active:first-child, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li.active:first-child { margin-left: -13.3%; } } @media (min-width: 993px) { .stepper.stepper-sm > ul > li > * { min-height: 7rem; } .stepper.stepper-sm > ul > li > * > span { right: calc(-50% + 1rem); } .stepper.stepper-sm > ul > li > * > span:not(.step) { top: auto; bottom: 2.8rem; } .stepper.stepper-sm > ul > li.active > * > span:not(.step) { top: auto; bottom: 2.8rem; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(2):first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(2).passed:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(2) ~ li:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(2) ~ li.passed:first-child { margin-left: -95.7%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(2).active:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(2) ~ li.active:first-child { margin-left: -94.6%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(3):first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(3).passed:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(3) ~ li:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(3) ~ li.passed:first-child { margin-left: -46.8%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(3).active:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(3) ~ li.active:first-child { margin-left: -46%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(4):first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(4).passed:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(4) ~ li:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(4) ~ li.passed:first-child { margin-left: -30.5%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(4).active:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(4) ~ li.active:first-child { margin-left: -29.7%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(5):first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(5).passed:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(5) ~ li:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(5) ~ li.passed:first-child { margin-left: -22.4%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(5).active:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(5) ~ li.active:first-child { margin-left: -21.7%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(6):first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(6).passed:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(6) ~ li:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(6) ~ li.passed:first-child { margin-left: -17.6%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(6).active:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(6) ~ li.active:first-child { margin-left: -16.8%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(7):first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(7).passed:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(7) ~ li:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(7) ~ li.passed:first-child { margin-left: -14.3%; } } @media (min-width: 993px) and (min-width: 993px) { .stepper.stepper-sm > ul > li:first-child:nth-last-child(7).active:first-child, .stepper.stepper-sm > ul > li:first-child:nth-last-child(7) ~ li.active:first-child { margin-left: -13.6%; } } .stepper.stepper-sm.no-ellipsis > ul > li > * > span { bottom: 28px; top: auto !important; } @media (max-width: 992px) { .stepper:not(.stepper-vertical) { position: absolute; width: 100%; max-width: 100%; height: 6.6rem; top: 6.5rem; left: 0; background: var(--stepper-wrapper-bg); } .stepper:not(.stepper-vertical) + .container { margin-top: 6.5rem; } .stepper:not(.stepper-vertical) > ul { display: inline-block; width: auto; height: 3.3rem; padding: 1.1rem 2.1rem 1rem 2.5rem; margin: 0 auto; top: 4.8rem; left: 50%; border-radius: 2.5rem; background: var(--stepper-wrapper-bg); transform: translateX(-50%); } .stepper:not(.stepper-vertical) > ul:before { display: block; content: ""; position: absolute; width: 110%; height: 1.7rem; top: 0.1rem; left: -5%; background-color: var(--stepper-wrapper-bg); z-index: 1; } .stepper:not(.stepper-vertical) > ul > li { right: auto; left: auto; width: auto; margin-right: 0.7rem; } .stepper:not(.stepper-vertical) > ul > li > * { margin: 0 0 1rem 0; width: auto; min-height: auto; } .stepper:not(.stepper-vertical) > ul > li > *:after { display: none; } .stepper:not(.stepper-vertical) > ul > li > *:before { width: 0.5rem; height: 0.5rem; right: auto; bottom: -0.7rem; } .stepper:not(.stepper-vertical) > ul > li > * > span { display: none; width: 40rem; max-width: 40rem; right: auto !important; font-weight: 400; transform: translateX(-50%); } .stepper:not(.stepper-vertical) > ul > li > * > span:not(.step) { display: none; color: var(--stepper-wrapper-text-color); font-size: var(--font-size-md); } .stepper:not(.stepper-vertical) > ul > li > * > span.step { top: -5.2rem; } .stepper:not(.stepper-vertical) > ul > li:first-child { position: relative; right: auto; left: auto; width: auto; } .stepper:not(.stepper-vertical) > ul > li:first-child > * { width: auto; } .stepper:not(.stepper-vertical) > ul > li.active { width: auto; margin-right: 0.9rem; } .stepper:not(.stepper-vertical) > ul > li.active > *:before { width: 0.7rem; height: 0.7rem; bottom: -0.8rem; border: 0; background: var(--stepper-active-border-color); } .stepper:not(.stepper-vertical) > ul > li.active > * > span:not(.step) { top: -3.6rem; display: block; } .stepper:not(.stepper-vertical) > ul > li.active > * > span.step { display: block; } .stepper:not(.stepper-vertical) > ul > li.passed > *:before { background-image: none; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2) * > span, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2) ~ li:nth-child(1) * > span { left: 0.9rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(2) ~ li:nth-child(2) * > span { left: -0.2rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3) * > span, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3) ~ li:nth-child(1) * > span { left: 1.4rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3) ~ li:nth-child(2) * > span { left: 0.3rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(3) ~ li:nth-child(3) * > span { left: -0.7rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4) * > span, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4) ~ li:nth-child(1) * > span { left: 2rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4) ~ li:nth-child(2) * > span { left: 0.9rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4) ~ li:nth-child(3) * > span { left: -0.1rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(4) ~ li:nth-child(4) * > span { left: -1.2rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) * > span, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) ~ li:nth-child(1) * > span { left: 2.5rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) ~ li:nth-child(2) * > span { left: 1.4rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) ~ li:nth-child(3) * > span { left: 0.4rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) ~ li:nth-child(4) * > span { left: -0.7rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(5) ~ li:nth-child(5) * > span { left: -1.8rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) * > span, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li:nth-child(1) * > span { left: 2.8rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li:nth-child(2) * > span { left: 1.7rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li:nth-child(3) * > span { left: 0.7rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li:nth-child(4) * > span { left: -0.4rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li:nth-child(5) * > span { left: -1.5rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(6) ~ li:nth-child(6) * > span { left: -2.5rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) * > span, .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li:nth-child(1) * > span { left: 3.1rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li:nth-child(2) * > span { left: 2rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li:nth-child(3) * > span { left: 1rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li:nth-child(4) * > span { left: -0.1rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li:nth-child(5) * > span { left: -1.2rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li:nth-child(6) * > span { left: -2.2rem; } .stepper:not(.stepper-vertical) > ul > li:first-child:nth-last-child(7) ~ li:nth-child(7) * > span { left: -3.3rem; } } @media (min-width: 992px) { .stepper.transition > ul > li.active > *:not(.panel) { animation: active-font 0.1s linear; -webkit-animation: active-font 0.1s linear; } .stepper.transition > ul > li.active > *:not(.panel)::after { animation: progress-bar 0.75s linear; -webkit-animation: progress-bar 0.75s linear; } .stepper.transition > ul > li.active > *:not(.panel)::before { animation: bullet 0.1s linear; -webkit-animation: bullet 0.1s linear; } .stepper.transition > ul > li.active > .panel > .panel-body { animation: content-panel 0.3s linear; animation: content-panel-opacity 0.1s linear; -webkit-animation: content-panel-opacity 0.1s linear; } } @keyframes progress-bar { 0% { background-position: 100% 100%; } 100% { background-position: 0% 0%; } } @keyframes bullet { 0% { border-width: 0; } 100% { border-width: 15px; } } @keyframes active-font { 0% { font-weight: 400; } 100% { font-weight: 700; } } @keyframes content-panel { 0% { max-height: 0; padding-bottom: 0; } 100% { max-height: 100rem; padding-bottom: 3.2rem; } } @keyframes content-panel-opacity { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } .combobox-wrapper { display: inline-block; position: relative; } .combobox-wrapper.loading + .spinner { display: flex; } .combobox-wrapper mark { font-weight: 700; } .combobox-wrapper .combobox-btn, .combobox-wrapper .clear-btn { display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; width: 3rem; height: 3rem; margin: 0; padding: 0; outline: none; border-radius: var(--radius-xs); border: 0; background: rgba(0, 0, 0, 0); box-shadow: none; } .combobox-wrapper .combobox-btn:focus, .combobox-wrapper .clear-btn:focus { outline: none; box-shadow: inset 0 0 0 0.2rem var(--input-focus-border-color); } .combobox-wrapper .combobox-btn { top: 0.1rem; right: 0.1rem; } .combobox-wrapper .combobox-btn .vismaicon { top: 0; } .combobox-wrapper .combobox-btn .vismaicon, .combobox-wrapper .combobox-btn .vismaicon:before { width: 1.6rem; height: 1.6rem; } .combobox-wrapper .combobox-btn .vismaicon::before { background-color: var(--icon-cta-bg); } .combobox-wrapper .clear-btn { display: none; right: 3rem; bottom: 0.1rem; z-index: 1; } .combobox-wrapper .clear-btn.show { display: flex; } .combobox-wrapper .spinner { display: none; position: absolute; top: 0.7rem; right: 3.6rem; } :disabled .combobox-btn, .disabled .combobox-btn, .combobox:disabled ~ .combobox-btn, .combobox.disabled ~ .combobox-btn, .combobox-btn:disabled, .combobox-btn.disabled { cursor: default; pointer-events: none; } :disabled .combobox-btn .vismaicon::before, .disabled .combobox-btn .vismaicon::before, .combobox:disabled ~ .combobox-btn .vismaicon::before, .combobox.disabled ~ .combobox-btn .vismaicon::before, .combobox-btn:disabled .vismaicon::before, .combobox-btn.disabled .vismaicon::before { background-color: var(--icon-disabled-bg); } .combobox { display: flex; flex-wrap: wrap; position: relative; gap: 0.4rem; max-width: 100%; min-height: 3.2rem; padding: 0.4rem 3.2rem 0.4rem 1.6rem; border-radius: var(--radius-xs); background-color: var(--input-bg); box-shadow: inset 0 0 0 0.1rem var(--input-border-color); } .combobox:hover { box-shadow: inset 0 0 0 0.1rem var(--input-hover-border-color), var(--input-hover-shadow); } .combobox:has(input:focus) { box-shadow: inset 0 0 0 0.2rem var(--input-focus-border-color), var(--input-focus-shadow); } .combobox.has-error { box-shadow: inset 0 0 0 0.1rem var(--input-error-border-color); } .combobox.has-error ~ .combobox-btn:focus { border-color: var(--input-error-border-color); box-shadow: inset 0 0 0 0.1rem var(--input-error-border-color); } .combobox.has-error:has(input:focus) { box-shadow: inset 0 0 0 0.2rem var(--input-error-border-color), var(--input-focus-shadow); } .combobox.disabled { box-shadow: inset 0 0 0 0.1rem var(--input-disabled-border-color); } .combobox input { display: flex; box-sizing: content-box; flex-grow: 1; flex-shrink: 1; position: relative; width: 100%; min-width: 3.2rem; height: 2.4rem; padding: 0 0.6rem 0 0; z-index: 1; } .combobox input, .combobox input:hover, .combobox input:focus, .combobox input:disabled, .combobox input.disabled { border: 0; background-color: rgba(0, 0, 0, 0); box-shadow: none; } .combobox-input { display: flex; flex: 1; position: relative; max-width: 100%; padding-right: 3rem; } .combobox-input .combobox-suggestion { overflow: hidden; pointer-events: none; display: block; position: absolute; content: ""; width: calc(100% - 2.4rem); height: 2.4rem; padding: 0.2rem 0; top: 0.1rem; left: 0; color: var(--input-placeholder-color); line-height: 2rem; white-space: nowrap; } .combobox-selected { display: flex; position: relative; max-width: 100%; height: 2.4rem; margin: 0; border-radius: 0.5rem; background-color: var(--button-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--input-hover-border-color); } .combobox-selected .combobox-selected-label { overflow: hidden; width: 100%; padding: 0.4rem 2.8rem 0.4rem 0.8rem; font-size: 1.4rem; line-height: 1.6rem; white-space: nowrap; text-overflow: ellipsis; } .combobox-selected .clear-btn { display: flex; width: 2.4rem; height: 2.4rem; top: 0; right: 0; border-radius: 0.5rem; border: 0; } .combobox-selected .clear-btn:focus { box-shadow: inset 0 0 0 0.2rem var(--input-focus-border-color); } .combobox-dropdown { display: none; flex-direction: column; align-items: flex-start; position: absolute; overflow-y: auto; border-radius: 0.2rem; border: 0.1rem solid var(--list-group-border-color); background-color: var(--dropdown-menu-bg); box-shadow: var(--dropdown-menu-shadow); z-index: 999; } .combobox-dropdown.up { bottom: 100%; } .combobox-dropdown.show { display: flex; } .combobox-dropdown, .combobox-dropdown .combobox-list { overflow-x: hidden; min-width: 100%; margin: 0; list-style: none; } .combobox-dropdown .combobox-list { padding: 1.6rem 1.2rem; } .combobox-dropdown .combobox-list, .combobox-dropdown .combobox-table { overflow: auto; max-height: 34rem; } .combobox-dropdown .combobox-info { display: block; padding: 0.6rem 1.6rem; color: var(--input-error-text-color); font-size: 1.4rem; line-height: 1.8rem; white-space: nowrap; } .combobox-dropdown .combobox-table { overflow: auto; } .combobox-dropdown .combobox-table table { margin-bottom: 0; box-shadow: none; } .combobox-dropdown .combobox-table thead { position: sticky; top: 0; z-index: 1; } .combobox-dropdown .combobox-table th, .combobox-dropdown .combobox-table td { white-space: nowrap; } .combobox-dropdown-header { width: 100%; padding: 1.2rem 1.6rem; } .combobox-dropdown-header hr { margin-bottom: 0.6rem; } .combobox-dropdown-header .btn { min-width: none; min-width: unset; height: 3.2rem; padding-right: 3.2rem; padding-left: 3.2rem; } .combobox-dropdown-footer { width: 100%; padding: 1.2rem 1.6rem; } .combobox-list-item { display: flex; flex: none; overflow: hidden; cursor: pointer; width: 100%; padding: 0.6rem 1.6rem; list-style: none; white-space: nowrap; text-overflow: ellipsis; border-radius: var(--radius-sm); border: 0.1rem solid rgba(0, 0, 0, 0); background-color: var(--dropdown-menu-bg); } .combobox-list-item:hover, .combobox-list-item:hover.selected, .combobox-list-item:hover.active { border-color: var(--dropdown-menu-hover-border-color); background-color: var(--dropdown-menu-hover-bg); } .combobox-list-item.focus:not(:active), .combobox-list-item.focus:not(:active).selected, .combobox-list-item.focus:not(:active).active, .combobox-list-item:focus:not(:active), .combobox-list-item:focus:not(:active).selected, .combobox-list-item:focus:not(:active).active { border-color: var(--button-focus-border-color); box-shadow: inset 0 0 0 0.1rem var(--button-focus-border-color); } .combobox-list-item:active { border-color: var(--button-pressed-border-color); background-color: var(--button-pressed-bg); } .combobox-list-item.selected, .combobox-list-item.active { border-color: var(--dropdown-menu-selected-border-color); background-color: var(--dropdown-menu-selected-bg); } .combobox-list-item + .combobox-list-item { margin-top: 0.2rem; } .combobox-list-item .vismaicon { margin-right: 0.8rem; top: 0.3rem; } .combobox-list[aria-multiselectable=true] .combobox-list-item.selected, .combobox-list[aria-multiselectable=true] .combobox-list-item.active { display: none; } .combobox-overflow-wrapper { display: flex; position: relative; max-width: 100%; height: 2.4rem; margin: 0; z-index: 990; } .combobox-overflow-wrapper .combobox-overflow-btn { overflow: hidden; cursor: pointer; width: 100%; padding: 0.4rem 2.8rem 0.4rem 0.8rem; color: var(--input-text-color); font-size: 1.2rem; line-height: 1.6rem; white-space: nowrap; text-overflow: ellipsis; border-radius: 0.5rem; border: 0; background-color: var(--button-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--input-hover-border-color); z-index: 1; } .combobox-overflow-wrapper .combobox-overflow-btn:focus { outline: none; box-shadow: inset 0 0 0 0.2rem var(--input-focus-border-color); } .combobox-overflow-wrapper .clear-btn { display: flex; position: absolute; width: 2.4rem; height: 2.4rem; top: 0; right: 0; z-index: 1; } .combobox-overflow-list { display: none; flex-direction: column; align-items: flex-start; position: absolute; overflow-y: auto; max-height: 34rem; padding: 1.6rem 1.2rem; margin: 0; top: calc(100% + 0.1rem); list-style: none; border-radius: 0.2rem; border: 0.1rem solid var(--list-group-border-color); background-color: var(--dropdown-menu-bg); box-shadow: var(--dropdown-menu-shadow); } .combobox-overflow-list.show { display: flex; } .combobox-overflow-list .combobox-selected { display: block; flex: none; width: 100%; height: auto; margin: 0; padding: 0; background-color: var(--dropdown-menu-bg); box-shadow: none; } .combobox-overflow-list .combobox-selected + .combobox-selected { margin-top: 0.2rem; } .combobox-overflow-list .combobox-selected .combobox-selected-label { display: block; flex: none; overflow: hidden; width: 100%; padding: 0.8rem 2.8rem 0.8rem 0.8rem; font-size: 1.4rem; line-height: 1.6rem; white-space: nowrap; text-overflow: ellipsis; } .combobox-overflow-list .combobox-selected .clear-btn { top: 0.4rem; right: 0.2rem; } .timepicker-wrapper { display: inline-flex; align-items: center; position: relative; } .timepicker-wrapper .timepicker-btn { cursor: pointer; display: flex; position: relative; justify-content: center; align-items: center; width: 3rem; height: 3rem; margin: 0; padding: 0; left: -3.1rem; border: 0; outline: none; border-radius: var(--radius-xs); border: 0.1rem solid rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); box-shadow: none; z-index: 3; } .timepicker-wrapper .timepicker-btn:focus { outline: none; border-color: var(--input-focus-border-color); box-shadow: 0 0 0 0.1rem var(--input-focus-border-color); } .timepicker-wrapper .timepicker-btn .vismaicon:before { width: 1.6rem; height: 1.6rem; background-color: var(--icon-cta-bg); } .disabled .timepicker-wrapper .timepicker-btn .vismaicon:before, :disabled .timepicker-wrapper .timepicker-btn .vismaicon:before, .timepicker-wrapper.disabled .timepicker-btn .vismaicon:before, .timepicker-wrapper:disabled .timepicker-btn .vismaicon:before, .timepicker-wrapper:has(.timepicker.disabled) .timepicker-btn .vismaicon:before, .timepicker-wrapper:has(.timepicker:disabled) .timepicker-btn .vismaicon:before { background-color: var(--icon-disabled-bg); } .timepicker-wrapper .dropdown-menu { max-height: 21.6rem; overflow: auto; max-width: 12.8rem; } .timepicker-wrapper .dropdown-menu ul { padding: 0; margin: 0; } .timepicker-wrapper .dropdown-menu ul .dropdown-item { overflow: hidden; cursor: pointer; display: flex; flex: none; width: 100%; padding: 0.6rem 1.6rem; color: var(--dropdown-menu-text-color); white-space: nowrap; text-overflow: ellipsis; line-height: 1.2; border-radius: var(--radius-sm); background-color: rgba(0, 0, 0, 0); } .timepicker-wrapper .dropdown-menu ul .dropdown-item:hover { background-color: var(--dropdown-menu-hover-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-hover-border-color); } .timepicker-wrapper .dropdown-menu ul .dropdown-item.focus:not(:active), .timepicker-wrapper .dropdown-menu ul .dropdown-item:focus:not(:active) { outline: 0; box-shadow: inset 0 0 0 0.2rem var(--button-focus-border-color); } .timepicker-wrapper .dropdown-menu ul .dropdown-item:active { background-color: var(--button-pressed-bg); box-shadow: inset 0 0 0 0.1rem var(--button-pressed-border-color); } .timepicker-wrapper .dropdown-menu ul .dropdown-item.selected { background-color: var(--dropdown-menu-selected-bg); box-shadow: inset 0 0 0 0.1rem var(--dropdown-menu-selected-border-color); } .timepicker-wrapper .dropdown-menu ul .dropdown-item + .dropdown-item { margin-top: 0.2rem; } input.timepicker { max-width: 12.8rem; } input.timepicker, input.timepicker.form-control { padding-right: 2.4rem; } .hero-card { display: flex; flex-wrap: wrap-reverse; width: calc(100% - 3.2rem); margin: 1.6rem 1.6rem 4.8rem; border-radius: var(--radius-sm); background-color: var(--hero-card-bg); box-shadow: 0 0 0 0.1rem var(--hero-card-inner-border-color), 0 0 0 1.2rem var(--hero-card-border-color), var(--hero-card-shadow); } .hero-card [class^=col-] { display: flex; } .hero-card p { margin-bottom: 1.6rem; font-size: var(--font-size-sm); line-height: 1.35714em; } .hero-card .hero-card-content { display: flex; flex-direction: column; max-width: 56.4rem; padding: 4.8rem 3.2rem; } @media (max-width: 769px) { .hero-card .hero-card-content { padding: 3.2rem 1.6rem; } } .hero-card .hero-card-content .btn-block { margin-top: 3.2rem; margin-bottom: 3.2rem; } .hero-card .hero-card-content .btn-block:last-child { margin-bottom: 0; } .hero-card .hero-card-content p + .btn-block { margin-top: 1.6rem; } .hero-card .hero-card-content .h1 { font-size: var(--font-size-xxl); line-height: 1.15625em; } .hero-card .hero-card-illustration { display: flex; position: relative; align-self: flex-start; max-width: 32.7rem; top: -3.2rem; } .hero-card .hero-card-illustration.hero-card-illustration-lg { max-width: 46.5rem; } .hero-card .hero-card-illustration img, .hero-card .hero-card-illustration svg, .hero-card .hero-card-illustration .hero-card-image { max-width: 100%; } .hero-card .card-title { margin-bottom: 1.6rem; font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; font-size: var(--font-size-xxl); font-weight: 400; line-height: 1.15625em; } .login-page, .login-page-secondary { padding: 0; display: flex; flex-flow: column; } .login-page .login-box, .login-page-secondary .login-box { width: 56rem; margin: auto; background: var(--modal-bg); border-radius: 2.4rem; padding: 6.4rem 11.2rem 3.2rem; position: relative; } @media (max-width: 769px) { .login-page .login-box, .login-page-secondary .login-box { width: 90%; padding-left: 4rem; padding-right: 4rem; } } .login-page .login-box .login-header, .login-page-secondary .login-box .login-header { text-align: center; } .login-page .login-box .login-header img, .login-page-secondary .login-box .login-header img { margin: 0 auto 0.8rem; } @media (max-width: 1280px) { .login-page .login-box .login-header img, .login-page-secondary .login-box .login-header img { max-width: 7.2rem; } } .login-page .login-box .login-header h1, .login-page-secondary .login-box .login-header h1 { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; font-weight: 200; font-size: 3rem; color: var(--anchor-color); margin-bottom: 3.2rem; } @media (max-width: 1280px) { .login-page .login-box .login-header h1, .login-page-secondary .login-box .login-header h1 { font-size: 2.6rem; margin-bottom: 2.4rem; } } .login-page .login-box .login-content .checkbox, .login-page-secondary .login-box .login-content .checkbox { margin-top: 0; margin-bottom: 0; } .login-page .login-box .login-content input[type=text], .login-page .login-box .login-content input[type=password], .login-page .login-box .login-content input[type=datetime], .login-page .login-box .login-content input[type=datetime-local], .login-page .login-box .login-content input[type=date], .login-page .login-box .login-content input[type=month], .login-page .login-box .login-content input[type=time], .login-page .login-box .login-content input[type=week], .login-page .login-box .login-content input[type=number], .login-page .login-box .login-content input[type=email], .login-page .login-box .login-content input[type=url], .login-page .login-box .login-content input[type=search], .login-page .login-box .login-content input[type=tel], .login-page .login-box .login-content input[type=color], .login-page .login-box .login-content input.form-control[type=text], .login-page .login-box .login-content input.form-control[type=password], .login-page .login-box .login-content input.form-control[type=datetime], .login-page .login-box .login-content input.form-control[type=datetime-local], .login-page .login-box .login-content input.form-control[type=date], .login-page .login-box .login-content input.form-control[type=month], .login-page .login-box .login-content input.form-control[type=time], .login-page .login-box .login-content input.form-control[type=week], .login-page .login-box .login-content input.form-control[type=number], .login-page .login-box .login-content input.form-control[type=email], .login-page .login-box .login-content input.form-control[type=url], .login-page .login-box .login-content input.form-control[type=search], .login-page .login-box .login-content input.form-control[type=tel], .login-page .login-box .login-content input.form-control[type=color], .login-page-secondary .login-box .login-content input[type=text], .login-page-secondary .login-box .login-content input[type=password], .login-page-secondary .login-box .login-content input[type=datetime], .login-page-secondary .login-box .login-content input[type=datetime-local], .login-page-secondary .login-box .login-content input[type=date], .login-page-secondary .login-box .login-content input[type=month], .login-page-secondary .login-box .login-content input[type=time], .login-page-secondary .login-box .login-content input[type=week], .login-page-secondary .login-box .login-content input[type=number], .login-page-secondary .login-box .login-content input[type=email], .login-page-secondary .login-box .login-content input[type=url], .login-page-secondary .login-box .login-content input[type=search], .login-page-secondary .login-box .login-content input[type=tel], .login-page-secondary .login-box .login-content input[type=color], .login-page-secondary .login-box .login-content input.form-control[type=text], .login-page-secondary .login-box .login-content input.form-control[type=password], .login-page-secondary .login-box .login-content input.form-control[type=datetime], .login-page-secondary .login-box .login-content input.form-control[type=datetime-local], .login-page-secondary .login-box .login-content input.form-control[type=date], .login-page-secondary .login-box .login-content input.form-control[type=month], .login-page-secondary .login-box .login-content input.form-control[type=time], .login-page-secondary .login-box .login-content input.form-control[type=week], .login-page-secondary .login-box .login-content input.form-control[type=number], .login-page-secondary .login-box .login-content input.form-control[type=email], .login-page-secondary .login-box .login-content input.form-control[type=url], .login-page-secondary .login-box .login-content input.form-control[type=search], .login-page-secondary .login-box .login-content input.form-control[type=tel], .login-page-secondary .login-box .login-content input.form-control[type=color] { height: 4.8rem; border-radius: 0.8rem; } .login-page .login-box .login-content input[type=password], .login-page .login-box .login-content input.form-control[type=password], .login-page-secondary .login-box .login-content input[type=password], .login-page-secondary .login-box .login-content input.form-control[type=password] { padding-right: 4.8rem; background-image: var(--password-field-icon); background-repeat: no-repeat; background-position: top 1.5rem right 1.6rem; } .login-page .login-box .login-content .form-group.required > a:before, .login-page .login-box .login-content .form-group.required > label:before, .login-page-secondary .login-box .login-content .form-group.required > a:before, .login-page-secondary .login-box .login-content .form-group.required > label:before { display: none; } .login-page .login-box .login-content .form-group.required a:before, .login-page .login-box .login-content .form-group.required label:before, .login-page-secondary .login-box .login-content .form-group.required a:before, .login-page-secondary .login-box .login-content .form-group.required label:before { display: none; } .login-page .login-box .login-content .form-group.required > label, .login-page-secondary .login-box .login-content .form-group.required > label { padding-left: 0; } .login-page .login-box .login-content .form-group.has-error > input, .login-page-secondary .login-box .login-content .form-group.has-error > input { box-shadow: 0 0 0 0.1rem var(--input-error-border-color) inset; } .login-page .login-box .login-content .btn-login, .login-page .login-box .login-content .btn:not(.btn-link), .login-page-secondary .login-box .login-content .btn-login, .login-page-secondary .login-box .login-content .btn:not(.btn-link) { margin-bottom: 0; } .login-page .login-box .login-content .btn-login.btn-login-secondary, .login-page .login-box .login-content .btn-login.btn-google, .login-page .login-box .login-content .btn:not(.btn-link).btn-login-secondary, .login-page .login-box .login-content .btn:not(.btn-link).btn-google, .login-page-secondary .login-box .login-content .btn-login.btn-login-secondary, .login-page-secondary .login-box .login-content .btn-login.btn-google, .login-page-secondary .login-box .login-content .btn:not(.btn-link).btn-login-secondary, .login-page-secondary .login-box .login-content .btn:not(.btn-link).btn-google { font-size: 1.4rem; font-weight: normal; height: 3.2rem; } .login-page .login-box .login-content .alert, .login-page-secondary .login-box .login-content .alert { padding: 1.6rem 1.6rem 1.6rem 4.8rem; } @media (max-width: 1280px) { .login-page .login-box .login-content .alert, .login-page-secondary .login-box .login-content .alert { margin-bottom: 1.6rem; } } .login-page .login-box .login-content .alert::before, .login-page-secondary .login-box .login-content .alert::before { top: 1.9rem; } .login-page .login-box .login-content .tooltip.tooltip-password-validation, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation { min-width: 25.2rem; text-align: left; } @media (max-width: 992px) { .login-page .login-box .login-content .tooltip.tooltip-password-validation, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation { position: relative; display: block; top: auto; left: auto; bottom: auto; margin-top: 1.2rem; max-width: 100%; min-width: 1%; white-space: normal; } .login-page .login-box .login-content .tooltip.tooltip-password-validation:before, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation:before { top: -1.7rem; left: calc(50% - 0.6rem); transform: rotate(90deg); } } .login-page .login-box .login-content .tooltip.tooltip-password-validation ul, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation ul { list-style: none; margin: 0; padding: 0.5rem; } .login-page .login-box .login-content .tooltip.tooltip-password-validation ul li, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation ul li { padding-bottom: 1rem; padding-left: 3rem; } .login-page .login-box .login-content .tooltip.tooltip-password-validation ul li[class*=password-], .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation ul li[class*=password-] { position: relative; } .login-page .login-box .login-content .tooltip.tooltip-password-validation ul li[class*=password-]::before, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation ul li[class*=password-]::before { content: ""; width: 1.6rem; height: 1.6rem; display: block; position: absolute; left: 0; top: 0.2rem; mask: url('16_informative_icons.svg'); -webkit-mask: url('16_informative_icons.svg'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .login-page .login-box .login-content .tooltip.tooltip-password-validation ul li.password-success:before, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation ul li.password-success:before { mask-position: 0 0; -webkit-mask-position: 0 0; background-color: var(--icon-informative-success-bg); } .login-page .login-box .login-content .tooltip.tooltip-password-validation ul li.password-error:before, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation ul li.password-error:before { mask-position: -2.1rem 0; -webkit-mask-position: -2.1rem 0; background-color: var(--icon-informative-error-bg); } .login-page .login-box .login-content .tooltip.tooltip-password-validation ul li:last-child, .login-page-secondary .login-box .login-content .tooltip.tooltip-password-validation ul li:last-child { padding-bottom: 0; } .login-page .login-box .login-content .login-divider, .login-page-secondary .login-box .login-content .login-divider { display: flex; align-items: center; text-align: center; margin: 5rem 0 3.5rem; } @media (max-width: 1440px) { .login-page .login-box .login-content .login-divider, .login-page-secondary .login-box .login-content .login-divider { margin: 2.4rem 0; } } .login-page .login-box .login-content .login-divider::before, .login-page .login-box .login-content .login-divider::after, .login-page-secondary .login-box .login-content .login-divider::before, .login-page-secondary .login-box .login-content .login-divider::after { content: ""; flex: 1; border-bottom: 0.1rem solid var(--divider-default-color); } .login-page .login-box .login-content .login-divider::before, .login-page-secondary .login-box .login-content .login-divider::before { margin-right: 1.6rem; } .login-page .login-box .login-content .login-divider::after, .login-page-secondary .login-box .login-content .login-divider::after { margin-left: 1.6rem; } .login-page .login-footer, .login-page-secondary .login-footer { text-align: center; margin-top: 8rem; } @media (max-width: 1280px) { .login-page .login-footer, .login-page-secondary .login-footer { margin-top: 3.6rem; } } .login-page .login-footer .logo-footer, .login-page-secondary .login-footer .logo-footer { background: var(--visma-logo); background-size: contain; background-repeat: no-repeat; width: 11.2rem; display: inline-block; height: 2.1rem; text-indent: -9999px; } .login-page .login-footer-alert, .login-page .cookies-alert, .login-page-secondary .login-footer-alert, .login-page-secondary .cookies-alert { background: var(--cookies-alert-bg); border: 0; border-radius: 0; box-shadow: none; align-items: center; padding: 1.5rem 6rem; width: 100%; left: 0; display: flex; margin: 0; min-height: 6rem; } @media (max-width: 769px) { .login-page .login-footer-alert, .login-page .cookies-alert, .login-page-secondary .login-footer-alert, .login-page-secondary .cookies-alert { padding-left: 3rem; padding-right: 3rem; } } .login-page .login-footer-alert::before, .login-page .cookies-alert::before, .login-page-secondary .login-footer-alert::before, .login-page-secondary .cookies-alert::before { display: none; } .login-page .login-footer-alert p, .login-page .cookies-alert p, .login-page-secondary .login-footer-alert p, .login-page-secondary .cookies-alert p { margin: 0; } .login-page .cookies-alert, .login-page-secondary .cookies-alert { color: var(--cookies-alert-text); top: 0; position: absolute; z-index: 1; } @media (max-width: 992px) { .login-page .cookies-alert, .login-page-secondary .cookies-alert { padding-bottom: 6rem; } } .login-page .cookies-alert .vismaicon-info, .login-page-secondary .cookies-alert .vismaicon-info { display: block; top: auto; margin-right: 1.8rem; } .login-page .cookies-alert a:not(.btn), .login-page-secondary .cookies-alert a:not(.btn) { margin-right: 4rem; padding: 0 0.5rem; } @media (max-width: 992px) { .login-page .cookies-alert a:not(.btn), .login-page-secondary .cookies-alert a:not(.btn) { padding: 0; } } .login-page .cookies-alert .btn, .login-page-secondary .cookies-alert .btn { min-width: 10rem; } @media (max-width: 992px) { .login-page .cookies-alert .btn, .login-page-secondary .cookies-alert .btn { position: absolute; bottom: 1.5rem; } } .login-page .login-footer-alert, .login-page-secondary .login-footer-alert { color: var(--cookies-alert-text); bottom: 0; position: relative; width: 100%; } @media (max-width: 769px) { .login-page .login-footer-alert, .login-page-secondary .login-footer-alert { justify-content: center; } } .login-page .login-footer-alert > ul, .login-page-secondary .login-footer-alert > ul { list-style: none; display: flex; margin: 0; padding: 0; align-items: center; } .login-page .login-footer-alert > ul > li, .login-page-secondary .login-footer-alert > ul > li { padding: 0 1.6rem; line-height: 1; margin: 0; } @media (max-width: 769px) { .login-page .login-footer-alert > ul > li, .login-page-secondary .login-footer-alert > ul > li { padding: 0 0.8rem; } } .login-page .login-footer-alert > ul > li:last-child, .login-page-secondary .login-footer-alert > ul > li:last-child { padding-right: 0; } .login-page .login-footer-alert > ul > li:first-child, .login-page-secondary .login-footer-alert > ul > li:first-child { padding-left: 0; } .login-page .login-footer-alert > ul > li > a, .login-page-secondary .login-footer-alert > ul > li > a { text-decoration: none; padding-top: 0; padding-left: 0; padding-bottom: 0; } .login-page .login-footer-alert > ul > li > a.dropdown-toggle, .login-page-secondary .login-footer-alert > ul > li > a.dropdown-toggle { background-color: rgba(0, 0, 0, 0); padding-right: 2.4rem; display: inline-block; } .login-page .login-footer-alert > ul > li > a.dropdown-toggle:before, .login-page-secondary .login-footer-alert > ul > li > a.dropdown-toggle:before { top: 0.5rem; transform: none; right: 0.2rem; } .login-page .login-footer-alert > ul > li > a.dropdown-toggle:focus:not(:active), .login-page-secondary .login-footer-alert > ul > li > a.dropdown-toggle:focus:not(:active) { box-shadow: none; } .login-page .login-footer-alert > ul > li.open > a.dropdown-toggle:before, .login-page-secondary .login-footer-alert > ul > li.open > a.dropdown-toggle:before { transform: rotate(180deg); } .login-page .login-footer-alert > ul > li .dropdown-menu, .login-page-secondary .login-footer-alert > ul > li .dropdown-menu { border-radius: 1.2rem; bottom: calc(100% + 4rem); left: calc(100% - 11.5rem); min-width: 15rem; background-color: var(--module-container-bg-color); } .login-page .login-footer-alert > ul > li .dropdown-menu:before, .login-page-secondary .login-footer-alert > ul > li .dropdown-menu:before { display: block; position: absolute; content: ""; width: 1.2rem; height: 2.6rem; bottom: -1.7rem; left: calc(50% - 1.3rem); transform: rotate(-90deg); mask: url('popover-tip.svg'); -webkit-mask: url('popover-tip.svg'); mask-position: 0 0; -webkit-mask-position: 0 0; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background-color: var(--module-container-bg-color); } .login-page .login-footer-alert > ul > li .dropdown-menu > li, .login-page-secondary .login-footer-alert > ul > li .dropdown-menu > li { background-color: var(--module-container-bg-color); } .login-page .login-footer-alert > ul > li .dropdown-menu > li > a, .login-page-secondary .login-footer-alert > ul > li .dropdown-menu > li > a { color: var(--cookies-alert-text); padding-right: 3.5rem; display: block; position: relative; } .login-page .login-footer-alert > ul > li .dropdown-menu > li > a.active:after, .login-page-secondary .login-footer-alert > ul > li .dropdown-menu > li > a.active:after { display: block; position: absolute; content: ""; width: 1.6rem; height: 1.6rem; mask: url('wizard-checkmark-dark.svg'); -webkit-mask: url('wizard-checkmark-dark.svg'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background-color: var(--wizard-selected-border-color); right: 1.7rem; top: 0.6rem; } .login-page { padding-top: 3.2rem; padding-bottom: 0; background-color: rgba(0, 0, 0, 0); background-image: url('login-background-default-1.jpg'); background-repeat: no-repeat; background-size: cover; } .login-page.login-page-default-bg-1 { background-image: url('login-background-default-1.jpg'); } .login-page.login-page-default-bg-2 { background-image: url('login-background-default-2.jpg'); } .login-page.login-page-default-bg-3 { background-image: url('login-background-default-3.jpg'); } .login-page.login-page-default-bg-4 { background-image: url('login-background-default-4.jpg'); } .login-page.login-page-default-bg-5 { background-image: url('login-background-default-5.jpg'); } .login-page:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: var(--mask-bg); } .login-page .cookies-alert { justify-content: center; top: 0; margin-bottom: 2.4rem; } .login-page .login-footer-alert { justify-content: right; bottom: 0; margin-top: 2.4rem; } @media (max-width: 992px) { .login-page .login-footer-alert { justify-content: center; } } .login-page .login-box { box-shadow: var(--modal-shadow); } .login-page-secondary { position: relative; padding: 3.2rem calc(50% + 3.2rem) 0 3.2rem; background-color: var(--module-container-bg-color); background-image: none; z-index: 1; } @media (max-width: 1280px) { .login-page-secondary { padding: 2.4rem calc(50% + 2.4rem) 0 2.4rem; } } @media (max-width: 992px) { .login-page-secondary { padding: 4.8rem 0 6rem; } } .login-page-secondary:before, .login-page-secondary:after { content: ""; width: calc(50% - 3.2rem); height: calc(100% - 6.4rem); display: block; position: absolute; right: 3.2rem; top: 3.2rem; border-radius: 2.4rem; z-index: -1; } @media (max-width: 1280px) { .login-page-secondary:before, .login-page-secondary:after { width: calc(50% - 2.4rem); height: calc(100% - 4.8rem); right: 2.4rem; top: 2.4rem; } } @media (max-width: 992px) { .login-page-secondary:before, .login-page-secondary:after { width: 100%; height: 100%; top: 0; right: 0; border-radius: 0; } } .login-page-secondary:before { left: auto; right: 3.2rem; background-color: rgba(0, 0, 0, 0); background-image: url('login-background-secondary-1.jpg'); background-repeat: no-repeat; background-size: auto 120%; } @media (max-width: 992px) { .login-page-secondary:before { right: auto; } } .login-page-secondary.login-page-secondary-bg-1:before { background-image: url('login-background-secondary-1.jpg'); background-position: left center; } .login-page-secondary.login-page-secondary-bg-2:before { background-image: url('login-background-secondary-2.jpg'); background-position: left center; } .login-page-secondary.login-page-secondary-bg-3:before { background-image: url('login-background-secondary-3.jpg'); background-position: right center; } .login-page-secondary.login-page-secondary-bg-4:before { background-image: url('login-background-secondary-4.jpg'); background-position: left center; background-size: cover; } .login-page-secondary.login-page-secondary-bg-5:before { background-image: url('login-background-secondary-5.jpg'); background-position: right center; background-size: auto 100%; } .login-page-secondary:after { background: var(--mask-bg); opacity: 0.4; } @media (max-width: 1440px) and (min-width: 1280px) { .login-page-secondary .login-box { padding: 2.5rem 11.2rem 2.5rem; } } @media (min-width: 992px) { .login-page-secondary .login-box { background: rgba(0, 0, 0, 0); box-shadow: none; } } @media (max-width: 1279px) and (min-width: 992px) { .login-page-secondary .login-box { width: 100%; padding: 2.5rem 8rem 2.5rem; } } @media (max-width: 1440px) { .login-page-secondary .login-box .login-header img { max-width: 7.2rem; } } @media (max-width: 1280px) { .login-page-secondary .login-box .login-header img { max-width: 6.4rem; margin-bottom: 0.5rem; } } @media (max-width: 1440px) { .login-page-secondary .login-box .login-header h1 { font-size: 2.6rem; margin-bottom: 2.4rem; } } @media (max-width: 1280px) { .login-page-secondary .login-box .login-header h1 { margin-bottom: 1.6rem; } } .login-page-secondary .login-footer { width: 100%; margin-bottom: 3rem; margin-top: 2rem; } @media (max-width: 1440px) { .login-page-secondary .login-footer { margin-bottom: 1rem; } } @media (max-width: 992px) { .login-page-secondary .login-footer { bottom: 7rem; position: absolute; } } .login-page-secondary .cookies-alert { border-radius: 0.8rem; margin: 0 auto; padding: 2.5rem 3.2rem 2.5rem 4.8rem; justify-content: space-between; } @media (min-width: 992px) { .login-page-secondary .cookies-alert { background: var(--cookies-alert-secondary-bg); width: calc(50% - 6.4rem); left: 3.2rem; top: 3.2rem; } } @media (max-width: 992px) { .login-page-secondary .cookies-alert { padding: 1.5rem 3rem 5.6rem; justify-content: center; border-radius: 0; top: 0; left: 0; } } .login-page-secondary .cookies-alert p { padding-right: 8rem; } @media (max-width: 1440px) { .login-page-secondary .cookies-alert p { padding-right: 1.6rem; } } @media (max-width: 992px) { .login-page-secondary .cookies-alert p { padding-right: 0; } } .login-page-secondary .cookies-alert .vismaicon-info { margin-right: 2.4rem; } .login-page-secondary .cookies-alert a:not(.btn) { padding: 0; display: block; } .login-page-secondary .login-footer-alert { justify-content: center; } @media (min-width: 992px) { .login-page-secondary .login-footer-alert { background: rgba(0, 0, 0, 0); } } @media (max-width: 992px) { .login-page-secondary .login-footer-alert { bottom: -6rem; } } .login-page-secondary .login-footer-alert > ul > li .dropdown-menu { bottom: calc(100% + 2rem); } .error-page { margin: 0 auto; padding: 7% 10%; border-radius: 1.5rem; background-color: var(--module-container-bg-color); box-shadow: var(--module-container-shadow); } .error-page h1 { font-size: 3.2rem; font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif; margin-bottom: 3.2rem; line-height: 1; } .error-page p { line-height: 1.8; margin-bottom: 3.2rem; } .error-page .error-page-image { text-align: center; opacity: var(--error-img-opacity); } .error-page .error-page-image img { max-width: 100%; } @media (max-width: 992px) { .error-page .error-page-content { text-align: center; margin-bottom: 3.6rem; } } .sr-only { overflow: hidden !important; position: absolute !important; width: 0.1rem !important; height: 0.1rem !important; margin: -0.1rem !important; padding: 0 !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; } .w-0 { width: 0 !important; } .w-100 { width: 100% !important; } .h-0 { height: 0 !important; } .h-100 { height: 100% !important; } .max-w-0 { max-width: 0 !important; } .max-w-100, .mw-100 { max-width: 100% !important; } .max-w-max-content { max-width: max-content !important; } .max-w-min-content { max-width: min-content !important; } .min-w-min-content { min-width: min-content !important; } .min-w-max-content { min-width: max-content !important; } .min-w-100 { min-width: 100% !important; } .min-w-0 { min-width: 0 !important; } .max-h-0 { max-height: 0 !important; } .max-h-100, .mh-100 { max-height: 100% !important; } .max-h-screen { max-height: 100vh !important; } .min-h-screen { min-height: 100vh !important; } .min-h-100 { min-height: 100% !important; } .min-h-0 { min-height: 0 !important; } .hidden { display: none !important; visibility: hidden !important; } .active-on-mobile { display: none; } .close { display: inline-block; overflow: hidden; position: relative; cursor: pointer; width: 1.6rem; height: 1.6rem; padding: 0; text-indent: -9999px; border: 0; background: rgba(0, 0, 0, 0); } .close::after { display: block; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--close-icon-bg); mask: url('close.svg') no-repeat center; -webkit-mask: url('close.svg') no-repeat center; mask-size: 1rem; -webkit-mask-size: 1rem; } .close.close-lg { width: 2.4rem; height: 2.4rem; } .close.close-lg::after { mask: url('close-large.svg') no-repeat center; -webkit-mask: url('close-large.svg') no-repeat center; mask-size: cover; -webkit-mask-size: cover; } .close:focus { outline: 0.2rem solid var(--anchor-focus-outline); } .close > span { display: none; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .text-truncate-2, .text-truncate-3, .text-truncate-4 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .text-truncate-2 { -webkit-line-clamp: 2; } .text-truncate-3 { -webkit-line-clamp: 3; } .text-truncate-4 { -webkit-line-clamp: 4; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } @media (min-width: 550px) { .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } .text-xs-justify { text-align: justify !important; } } @media (min-width: 769px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } .text-sm-justify { text-align: justify !important; } } @media (min-width: 992px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } .text-md-justify { text-align: justify !important; } } @media (min-width: 1280px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } .text-lg-justify { text-align: justify !important; } } @media (min-width: 1440px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } .text-xl-justify { text-align: justify !important; } } @media (min-width: 1680px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } .text-xxl-justify { text-align: justify !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-normal-case { text-transform: none !important; } .text-numeric-normal { font-variant-numeric: normal !important; } .text-numeric-ordinal { font-family: monospace; font-size: 1.2em; font-variant-numeric: ordinal !important; } .text-numeric-diagonal-fractions { font-family: sans-serif; font-size: 1.25em; font-variant-numeric: diagonal-fractions !important; } @media (min-width: 550px) { .text-xs-lowercase { text-transform: lowercase !important; } .text-xs-uppercase { text-transform: uppercase !important; } .text-xs-capitalize { text-transform: capitalize !important; } .text-xs-normal-case { text-transform: none !important; } .text-numeric-xs-normal { font-variant-numeric: normal !important; } .text-numeric-xs-ordinal { font-family: monospace; font-size: 1.2em; font-variant-numeric: ordinal !important; } .text-numeric-xs-diagonal-fractions { font-family: sans-serif; font-size: 1.25em; font-variant-numeric: diagonal-fractions !important; } } @media (min-width: 769px) { .text-sm-lowercase { text-transform: lowercase !important; } .text-sm-uppercase { text-transform: uppercase !important; } .text-sm-capitalize { text-transform: capitalize !important; } .text-sm-normal-case { text-transform: none !important; } .text-numeric-sm-normal { font-variant-numeric: normal !important; } .text-numeric-sm-ordinal { font-family: monospace; font-size: 1.2em; font-variant-numeric: ordinal !important; } .text-numeric-sm-diagonal-fractions { font-family: sans-serif; font-size: 1.25em; font-variant-numeric: diagonal-fractions !important; } } @media (min-width: 992px) { .text-md-lowercase { text-transform: lowercase !important; } .text-md-uppercase { text-transform: uppercase !important; } .text-md-capitalize { text-transform: capitalize !important; } .text-md-normal-case { text-transform: none !important; } .text-numeric-md-normal { font-variant-numeric: normal !important; } .text-numeric-md-ordinal { font-family: monospace; font-size: 1.2em; font-variant-numeric: ordinal !important; } .text-numeric-md-diagonal-fractions { font-family: sans-serif; font-size: 1.25em; font-variant-numeric: diagonal-fractions !important; } } @media (min-width: 1280px) { .text-lg-lowercase { text-transform: lowercase !important; } .text-lg-uppercase { text-transform: uppercase !important; } .text-lg-capitalize { text-transform: capitalize !important; } .text-lg-normal-case { text-transform: none !important; } .text-numeric-lg-normal { font-variant-numeric: normal !important; } .text-numeric-lg-ordinal { font-family: monospace; font-size: 1.2em; font-variant-numeric: ordinal !important; } .text-numeric-lg-diagonal-fractions { font-family: sans-serif; font-size: 1.25em; font-variant-numeric: diagonal-fractions !important; } } @media (min-width: 1440px) { .text-xl-lowercase { text-transform: lowercase !important; } .text-xl-uppercase { text-transform: uppercase !important; } .text-xl-capitalize { text-transform: capitalize !important; } .text-xl-normal-case { text-transform: none !important; } .text-numeric-xl-normal { font-variant-numeric: normal !important; } .text-numeric-xl-ordinal { font-family: monospace; font-size: 1.2em; font-variant-numeric: ordinal !important; } .text-numeric-xl-diagonal-fractions { font-family: sans-serif; font-size: 1.25em; font-variant-numeric: diagonal-fractions !important; } } @media (min-width: 1680px) { .text-xxl-lowercase { text-transform: lowercase !important; } .text-xxl-uppercase { text-transform: uppercase !important; } .text-xxl-capitalize { text-transform: capitalize !important; } .text-xxl-normal-case { text-transform: none !important; } .text-numeric-xxl-normal { font-variant-numeric: normal !important; } .text-numeric-xxl-ordinal { font-family: monospace; font-size: 1.2em; font-variant-numeric: ordinal !important; } .text-numeric-xxl-diagonal-fractions { font-family: sans-serif; font-size: 1.25em; font-variant-numeric: diagonal-fractions !important; } } .text-underline { text-decoration: underline !important; } .text-line-through { text-decoration: line-through !important; } .text-no-underline { text-decoration: none !important; } @media (min-width: 550px) { .text-xs-underline { text-decoration: underline !important; } .text-xs-line-through { text-decoration: line-through !important; } .text-xs-no-underline { text-decoration: none !important; } } @media (min-width: 769px) { .text-sm-underline { text-decoration: underline !important; } .text-sm-line-through { text-decoration: line-through !important; } .text-sm-no-underline { text-decoration: none !important; } } @media (min-width: 992px) { .text-md-underline { text-decoration: underline !important; } .text-md-line-through { text-decoration: line-through !important; } .text-md-no-underline { text-decoration: none !important; } } @media (min-width: 1280px) { .text-lg-underline { text-decoration: underline !important; } .text-lg-line-through { text-decoration: line-through !important; } .text-lg-no-underline { text-decoration: none !important; } } @media (min-width: 1440px) { .text-xl-underline { text-decoration: underline !important; } .text-xl-line-through { text-decoration: line-through !important; } .text-xl-no-underline { text-decoration: none !important; } } @media (min-width: 1680px) { .text-xxl-underline { text-decoration: underline !important; } .text-xxl-line-through { text-decoration: line-through !important; } .text-xxl-no-underline { text-decoration: none !important; } } .font-weight-light, .light { font-weight: 200 !important; } .font-weight-normal, .normal { font-weight: 400 !important; } .font-weight-bold, .bold { font-weight: 700 !important; } .font-family-primary { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif !important; } .font-family-secondary { font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif !important; } .font-family-tertiary { font-family: var(--font-family-tertiary), sans-serif !important; } .font-family-open-sans { font-family: var(--font-family-base), "OpenSansFallback", "Open Sans", sans-serif !important; } .font-family-ubuntu { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif !important; } .font-family-ubuntu-light { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif !important; font-weight: 300 !important; } .font-family-ubuntu-semibold { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif !important; font-weight: 500 !important; } .font-family-ubuntu-bold { font-family: var(--font-family-primary), "UbuntuFallback", "Ubuntu", sans-serif !important; font-weight: 700 !important; } .font-48 { font-size: 4.8rem !important; } .font-32 { font-size: 3.2rem !important; } .font-24 { font-size: var(--font-size-xl) !important; } .font-20 { font-size: var(--font-size-lg) !important; } .font-16 { font-size: var(--font-size-md) !important; } .font-14 { font-size: var(--font-size-sm) !important; } .font-13 { font-size: var(--font-size-xs) !important; } .font-size-xs { font-size: var(--font-size-xs) !important; } .font-size-sm { font-size: var(--font-size-sm) !important; } .font-size-md { font-size: var(--font-size-md) !important; } .font-size-lg { font-size: var(--font-size-lg) !important; } .font-size-xl { font-size: var(--font-size-xl) !important; } .font-size-xxl { font-size: var(--font-size-xxl) !important; } .font-size-fluid-xs { font-size: var(--font-size-fluid-xs) !important; } .font-size-fluid-xm { font-size: var(--font-size-fluid-sm) !important; } .font-size-fluid-md { font-size: var(--font-size-fluid-md) !important; } .font-size-fluid-lg { font-size: var(--font-size-fluid-lg) !important; } .font-size-fluid-xl { font-size: var(--font-size-fluid-xl) !important; } .font-size-fluid-xxl { font-size: var(--font-size-fluid-xxl) !important; } .heading-sm-regular { font: var(--font-heading-sm-regular) !important; } .heading-sm-medium { font: var(--font-heading-sm-medium) !important; } .heading-md-regular { font: var(--font-heading-md-regular) !important; } .heading-md-medium { font: var(--font-heading-md-medium) !important; } .heading-xl-regular { font: var(--font-heading-xl-regular) !important; } .heading-xl-medium { font: var(--font-heading-xl-medium) !important; } .body-xs-regular { font: var(--font-body-xs-regular) !important; } .body-xs-medium { font: var(--font-body-xs-medium) !important; } .body-sm-regular { font: var(--font-body-sm-regular) !important; } .body-sm-medium { font: var(--font-body-sm-medium) !important; } .body-sm-bold { font: var(--font-body-sm-bold) !important; } .body-sm-link { font: var(--font-body-sm-link) !important; } .text-default { color: var(--text-default) !important; } .text-primary, .text-blue { color: var(--text-primary) !important; } .text-disabled, .text-disabled:hover, .text-disabled a, .text-grey, .text-grey:hover, .text-grey a { color: var(--text-disabled) !important; cursor: default; pointer-events: none; } .text-error, .text-red { color: var(--text-error) !important; } .text-orange, .text-warning { color: var(--text-warning) !important; } .text-success, .text-green { color: var(--text-success) !important; } .text-secondary, .text-dark-grey { color: var(--text-secondary) !important; } .bg-default { background-color: var(--bg-default) !important; } .bg-default.vismaicon { background-color: rgba(0, 0, 0, 0) !important; } .bg-default.vismaicon:before { background-color: var(--bg-default) !important; } .bg-primary { background-color: var(--bg-primary) !important; } .bg-primary.vismaicon { background-color: rgba(0, 0, 0, 0) !important; } .bg-primary.vismaicon:before { background-color: var(--bg-primary) !important; } .bg-secondary { background-color: var(--bg-secondary) !important; } .bg-secondary.vismaicon { background-color: rgba(0, 0, 0, 0) !important; } .bg-secondary.vismaicon:before { background-color: var(--bg-secondary) !important; } .bg-transparent { background-color: rgba(0, 0, 0, 0) !important; } .bg-transparent.vismaicon { background-color: rgba(0, 0, 0, 0) !important; } .bg-transparent.vismaicon:before { background-color: rgba(0, 0, 0, 0) !important; } .vismaicon.icon-neutral:before { background-color: var(--caret-default-bg) !important; } .vismaicon.icon-info:before { background-color: var(--icon-informative-info-bg) !important; } .vismaicon.icon-success:before { background-color: var(--icon-informative-success-bg) !important; } .vismaicon.icon-warning:before { background-color: var(--icon-informative-warning-bg) !important; } .vismaicon.icon-error:before { background-color: var(--icon-informative-error-bg) !important; } .shadow-50 { box-shadow: var(--shadow-50) !important; } .shadow-40 { box-shadow: var(--shadow-40) !important; } .shadow-30 { box-shadow: var(--shadow-30) !important; } .shadow-20 { box-shadow: var(--shadow-20) !important; } .shadow-10 { box-shadow: var(--shadow-10) !important; } .shadow-0, .no-shadow { box-shadow: none !important; } .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } .position-static { position: static; } .position-fixed { position: fixed; } .position-absolute { position: absolute; } .position-relative { position: relative; } .position-sticky { position: sticky; } @media (min-width: 550px) { .float-xs-left { float: left; } .float-xs-right { float: right; } .float-xs-none { float: none; } .position-xs-static { position: static; } .position-xs-fixed { position: fixed; } .position-xs-absolute { position: absolute; } .position-xs-relative { position: relative; } .position-xs-sticky { position: sticky; } } @media (min-width: 769px) { .float-sm-left { float: left; } .float-sm-right { float: right; } .float-sm-none { float: none; } .position-sm-static { position: static; } .position-sm-fixed { position: fixed; } .position-sm-absolute { position: absolute; } .position-sm-relative { position: relative; } .position-sm-sticky { position: sticky; } } @media (min-width: 992px) { .float-md-left { float: left; } .float-md-right { float: right; } .float-md-none { float: none; } .position-md-static { position: static; } .position-md-fixed { position: fixed; } .position-md-absolute { position: absolute; } .position-md-relative { position: relative; } .position-md-sticky { position: sticky; } } @media (min-width: 1280px) { .float-lg-left { float: left; } .float-lg-right { float: right; } .float-lg-none { float: none; } .position-lg-static { position: static; } .position-lg-fixed { position: fixed; } .position-lg-absolute { position: absolute; } .position-lg-relative { position: relative; } .position-lg-sticky { position: sticky; } } @media (min-width: 1440px) { .float-xl-left { float: left; } .float-xl-right { float: right; } .float-xl-none { float: none; } .position-xl-static { position: static; } .position-xl-fixed { position: fixed; } .position-xl-absolute { position: absolute; } .position-xl-relative { position: relative; } .position-xl-sticky { position: sticky; } } @media (min-width: 1680px) { .float-xxl-left { float: left; } .float-xxl-right { float: right; } .float-xxl-none { float: none; } .position-xxl-static { position: static; } .position-xxl-fixed { position: fixed; } .position-xxl-absolute { position: absolute; } .position-xxl-relative { position: relative; } .position-xxl-sticky { position: sticky; } } .no-bullet { padding-left: 3rem; list-style-type: none; } .list-none { padding-left: 0; list-style-type: none; } .list-disc { padding-left: 3rem; list-style-type: disc; } .list-circle { padding-left: 3rem; list-style-type: circle; } .list-decimal { padding-left: 3rem; list-style-type: decimal; } .border { border: 0.1rem solid var(--border-color) !important; } .border-top { border-top: 0.1rem solid var(--border-color) !important; } .border-right { border-right: 0.1rem solid var(--border-color) !important; } .border-bottom { border-bottom: 0.1rem solid var(--border-color) !important; } .border-left { border-left: 0.1rem solid var(--border-color) !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-white { border-color: #fff !important; } .rounded-4 { border-radius: 0.4rem !important; } .rounded-5 { border-radius: 0.5rem !important; } .rounded-8 { border-radius: 0.8rem !important; } .rounded-12 { border-radius: 1.2rem !important; } .rounded-24 { border-radius: 2.4rem !important; } .rounded-10 { border-radius: 1rem !important; } .rounded-20 { border-radius: 2rem !important; } .rounded { border-radius: var(--radius-sm) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-xxs { border-radius: var(--radius-xxs) !important; } .rounded-xs { border-radius: var(--radius-xs) !important; } .rounded-sm { border-radius: var(--radius-sm) !important; } .rounded-md { border-radius: var(--radius-md) !important; } .rounded-lg { border-radius: var(--radius-lg) !important; } .rounded-xl { border-radius: var(--radius-xl) !important; } .rounded-xxl { border-radius: var(--radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-top { border-top-left-radius: var(--radius-sm) !important; border-top-right-radius: var(--radius-sm) !important; } .rounded-top-left { border-top-left-radius: var(--radius-sm) !important; } .rounded-top-right { border-top-right-radius: var(--radius-sm) !important; } .rounded-right { border-top-right-radius: var(--radius-sm) !important; border-bottom-right-radius: var(--radius-sm) !important; } .rounded-bottom { border-bottom-right-radius: var(--radius-sm) !important; border-bottom-left-radius: var(--radius-sm) !important; } .rounded-bottom-left { border-bottom-left-radius: var(--radius-sm) !important; } .rounded-bottom-right { border-bottom-right-radius: var(--radius-sm) !important; } .rounded-left { border-top-left-radius: var(--radius-sm) !important; border-bottom-left-radius: var(--radius-sm) !important; } .show-light, .show-on-light { display: block; } html[data-theme=dark] .show-light, .dark-theme .show-light, html[data-theme=dark] .show-on-light, .dark-theme .show-on-light { display: none; } html[data-theme=light] .show-light, .light-theme .show-light, html[data-theme=light] .show-on-light, .light-theme .show-on-light { display: block; } @media (prefers-color-scheme: dark) { .show-light, .show-on-light { display: none; } html[data-theme=light] .show-light, .light-theme .show-light, html[data-theme=light] .show-on-light, .light-theme .show-on-light { display: block; } } .show-dark, .show-on-dark { display: none; } html[data-theme=dark] .show-dark, .dark-theme .show-dark, html[data-theme=dark] .show-on-dark, .dark-theme .show-on-dark { display: block; } html[data-theme=light] .show-dark, .light-theme .show-dark, html[data-theme=light] .show-on-dark, .light-theme .show-on-dark { display: none; } @media (prefers-color-scheme: dark) { .show-dark, .show-on-dark { display: block; } html[data-theme=light] .show-dark, .light-theme .show-dark, html[data-theme=light] .show-on-dark, .light-theme .show-on-dark { display: none; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-flex { display: flex !important; } .d-grid { display: grid !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 550px) { .d-xs-none { display: none !important; } .d-xs-inline { display: inline !important; } .d-xs-inline-block { display: inline-block !important; } .d-xs-block { display: block !important; } .d-xs-flex { display: flex !important; } .d-xs-grid { display: grid !important; } .d-xs-inline-flex { display: inline-flex !important; } } @media (min-width: 769px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-flex { display: flex !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } .d-md-grid { display: grid !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 1280px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-flex { display: flex !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1440px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-flex { display: flex !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1680px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-flex { display: flex !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .caret { display: inline-block; height: 0.5rem; width: 0.8rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 0.8rem 0.5rem; mask-size: 0.8rem 0.5rem; -webkit-mask-image: url('arrow-small.svg'); mask-image: url('arrow-small.svg'); background-color: var(--caret-default-bg); transition: transform 0.25s; } .caret.caret-link { transform: rotate(-90deg); } .caret.caret-sm, .caret.caret-small { height: 0.5rem; width: 0.8rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 0.8rem 0.5rem; mask-size: 0.8rem 0.5rem; -webkit-mask-image: url('arrow-small.svg'); mask-image: url('arrow-small.svg'); } .caret.caret-lg, .caret.caret-large { height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); } .caret.caret-small-black, .caret.caret-small-default { background-color: var(--caret-default-bg); } .caret.caret-small-blue, .caret.caret-small-primary, .caret.caret-primary { background-color: var(--caret-primary-bg); } .caret.caret-small-white, .caret.caret-small-secondary, .caret.caret-secondary { background-color: var(--caret-secondary-bg); } .caret.caret-small-grey, .caret.caret-small-disabled, .caret.caret-disabled { background-color: var(--caret-disabled-bg); } .caret.caret-medium-black, .caret.caret-large-black, .caret.caret-medium-default, .caret.caret-large-default { height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-default-bg); } .caret.caret-medium-blue, .caret.caret-large-blue, .caret.caret-medium-primary, .caret.caret-large-primary { height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-primary-bg); } .caret.caret-medium-white, .caret.caret-large-white, .caret.caret-medium-secondary, .caret.caret-large-secondary { height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-secondary-bg); } .caret.caret-medium-grey, .caret.caret-large-grey, .caret.caret-medium-disabled, .caret.caret-large-disabled { height: 0.6rem; width: 1rem; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 1rem 0.6rem; mask-size: 1rem 0.6rem; -webkit-mask-image: url('arrow-large.svg'); mask-image: url('arrow-large.svg'); background-color: var(--caret-disabled-bg); } .open.caret, .open > .caret { transform: rotate(180deg); } .open.caret.caret-link, .open > .caret.caret-link { transform: rotate(90deg); } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .visible { visibility: visible; } .invisible { visibility: hidden; } @media (min-width: 550px) { .overflow-xs-auto { overflow: auto !important; } .overflow-xs-hidden { overflow: hidden !important; } .overflow-xs-visible { overflow: visible !important; } .overflow-xs-scroll { overflow: scroll !important; } .overflow-x-xs-auto { overflow-x: auto !important; } .overflow-x-xs-hidden { overflow-x: hidden !important; } .overflow-x-xs-visible { overflow-x: visible !important; } .overflow-x-xs-scroll { overflow-x: scroll !important; } .overflow-y-xs-auto { overflow-y: auto !important; } .overflow-y-xs-hidden { overflow-y: hidden !important; } .overflow-y-xs-visible { overflow-y: visible !important; } .overflow-y-xs-scroll { overflow-y: scroll !important; } .visible-xs { visibility: visible; } .invisible-xs { visibility: hidden; } } @media (min-width: 769px) { .overflow-sm-auto { overflow: auto !important; } .overflow-sm-hidden { overflow: hidden !important; } .overflow-sm-visible { overflow: visible !important; } .overflow-sm-scroll { overflow: scroll !important; } .overflow-x-sm-auto { overflow-x: auto !important; } .overflow-x-sm-hidden { overflow-x: hidden !important; } .overflow-x-sm-visible { overflow-x: visible !important; } .overflow-x-sm-scroll { overflow-x: scroll !important; } .overflow-y-sm-auto { overflow-y: auto !important; } .overflow-y-sm-hidden { overflow-y: hidden !important; } .overflow-y-sm-visible { overflow-y: visible !important; } .overflow-y-sm-scroll { overflow-y: scroll !important; } .visible-sm { visibility: visible; } .invisible-sm { visibility: hidden; } } @media (min-width: 992px) { .overflow-md-auto { overflow: auto !important; } .overflow-md-hidden { overflow: hidden !important; } .overflow-md-visible { overflow: visible !important; } .overflow-md-scroll { overflow: scroll !important; } .overflow-x-md-auto { overflow-x: auto !important; } .overflow-x-md-hidden { overflow-x: hidden !important; } .overflow-x-md-visible { overflow-x: visible !important; } .overflow-x-md-scroll { overflow-x: scroll !important; } .overflow-y-md-auto { overflow-y: auto !important; } .overflow-y-md-hidden { overflow-y: hidden !important; } .overflow-y-md-visible { overflow-y: visible !important; } .overflow-y-md-scroll { overflow-y: scroll !important; } .visible-md { visibility: visible; } .invisible-md { visibility: hidden; } } @media (min-width: 1280px) { .overflow-lg-auto { overflow: auto !important; } .overflow-lg-hidden { overflow: hidden !important; } .overflow-lg-visible { overflow: visible !important; } .overflow-lg-scroll { overflow: scroll !important; } .overflow-x-lg-auto { overflow-x: auto !important; } .overflow-x-lg-hidden { overflow-x: hidden !important; } .overflow-x-lg-visible { overflow-x: visible !important; } .overflow-x-lg-scroll { overflow-x: scroll !important; } .overflow-y-lg-auto { overflow-y: auto !important; } .overflow-y-lg-hidden { overflow-y: hidden !important; } .overflow-y-lg-visible { overflow-y: visible !important; } .overflow-y-lg-scroll { overflow-y: scroll !important; } .visible-lg { visibility: visible; } .invisible-lg { visibility: hidden; } } @media (min-width: 1440px) { .overflow-xl-auto { overflow: auto !important; } .overflow-xl-hidden { overflow: hidden !important; } .overflow-xl-visible { overflow: visible !important; } .overflow-xl-scroll { overflow: scroll !important; } .overflow-x-xl-auto { overflow-x: auto !important; } .overflow-x-xl-hidden { overflow-x: hidden !important; } .overflow-x-xl-visible { overflow-x: visible !important; } .overflow-x-xl-scroll { overflow-x: scroll !important; } .overflow-y-xl-auto { overflow-y: auto !important; } .overflow-y-xl-hidden { overflow-y: hidden !important; } .overflow-y-xl-visible { overflow-y: visible !important; } .overflow-y-xl-scroll { overflow-y: scroll !important; } .visible-xl { visibility: visible; } .invisible-xl { visibility: hidden; } } @media (min-width: 1680px) { .overflow-xxl-auto { overflow: auto !important; } .overflow-xxl-hidden { overflow: hidden !important; } .overflow-xxl-visible { overflow: visible !important; } .overflow-xxl-scroll { overflow: scroll !important; } .overflow-x-xxl-auto { overflow-x: auto !important; } .overflow-x-xxl-hidden { overflow-x: hidden !important; } .overflow-x-xxl-visible { overflow-x: visible !important; } .overflow-x-xxl-scroll { overflow-x: scroll !important; } .overflow-y-xxl-auto { overflow-y: auto !important; } .overflow-y-xxl-hidden { overflow-y: hidden !important; } .overflow-y-xxl-visible { overflow-y: visible !important; } .overflow-y-xxl-scroll { overflow-y: scroll !important; } .visible-xxl { visibility: visible; } .invisible-xxl { visibility: hidden; } } .center-block { display: block; margin-left: auto; margin-right: auto; float: none; } .clear, .clearfix { display: block; clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-none { clear: none; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .object-none { object-fit: none; } .object-scale-down { object-fit: scale-down; } .object-bottom { object-position: bottom; } .object-center { object-position: center; } .object-left { object-position: left; } .object-left-bottom { object-position: left bottom; } .object-left-top { object-position: left top; } .object-right { object-position: right; } .object-right-bottom { object-position: right bottom; } .object-right-top { object-position: right top; } .object-top { object-position: top; } .z-index-0 { z-index: 0; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .z-index-4 { z-index: 4; } .z-index-5 { z-index: 5; } .z-index-10 { z-index: 10; } .z-index-20 { z-index: 20; } .z-index-50 { z-index: 50; } .z-index-auto { z-index: auto; } .hide { display: none; } .show { display: block; } /*! VUD Icons (Visma Unified Design) - v1.8.4 */ :root, :host { --vismaicon-bg: var(--visma-icon-color, var(--icon-bg, var(--custom-icon-bg, #494a4a))); --vismaicon-hover-bg: var(--visma-icon-hover-color, var(--icon-hover-bg, var(--custom-icon-hover-bg, #1482cc))); --vismaicon-disabled-bg: var(--visma-icon-disabled-color, var(--icon-disabled-bg, var(--custom-icon-disabled-bg, #8a8a8a))); --vismaicon-informative-success-bg: var(--visma-informative-success-color, var(--icon-informative-success-bg, var(--custom-icon-informative-success-bg, #4e9c54))); --vismaicon-informative-error-bg: var(--visma-informative-error-color, var(--icon-informative-error-bg, var(--custom-icon-informative-error-bg, #d44f64))); --vismaicon-informative-warning-bg: var(--visma-informative-warning-color, var(--icon-informative-warning-bg, var(--custom-icon-informative-warning-bg, #ca7900))); --vismaicon-informative-info-bg: var(--visma-informative-info-color, var(--icon-informative-info-bg, var(--custom-icon-informative-info-bg, #1482cc))); --vismaicon-informative-help-bg: var(--visma-informative-help-color, var(--icon-informative-help-bg, var(--custom-icon-informative-help-bg, #1482cc))); --vismaicon-button-primary-icon: var(--custom-button-primary-icon, var(--neutral-05, #fff)); } .vismaicon { display: inline-block; position: relative; -webkit-user-select: none; user-select: none; } .vismaicon::before { display: block; content: "" !important; position: relative; width: 2.4rem; height: 2.4rem; margin: 0 auto; background-color: rgba(0, 0, 0, 0); background-size: cover; background-repeat: no-repeat; -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; } .vismaicon:not(.vismaicon-filled)::before { background-color: var(--vismaicon-bg); } .hover:not(:active) > .vismaicon:not(.vismaicon-filled)::before, .vismaicon.hover:not(:active):not(.vismaicon-filled)::before, .btn-link:hover:not(:active) > .vismaicon:not(.vismaicon-filled)::before { background-color: var(--vismaicon-hover-bg); } .active .vismaicon:not(.vismaicon-filled)::before, .vismaicon.active:not(.vismaicon-filled)::before, .btn-link:active .vismaicon:not(.vismaicon-filled)::before, .btn-icon:active .vismaicon:not(.vismaicon-filled)::before { background-color: var(--vismaicon-bg); } .selected > .vismaicon { cursor: pointer; } .selected > .vismaicon::before { mask-position: -2.9rem 0; -webkit-mask-position: -2.9rem 0; } .disabled .vismaicon, .vismaicon.disabled, :disabled .vismaicon, .vismaicon:disabled, .btn:disabled .vismaicon, .btn-link:disabled .vismaicon, .btn-icon:disabled .vismaicon { pointer-events: none; } .disabled .vismaicon::before, .vismaicon.disabled::before, :disabled .vismaicon::before, .vismaicon:disabled::before, .btn:disabled .vismaicon::before, .btn-link:disabled .vismaicon::before, .btn-icon:disabled .vismaicon::before { background-color: var(--vismaicon-disabled-bg) !important; } .vismaicon.vismaicon-sm::before { width: 1.6rem; height: 1.6rem; } .selected .vismaicon.vismaicon-sm::before { mask-position: -2.1rem 0; -webkit-mask-position: -2.1rem 0; } .btn > .vismaicon, a > .vismaicon { top: 0; } .btn > .vismaicon, a > .vismaicon { margin-right: 0.8rem; } .btn-primary > .vismaicon:not(.vismaicon-media)::before, .btn-primary:hover:not(:active) > .vismaicon:not(.vismaicon-media)::before, .btn-primary:active > .vismaicon:not(.vismaicon-media)::before { background-color: var(--vismaicon-button-primary-icon); } .btn.disabled > .vismaicon:not(.vismaicon-media)::before, .btn.disabled:hover:not(:active) > .vismaicon:not(.vismaicon-media)::before, .btn.disabled:active > .vismaicon:not(.vismaicon-media)::before, .btn:disabled > .vismaicon:not(.vismaicon-media)::before, .btn:disabled:hover:not(:active) > .vismaicon:not(.vismaicon-media)::before, .btn:disabled:active > .vismaicon:not(.vismaicon-media)::before { background-color: var(--vismaicon-disabled-bg); } .disabled.btn-primary > .vismaicon, .btn-primary > .vismaicon.disabled, .btn-primary:disabled > .vismaicon, .btn-primary > .vismaicon:disabled, .btn.btn-primary > :disabled .vismaicon { opacity: 0.6; } .vismaicon.vismaicon-sm.vismaicon-message-bubble::before { -webkit-mask-image: url('16_comment.svg'); mask-image: url('16_comment.svg'); } .vismaicon.vismaicon-message-bubble::before { -webkit-mask-image: url('24_comment.svg'); mask-image: url('24_comment.svg'); } .vismaicon.vismaicon-sm.vismaicon-chat::before { -webkit-mask-image: url('16_comment.svg'); mask-image: url('16_comment.svg'); } .vismaicon.vismaicon-chat::before { -webkit-mask-image: url('24_comment.svg'); mask-image: url('24_comment.svg'); } .vismaicon.vismaicon-sm.vismaicon-exclude::before { -webkit-mask-image: url('16_exclude.svg'); mask-image: url('16_exclude.svg'); } .vismaicon.vismaicon-exclude::before { -webkit-mask-image: url('24_exclude.svg'); mask-image: url('24_exclude.svg'); } .vismaicon.vismaicon-sm.vismaicon-extrude::before { -webkit-mask-image: url('16_exclude.svg'); mask-image: url('16_exclude.svg'); } .vismaicon.vismaicon-extrude::before { -webkit-mask-image: url('24_exclude.svg'); mask-image: url('24_exclude.svg'); } .vismaicon.vismaicon-filter-1::before, .vismaicon.vismaicon-sm.vismaicon-filter-1::before { -webkit-mask-image: url('24_filter_1.svg'); mask-image: url('24_filter_1.svg'); } .vismaicon.vismaicon-sm.vismaicon-employee::before { -webkit-mask-image: url('16_user.svg'); mask-image: url('16_user.svg'); } .vismaicon.vismaicon-employee::before { -webkit-mask-image: url('24_user.svg'); mask-image: url('24_user.svg'); } .vismaicon.vismaicon-sm.vismaicon-employee-1::before { -webkit-mask-image: url('16_user_1.svg'); mask-image: url('16_user_1.svg'); } .vismaicon.vismaicon-employee-1::before { -webkit-mask-image: url('24_user_1.svg'); mask-image: url('24_user_1.svg'); } .vismaicon.vismaicon-employee-2::before, .vismaicon.vismaicon-sm.vismaicon-employee-2::before { -webkit-mask-image: url('24_user_2.svg'); mask-image: url('24_user_2.svg'); } .vismaicon.vismaicon-sm.vismaicon-lock::before { -webkit-mask-image: url('16_locked.svg'); mask-image: url('16_locked.svg'); } .vismaicon.vismaicon-lock::before { -webkit-mask-image: url('24_locked.svg'); mask-image: url('24_locked.svg'); } .vismaicon.vismaicon-sm.vismaicon-unlock::before { -webkit-mask-image: url('16_unlocked.svg'); mask-image: url('16_unlocked.svg'); } .vismaicon.vismaicon-unlock::before { -webkit-mask-image: url('24_unlocked.svg'); mask-image: url('24_unlocked.svg'); } .vismaicon.vismaicon-sm.vismaicon-favourites::before { -webkit-mask-image: url('16_favourite.svg'); mask-image: url('16_favourite.svg'); } .vismaicon.vismaicon-favourites::before { -webkit-mask-image: url('24_favourite.svg'); mask-image: url('24_favourite.svg'); } .vismaicon.vismaicon-sm.vismaicon-favourite::before { -webkit-mask-image: url('16_favourite.svg'); mask-image: url('16_favourite.svg'); } .vismaicon.vismaicon-favourite::before { -webkit-mask-image: url('24_favourite.svg'); mask-image: url('24_favourite.svg'); } .vismaicon.vismaicon-sm.vismaicon-office-word::before { -webkit-mask-image: url('16_word.svg'); mask-image: url('16_word.svg'); } .vismaicon.vismaicon-office-word::before { -webkit-mask-image: url('24_word.svg'); mask-image: url('24_word.svg'); } .vismaicon.vismaicon-sm.vismaicon-word::before { -webkit-mask-image: url('16_word.svg'); mask-image: url('16_word.svg'); } .vismaicon.vismaicon-word::before { -webkit-mask-image: url('24_word.svg'); mask-image: url('24_word.svg'); } .vismaicon.vismaicon-sm.vismaicon-office-powerpoint::before { -webkit-mask-image: url('16_powerpoint.svg'); mask-image: url('16_powerpoint.svg'); } .vismaicon.vismaicon-office-powerpoint::before { -webkit-mask-image: url('24_powerpoint.svg'); mask-image: url('24_powerpoint.svg'); } .vismaicon.vismaicon-sm.vismaicon-powerpoint::before { -webkit-mask-image: url('16_powerpoint.svg'); mask-image: url('16_powerpoint.svg'); } .vismaicon.vismaicon-powerpoint::before { -webkit-mask-image: url('24_powerpoint.svg'); mask-image: url('24_powerpoint.svg'); } .vismaicon.vismaicon-sm.vismaicon-office-excel::before { -webkit-mask-image: url('16_excel.svg'); mask-image: url('16_excel.svg'); } .vismaicon.vismaicon-office-excel::before { -webkit-mask-image: url('24_excel.svg'); mask-image: url('24_excel.svg'); } .vismaicon.vismaicon-sm.vismaicon-excel::before { -webkit-mask-image: url('16_excel.svg'); mask-image: url('16_excel.svg'); } .vismaicon.vismaicon-excel::before { -webkit-mask-image: url('24_excel.svg'); mask-image: url('24_excel.svg'); } .vismaicon.vismaicon-coffee-break::before, .vismaicon.vismaicon-sm.vismaicon-coffee-break::before { -webkit-mask-image: url('24_coffee_break.svg'); mask-image: url('24_coffee_break.svg'); } .vismaicon.vismaicon-docs::before, .vismaicon.vismaicon-sm.vismaicon-docs::before { -webkit-mask-image: url('24_document_production.svg'); mask-image: url('24_document_production.svg'); } .vismaicon.vismaicon-document_production::before, .vismaicon.vismaicon-sm.vismaicon-document_production::before { -webkit-mask-image: url('24_document_production.svg'); mask-image: url('24_document_production.svg'); } .vismaicon.vismaicon-shopping_cart::before, .vismaicon.vismaicon-sm.vismaicon-shopping_cart::before { -webkit-mask-image: url('24_shopping_cart.svg'); mask-image: url('24_shopping_cart.svg'); } .vismaicon.vismaicon-user_settings::before, .vismaicon.vismaicon-sm.vismaicon-user_settings::before { -webkit-mask-image: url('24_user_settings.svg'); mask-image: url('24_user_settings.svg'); } .vismaicon.vismaicon-datepicker::before, .vismaicon.vismaicon-sm.vismaicon-datepicker::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-datepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-datepicker.svg'); } .vismaicon.vismaicon-timepicker::before, .vismaicon.vismaicon-sm.vismaicon-timepicker::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-timepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-timepicker.svg'); } .vismaicon.vismaicon-autocomplete::before, .vismaicon.vismaicon-sm.vismaicon-autocomplete::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-autocomplete.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-autocomplete.svg'); } .vismaicon.vismaicon-multiselection::before, .vismaicon.vismaicon-sm.vismaicon-multiselection::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-multiselection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-multiselection.svg'); } .vismaicon.vismaicon-close::before, .vismaicon.vismaicon-sm.vismaicon-close::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-dynamic-close.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-dynamic-close.svg'); } .vismaicon.vismaicon-key::before, .vismaicon.vismaicon-sm.vismaicon-key::before { -webkit-mask-image: url('24_logon_failed.svg'); mask-image: url('24_logon_failed.svg'); } .vismaicon.vismaicon-logon-failed::before, .vismaicon.vismaicon-sm.vismaicon-logon-failed::before { -webkit-mask-image: url('24_logon_failed.svg'); mask-image: url('24_logon_failed.svg'); } .vismaicon.vismaicon-absence::before, .vismaicon.vismaicon-sm.vismaicon-absence::before { -webkit-mask-image: url('24_absence.svg'); mask-image: url('24_absence.svg'); } .vismaicon.vismaicon-absence-1::before, .vismaicon.vismaicon-sm.vismaicon-absence-1::before { -webkit-mask-image: url('24_absence_1.svg'); mask-image: url('24_absence_1.svg'); } .vismaicon.vismaicon-absence-2::before, .vismaicon.vismaicon-sm.vismaicon-absence-2::before { -webkit-mask-image: url('24_absence_2.svg'); mask-image: url('24_absence_2.svg'); } .vismaicon.vismaicon-add::before, .vismaicon.vismaicon-sm.vismaicon-add::before { -webkit-mask-image: url('24_add.svg'); mask-image: url('24_add.svg'); } .vismaicon.vismaicon-add-attachement::before, .vismaicon.vismaicon-sm.vismaicon-add-attachement::before { -webkit-mask-image: url('24_add_attachement.svg'); mask-image: url('24_add_attachement.svg'); } .vismaicon.vismaicon-sm.vismaicon-add-comment::before { -webkit-mask-image: url('16_add_comment.svg'); mask-image: url('16_add_comment.svg'); } .vismaicon.vismaicon-add-comment::before { -webkit-mask-image: url('24_add_comment.svg'); mask-image: url('24_add_comment.svg'); } .vismaicon.vismaicon-add-to-checklist::before, .vismaicon.vismaicon-sm.vismaicon-add-to-checklist::before { -webkit-mask-image: url('24_add_to_checklist.svg'); mask-image: url('24_add_to_checklist.svg'); } .vismaicon.vismaicon-add-information::before, .vismaicon.vismaicon-sm.vismaicon-add-information::before { -webkit-mask-image: url('24_add_information.svg'); mask-image: url('24_add_information.svg'); } .vismaicon.vismaicon-add-schedule::before, .vismaicon.vismaicon-sm.vismaicon-add-schedule::before { -webkit-mask-image: url('24_add_schedule.svg'); mask-image: url('24_add_schedule.svg'); } .vismaicon.vismaicon-add-to-favorite::before, .vismaicon.vismaicon-sm.vismaicon-add-to-favorite::before { -webkit-mask-image: url('24_add_to_favorite.svg'); mask-image: url('24_add_to_favorite.svg'); } .vismaicon.vismaicon-sm.vismaicon-add-user::before { -webkit-mask-image: url('16_add_user.svg'); mask-image: url('16_add_user.svg'); } .vismaicon.vismaicon-add-user::before { -webkit-mask-image: url('24_add_user.svg'); mask-image: url('24_add_user.svg'); } .vismaicon.vismaicon-add-user-filled::before, .vismaicon.vismaicon-sm.vismaicon-add-user-filled::before { -webkit-mask-image: url('24_add_user_filled.svg'); mask-image: url('24_add_user_filled.svg'); } .vismaicon.vismaicon-adjust-hours::before, .vismaicon.vismaicon-sm.vismaicon-adjust-hours::before { -webkit-mask-image: url('24_adjust_hours.svg'); mask-image: url('24_adjust_hours.svg'); } .vismaicon.vismaicon-adoption-leave::before, .vismaicon.vismaicon-sm.vismaicon-adoption-leave::before { -webkit-mask-image: url('24_adoption_leave.svg'); mask-image: url('24_adoption_leave.svg'); } .vismaicon.vismaicon-agreement::before, .vismaicon.vismaicon-sm.vismaicon-agreement::before { -webkit-mask-image: url('24_agreement.svg'); mask-image: url('24_agreement.svg'); } .vismaicon.vismaicon-airplane::before, .vismaicon.vismaicon-sm.vismaicon-airplane::before { -webkit-mask-image: url('24_airplane.svg'); mask-image: url('24_airplane.svg'); } .vismaicon.vismaicon-sm.vismaicon-alarm::before { -webkit-mask-image: url('16_alarm.svg'); mask-image: url('16_alarm.svg'); } .vismaicon.vismaicon-alarm::before { -webkit-mask-image: url('24_alarm.svg'); mask-image: url('24_alarm.svg'); } .vismaicon.vismaicon-alarm-filled::before, .vismaicon.vismaicon-sm.vismaicon-alarm-filled::before { -webkit-mask-image: url('24_alarm_filled.svg'); mask-image: url('24_alarm_filled.svg'); } .vismaicon.vismaicon-alert::before, .vismaicon.vismaicon-sm.vismaicon-alert::before { -webkit-mask-image: url('24_alert.svg'); mask-image: url('24_alert.svg'); } .vismaicon.vismaicon-alert-filled::before, .vismaicon.vismaicon-sm.vismaicon-alert-filled::before { -webkit-mask-image: url('24_alert_filled.svg'); mask-image: url('24_alert_filled.svg'); } .vismaicon.vismaicon-sm.vismaicon-announcement::before { -webkit-mask-image: url('16_announcement.svg'); mask-image: url('16_announcement.svg'); } .vismaicon.vismaicon-announcement::before { -webkit-mask-image: url('24_announcement.svg'); mask-image: url('24_announcement.svg'); } .vismaicon.vismaicon-approved::before, .vismaicon.vismaicon-sm.vismaicon-approved::before { -webkit-mask-image: url('24_approved.svg'); mask-image: url('24_approved.svg'); } .vismaicon.vismaicon-approval::before, .vismaicon.vismaicon-sm.vismaicon-approval::before { -webkit-mask-image: url('24_approval.svg'); mask-image: url('24_approval.svg'); } .vismaicon.vismaicon-approve-order::before, .vismaicon.vismaicon-sm.vismaicon-approve-order::before { -webkit-mask-image: url('24_approve_order.svg'); mask-image: url('24_approve_order.svg'); } .vismaicon.vismaicon-sm.vismaicon-archive-document::before { -webkit-mask-image: url('16_archive_document.svg'); mask-image: url('16_archive_document.svg'); } .vismaicon.vismaicon-archive-document::before { -webkit-mask-image: url('24_archive_document.svg'); mask-image: url('24_archive_document.svg'); } .vismaicon.vismaicon-sm.vismaicon-attach::before { -webkit-mask-image: url('16_attach.svg'); mask-image: url('16_attach.svg'); } .vismaicon.vismaicon-attach::before { -webkit-mask-image: url('24_attach.svg'); mask-image: url('24_attach.svg'); } .vismaicon.vismaicon-attendance::before, .vismaicon.vismaicon-sm.vismaicon-attendance::before { -webkit-mask-image: url('24_attendance.svg'); mask-image: url('24_attendance.svg'); } .vismaicon.vismaicon-autoadjust-columns::before, .vismaicon.vismaicon-sm.vismaicon-autoadjust-columns::before { -webkit-mask-image: url('24_autoadjust_columns.svg'); mask-image: url('24_autoadjust_columns.svg'); } .vismaicon.vismaicon-banking::before, .vismaicon.vismaicon-sm.vismaicon-banking::before { -webkit-mask-image: url('24_banking.svg'); mask-image: url('24_banking.svg'); } .vismaicon.vismaicon-barcode::before, .vismaicon.vismaicon-sm.vismaicon-barcode::before { -webkit-mask-image: url('24_barcode.svg'); mask-image: url('24_barcode.svg'); } .vismaicon.vismaicon-battery::before, .vismaicon.vismaicon-sm.vismaicon-battery::before { -webkit-mask-image: url('24_battery.svg'); mask-image: url('24_battery.svg'); } .vismaicon.vismaicon-battery-1::before, .vismaicon.vismaicon-sm.vismaicon-battery-1::before { -webkit-mask-image: url('24_battery_1.svg'); mask-image: url('24_battery_1.svg'); } .vismaicon.vismaicon-battery-2::before, .vismaicon.vismaicon-sm.vismaicon-battery-2::before { -webkit-mask-image: url('24_battery_2.svg'); mask-image: url('24_battery_2.svg'); } .vismaicon.vismaicon-battery-3::before, .vismaicon.vismaicon-sm.vismaicon-battery-3::before { -webkit-mask-image: url('24_battery_3.svg'); mask-image: url('24_battery_3.svg'); } .vismaicon.vismaicon-bicycle::before, .vismaicon.vismaicon-sm.vismaicon-bicycle::before { -webkit-mask-image: url('24_bicycle.svg'); mask-image: url('24_bicycle.svg'); } .vismaicon.vismaicon-birth::before, .vismaicon.vismaicon-sm.vismaicon-birth::before { -webkit-mask-image: url('24_birth.svg'); mask-image: url('24_birth.svg'); } .vismaicon.vismaicon-break::before, .vismaicon.vismaicon-sm.vismaicon-break::before { -webkit-mask-image: url('24_coffee_break.svg'); mask-image: url('24_coffee_break.svg'); } .vismaicon.vismaicon-sm.vismaicon-briefcase::before { -webkit-mask-image: url('16_briefcase.svg'); mask-image: url('16_briefcase.svg'); } .vismaicon.vismaicon-briefcase::before { -webkit-mask-image: url('24_briefcase.svg'); mask-image: url('24_briefcase.svg'); } .vismaicon.vismaicon-briefcase-1::before, .vismaicon.vismaicon-sm.vismaicon-briefcase-1::before { -webkit-mask-image: url('24_briefcase_1.svg'); mask-image: url('24_briefcase_1.svg'); } .vismaicon.vismaicon-bluetooth::before, .vismaicon.vismaicon-sm.vismaicon-bluetooth::before { -webkit-mask-image: url('24_bluetooth.svg'); mask-image: url('24_bluetooth.svg'); } .vismaicon.vismaicon-book-equipment::before, .vismaicon.vismaicon-sm.vismaicon-book-equipment::before { -webkit-mask-image: url('24_book_equipment.svg'); mask-image: url('24_book_equipment.svg'); } .vismaicon.vismaicon-bonus-gift::before, .vismaicon.vismaicon-sm.vismaicon-bonus-gift::before { -webkit-mask-image: url('24_bonus_gift.svg'); mask-image: url('24_bonus_gift.svg'); } .vismaicon.vismaicon-box::before, .vismaicon.vismaicon-sm.vismaicon-box::before { -webkit-mask-image: url('24_box.svg'); mask-image: url('24_box.svg'); } .vismaicon.vismaicon-breadcrumb-folder::before, .vismaicon.vismaicon-sm.vismaicon-breadcrumb-folder::before { -webkit-mask-image: url('24_breadcrumb_folder.svg'); mask-image: url('24_breadcrumb_folder.svg'); } .vismaicon.vismaicon-burger::before, .vismaicon.vismaicon-sm.vismaicon-burger::before { -webkit-mask-image: url('24_burger.svg'); mask-image: url('24_burger.svg'); } .vismaicon.vismaicon-bus::before, .vismaicon.vismaicon-sm.vismaicon-bus::before { -webkit-mask-image: url('24_bus.svg'); mask-image: url('24_bus.svg'); } .vismaicon.vismaicon-calculator::before, .vismaicon.vismaicon-sm.vismaicon-calculator::before { -webkit-mask-image: url('24_calculator.svg'); mask-image: url('24_calculator.svg'); } .vismaicon.vismaicon-calendar::before, .vismaicon.vismaicon-sm.vismaicon-calendar::before { -webkit-mask-image: url('24_calendar.svg'); mask-image: url('24_calendar.svg'); } .vismaicon.vismaicon-car::before, .vismaicon.vismaicon-sm.vismaicon-car::before { -webkit-mask-image: url('24_car.svg'); mask-image: url('24_car.svg'); } .vismaicon.vismaicon-car-1::before, .vismaicon.vismaicon-sm.vismaicon-car-1::before { -webkit-mask-image: url('24_car_1.svg'); mask-image: url('24_car_1.svg'); } .vismaicon.vismaicon-car-2::before, .vismaicon.vismaicon-sm.vismaicon-car-2::before { -webkit-mask-image: url('24_car_2.svg'); mask-image: url('24_car_2.svg'); } .vismaicon.vismaicon-change-owner::before, .vismaicon.vismaicon-sm.vismaicon-change-owner::before { -webkit-mask-image: url('24_change_owner.svg'); mask-image: url('24_change_owner.svg'); } .vismaicon.vismaicon-change-width::before, .vismaicon.vismaicon-sm.vismaicon-change-width::before { -webkit-mask-image: url('24_change_width.svg'); mask-image: url('24_change_width.svg'); } .vismaicon.vismaicon-changelog::before, .vismaicon.vismaicon-sm.vismaicon-changelog::before { -webkit-mask-image: url('24_changelog.svg'); mask-image: url('24_changelog.svg'); } .vismaicon.vismaicon-chart-area::before, .vismaicon.vismaicon-sm.vismaicon-chart-area::before { -webkit-mask-image: url('24_chart_type_area.svg'); mask-image: url('24_chart_type_area.svg'); } .vismaicon.vismaicon-chart-spline-graph::before, .vismaicon.vismaicon-sm.vismaicon-chart-spline-graph::before { -webkit-mask-image: url('24_chart_type_area_spline_graph.svg'); mask-image: url('24_chart_type_area_spline_graph.svg'); } .vismaicon.vismaicon-chart-spline-range::before, .vismaicon.vismaicon-sm.vismaicon-chart-spline-range::before { -webkit-mask-image: url('24_chart_type_area_spline_range.svg'); mask-image: url('24_chart_type_area_spline_range.svg'); } .vismaicon.vismaicon-chart-spline::before, .vismaicon.vismaicon-sm.vismaicon-chart-spline::before { -webkit-mask-image: url('24_chart_type_spline_graph.svg'); mask-image: url('24_chart_type_spline_graph.svg'); } .vismaicon.vismaicon-chart-bar::before, .vismaicon.vismaicon-sm.vismaicon-chart-bar::before { -webkit-mask-image: url('24_chart_type_bar.svg'); mask-image: url('24_chart_type_bar.svg'); } .vismaicon.vismaicon-chart-column::before, .vismaicon.vismaicon-sm.vismaicon-chart-column::before { -webkit-mask-image: url('24_chart_type_column.svg'); mask-image: url('24_chart_type_column.svg'); } .vismaicon.vismaicon-chart-graph::before, .vismaicon.vismaicon-sm.vismaicon-chart-graph::before { -webkit-mask-image: url('24_chart_type_graph.svg'); mask-image: url('24_chart_type_graph.svg'); } .vismaicon.vismaicon-chart-heat-map::before, .vismaicon.vismaicon-sm.vismaicon-chart-heat-map::before { -webkit-mask-image: url('24_chart_type_heat_map.svg'); mask-image: url('24_chart_type_heat_map.svg'); } .vismaicon.vismaicon-chart-line::before, .vismaicon.vismaicon-sm.vismaicon-chart-line::before { -webkit-mask-image: url('24_chart_type_line.svg'); mask-image: url('24_chart_type_line.svg'); } .vismaicon.vismaicon-chart-number::before, .vismaicon.vismaicon-sm.vismaicon-chart-number::before { -webkit-mask-image: url('24_chart_type_number.svg'); mask-image: url('24_chart_type_number.svg'); } .vismaicon.vismaicon-chart-pie::before, .vismaicon.vismaicon-sm.vismaicon-chart-pie::before { -webkit-mask-image: url('24_chart_type_pie.svg'); mask-image: url('24_chart_type_pie.svg'); } .vismaicon.vismaicon-chart-polar::before, .vismaicon.vismaicon-sm.vismaicon-chart-polar::before { -webkit-mask-image: url('24_chart_type_polar.svg'); mask-image: url('24_chart_type_polar.svg'); } .vismaicon.vismaicon-chart-sparklines::before, .vismaicon.vismaicon-sm.vismaicon-chart-sparklines::before { -webkit-mask-image: url('24_chart_type_sparklines.svg'); mask-image: url('24_chart_type_sparklines.svg'); } .vismaicon.vismaicon-chart-speedometer::before, .vismaicon.vismaicon-sm.vismaicon-chart-speedometer::before { -webkit-mask-image: url('24_chart_type_speedometer.svg'); mask-image: url('24_chart_type_speedometer.svg'); } .vismaicon.vismaicon-chart-stacked::before, .vismaicon.vismaicon-sm.vismaicon-chart-stacked::before { -webkit-mask-image: url('24_chart_type_stacked.svg'); mask-image: url('24_chart_type_stacked.svg'); } .vismaicon.vismaicon-chart-table::before, .vismaicon.vismaicon-sm.vismaicon-chart-table::before { -webkit-mask-image: url('24_chart_type_table.svg'); mask-image: url('24_chart_type_table.svg'); } .vismaicon.vismaicon-chart-traffic-light::before, .vismaicon.vismaicon-sm.vismaicon-chart-traffic-light::before { -webkit-mask-image: url('24_chart_type_traffic_light.svg'); mask-image: url('24_chart_type_traffic_light.svg'); } .vismaicon.vismaicon-cloud::before, .vismaicon.vismaicon-sm.vismaicon-cloud::before { -webkit-mask-image: url('24_cloud.svg'); mask-image: url('24_cloud.svg'); } .vismaicon.vismaicon-color::before, .vismaicon.vismaicon-sm.vismaicon-color::before { -webkit-mask-image: url('24_color.svg'); mask-image: url('24_color.svg'); } .vismaicon.vismaicon-combogrid::before, .vismaicon.vismaicon-sm.vismaicon-combogrid::before { -webkit-mask-image: url('24_combogrid.svg'); mask-image: url('24_combogrid.svg'); } .vismaicon.vismaicon-sm.vismaicon-comment::before { -webkit-mask-image: url('16_comment.svg'); mask-image: url('16_comment.svg'); } .vismaicon.vismaicon-comment::before { -webkit-mask-image: url('24_comment.svg'); mask-image: url('24_comment.svg'); } .vismaicon.vismaicon-sm.vismaicon-comment-filled::before { -webkit-mask-image: url('16_comment_filled.svg'); mask-image: url('16_comment_filled.svg'); } .vismaicon.vismaicon-comment-filled::before { -webkit-mask-image: url('24_comment_filled.svg'); mask-image: url('24_comment_filled.svg'); } .vismaicon.vismaicon-compare::before, .vismaicon.vismaicon-sm.vismaicon-compare::before { -webkit-mask-image: url('24_compare.svg'); mask-image: url('24_compare.svg'); } .vismaicon.vismaicon-confluence::before, .vismaicon.vismaicon-sm.vismaicon-confluence::before { -webkit-mask-image: url('24_confluence.svg'); mask-image: url('24_confluence.svg'); } .vismaicon.vismaicon-feedback::before, .vismaicon.vismaicon-sm.vismaicon-feedback::before { -webkit-mask-image: url('24_feedback.svg'); mask-image: url('24_feedback.svg'); } .vismaicon.vismaicon-contact-information::before, .vismaicon.vismaicon-sm.vismaicon-contact-information::before { -webkit-mask-image: url('24_contact_information.svg'); mask-image: url('24_contact_information.svg'); } .vismaicon.vismaicon-content-edit::before, .vismaicon.vismaicon-sm.vismaicon-content-edit::before { -webkit-mask-image: url('24_content_edit.svg'); mask-image: url('24_content_edit.svg'); } .vismaicon.vismaicon-contract::before, .vismaicon.vismaicon-sm.vismaicon-contract::before { -webkit-mask-image: url('24_contract.svg'); mask-image: url('24_contract.svg'); } .vismaicon.vismaicon-contract-management::before, .vismaicon.vismaicon-sm.vismaicon-contract-management::before { -webkit-mask-image: url('24_contract_management.svg'); mask-image: url('24_contract_management.svg'); } .vismaicon.vismaicon-create-order::before, .vismaicon.vismaicon-sm.vismaicon-create-order::before { -webkit-mask-image: url('24_create_order.svg'); mask-image: url('24_create_order.svg'); } .vismaicon.vismaicon-comment-chat::before, .vismaicon.vismaicon-sm.vismaicon-comment-chat::before { -webkit-mask-image: url('24_comment_chat.svg'); mask-image: url('24_comment_chat.svg'); } .vismaicon.vismaicon-comment-community::before, .vismaicon.vismaicon-sm.vismaicon-comment-community::before { -webkit-mask-image: url('24_comment_community.svg'); mask-image: url('24_comment_community.svg'); } .vismaicon.vismaicon-comment-order::before, .vismaicon.vismaicon-sm.vismaicon-comment-order::before { -webkit-mask-image: url('24_comment_order.svg'); mask-image: url('24_comment_order.svg'); } .vismaicon.vismaicon-comment-web-reply::before, .vismaicon.vismaicon-sm.vismaicon-comment-web-reply::before { -webkit-mask-image: url('24_comment_web_reply.svg'); mask-image: url('24_comment_web_reply.svg'); } .vismaicon.vismaicon-construction::before, .vismaicon.vismaicon-sm.vismaicon-construction::before { -webkit-mask-image: url('24_construction.svg'); mask-image: url('24_construction.svg'); } .vismaicon.vismaicon-sm.vismaicon-csv::before { -webkit-mask-image: url('16_csv.svg'); mask-image: url('16_csv.svg'); } .vismaicon.vismaicon-csv::before { -webkit-mask-image: url('24_csv.svg'); mask-image: url('24_csv.svg'); } .vismaicon.vismaicon-cost-request::before, .vismaicon.vismaicon-sm.vismaicon-cost-request::before { -webkit-mask-image: url('24_cost_request.svg'); mask-image: url('24_cost_request.svg'); } .vismaicon.vismaicon-currency::before, .vismaicon.vismaicon-sm.vismaicon-currency::before { -webkit-mask-image: url('24_currency.svg'); mask-image: url('24_currency.svg'); } .vismaicon.vismaicon-custom-views::before, .vismaicon.vismaicon-sm.vismaicon-custom-views::before { -webkit-mask-image: url('24_custom_views.svg'); mask-image: url('24_custom_views.svg'); } .vismaicon.vismaicon-sm.vismaicon-cut::before { -webkit-mask-image: url('16_cut.svg'); mask-image: url('16_cut.svg'); } .vismaicon.vismaicon-cut::before { -webkit-mask-image: url('24_cut.svg'); mask-image: url('24_cut.svg'); } .vismaicon.vismaicon-sm.vismaicon-copy::before { -webkit-mask-image: url('16_copy.svg'); mask-image: url('16_copy.svg'); } .vismaicon.vismaicon-copy::before { -webkit-mask-image: url('24_copy.svg'); mask-image: url('24_copy.svg'); } .vismaicon.vismaicon-daily-allowance::before, .vismaicon.vismaicon-sm.vismaicon-daily-allowance::before { -webkit-mask-image: url('24_daily_allowance.svg'); mask-image: url('24_daily_allowance.svg'); } .vismaicon.vismaicon-database::before, .vismaicon.vismaicon-sm.vismaicon-database::before { -webkit-mask-image: url('24_database.svg'); mask-image: url('24_database.svg'); } .vismaicon.vismaicon-date-picker::before, .vismaicon.vismaicon-sm.vismaicon-date-picker::before { -webkit-mask-image: url('24_date_picker.svg'); mask-image: url('24_date_picker.svg'); } .vismaicon.vismaicon-delivery::before, .vismaicon.vismaicon-sm.vismaicon-delivery::before { -webkit-mask-image: url('24_delivery.svg'); mask-image: url('24_delivery.svg'); } .vismaicon.vismaicon-sm.vismaicon-delete::before { -webkit-mask-image: url('16_delete.svg'); mask-image: url('16_delete.svg'); } .vismaicon.vismaicon-delete::before { -webkit-mask-image: url('24_delete.svg'); mask-image: url('24_delete.svg'); } .vismaicon.vismaicon-delivery-notification::before, .vismaicon.vismaicon-sm.vismaicon-delivery-notification::before { -webkit-mask-image: url('24_delivery_notification.svg'); mask-image: url('24_delivery_notification.svg'); } .vismaicon.vismaicon-delivery-reception::before, .vismaicon.vismaicon-sm.vismaicon-delivery-reception::before { -webkit-mask-image: url('24_delivery_reception.svg'); mask-image: url('24_delivery_reception.svg'); } .vismaicon.vismaicon-delivery-reception-1::before, .vismaicon.vismaicon-sm.vismaicon-delivery-reception-1::before { -webkit-mask-image: url('24_delivery_reception_1.svg'); mask-image: url('24_delivery_reception_1.svg'); } .vismaicon.vismaicon-detach::before, .vismaicon.vismaicon-sm.vismaicon-detach::before { -webkit-mask-image: url('24_detach.svg'); mask-image: url('24_detach.svg'); } .vismaicon.vismaicon-design-model::before, .vismaicon.vismaicon-sm.vismaicon-design-model::before { -webkit-mask-image: url('24_design_model.svg'); mask-image: url('24_design_model.svg'); } .vismaicon.vismaicon-sm.vismaicon-dislike::before { -webkit-mask-image: url('16_dislike.svg'); mask-image: url('16_dislike.svg'); } .vismaicon.vismaicon-dislike::before { -webkit-mask-image: url('24_dislike.svg'); mask-image: url('24_dislike.svg'); } .vismaicon.vismaicon-distribution::before, .vismaicon.vismaicon-sm.vismaicon-distribution::before { -webkit-mask-image: url('24_distribution.svg'); mask-image: url('24_distribution.svg'); } .vismaicon.vismaicon-document-info::before, .vismaicon.vismaicon-sm.vismaicon-document-info::before { -webkit-mask-image: url('24_document_info.svg'); mask-image: url('24_document_info.svg'); } .vismaicon.vismaicon-document-info-1::before, .vismaicon.vismaicon-sm.vismaicon-document-info-1::before { -webkit-mask-image: url('24_document_information.svg'); mask-image: url('24_document_information.svg'); } .vismaicon.vismaicon-document-production::before, .vismaicon.vismaicon-sm.vismaicon-document-production::before { -webkit-mask-image: url('24_document_production.svg'); mask-image: url('24_document_production.svg'); } .vismaicon.vismaicon-documents-area::before, .vismaicon.vismaicon-sm.vismaicon-documents-area::before { -webkit-mask-image: url('24_documents_area.svg'); mask-image: url('24_documents_area.svg'); } .vismaicon.vismaicon-sm.vismaicon-download::before { -webkit-mask-image: url('16_download.svg'); mask-image: url('16_download.svg'); } .vismaicon.vismaicon-download::before { -webkit-mask-image: url('24_download.svg'); mask-image: url('24_download.svg'); } .vismaicon.vismaicon-drag::before, .vismaicon.vismaicon-sm.vismaicon-drag::before { -webkit-mask-image: url('24_drag.svg'); mask-image: url('24_drag.svg'); } .vismaicon.vismaicon-sm.vismaicon-edit::before { -webkit-mask-image: url('16_edit.svg'); mask-image: url('16_edit.svg'); } .vismaicon.vismaicon-edit::before { -webkit-mask-image: url('24_edit.svg'); mask-image: url('24_edit.svg'); } .vismaicon.vismaicon-sm.vismaicon-education::before { -webkit-mask-image: url('16_education.svg'); mask-image: url('16_education.svg'); } .vismaicon.vismaicon-education::before { -webkit-mask-image: url('24_education.svg'); mask-image: url('24_education.svg'); } .vismaicon.vismaicon-sm.vismaicon-email::before { -webkit-mask-image: url('16_email.svg'); mask-image: url('16_email.svg'); } .vismaicon.vismaicon-email::before { -webkit-mask-image: url('24_email.svg'); mask-image: url('24_email.svg'); } .vismaicon.vismaicon-encrypted-pdf::before, .vismaicon.vismaicon-sm.vismaicon-encrypted-pdf::before { -webkit-mask-image: url('24_encrypted_pdf.svg'); mask-image: url('24_encrypted_pdf.svg'); } .vismaicon.vismaicon-sm.vismaicon-enter-full-screen::before { -webkit-mask-image: url('16_enter_full_screen.svg'); mask-image: url('16_enter_full_screen.svg'); } .vismaicon.vismaicon-enter-full-screen::before { -webkit-mask-image: url('24_enter_full_screen.svg'); mask-image: url('24_enter_full_screen.svg'); } .vismaicon.vismaicon-environment::before, .vismaicon.vismaicon-sm.vismaicon-environment::before { -webkit-mask-image: url('24_environment.svg'); mask-image: url('24_environment.svg'); } .vismaicon.vismaicon-evaluate::before, .vismaicon.vismaicon-sm.vismaicon-evaluate::before { -webkit-mask-image: url('24_evaluate.svg'); mask-image: url('24_evaluate.svg'); } .vismaicon.vismaicon-events::before, .vismaicon.vismaicon-sm.vismaicon-events::before { -webkit-mask-image: url('24_events.svg'); mask-image: url('24_events.svg'); } .vismaicon.vismaicon-sm.vismaicon-exclude::before { -webkit-mask-image: url('16_exclude.svg'); mask-image: url('16_exclude.svg'); } .vismaicon.vismaicon-exclude::before { -webkit-mask-image: url('24_exclude.svg'); mask-image: url('24_exclude.svg'); } .vismaicon.vismaicon-sm.vismaicon-exit-full-screen::before { -webkit-mask-image: url('16_exit_full_screen.svg'); mask-image: url('16_exit_full_screen.svg'); } .vismaicon.vismaicon-exit-full-screen::before { -webkit-mask-image: url('24_exit_full_screen.svg'); mask-image: url('24_exit_full_screen.svg'); } .vismaicon.vismaicon-expense::before, .vismaicon.vismaicon-sm.vismaicon-expense::before { -webkit-mask-image: url('24_expense.svg'); mask-image: url('24_expense.svg'); } .vismaicon.vismaicon-expense-1::before, .vismaicon.vismaicon-sm.vismaicon-expense-1::before { -webkit-mask-image: url('24_expense_1.svg'); mask-image: url('24_expense_1.svg'); } .vismaicon.vismaicon-expense-2::before, .vismaicon.vismaicon-sm.vismaicon-expense-2::before { -webkit-mask-image: url('24_expense_2.svg'); mask-image: url('24_expense_2.svg'); } .vismaicon.vismaicon-expense-3::before, .vismaicon.vismaicon-sm.vismaicon-expense-3::before { -webkit-mask-image: url('24_expense_3.svg'); mask-image: url('24_expense_3.svg'); } .vismaicon.vismaicon-expense-4::before, .vismaicon.vismaicon-sm.vismaicon-expense-4::before { -webkit-mask-image: url('24_expense_4.svg'); mask-image: url('24_expense_4.svg'); } .vismaicon.vismaicon-sm.vismaicon-export::before { -webkit-mask-image: url('16_export.svg'); mask-image: url('16_export.svg'); } .vismaicon.vismaicon-export::before { -webkit-mask-image: url('24_export.svg'); mask-image: url('24_export.svg'); } .vismaicon.vismaicon-export-filled::before, .vismaicon.vismaicon-sm.vismaicon-export-filled::before { -webkit-mask-image: url('24_export_filled.svg'); mask-image: url('24_export_filled.svg'); } .vismaicon.vismaicon-export-to-salary::before, .vismaicon.vismaicon-sm.vismaicon-export-to-salary::before { -webkit-mask-image: url('24_export_to_salary.svg'); mask-image: url('24_export_to_salary.svg'); } .vismaicon.vismaicon-sm.vismaicon-favorite::before { -webkit-mask-image: url('16_favorite.svg'); mask-image: url('16_favorite.svg'); } .vismaicon.vismaicon-favorite::before { -webkit-mask-image: url('24_favorite.svg'); mask-image: url('24_favorite.svg'); } .vismaicon.vismaicon-sm.vismaicon-favorite-filled::before { -webkit-mask-image: url('16_favorite_filled.svg'); mask-image: url('16_favorite_filled.svg'); } .vismaicon.vismaicon-favorite-filled::before { -webkit-mask-image: url('24_favorite_filled.svg'); mask-image: url('24_favorite_filled.svg'); } .vismaicon.vismaicon-sm.vismaicon-flag::before { -webkit-mask-image: url('16_flag.svg'); mask-image: url('16_flag.svg'); } .vismaicon.vismaicon-flag::before { -webkit-mask-image: url('24_flag.svg'); mask-image: url('24_flag.svg'); } .vismaicon.vismaicon-sm.vismaicon-filter::before { -webkit-mask-image: url('16_filter.svg'); mask-image: url('16_filter.svg'); } .vismaicon.vismaicon-filter::before { -webkit-mask-image: url('24_filter.svg'); mask-image: url('24_filter.svg'); } .vismaicon.vismaicon-filter-column::before, .vismaicon.vismaicon-sm.vismaicon-filter-column::before { -webkit-mask-image: url('24_filter_1.svg'); mask-image: url('24_filter_1.svg'); } .vismaicon.vismaicon-sm.vismaicon-filter-reset::before { -webkit-mask-image: url('16_filter_reset.svg'); mask-image: url('16_filter_reset.svg'); } .vismaicon.vismaicon-filter-reset::before { -webkit-mask-image: url('24_filter_reset.svg'); mask-image: url('24_filter_reset.svg'); } .vismaicon.vismaicon-finance::before, .vismaicon.vismaicon-sm.vismaicon-finance::before { -webkit-mask-image: url('24_finance.svg'); mask-image: url('24_finance.svg'); } .vismaicon.vismaicon-flash::before, .vismaicon.vismaicon-sm.vismaicon-flash::before { -webkit-mask-image: url('24_flash.svg'); mask-image: url('24_flash.svg'); } .vismaicon.vismaicon-flex-time::before, .vismaicon.vismaicon-sm.vismaicon-flex-time::before { -webkit-mask-image: url('24_flex_time.svg'); mask-image: url('24_flex_time.svg'); } .vismaicon.vismaicon-folder-building::before, .vismaicon.vismaicon-sm.vismaicon-folder-building::before { -webkit-mask-image: url('24_folder_building.svg'); mask-image: url('24_folder_building.svg'); } .vismaicon.vismaicon-forklift::before, .vismaicon.vismaicon-sm.vismaicon-forklift::before { -webkit-mask-image: url('24_forklift.svg'); mask-image: url('24_forklift.svg'); } .vismaicon.vismaicon-forward-email::before, .vismaicon.vismaicon-sm.vismaicon-forward-email::before { -webkit-mask-image: url('24_forward_email.svg'); mask-image: url('24_forward_email.svg'); } .vismaicon.vismaicon-sm.vismaicon-future::before { -webkit-mask-image: url('16_future.svg'); mask-image: url('16_future.svg'); } .vismaicon.vismaicon-future::before { -webkit-mask-image: url('24_future.svg'); mask-image: url('24_future.svg'); } .vismaicon.vismaicon-google-drive::before, .vismaicon.vismaicon-sm.vismaicon-google-drive::before { -webkit-mask-image: url('24_google_drive.svg'); mask-image: url('24_google_drive.svg'); } .vismaicon.vismaicon-sm.vismaicon-graphs::before { -webkit-mask-image: url('16_graphs.svg'); mask-image: url('16_graphs.svg'); } .vismaicon.vismaicon-graphs::before { -webkit-mask-image: url('24_graphs.svg'); mask-image: url('24_graphs.svg'); } .vismaicon.vismaicon-hand-holding-box::before, .vismaicon.vismaicon-sm.vismaicon-hand-holding-box::before { -webkit-mask-image: url('24_hand_holding_box.svg'); mask-image: url('24_hand_holding_box.svg'); } .vismaicon.vismaicon-headset::before, .vismaicon.vismaicon-sm.vismaicon-headset::before { -webkit-mask-image: url('24_headset.svg'); mask-image: url('24_headset.svg'); } .vismaicon.vismaicon-heartbeat-filled::before, .vismaicon.vismaicon-sm.vismaicon-heartbeat-filled::before { -webkit-mask-image: url('24_heartbeat_filled.svg'); mask-image: url('24_heartbeat_filled.svg'); } .vismaicon.vismaicon-heartbeat::before, .vismaicon.vismaicon-sm.vismaicon-heartbeat::before { -webkit-mask-image: url('24_heartbeat.svg'); mask-image: url('24_heartbeat.svg'); } .vismaicon.vismaicon-heart::before, .vismaicon.vismaicon-sm.vismaicon-heart::before { -webkit-mask-image: url('24_heart.svg'); mask-image: url('24_heart.svg'); } .vismaicon.vismaicon-heavy-weight::before, .vismaicon.vismaicon-sm.vismaicon-heavy-weight::before { -webkit-mask-image: url('24_heavy_weight.svg'); mask-image: url('24_heavy_weight.svg'); } .vismaicon.vismaicon-heavy-weight-1::before, .vismaicon.vismaicon-sm.vismaicon-heavy-weight-1::before { -webkit-mask-image: url('24_heavy_weight_1.svg'); mask-image: url('24_heavy_weight_1.svg'); } .vismaicon.vismaicon-sm.vismaicon-help::before { -webkit-mask-image: url('16_help.svg'); mask-image: url('16_help.svg'); } .vismaicon.vismaicon-help::before { -webkit-mask-image: url('24_help.svg'); mask-image: url('24_help.svg'); } .vismaicon.vismaicon-help-filled::before, .vismaicon.vismaicon-sm.vismaicon-help-filled::before { -webkit-mask-image: url('24_help_filled.svg'); mask-image: url('24_help_filled.svg'); } .vismaicon.vismaicon-hierarchy::before, .vismaicon.vismaicon-sm.vismaicon-hierarchy::before { -webkit-mask-image: url('24_hierarchy.svg'); mask-image: url('24_hierarchy.svg'); } .vismaicon.vismaicon-history::before, .vismaicon.vismaicon-sm.vismaicon-history::before { -webkit-mask-image: url('24_history.svg'); mask-image: url('24_history.svg'); } .vismaicon.vismaicon-holiday::before, .vismaicon.vismaicon-sm.vismaicon-holiday::before { -webkit-mask-image: url('24_holiday.svg'); mask-image: url('24_holiday.svg'); } .vismaicon.vismaicon-holiday-1::before, .vismaicon.vismaicon-sm.vismaicon-holiday-1::before { -webkit-mask-image: url('24_holiday_1.svg'); mask-image: url('24_holiday_1.svg'); } .vismaicon.vismaicon-sm.vismaicon-home::before { -webkit-mask-image: url('16_home.svg'); mask-image: url('16_home.svg'); } .vismaicon.vismaicon-home::before { -webkit-mask-image: url('24_home.svg'); mask-image: url('24_home.svg'); } .vismaicon.vismaicon-hourglass::before, .vismaicon.vismaicon-sm.vismaicon-hourglass::before { -webkit-mask-image: url('24_hourglass.svg'); mask-image: url('24_hourglass.svg'); } .vismaicon.vismaicon-hourglass-1::before, .vismaicon.vismaicon-sm.vismaicon-hourglass-1::before { -webkit-mask-image: url('24_hourglass_1.svg'); mask-image: url('24_hourglass_1.svg'); } .vismaicon.vismaicon-hourglass-2::before, .vismaicon.vismaicon-sm.vismaicon-hourglass-2::before { -webkit-mask-image: url('24_hourglass_2.svg'); mask-image: url('24_hourglass_2.svg'); } .vismaicon.vismaicon-hourglass-3::before, .vismaicon.vismaicon-sm.vismaicon-hourglass-3::before { -webkit-mask-image: url('24_hourglass_3.svg'); mask-image: url('24_hourglass_3.svg'); } .vismaicon.vismaicon-image-document::before, .vismaicon.vismaicon-sm.vismaicon-image-document::before { -webkit-mask-image: url('24_image_document.svg'); mask-image: url('24_image_document.svg'); } .vismaicon.vismaicon-import-company::before, .vismaicon.vismaicon-sm.vismaicon-import-company::before { -webkit-mask-image: url('24_import_company.svg'); mask-image: url('24_import_company.svg'); } .vismaicon.vismaicon-import-user::before, .vismaicon.vismaicon-sm.vismaicon-import-user::before { -webkit-mask-image: url('24_import_user.svg'); mask-image: url('24_import_user.svg'); } .vismaicon.vismaicon-incoming::before, .vismaicon.vismaicon-sm.vismaicon-incoming::before { -webkit-mask-image: url('24_incoming.svg'); mask-image: url('24_incoming.svg'); } .vismaicon.vismaicon-incoming-email::before, .vismaicon.vismaicon-sm.vismaicon-incoming-email::before { -webkit-mask-image: url('24_incoming_email.svg'); mask-image: url('24_incoming_email.svg'); } .vismaicon.vismaicon-sm.vismaicon-info::before { -webkit-mask-image: url('16_information.svg'); mask-image: url('16_information.svg'); } .vismaicon.vismaicon-info::before { -webkit-mask-image: url('24_info.svg'); mask-image: url('24_info.svg'); } .vismaicon.vismaicon-sm.vismaicon-information-link::before { -webkit-mask-image: url('16_information_link.svg'); mask-image: url('16_information_link.svg'); } .vismaicon.vismaicon-information-link::before { -webkit-mask-image: url('24_information_link.svg'); mask-image: url('24_information_link.svg'); } .vismaicon.vismaicon-sm.vismaicon-integration::before { -webkit-mask-image: url('16_integration.svg'); mask-image: url('16_integration.svg'); } .vismaicon.vismaicon-integration::before { -webkit-mask-image: url('24_integration.svg'); mask-image: url('24_integration.svg'); } .vismaicon.vismaicon-sm.vismaicon-invoice::before { -webkit-mask-image: url('16_invoice.svg'); mask-image: url('16_invoice.svg'); } .vismaicon.vismaicon-invoice::before { -webkit-mask-image: url('24_invoice.svg'); mask-image: url('24_invoice.svg'); } .vismaicon.vismaicon-sm.vismaicon-invoice-1::before { -webkit-mask-image: url('16_invoice_1.svg'); mask-image: url('16_invoice_1.svg'); } .vismaicon.vismaicon-invoice-1::before { -webkit-mask-image: url('24_invoice_1.svg'); mask-image: url('24_invoice_1.svg'); } .vismaicon.vismaicon-jira::before, .vismaicon.vismaicon-sm.vismaicon-jira::before { -webkit-mask-image: url('24_jira.svg'); mask-image: url('24_jira.svg'); } .vismaicon.vismaicon-kpi::before, .vismaicon.vismaicon-sm.vismaicon-kpi::before { -webkit-mask-image: url('24_kpi.svg'); mask-image: url('24_kpi.svg'); } .vismaicon.vismaicon-kid-under-3::before, .vismaicon.vismaicon-sm.vismaicon-kid-under-3::before { -webkit-mask-image: url('24_kid_under_3.svg'); mask-image: url('24_kid_under_3.svg'); } .vismaicon.vismaicon-kid-under-5::before, .vismaicon.vismaicon-sm.vismaicon-kid-under-5::before { -webkit-mask-image: url('24_kid_under_5.svg'); mask-image: url('24_kid_under_5.svg'); } .vismaicon.vismaicon-kindergarten::before, .vismaicon.vismaicon-sm.vismaicon-kindergarten::before { -webkit-mask-image: url('24_kindergarten.svg'); mask-image: url('24_kindergarten.svg'); } .vismaicon.vismaicon-laptop::before, .vismaicon.vismaicon-sm.vismaicon-laptop::before { -webkit-mask-image: url('24_laptop.svg'); mask-image: url('24_laptop.svg'); } .vismaicon.vismaicon-layout-templates::before, .vismaicon.vismaicon-sm.vismaicon-layout-templates::before { -webkit-mask-image: url('24_layout_templates.svg'); mask-image: url('24_layout_templates.svg'); } .vismaicon.vismaicon-leave-request::before, .vismaicon.vismaicon-sm.vismaicon-leave-request::before { -webkit-mask-image: url('24_leave_request.svg'); mask-image: url('24_leave_request.svg'); } .vismaicon.vismaicon-letter::before, .vismaicon.vismaicon-sm.vismaicon-letter::before { -webkit-mask-image: url('24_letter.svg'); mask-image: url('24_letter.svg'); } .vismaicon.vismaicon-letter-1::before, .vismaicon.vismaicon-sm.vismaicon-letter-1::before { -webkit-mask-image: url('24_letter_1.svg'); mask-image: url('24_letter_1.svg'); } .vismaicon.vismaicon-letter-2::before, .vismaicon.vismaicon-sm.vismaicon-letter-2::before { -webkit-mask-image: url('24_letter_2.svg'); mask-image: url('24_letter_2.svg'); } .vismaicon.vismaicon-letter-3::before, .vismaicon.vismaicon-sm.vismaicon-letter-3::before { -webkit-mask-image: url('24_letter_3.svg'); mask-image: url('24_letter_3.svg'); } .vismaicon.vismaicon-letter-4::before, .vismaicon.vismaicon-sm.vismaicon-letter-4::before { -webkit-mask-image: url('24_letter_4.svg'); mask-image: url('24_letter_4.svg'); } .vismaicon.vismaicon-library::before, .vismaicon.vismaicon-sm.vismaicon-library::before { -webkit-mask-image: url('24_library.svg'); mask-image: url('24_library.svg'); } .vismaicon.vismaicon-sm.vismaicon-lightbulb::before { -webkit-mask-image: url('16_lightbulb.svg'); mask-image: url('16_lightbulb.svg'); } .vismaicon.vismaicon-lightbulb::before { -webkit-mask-image: url('24_lightbulb.svg'); mask-image: url('24_lightbulb.svg'); } .vismaicon.vismaicon-sm.vismaicon-like::before { -webkit-mask-image: url('16_like.svg'); mask-image: url('16_like.svg'); } .vismaicon.vismaicon-like::before { -webkit-mask-image: url('24_like.svg'); mask-image: url('24_like.svg'); } .vismaicon.vismaicon-link::before, .vismaicon.vismaicon-sm.vismaicon-link::before { -webkit-mask-image: url('24_link.svg'); mask-image: url('24_link.svg'); } .vismaicon.vismaicon-list-view::before, .vismaicon.vismaicon-sm.vismaicon-list-view::before { -webkit-mask-image: url('24_list_view.svg'); mask-image: url('24_list_view.svg'); } .vismaicon.vismaicon-list-view-1::before, .vismaicon.vismaicon-sm.vismaicon-list-view-1::before { -webkit-mask-image: url('24_list_view_1.svg'); mask-image: url('24_list_view_1.svg'); } .vismaicon.vismaicon-location::before, .vismaicon.vismaicon-sm.vismaicon-location::before { -webkit-mask-image: url('24_location.svg'); mask-image: url('24_location.svg'); } .vismaicon.vismaicon-sm.vismaicon-locked::before { -webkit-mask-image: url('16_locked.svg'); mask-image: url('16_locked.svg'); } .vismaicon.vismaicon-locked::before { -webkit-mask-image: url('24_locked.svg'); mask-image: url('24_locked.svg'); } .vismaicon.vismaicon-lodging::before, .vismaicon.vismaicon-sm.vismaicon-lodging::before { -webkit-mask-image: url('24_lodging.svg'); mask-image: url('24_lodging.svg'); } .vismaicon.vismaicon-lodging-1::before, .vismaicon.vismaicon-sm.vismaicon-lodging-1::before { -webkit-mask-image: url('24_lodging_2.svg'); mask-image: url('24_lodging_2.svg'); } .vismaicon.vismaicon-logout::before, .vismaicon.vismaicon-sm.vismaicon-logout::before { -webkit-mask-image: url('24_logout.svg'); mask-image: url('24_logout.svg'); } .vismaicon.vismaicon-lunch::before, .vismaicon.vismaicon-sm.vismaicon-lunch::before { -webkit-mask-image: url('24_lunch.svg'); mask-image: url('24_lunch.svg'); } .vismaicon.vismaicon-managers-time-registration::before, .vismaicon.vismaicon-sm.vismaicon-managers-time-registration::before { -webkit-mask-image: url('24_managers_time_registration.svg'); mask-image: url('24_managers_time_registration.svg'); } .vismaicon.vismaicon-merge::before, .vismaicon.vismaicon-sm.vismaicon-merge::before { -webkit-mask-image: url('24_merge.svg'); mask-image: url('24_merge.svg'); } .vismaicon.vismaicon-sm.vismaicon-money::before { -webkit-mask-image: url('16_money.svg'); mask-image: url('16_money.svg'); } .vismaicon.vismaicon-money::before { -webkit-mask-image: url('24_money.svg'); mask-image: url('24_money.svg'); } .vismaicon.vismaicon-sm.vismaicon-ms-excel::before { -webkit-mask-image: url('16_ms_excel.svg'); mask-image: url('16_ms_excel.svg'); } .vismaicon.vismaicon-ms-excel::before { -webkit-mask-image: url('24_ms_excel.svg'); mask-image: url('24_ms_excel.svg'); } .vismaicon.vismaicon-sm.vismaicon-ms-powerpoint::before { -webkit-mask-image: url('16_ms_powerpoint.svg'); mask-image: url('16_ms_powerpoint.svg'); } .vismaicon.vismaicon-ms-powerpoint::before { -webkit-mask-image: url('24_ms_powerpoint.svg'); mask-image: url('24_ms_powerpoint.svg'); } .vismaicon.vismaicon-sm.vismaicon-ms-word::before { -webkit-mask-image: url('16_ms_word.svg'); mask-image: url('16_ms_word.svg'); } .vismaicon.vismaicon-ms-word::before { -webkit-mask-image: url('24_ms_word.svg'); mask-image: url('24_ms_word.svg'); } .vismaicon.vismaicon-multiple-selection::before, .vismaicon.vismaicon-sm.vismaicon-multiple-selection::before { -webkit-mask-image: url('24_multiple_selection.svg'); mask-image: url('24_multiple_selection.svg'); } .vismaicon.vismaicon-narrow::before, .vismaicon.vismaicon-sm.vismaicon-narrow::before { -webkit-mask-image: url('24_narrow.svg'); mask-image: url('24_narrow.svg'); } .vismaicon.vismaicon-sm.vismaicon-new::before { -webkit-mask-image: url('16_new.svg'); mask-image: url('16_new.svg'); } .vismaicon.vismaicon-new::before { -webkit-mask-image: url('24_new.svg'); mask-image: url('24_new.svg'); } .vismaicon.vismaicon-new-folder::before, .vismaicon.vismaicon-sm.vismaicon-new-folder::before { -webkit-mask-image: url('24_new_folder.svg'); mask-image: url('24_new_folder.svg'); } .vismaicon.vismaicon-new-links::before, .vismaicon.vismaicon-sm.vismaicon-new-links::before { -webkit-mask-image: url('24_new_links.svg'); mask-image: url('24_new_links.svg'); } .vismaicon.vismaicon-new-request::before, .vismaicon.vismaicon-sm.vismaicon-new-request::before { -webkit-mask-image: url('24_new_request.svg'); mask-image: url('24_new_request.svg'); } .vismaicon.vismaicon-sm.vismaicon-note::before { -webkit-mask-image: url('16_note.svg'); mask-image: url('16_note.svg'); } .vismaicon.vismaicon-note::before { -webkit-mask-image: url('24_note.svg'); mask-image: url('24_note.svg'); } .vismaicon.vismaicon-note-blank::before, .vismaicon.vismaicon-sm.vismaicon-note-blank::before { -webkit-mask-image: url('24_note_blank.svg'); mask-image: url('24_note_blank.svg'); } .vismaicon.vismaicon-sm.vismaicon-note-filled::before { -webkit-mask-image: url('16_note_filled.svg'); mask-image: url('16_note_filled.svg'); } .vismaicon.vismaicon-note-filled::before { -webkit-mask-image: url('24_note_filled.svg'); mask-image: url('24_note_filled.svg'); } .vismaicon.vismaicon-office-building::before, .vismaicon.vismaicon-sm.vismaicon-office-building::before { -webkit-mask-image: url('24_office_building.svg'); mask-image: url('24_office_building.svg'); } .vismaicon.vismaicon-sm.vismaicon-open::before { -webkit-mask-image: url('16_open.svg'); mask-image: url('16_open.svg'); } .vismaicon.vismaicon-open::before { -webkit-mask-image: url('24_open.svg'); mask-image: url('24_open.svg'); } .vismaicon.vismaicon-order-closed::before, .vismaicon.vismaicon-sm.vismaicon-order-closed::before { -webkit-mask-image: url('24_order_closed.svg'); mask-image: url('24_order_closed.svg'); } .vismaicon.vismaicon-order-imported::before, .vismaicon.vismaicon-sm.vismaicon-order-imported::before { -webkit-mask-image: url('24_order_imported.svg'); mask-image: url('24_order_imported.svg'); } .vismaicon.vismaicon-organisation::before, .vismaicon.vismaicon-sm.vismaicon-organisation::before { -webkit-mask-image: url('24_organisation.svg'); mask-image: url('24_organisation.svg'); } .vismaicon.vismaicon-overtime::before, .vismaicon.vismaicon-sm.vismaicon-overtime::before { -webkit-mask-image: url('24_overtime.svg'); mask-image: url('24_overtime.svg'); } .vismaicon.vismaicon-panel::before, .vismaicon.vismaicon-sm.vismaicon-panel::before { -webkit-mask-image: url('24_panel.svg'); mask-image: url('24_panel.svg'); } .vismaicon.vismaicon-paperplane::before, .vismaicon.vismaicon-sm.vismaicon-paperplane::before { -webkit-mask-image: url('24_paperplane.svg'); mask-image: url('24_paperplane.svg'); } .vismaicon.vismaicon-parental-leave::before, .vismaicon.vismaicon-sm.vismaicon-parental-leave::before { -webkit-mask-image: url('24_parental_leave.svg'); mask-image: url('24_parental_leave.svg'); } .vismaicon.vismaicon-parental-leave-2::before, .vismaicon.vismaicon-sm.vismaicon-parental-leave-2::before { -webkit-mask-image: url('24_parental_leave_2.svg'); mask-image: url('24_parental_leave_2.svg'); } .vismaicon.vismaicon-sm.vismaicon-paste::before { -webkit-mask-image: url('16_paste.svg'); mask-image: url('16_paste.svg'); } .vismaicon.vismaicon-paste::before { -webkit-mask-image: url('24_paste.svg'); mask-image: url('24_paste.svg'); } .vismaicon.vismaicon-sm.vismaicon-pdf::before { -webkit-mask-image: url('16_pdf.svg'); mask-image: url('16_pdf.svg'); } .vismaicon.vismaicon-pdf::before { -webkit-mask-image: url('24_pdf.svg'); mask-image: url('24_pdf.svg'); } .vismaicon.vismaicon-sm.vismaicon-phone::before { -webkit-mask-image: url('16_phone.svg'); mask-image: url('16_phone.svg'); } .vismaicon.vismaicon-phone::before { -webkit-mask-image: url('24_phone.svg'); mask-image: url('24_phone.svg'); } .vismaicon.vismaicon-pin::before, .vismaicon.vismaicon-sm.vismaicon-pin::before { -webkit-mask-image: url('24_pin.svg'); mask-image: url('24_pin.svg'); } .vismaicon.vismaicon-platform-cloud::before, .vismaicon.vismaicon-sm.vismaicon-platform-cloud::before { -webkit-mask-image: url('24_platform_cloud.svg'); mask-image: url('24_platform_cloud.svg'); } .vismaicon.vismaicon-platform-mobile::before, .vismaicon.vismaicon-sm.vismaicon-platform-mobile::before { -webkit-mask-image: url('24_platform_mobile.svg'); mask-image: url('24_platform_mobile.svg'); } .vismaicon.vismaicon-sm.vismaicon-preview::before { -webkit-mask-image: url('16_preview.svg'); mask-image: url('16_preview.svg'); } .vismaicon.vismaicon-preview::before { -webkit-mask-image: url('24_preview.svg'); mask-image: url('24_preview.svg'); } .vismaicon.vismaicon-preview-off::before, .vismaicon.vismaicon-sm.vismaicon-preview-off::before { -webkit-mask-image: url('24_preview_off.svg'); mask-image: url('24_preview_off.svg'); } .vismaicon.vismaicon-price::before, .vismaicon.vismaicon-sm.vismaicon-price::before { -webkit-mask-image: url('24_price.svg'); mask-image: url('24_price.svg'); } .vismaicon.vismaicon-sm.vismaicon-print::before { -webkit-mask-image: url('16_print.svg'); mask-image: url('16_print.svg'); } .vismaicon.vismaicon-print::before { -webkit-mask-image: url('24_print.svg'); mask-image: url('24_print.svg'); } .vismaicon.vismaicon-project::before, .vismaicon.vismaicon-sm.vismaicon-project::before { -webkit-mask-image: url('24_project.svg'); mask-image: url('24_project.svg'); } .vismaicon.vismaicon-qr-code::before, .vismaicon.vismaicon-sm.vismaicon-qr-code::before { -webkit-mask-image: url('24_qr_code.svg'); mask-image: url('24_qr_code.svg'); } .vismaicon.vismaicon-sm.vismaicon-redo::before { -webkit-mask-image: url('16_redo.svg'); mask-image: url('16_redo.svg'); } .vismaicon.vismaicon-redo::before { -webkit-mask-image: url('24_redo.svg'); mask-image: url('24_redo.svg'); } .vismaicon.vismaicon-reference::before, .vismaicon.vismaicon-sm.vismaicon-reference::before { -webkit-mask-image: url('24_reference.svg'); mask-image: url('24_reference.svg'); } .vismaicon.vismaicon-sm.vismaicon-refresh::before { -webkit-mask-image: url('16_refresh.svg'); mask-image: url('16_refresh.svg'); } .vismaicon.vismaicon-refresh::before { -webkit-mask-image: url('24_refresh.svg'); mask-image: url('24_refresh.svg'); } .vismaicon.vismaicon-remarks::before, .vismaicon.vismaicon-sm.vismaicon-remarks::before { -webkit-mask-image: url('24_remarks.svg'); mask-image: url('24_remarks.svg'); } .vismaicon.vismaicon-sm.vismaicon-reminder::before { -webkit-mask-image: url('16_reminder.svg'); mask-image: url('16_reminder.svg'); } .vismaicon.vismaicon-reminder::before { -webkit-mask-image: url('24_reminder.svg'); mask-image: url('24_reminder.svg'); } .vismaicon.vismaicon-remove-selection::before, .vismaicon.vismaicon-sm.vismaicon-remove-selection::before { -webkit-mask-image: url('24_remove_selection.svg'); mask-image: url('24_remove_selection.svg'); } .vismaicon.vismaicon-remove-user::before, .vismaicon.vismaicon-sm.vismaicon-remove-user::before { -webkit-mask-image: url('24_remove_user.svg'); mask-image: url('24_remove_user.svg'); } .vismaicon.vismaicon-replace::before, .vismaicon.vismaicon-sm.vismaicon-replace::before { -webkit-mask-image: url('24_replace.svg'); mask-image: url('24_replace.svg'); } .vismaicon.vismaicon-sm.vismaicon-report::before { -webkit-mask-image: url('16_report.svg'); mask-image: url('16_report.svg'); } .vismaicon.vismaicon-report::before { -webkit-mask-image: url('24_report.svg'); mask-image: url('24_report.svg'); } .vismaicon.vismaicon-report-1::before, .vismaicon.vismaicon-sm.vismaicon-report-1::before { -webkit-mask-image: url('24_report_1.svg'); mask-image: url('24_report_1.svg'); } .vismaicon.vismaicon-report-2::before, .vismaicon.vismaicon-sm.vismaicon-report-2::before { -webkit-mask-image: url('24_report_2.svg'); mask-image: url('24_report_2.svg'); } .vismaicon.vismaicon-report-3::before, .vismaicon.vismaicon-sm.vismaicon-report-3::before { -webkit-mask-image: url('24_report_3.svg'); mask-image: url('24_report_3.svg'); } .vismaicon.vismaicon-reset-page::before, .vismaicon.vismaicon-sm.vismaicon-reset-page::before { -webkit-mask-image: url('24_reset_page.svg'); mask-image: url('24_reset_page.svg'); } .vismaicon.vismaicon-reset-page-1::before, .vismaicon.vismaicon-sm.vismaicon-reset-page-1::before { -webkit-mask-image: url('24_reset_page_1.svg'); mask-image: url('24_reset_page_1.svg'); } .vismaicon.vismaicon-restrict::before, .vismaicon.vismaicon-sm.vismaicon-restrict::before { -webkit-mask-image: url('24_restrict.svg'); mask-image: url('24_restrict.svg'); } .vismaicon.vismaicon-restrict-1::before, .vismaicon.vismaicon-sm.vismaicon-restrict-1::before { -webkit-mask-image: url('24_restrict_1.svg'); mask-image: url('24_restrict_1.svg'); } .vismaicon.vismaicon-rotate-ccw::before, .vismaicon.vismaicon-sm.vismaicon-rotate-ccw::before { -webkit-mask-image: url('24_rotate_ccw.svg'); mask-image: url('24_rotate_ccw.svg'); } .vismaicon.vismaicon-rotate-cw::before, .vismaicon.vismaicon-sm.vismaicon-rotate-cw::before { -webkit-mask-image: url('24_rotate_cw.svg'); mask-image: url('24_rotate_cw.svg'); } .vismaicon.vismaicon-row-level-security::before, .vismaicon.vismaicon-sm.vismaicon-row-level-security::before { -webkit-mask-image: url('24_row_level_security.svg'); mask-image: url('24_row_level_security.svg'); } .vismaicon.vismaicon-salary::before, .vismaicon.vismaicon-sm.vismaicon-salary::before { -webkit-mask-image: url('24_salary.svg'); mask-image: url('24_salary.svg'); } .vismaicon.vismaicon-sm.vismaicon-save::before { -webkit-mask-image: url('16_save.svg'); mask-image: url('16_save.svg'); } .vismaicon.vismaicon-save::before { -webkit-mask-image: url('24_save.svg'); mask-image: url('24_save.svg'); } .vismaicon.vismaicon-save-and-start-new::before, .vismaicon.vismaicon-sm.vismaicon-save-and-start-new::before { -webkit-mask-image: url('24_save_and_start_new.svg'); mask-image: url('24_save_and_start_new.svg'); } .vismaicon.vismaicon-save-and-use-template::before, .vismaicon.vismaicon-sm.vismaicon-save-and-use-template::before { -webkit-mask-image: url('24_save_and_use_template.svg'); mask-image: url('24_save_and_use_template.svg'); } .vismaicon.vismaicon-scanner::before, .vismaicon.vismaicon-sm.vismaicon-scanner::before { -webkit-mask-image: url('24_scanner.svg'); mask-image: url('24_scanner.svg'); } .vismaicon.vismaicon-schedule::before, .vismaicon.vismaicon-sm.vismaicon-schedule::before { -webkit-mask-image: url('24_schedule.svg'); mask-image: url('24_schedule.svg'); } .vismaicon.vismaicon-sm.vismaicon-search::before { -webkit-mask-image: url('16_search.svg'); mask-image: url('16_search.svg'); } .vismaicon.vismaicon-search::before { -webkit-mask-image: url('24_search.svg'); mask-image: url('24_search.svg'); } .vismaicon.vismaicon-sm.vismaicon-search-user::before { -webkit-mask-image: url('16_search_user.svg'); mask-image: url('16_search_user.svg'); } .vismaicon.vismaicon-search-user::before { -webkit-mask-image: url('24_search_user.svg'); mask-image: url('24_search_user.svg'); } .vismaicon.vismaicon-sm.vismaicon-send::before { -webkit-mask-image: url('16_send.svg'); mask-image: url('16_send.svg'); } .vismaicon.vismaicon-send::before { -webkit-mask-image: url('24_send.svg'); mask-image: url('24_send.svg'); } .vismaicon.vismaicon-sm.vismaicon-sending-failed::before { -webkit-mask-image: url('16_send.svg'); mask-image: url('16_send.svg'); } .vismaicon.vismaicon-sending-failed::before { -webkit-mask-image: url('24_sending_failed.svg'); mask-image: url('24_sending_failed.svg'); } .vismaicon.vismaicon-sm.vismaicon-settings::before { -webkit-mask-image: url('16_settings.svg'); mask-image: url('16_settings.svg'); } .vismaicon.vismaicon-settings::before { -webkit-mask-image: url('24_settings.svg'); mask-image: url('24_settings.svg'); } .vismaicon.vismaicon-share::before, .vismaicon.vismaicon-sm.vismaicon-share::before { -webkit-mask-image: url('24_share.svg'); mask-image: url('24_share.svg'); } .vismaicon.vismaicon-shared::before, .vismaicon.vismaicon-sm.vismaicon-shared::before { -webkit-mask-image: url('24_shared_with_me.svg'); mask-image: url('24_shared_with_me.svg'); } .vismaicon.vismaicon-shared-user::before, .vismaicon.vismaicon-sm.vismaicon-shared-user::before { -webkit-mask-image: url('24_shared_user.svg'); mask-image: url('24_shared_user.svg'); } .vismaicon.vismaicon-shift-market::before, .vismaicon.vismaicon-sm.vismaicon-shift-market::before { -webkit-mask-image: url('24_shift_market.svg'); mask-image: url('24_shift_market.svg'); } .vismaicon.vismaicon-sick-child::before, .vismaicon.vismaicon-sm.vismaicon-sick-child::before { -webkit-mask-image: url('24_sick_child.svg'); mask-image: url('24_sick_child.svg'); } .vismaicon.vismaicon-sickness::before, .vismaicon.vismaicon-sm.vismaicon-sickness::before { -webkit-mask-image: url('24_sickness.svg'); mask-image: url('24_sickness.svg'); } .vismaicon.vismaicon-single-selection::before, .vismaicon.vismaicon-sm.vismaicon-single-selection::before { -webkit-mask-image: url('24_single_selection.svg'); mask-image: url('24_single_selection.svg'); } .vismaicon.vismaicon-ship::before, .vismaicon.vismaicon-sm.vismaicon-ship::before { -webkit-mask-image: url('24_ship.svg'); mask-image: url('24_ship.svg'); } .vismaicon.vismaicon-shipping::before, .vismaicon.vismaicon-sm.vismaicon-shipping::before { -webkit-mask-image: url('24_shipping.svg'); mask-image: url('24_shipping.svg'); } .vismaicon.vismaicon-shopping-cart::before, .vismaicon.vismaicon-sm.vismaicon-shopping-cart::before { -webkit-mask-image: url('24_shopping_cart.svg'); mask-image: url('24_shopping_cart.svg'); } .vismaicon.vismaicon-shortage-surplus::before, .vismaicon.vismaicon-sm.vismaicon-shortage-surplus::before { -webkit-mask-image: url('24_shortage_surplus.svg'); mask-image: url('24_shortage_surplus.svg'); } .vismaicon.vismaicon-sound::before, .vismaicon.vismaicon-sm.vismaicon-sound::before { -webkit-mask-image: url('24_sound.svg'); mask-image: url('24_sound.svg'); } .vismaicon.vismaicon-sort-list::before, .vismaicon.vismaicon-sm.vismaicon-sort-list::before { -webkit-mask-image: url('24_sort_list.svg'); mask-image: url('24_sort_list.svg'); } .vismaicon.vismaicon-special-approved::before, .vismaicon.vismaicon-sm.vismaicon-special-approved::before { -webkit-mask-image: url('24_special_approved.svg'); mask-image: url('24_special_approved.svg'); } .vismaicon.vismaicon-special-day::before, .vismaicon.vismaicon-sm.vismaicon-special-day::before { -webkit-mask-image: url('24_special_day.svg'); mask-image: url('24_special_day.svg'); } .vismaicon.vismaicon-special-day-1::before, .vismaicon.vismaicon-sm.vismaicon-special-day-1::before { -webkit-mask-image: url('24_special_day_1.svg'); mask-image: url('24_special_day_1.svg'); } .vismaicon.vismaicon-split::before, .vismaicon.vismaicon-sm.vismaicon-split::before { -webkit-mask-image: url('24_split.svg'); mask-image: url('24_split.svg'); } .vismaicon.vismaicon-storage::before, .vismaicon.vismaicon-sm.vismaicon-storage::before { -webkit-mask-image: url('24_storage.svg'); mask-image: url('24_storage.svg'); } .vismaicon.vismaicon-storage-1::before, .vismaicon.vismaicon-sm.vismaicon-storage-1::before { -webkit-mask-image: url('24_storage_1.svg'); mask-image: url('24_storage_1.svg'); } .vismaicon.vismaicon-substitute-management::before, .vismaicon.vismaicon-sm.vismaicon-substitute-management::before { -webkit-mask-image: url('24_substitute_management.svg'); mask-image: url('24_substitute_management.svg'); } .vismaicon.vismaicon-subway::before, .vismaicon.vismaicon-sm.vismaicon-subway::before { -webkit-mask-image: url('24_subway.svg'); mask-image: url('24_subway.svg'); } .vismaicon.vismaicon-summary::before, .vismaicon.vismaicon-sm.vismaicon-summary::before { -webkit-mask-image: url('24_summary.svg'); mask-image: url('24_summary.svg'); } .vismaicon.vismaicon-summing-assignments::before, .vismaicon.vismaicon-sm.vismaicon-summing-assignments::before { -webkit-mask-image: url('24_summing_assignments.svg'); mask-image: url('24_summing_assignments.svg'); } .vismaicon.vismaicon-system-management::before, .vismaicon.vismaicon-sm.vismaicon-system-management::before { -webkit-mask-image: url('24_system_management.svg'); mask-image: url('24_system_management.svg'); } .vismaicon.vismaicon-table-cell::before, .vismaicon.vismaicon-sm.vismaicon-table-cell::before { -webkit-mask-image: url('24_table_cell.svg'); mask-image: url('24_table_cell.svg'); } .vismaicon.vismaicon-tag::before, .vismaicon.vismaicon-sm.vismaicon-tag::before { -webkit-mask-image: url('24_tag.svg'); mask-image: url('24_tag.svg'); } .vismaicon.vismaicon-tags::before, .vismaicon.vismaicon-sm.vismaicon-tags::before { -webkit-mask-image: url('24_tags.svg'); mask-image: url('24_tags.svg'); } .vismaicon.vismaicon-task-overview::before, .vismaicon.vismaicon-sm.vismaicon-task-overview::before { -webkit-mask-image: url('24_task_overview.svg'); mask-image: url('24_task_overview.svg'); } .vismaicon.vismaicon-taxes::before, .vismaicon.vismaicon-sm.vismaicon-taxes::before { -webkit-mask-image: url('24_taxes.svg'); mask-image: url('24_taxes.svg'); } .vismaicon.vismaicon-sm.vismaicon-text-document::before { -webkit-mask-image: url('16_text_document.svg'); mask-image: url('16_text_document.svg'); } .vismaicon.vismaicon-text-document::before { -webkit-mask-image: url('24_text_document.svg'); mask-image: url('24_text_document.svg'); } .vismaicon.vismaicon-tie::before, .vismaicon.vismaicon-sm.vismaicon-tie::before { -webkit-mask-image: url('24_tie.svg'); mask-image: url('24_tie.svg'); } .vismaicon.vismaicon-tile-view::before, .vismaicon.vismaicon-sm.vismaicon-tile-view::before { -webkit-mask-image: url('24_tile_view.svg'); mask-image: url('24_tile_view.svg'); } .vismaicon.vismaicon-sm.vismaicon-time::before { -webkit-mask-image: url('16_time.svg'); mask-image: url('16_time.svg'); } .vismaicon.vismaicon-time::before { -webkit-mask-image: url('24_time.svg'); mask-image: url('24_time.svg'); } .vismaicon.vismaicon-sm.vismaicon-time-report::before { -webkit-mask-image: url('16_time_report.svg'); mask-image: url('16_time_report.svg'); } .vismaicon.vismaicon-time-report::before { -webkit-mask-image: url('24_time_report.svg'); mask-image: url('24_time_report.svg'); } .vismaicon.vismaicon-timesheet::before, .vismaicon.vismaicon-sm.vismaicon-timesheet::before { -webkit-mask-image: url('24_timesheet.svg'); mask-image: url('24_timesheet.svg'); } .vismaicon.vismaicon-today::before, .vismaicon.vismaicon-sm.vismaicon-today::before { -webkit-mask-image: url('24_today.svg'); mask-image: url('24_today.svg'); } .vismaicon.vismaicon-tools::before, .vismaicon.vismaicon-sm.vismaicon-tools::before { -webkit-mask-image: url('24_tools.svg'); mask-image: url('24_tools.svg'); } .vismaicon.vismaicon-tram::before, .vismaicon.vismaicon-sm.vismaicon-tram::before { -webkit-mask-image: url('24_tram.svg'); mask-image: url('24_tram.svg'); } .vismaicon.vismaicon-travel::before, .vismaicon.vismaicon-sm.vismaicon-travel::before { -webkit-mask-image: url('24_travel.svg'); mask-image: url('24_travel.svg'); } .vismaicon.vismaicon-trend-normal-down::before, .vismaicon.vismaicon-sm.vismaicon-trend-normal-down::before { -webkit-mask-image: url('24_trend_normal_down.svg'); mask-image: url('24_trend_normal_down.svg'); } .vismaicon.vismaicon-trend-normal-down-1::before, .vismaicon.vismaicon-sm.vismaicon-trend-normal-down-1::before { -webkit-mask-image: url('24_trend_normal_down_1.svg'); mask-image: url('24_trend_normal_down_1.svg'); } .vismaicon.vismaicon-trend-normal-up::before, .vismaicon.vismaicon-sm.vismaicon-trend-normal-up::before { -webkit-mask-image: url('24_trend_normal_up.svg'); mask-image: url('24_trend_normal_up.svg'); } .vismaicon.vismaicon-trend-normal-up-1::before, .vismaicon.vismaicon-sm.vismaicon-trend-normal-up-1::before { -webkit-mask-image: url('24_trend_normal_up_1.svg'); mask-image: url('24_trend_normal_up_1.svg'); } .vismaicon.vismaicon-trend-steep-down::before, .vismaicon.vismaicon-sm.vismaicon-trend-steep-down::before { -webkit-mask-image: url('24_trend_steep_down.svg'); mask-image: url('24_trend_steep_down.svg'); } .vismaicon.vismaicon-trend-steep-down-1::before, .vismaicon.vismaicon-sm.vismaicon-trend-steep-down-1::before { -webkit-mask-image: url('24_trend_steep_down_1.svg'); mask-image: url('24_trend_steep_down_1.svg'); } .vismaicon.vismaicon-trend-steep-up::before, .vismaicon.vismaicon-sm.vismaicon-trend-steep-up::before { -webkit-mask-image: url('24_trend_steep_up.svg'); mask-image: url('24_trend_steep_up.svg'); } .vismaicon.vismaicon-trend-steep-up-1::before, .vismaicon.vismaicon-sm.vismaicon-trend-steep-up-1::before { -webkit-mask-image: url('24_trend_steep_up_1.svg'); mask-image: url('24_trend_steep_up_1.svg'); } .vismaicon.vismaicon-truck::before, .vismaicon.vismaicon-sm.vismaicon-truck::before { -webkit-mask-image: url('24_truck.svg'); mask-image: url('24_truck.svg'); } .vismaicon.vismaicon-undefined-document::before, .vismaicon.vismaicon-sm.vismaicon-undefined-document::before { -webkit-mask-image: url('24_undefined_document.svg'); mask-image: url('24_undefined_document.svg'); } .vismaicon.vismaicon-under-investigation::before, .vismaicon.vismaicon-sm.vismaicon-under-investigation::before { -webkit-mask-image: url('24_under_investigation.svg'); mask-image: url('24_under_investigation.svg'); } .vismaicon.vismaicon-sm.vismaicon-undo::before { -webkit-mask-image: url('16_undo.svg'); mask-image: url('16_undo.svg'); } .vismaicon.vismaicon-undo::before { -webkit-mask-image: url('24_undo.svg'); mask-image: url('24_undo.svg'); } .vismaicon.vismaicon-unlink::before, .vismaicon.vismaicon-sm.vismaicon-unlink::before { -webkit-mask-image: url('24_unlink.svg'); mask-image: url('24_unlink.svg'); } .vismaicon.vismaicon-sm.vismaicon-unlocked::before { -webkit-mask-image: url('16_unlocked.svg'); mask-image: url('16_unlocked.svg'); } .vismaicon.vismaicon-unlocked::before { -webkit-mask-image: url('24_unlocked.svg'); mask-image: url('24_unlocked.svg'); } .vismaicon.vismaicon-unpin::before, .vismaicon.vismaicon-sm.vismaicon-unpin::before { -webkit-mask-image: url('24_unpin.svg'); mask-image: url('24_unpin.svg'); } .vismaicon.vismaicon-sm.vismaicon-unread-comment::before { -webkit-mask-image: url('16_unread_comment.svg'); mask-image: url('16_unread_comment.svg'); } .vismaicon.vismaicon-unread-comment::before { -webkit-mask-image: url('24_unread_comment.svg'); mask-image: url('24_unread_comment.svg'); } .vismaicon.vismaicon-sm.vismaicon-unread-comment-filled::before { -webkit-mask-image: url('16_unread_comment_filled.svg'); mask-image: url('16_unread_comment_filled.svg'); } .vismaicon.vismaicon-unread-comment-filled::before { -webkit-mask-image: url('24_unread_comment_filled.svg'); mask-image: url('24_unread_comment_filled.svg'); } .vismaicon.vismaicon-sm.vismaicon-upload::before { -webkit-mask-image: url('16_upload.svg'); mask-image: url('16_upload.svg'); } .vismaicon.vismaicon-upload::before { -webkit-mask-image: url('24_upload.svg'); mask-image: url('24_upload.svg'); } .vismaicon.vismaicon-sm.vismaicon-user::before { -webkit-mask-image: url('16_user.svg'); mask-image: url('16_user.svg'); } .vismaicon.vismaicon-user::before { -webkit-mask-image: url('24_user.svg'); mask-image: url('24_user.svg'); } .vismaicon.vismaicon-sm.vismaicon-user-1::before { -webkit-mask-image: url('16_user_1.svg'); mask-image: url('16_user_1.svg'); } .vismaicon.vismaicon-user-1::before { -webkit-mask-image: url('24_user_1.svg'); mask-image: url('24_user_1.svg'); } .vismaicon.vismaicon-user-2::before, .vismaicon.vismaicon-sm.vismaicon-user-2::before { -webkit-mask-image: url('24_user_2.svg'); mask-image: url('24_user_2.svg'); } .vismaicon.vismaicon-user-connection::before, .vismaicon.vismaicon-sm.vismaicon-user-connection::before { -webkit-mask-image: url('24_user_connection.svg'); mask-image: url('24_user_connection.svg'); } .vismaicon.vismaicon-user-documents::before, .vismaicon.vismaicon-sm.vismaicon-user-documents::before { -webkit-mask-image: url('24_user_documents.svg'); mask-image: url('24_user_documents.svg'); } .vismaicon.vismaicon-sm.vismaicon-user-folder::before { -webkit-mask-image: url('16_user_folder.svg'); mask-image: url('16_user_folder.svg'); } .vismaicon.vismaicon-user-folder::before { -webkit-mask-image: url('24_user_folder.svg'); mask-image: url('24_user_folder.svg'); } .vismaicon.vismaicon-sm.vismaicon-user-list::before { -webkit-mask-image: url('16_user_list.svg'); mask-image: url('16_user_list.svg'); } .vismaicon.vismaicon-user-list::before { -webkit-mask-image: url('24_user_list.svg'); mask-image: url('24_user_list.svg'); } .vismaicon.vismaicon-sm.vismaicon-user-list-1::before { -webkit-mask-image: url('16_user_list_1.svg'); mask-image: url('16_user_list_1.svg'); } .vismaicon.vismaicon-user-list-1::before { -webkit-mask-image: url('24_user_list_1.svg'); mask-image: url('24_user_list_1.svg'); } .vismaicon.vismaicon-user-placeholder::before, .vismaicon.vismaicon-sm.vismaicon-user-placeholder::before { -webkit-mask-image: url('24_user_placeholder.svg'); mask-image: url('24_user_placeholder.svg'); } .vismaicon.vismaicon-user-security::before, .vismaicon.vismaicon-sm.vismaicon-user-security::before { -webkit-mask-image: url('24_user_security.svg'); mask-image: url('24_user_security.svg'); } .vismaicon.vismaicon-user-settings::before, .vismaicon.vismaicon-sm.vismaicon-user-settings::before { -webkit-mask-image: url('24_user_settings.svg'); mask-image: url('24_user_settings.svg'); } .vismaicon.vismaicon-sm.vismaicon-users::before { -webkit-mask-image: url('16_users.svg'); mask-image: url('16_users.svg'); } .vismaicon.vismaicon-users::before { -webkit-mask-image: url('24_users.svg'); mask-image: url('24_users.svg'); } .vismaicon.vismaicon-vacation::before, .vismaicon.vismaicon-sm.vismaicon-vacation::before { -webkit-mask-image: url('24_vacation.svg'); mask-image: url('24_vacation.svg'); } .vismaicon.vismaicon-vacation-1::before, .vismaicon.vismaicon-sm.vismaicon-vacation-1::before { -webkit-mask-image: url('24_vacation_1.svg'); mask-image: url('24_vacation_1.svg'); } .vismaicon.vismaicon-vacation-suitcase::before, .vismaicon.vismaicon-sm.vismaicon-vacation-suitcase::before { -webkit-mask-image: url('24_vacation_suitcase.svg'); mask-image: url('24_vacation_suitcase.svg'); } .vismaicon.vismaicon-video::before, .vismaicon.vismaicon-sm.vismaicon-video::before { -webkit-mask-image: url('24_video.svg'); mask-image: url('24_video.svg'); } .vismaicon.vismaicon-sm.vismaicon-video-meeting::before { -webkit-mask-image: url('16_video_meeting.svg'); mask-image: url('16_video_meeting.svg'); } .vismaicon.vismaicon-video-meeting::before { -webkit-mask-image: url('24_video_meeting.svg'); mask-image: url('24_video_meeting.svg'); } .vismaicon.vismaicon-view-time-report::before, .vismaicon.vismaicon-sm.vismaicon-view-time-report::before { -webkit-mask-image: url('24_view_time_report.svg'); mask-image: url('24_view_time_report.svg'); } .vismaicon.vismaicon-walk::before, .vismaicon.vismaicon-sm.vismaicon-walk::before { -webkit-mask-image: url('24_walk.svg'); mask-image: url('24_walk.svg'); } .vismaicon.vismaicon-sm.vismaicon-web::before { -webkit-mask-image: url('16_web.svg'); mask-image: url('16_web.svg'); } .vismaicon.vismaicon-web::before { -webkit-mask-image: url('24_web.svg'); mask-image: url('24_web.svg'); } .vismaicon.vismaicon-wide::before, .vismaicon.vismaicon-sm.vismaicon-wide::before { -webkit-mask-image: url('24_wide.svg'); mask-image: url('24_wide.svg'); } .vismaicon.vismaicon-working-day::before, .vismaicon.vismaicon-sm.vismaicon-working-day::before { -webkit-mask-image: url('24_working_day.svg'); mask-image: url('24_working_day.svg'); } .vismaicon.vismaicon-xml::before, .vismaicon.vismaicon-sm.vismaicon-xml::before { -webkit-mask-image: url('24_xml.svg'); mask-image: url('24_xml.svg'); } .vismaicon.vismaicon-xml-document::before, .vismaicon.vismaicon-sm.vismaicon-xml-document::before { -webkit-mask-image: url('24_xml_document.svg'); mask-image: url('24_xml_document.svg'); } .vismaicon.vismaicon-sm.vismaicon-zoom-in::before { -webkit-mask-image: url('16_zoom_in.svg'); mask-image: url('16_zoom_in.svg'); } .vismaicon.vismaicon-zoom-in::before { -webkit-mask-image: url('24_zoom_in.svg'); mask-image: url('24_zoom_in.svg'); } .vismaicon.vismaicon-sm.vismaicon-zoom-out::before { -webkit-mask-image: url('16_zoom_out.svg'); mask-image: url('16_zoom_out.svg'); } .vismaicon.vismaicon-zoom-out::before { -webkit-mask-image: url('24_zoom_out.svg'); mask-image: url('24_zoom_out.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calendar-1::before { -webkit-mask-image: url('16_calendar_1.svg'); mask-image: url('16_calendar_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar-1::before { -webkit-mask-image: url('24_calendar_1.svg'); mask-image: url('24_calendar_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-key-1::before { -webkit-mask-image: url('16_key_1.svg'); mask-image: url('16_key_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-key-1::before { -webkit-mask-image: url('24_key_1.svg'); mask-image: url('24_key_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-payroll-calculations::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_invoice.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_invoice.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-payroll-calculations::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_invoice.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_invoice.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user_settings::before { -webkit-mask-image: url('16_user_settings.svg'); mask-image: url('16_user_settings.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user_settings::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_settings.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_settings.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-clipboard-paper::before { -webkit-mask-image: url('16_clipboard_paper.svg'); mask-image: url('16_clipboard_paper.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-clipboard-paper::before { -webkit-mask-image: url('24_clipboard_paper.svg'); mask-image: url('24_clipboard_paper.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-paste-1::before { -webkit-mask-image: url('16_paste_1.svg'); mask-image: url('16_paste_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-paste-1::before { -webkit-mask-image: url('24_paste_1.svg'); mask-image: url('24_paste_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-employee::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_user.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-employee::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-graphs::before { -webkit-mask-image: url('16_graph.svg'); mask-image: url('16_graph.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-graphs::before { -webkit-mask-image: url('24_graph.svg'); mask-image: url('24_graph.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-money::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_money.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_money.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-money::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_money.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_money.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-secret-document::before { -webkit-mask-image: url('16_key.svg'); mask-image: url('16_key.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-secret-document::before { -webkit-mask-image: url('24_key.svg'); mask-image: url('24_key.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-coffee-break::before { -webkit-mask-image: url('16_coffee_break.svg'); mask-image: url('16_coffee_break.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-coffee-break::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_coffee_break.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_coffee_break.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-shopping_cart::before { -webkit-mask-image: url('16_shopping_cart.svg'); mask-image: url('16_shopping_cart.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-shopping_cart::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_shopping_cart.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_shopping_cart.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-favourites::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_favourite.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_favourite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-favourites::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_favourite.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_favourite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-favourite::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_favourite.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_favourite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-favourite::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_favourite.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_favourite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-note-filled::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_note_filled.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_note_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-note-filled::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_note_filled.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_note_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-docs::before { -webkit-mask-image: url('16_document_production.svg'); mask-image: url('16_document_production.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-docs::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_document_production.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_document_production.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-document_production::before { -webkit-mask-image: url('16_document_production.svg'); mask-image: url('16_document_production.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-document_production::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_document_production.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_document_production.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-excel-file::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-excel-file::before { -webkit-mask-image: url('24_excel_file.svg'); mask-image: url('24_excel_file.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-message-bubble::before { -webkit-mask-image: url('16_message_bubble.svg'); mask-image: url('16_message_bubble.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-message-bubble::before { -webkit-mask-image: url('24_message_bubble.svg'); mask-image: url('24_message_bubble.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-car-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-car-2::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_car_2.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_car_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chat::before { -webkit-mask-image: url('16_message_bubble.svg'); mask-image: url('16_message_bubble.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chat::before { -webkit-mask-image: url('24_message_bubble.svg'); mask-image: url('24_message_bubble.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calendar::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_datepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_datepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_datepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_datepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-datepicker::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_datepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_datepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-datepicker::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_datepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_datepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-absence::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-absence::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_absence.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_absence.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-absence-1::before { -webkit-mask-image: url('16_absence_1.svg'); mask-image: url('16_absence_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-absence-1::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_absence_1.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_absence_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-absence-2::before { -webkit-mask-image: url('16_absence_2.svg'); mask-image: url('16_absence_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-absence-2::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_absence_2.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_absence_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-absence-3::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-absence-3::before { -webkit-mask-image: url('24_absence_3.svg'); mask-image: url('24_absence_3.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-accesibility::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-accesibility::before { -webkit-mask-image: url('24_accesibility.svg'); mask-image: url('24_accesibility.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-accesibility-locked::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-accesibility-locked::before { -webkit-mask-image: url('24_accesibility_locked.svg'); mask-image: url('24_accesibility_locked.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-accommodation::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-accommodation::before { -webkit-mask-image: url('24_accommodation.svg'); mask-image: url('24_accommodation.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-account-analysis::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-account-analysis::before { -webkit-mask-image: url('24_account_analysis.svg'); mask-image: url('24_account_analysis.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-actions::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-actions::before { -webkit-mask-image: url('24_actions.svg'); mask-image: url('24_actions.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-action-download::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-action-download::before { -webkit-mask-image: url('24_action_download.svg'); mask-image: url('24_action_download.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-action-upload::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-action-upload::before { -webkit-mask-image: url('24_action_upload.svg'); mask-image: url('24_action_upload.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-add::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-add::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-add-attachment::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-add-attachment::before { -webkit-mask-image: url('24_add_attachment.svg'); mask-image: url('24_add_attachment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-add-calendar::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-add-calendar::before { -webkit-mask-image: url('24_calendar_add.svg'); mask-image: url('24_calendar_add.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-add-comment::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_add_comment.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_add_comment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-add-comment::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add_comment.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add_comment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-add-favorite::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-add-favorite::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add_to_favorite.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add_to_favorite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-adjust-hours::before { -webkit-mask-image: url('16_adjust_hours.svg'); mask-image: url('16_adjust_hours.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-adjust-hours::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_adjust_hours.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_adjust_hours.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-add-to-checklist::before { -webkit-mask-image: url('16_add_to_checklist.svg'); mask-image: url('16_add_to_checklist.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-add-to-checklist::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add_to_checklist.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add_to_checklist.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-add-user::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_add_user.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_add_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-add-user::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add_user.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_add_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-ai::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-ai::before { -webkit-mask-image: url('24_ai.svg'); mask-image: url('24_ai.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-agreement::before { -webkit-mask-image: url('16_agreement.svg'); mask-image: url('16_agreement.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-agreement::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_agreement.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_agreement.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-airplane::before { -webkit-mask-image: url('16_airplane.svg'); mask-image: url('16_airplane.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-airplane::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_airplane.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_airplane.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-alarm::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_alarm.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_alarm.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-alarm::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_alarm.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_alarm.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-alert::before { -webkit-mask-image: url('16_alert.svg'); mask-image: url('16_alert.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-alert::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_alert.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_alert.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-analysis-link::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-analysis-link::before { -webkit-mask-image: url('24_analysis_link.svg'); mask-image: url('24_analysis_link.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-announcement::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_announcement.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_announcement.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-announcement::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_announcement.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_announcement.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-application::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-application::before { -webkit-mask-image: url('24_application.svg'); mask-image: url('24_application.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-approve-order::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-approve-order::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_approve_order.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_approve_order.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-approved::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-approved::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_approved.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_approved.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-approved-by-user::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-approved-by-user::before { -webkit-mask-image: url('24_approved_by_user.svg'); mask-image: url('24_approved_by_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-archive-document::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_archive_document.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_archive_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-archive-document::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_archive_document.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_archive_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-article::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-article::before { -webkit-mask-image: url('24_article.svg'); mask-image: url('24_article.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-back::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-back::before { -webkit-mask-image: url('24_arrow_back.svg'); mask-image: url('24_arrow_back.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-double::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-double::before { -webkit-mask-image: url('24_arrow_double.svg'); mask-image: url('24_arrow_double.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-double-horizontal::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-double-horizontal::before { -webkit-mask-image: url('24_arrow_double_horizontal.svg'); mask-image: url('24_arrow_double_horizontal.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-down::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-down::before { -webkit-mask-image: url('24_arrow_down.svg'); mask-image: url('24_arrow_down.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-down-left::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-down-left::before { -webkit-mask-image: url('24_arrow_down_left.svg'); mask-image: url('24_arrow_down_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-down-right::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-down-right::before { -webkit-mask-image: url('24_arrow_down_right.svg'); mask-image: url('24_arrow_down_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-up::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-up::before { -webkit-mask-image: url('24_arrow_up.svg'); mask-image: url('24_arrow_up.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-up-left::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-up-left::before { -webkit-mask-image: url('24_arrow_up_left.svg'); mask-image: url('24_arrow_up_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-up-right::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-up-right::before { -webkit-mask-image: url('24_arrow_up_right.svg'); mask-image: url('24_arrow_up_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-attach::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_attach.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_attach.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-attach::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_attach.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_attach.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-attendance::before { -webkit-mask-image: url('16_attendance.svg'); mask-image: url('16_attendance.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-attendance::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_attendance.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_attendance.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-autocomplete::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_autocomplete.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_autocomplete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-autocomplete::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_autocomplete.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_autocomplete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-backspace::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-backspace::before { -webkit-mask-image: url('24_backspace.svg'); mask-image: url('24_backspace.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-bank::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-bank::before { -webkit-mask-image: url('24_bank.svg'); mask-image: url('24_bank.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-barcode::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-barcode::before { -webkit-mask-image: url('24_barcode_scan.svg'); mask-image: url('24_barcode_scan.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-bed-and-breakfast::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-bed-and-breakfast::before { -webkit-mask-image: url('24_bed-and-breakfast.svg'); mask-image: url('24_bed-and-breakfast.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-bicycle::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-bicycle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_bicycle.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_bicycle.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-birth::before { -webkit-mask-image: url('16_birth.svg'); mask-image: url('16_birth.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-birth::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_birth.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_birth.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-birthday::before { -webkit-mask-image: url('16_birthday.svg'); mask-image: url('16_birthday.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-birthday::before { -webkit-mask-image: url('24_birthday.svg'); mask-image: url('24_birthday.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-boat::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-boat::before { -webkit-mask-image: url('24_boat.svg'); mask-image: url('24_boat.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-bonus-gift::before { -webkit-mask-image: url('16_bonus_gift.svg'); mask-image: url('16_bonus_gift.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-bonus-gift::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_bonus_gift.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_bonus_gift.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-bookkeeping::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-bookkeeping::before { -webkit-mask-image: url('24_bookkeeping.svg'); mask-image: url('24_bookkeeping.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-breadcrumb-folder::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-breadcrumb-folder::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_breadcrumb_folder.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_breadcrumb_folder.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-break::before { -webkit-mask-image: url('16_coffee_break.svg'); mask-image: url('16_coffee_break.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-break::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_coffee_break.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_coffee_break.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-breakfast::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-breakfast::before { -webkit-mask-image: url('24_breakfast.svg'); mask-image: url('24_breakfast.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-bridge::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-bridge::before { -webkit-mask-image: url('24_bridge.svg'); mask-image: url('24_bridge.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-briefcase::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_briefcase.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_briefcase.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-briefcase::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_briefcase.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_briefcase.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-bulk-actions::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-bulk-actions::before { -webkit-mask-image: url('24_bulk_actions.svg'); mask-image: url('24_bulk_actions.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-bus::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-bus::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_bus.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_bus.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-cake::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-cake::before { -webkit-mask-image: url('24_cake.svg'); mask-image: url('24_cake.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calculator::before { -webkit-mask-image: url('16_calculator.svg'); mask-image: url('16_calculator.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calculator::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_calculator.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_calculator.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar-approve::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calendar-approve::before { -webkit-mask-image: url('24_calendar_approved.svg'); mask-image: url('24_calendar_approved.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calendar-blank::before { -webkit-mask-image: url('16_calendar_blank.svg'); mask-image: url('16_calendar_blank.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar-blank::before { -webkit-mask-image: url('24_calendar_blank.svg'); mask-image: url('24_calendar_blank.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar-dollars::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calendar-dollars::before { -webkit-mask-image: url('24_calendar_dollars.svg'); mask-image: url('24_calendar_dollars.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar-euro::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calendar-euro::before { -webkit-mask-image: url('24_calendar_euro.svg'); mask-image: url('24_calendar_euro.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar-invoice::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calendar-invoice::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_invoice.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_invoice.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar-leave::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-calendar-leave::before { -webkit-mask-image: url('24_calendar_leave.svg'); mask-image: url('24_calendar_leave.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-call-center::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-call-center::before { -webkit-mask-image: url('24_call_center.svg'); mask-image: url('24_call_center.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-cancel-order::before { -webkit-mask-image: url('16_cancel_order.svg'); mask-image: url('16_cancel_order.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-cancel-order::before { -webkit-mask-image: url('24_cancel_order.svg'); mask-image: url('24_cancel_order.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-camera::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-camera::before { -webkit-mask-image: url('24_camera.svg'); mask-image: url('24_camera.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-car::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-car::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_car.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_car.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-critical-health::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-critical-health::before { -webkit-mask-image: url('24_critical_health.svg'); mask-image: url('24_critical_health.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-cash-flow::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-cash-flow::before { -webkit-mask-image: url('24_cash_flow.svg'); mask-image: url('24_cash_flow.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-change-account::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-change-account::before { -webkit-mask-image: url('24_change_account.svg'); mask-image: url('24_change_account.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-change-owner::before { -webkit-mask-image: url('16_change_owner.svg'); mask-image: url('16_change_owner.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-change-owner::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_change_owner.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_change_owner.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-changelog::before { -webkit-mask-image: url('16_changelog.svg'); mask-image: url('16_changelog.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-changelog::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_changelog.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_changelog.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chart-graph::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chart-graph::before { -webkit-mask-image: url('24_chart_graph.svg'); mask-image: url('24_chart_graph.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chart-line::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chart-line::before { -webkit-mask-image: url('24_chart_line.svg'); mask-image: url('24_chart_line.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chart-spline::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chart-spline::before { -webkit-mask-image: url('24_chart_spline.svg'); mask-image: url('24_chart_spline.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chat-ai::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chat-ai::before { -webkit-mask-image: url('24_chat_ai.svg'); mask-image: url('24_chat_ai.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chat-complete::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chat-complete::before { -webkit-mask-image: url('24_chat_complete.svg'); mask-image: url('24_chat_complete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-checkmark::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-checkmark::before { -webkit-mask-image: url('24_checkmark.svg'); mask-image: url('24_checkmark.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chevron-double::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chevron-double::before { -webkit-mask-image: url('24_chevron_double.svg'); mask-image: url('24_chevron_double.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chevron-up::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chevron-up::before { -webkit-mask-image: url('24_chevron_up.svg'); mask-image: url('24_chevron_up.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chevron-right::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chevron-right::before { -webkit-mask-image: url('24_chevron_right.svg'); mask-image: url('24_chevron_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chevron-down::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chevron-down::before { -webkit-mask-image: url('24_chevron_down.svg'); mask-image: url('24_chevron_down.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-chevron-left::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-chevron-left::before { -webkit-mask-image: url('24_chevron_left.svg'); mask-image: url('24_chevron_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-clear-filter::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-clear-filter::before { -webkit-mask-image: url('24_clear_filter.svg'); mask-image: url('24_clear_filter.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-clipboard::before { -webkit-mask-image: url('16_clipboard.svg'); mask-image: url('16_clipboard.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-clipboard::before { -webkit-mask-image: url('24_clipboard.svg'); mask-image: url('24_clipboard.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-clipboard-approved::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-clipboard-approved::before { -webkit-mask-image: url('24_clipboard_approved.svg'); mask-image: url('24_clipboard_approved.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-clipboard-lab::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-clipboard-lab::before { -webkit-mask-image: url('24_clipboard_lab.svg'); mask-image: url('24_clipboard_lab.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-close::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_close.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_close.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-close::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_close.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_close.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-close-search::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-close-search::before { -webkit-mask-image: url('24_close_search.svg'); mask-image: url('24_close_search.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-color::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-color::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_color.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_color.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-collapse-left::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-collapse-left::before { -webkit-mask-image: url('24_collapse_left.svg'); mask-image: url('24_collapse_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-collapse-right::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-collapse-right::before { -webkit-mask-image: url('24_collapse_right.svg'); mask-image: url('24_collapse_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-comment::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_comment.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_comment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-comment::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-comment-chat::before { -webkit-mask-image: url('16_comment_chat.svg'); mask-image: url('16_comment_chat.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-comment-chat::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_chat.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_chat.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-comment-community::before { -webkit-mask-image: url('16_comment_community.svg'); mask-image: url('16_comment_community.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-comment-community::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_community.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_community.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-comment-filled::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-comment-filled::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_filled.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-comment-order::before { -webkit-mask-image: url('16_comment_order.svg'); mask-image: url('16_comment_order.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-comment-order::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_order.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_order.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-comment-web-reply::before { -webkit-mask-image: url('16_comment_web_reply.svg'); mask-image: url('16_comment_web_reply.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-comment-web-reply::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_web_reply.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_comment_web_reply.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-construction::before { -webkit-mask-image: url('16_construction.svg'); mask-image: url('16_construction.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-construction::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_construction.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_construction.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-contacts::before { -webkit-mask-image: url('16_contacts.svg'); mask-image: url('16_contacts.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-contacts::before { -webkit-mask-image: url('24_contacts.svg'); mask-image: url('24_contacts.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-contract::before { -webkit-mask-image: url('16_contract.svg'); mask-image: url('16_contract.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-contract::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_contract.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_contract.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-copy::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_copy.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_copy.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-copy::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_copy.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_copy.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-create-order::before { -webkit-mask-image: url('16_create_order.svg'); mask-image: url('16_create_order.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-create-order::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_create_order.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_create_order.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-crop::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-crop::before { -webkit-mask-image: url('24_crop.svg'); mask-image: url('24_crop.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-cut::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_cut.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_cut.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-cut::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_cut.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_cut.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-csv-file::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-csv-file::before { -webkit-mask-image: url('24_csv_file.svg'); mask-image: url('24_csv_file.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-database::before { -webkit-mask-image: url('16_database.svg'); mask-image: url('16_database.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-database::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_database.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_database.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-datachart::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-datachart::before { -webkit-mask-image: url('24_datachart.svg'); mask-image: url('24_datachart.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-declined::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-declined::before { -webkit-mask-image: url('24_declined.svg'); mask-image: url('24_declined.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-delete::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_delete.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_delete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-delete::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delete.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-delivery::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-delivery::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delivery.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delivery.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-delivery-notification::before { -webkit-mask-image: url('16_delivery_notification.svg'); mask-image: url('16_delivery_notification.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-delivery-notification::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delivery_notification.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delivery_notification.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-delivery-reception::before { -webkit-mask-image: url('16_delivery_reception.svg'); mask-image: url('16_delivery_reception.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-delivery-reception::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delivery_reception.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delivery_reception.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-delivery-reception-1::before { -webkit-mask-image: url('16_delivery_reception_1.svg'); mask-image: url('16_delivery_reception_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-delivery-reception-1::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delivery_reception_1.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_delivery_reception_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-delivery-reports::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-delivery-reports::before { -webkit-mask-image: url('24_delivery_reports.svg'); mask-image: url('24_delivery_reports.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-deliverynote::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-deliverynote::before { -webkit-mask-image: url('24_deliverynote.svg'); mask-image: url('24_deliverynote.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-detach::before { -webkit-mask-image: url('16_detach.svg'); mask-image: url('16_detach.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-detach::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_detach.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_detach.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-dislike::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_dislike.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_dislike.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-dislike::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_dislike.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_dislike.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-distribution::before { -webkit-mask-image: url('16_distribution.svg'); mask-image: url('16_distribution.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-distribution::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_distribution.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_distribution.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-document-approved::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-document-approved::before { -webkit-mask-image: url('24_document_approved.svg'); mask-image: url('24_document_approved.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-document-info::before { -webkit-mask-image: url('16_document_info.svg'); mask-image: url('16_document_info.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-document-info::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_document_info.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_document_info.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-document-lab::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-document-lab::before { -webkit-mask-image: url('24_document_lab.svg'); mask-image: url('24_document_lab.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-document-production::before { -webkit-mask-image: url('16_document_production.svg'); mask-image: url('16_document_production.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-document-production::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_document_production.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_document_production.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-document-settings::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-document-settings::before { -webkit-mask-image: url('24_document_settings.svg'); mask-image: url('24_document_settings.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-documents-area::before { -webkit-mask-image: url('16_documents_area.svg'); mask-image: url('16_documents_area.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-documents-area::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_documents_area.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_documents_area.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-domains::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-domains::before { -webkit-mask-image: url('24_domains.svg'); mask-image: url('24_domains.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-download::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_download.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_download.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-download::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_download.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_download.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-drag::before { -webkit-mask-image: url('16_drag.svg'); mask-image: url('16_drag.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-drag::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_drag.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_drag.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-edit::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_edit.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_edit.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-edit::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_edit.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_edit.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-edit-calendar::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-edit-calendar::before { -webkit-mask-image: url('24_calendar_edit.svg'); mask-image: url('24_calendar_edit.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-edit-file::before { -webkit-mask-image: url('16_edit_file.svg'); mask-image: url('16_edit_file.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-edit-file::before { -webkit-mask-image: url('24_edit_file.svg'); mask-image: url('24_edit_file.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-education::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_education.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_education.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-education::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_education.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_education.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-email::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_email.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_email.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-email::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_email.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_email.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-email-dialogue::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-email-dialogue::before { -webkit-mask-image: url('24_email_dialogue.svg'); mask-image: url('24_email_dialogue.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-email-flag::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-email-flag::before { -webkit-mask-image: url('24_email_flag.svg'); mask-image: url('24_email_flag.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-email-in-progress::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-email-in-progress::before { -webkit-mask-image: url('24_email_in_progress.svg'); mask-image: url('24_email_in_progress.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-email-user::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-email-user::before { -webkit-mask-image: url('24_email_user.svg'); mask-image: url('24_email_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-employee-link::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-employee-link::before { -webkit-mask-image: url('24_employee_link.svg'); mask-image: url('24_employee_link.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-enter-full-screen::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_enter_full_screen.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_enter_full_screen.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-enter-full-screen::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_enter_full_screen.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_enter_full_screen.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-environment::before { -webkit-mask-image: url('16_environment.svg'); mask-image: url('16_environment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-environment::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_environment.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_environment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-evaluate::before { -webkit-mask-image: url('16_evaluate.svg'); mask-image: url('16_evaluate.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-evaluate::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_evaluate.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_evaluate.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-exclude::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_exclude.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_exclude.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-exclude::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_exclude.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_exclude.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-exit-full-screen::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_exit_full_screen.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_exit_full_screen.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-exit-full-screen::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_exit_full_screen.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_exit_full_screen.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-expand-left::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-expand-left::before { -webkit-mask-image: url('24_expand_left.svg'); mask-image: url('24_expand_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-expand-right::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-expand-right::before { -webkit-mask-image: url('24_expand_right.svg'); mask-image: url('24_expand_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-expense::before { -webkit-mask-image: url('16_expense.svg'); mask-image: url('16_expense.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-expense::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_expense.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_expense.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-expense-1::before { -webkit-mask-image: url('16_expense_1.svg'); mask-image: url('16_expense_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-expense-1::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_expense_1.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_expense_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-expense-euro::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-expense-euro::before { -webkit-mask-image: url('24_expense_euro.svg'); mask-image: url('24_expense_euro.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-export::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_export.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_export.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-export::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_export.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_export.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-face-scan::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-face-scan::before { -webkit-mask-image: url('24_face_scan.svg'); mask-image: url('24_face_scan.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-favorite::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_favourite.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_favourite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-favorite::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_favourite.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_favourite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-favorite-filled::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_favorite_filled.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_favorite_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-favorite-filled::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_favorite_filled.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_favorite_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-feedback::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-feedback::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_feedback.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_feedback.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-feedback-1::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-feedback-1::before { -webkit-mask-image: url('24_feedback_1.svg'); mask-image: url('24_feedback_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-ferry::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-ferry::before { -webkit-mask-image: url('24_ferry.svg'); mask-image: url('24_ferry.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-file-invoice-euro::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-file-invoice-euro::before { -webkit-mask-image: url('24_file_invoice_euro.svg'); mask-image: url('24_file_invoice_euro.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-file-locked::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-file-locked::before { -webkit-mask-image: url('24_file_locked.svg'); mask-image: url('24_file_locked.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-file-zoom::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-file-zoom::before { -webkit-mask-image: url('24_file_zoom.svg'); mask-image: url('24_file_zoom.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-filter::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_filter.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_filter.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-filter::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_filter.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_filter.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-filter-2::before { -webkit-mask-image: url('16_filter_2.svg'); mask-image: url('16_filter_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-filter-2::before { -webkit-mask-image: url('24_filter_2.svg'); mask-image: url('24_filter_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-filter-column::before { -webkit-mask-image: url('16_filter_column.svg'); mask-image: url('16_filter_column.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-filter-column::before { -webkit-mask-image: url('24_filter_column.svg'); mask-image: url('24_filter_column.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-filter-group::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-filter-group::before { -webkit-mask-image: url('24_filter_group.svg'); mask-image: url('24_filter_group.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-fireworks::before { -webkit-mask-image: url('16_fireworks.svg'); mask-image: url('16_fireworks.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-fireworks::before { -webkit-mask-image: url('24_fireworks.svg'); mask-image: url('24_fireworks.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-flag::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_flag.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_flag.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-flag::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_flag.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_flag.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-flextime::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-flextime::before { -webkit-mask-image: url('24_flextime.svg'); mask-image: url('24_flextime.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-folder::before { -webkit-mask-image: url('16_folder.svg'); mask-image: url('16_folder.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-folder::before { -webkit-mask-image: url('24_folder.svg'); mask-image: url('24_folder.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-folder-building::before { -webkit-mask-image: url('16_folder_building.svg'); mask-image: url('16_folder_building.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-folder-building::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_folder_building.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_folder_building.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-font-bold::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-font-bold::before { -webkit-mask-image: url('24_font_bold.svg'); mask-image: url('24_font_bold.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-font-underline::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-font-underline::before { -webkit-mask-image: url('24_font_underline.svg'); mask-image: url('24_font_underline.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-fuel-pump::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-fuel-pump::before { -webkit-mask-image: url('24_fuel_pump.svg'); mask-image: url('24_fuel_pump.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-future::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_future.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_future.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-future::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_future.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_future.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-graph::before { -webkit-mask-image: url('16_graph.svg'); mask-image: url('16_graph.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-graph::before { -webkit-mask-image: url('24_graph.svg'); mask-image: url('24_graph.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-growth::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-growth::before { -webkit-mask-image: url('24_growth.svg'); mask-image: url('24_growth.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-heart::before { -webkit-mask-image: url('16_heart.svg'); mask-image: url('16_heart.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-heart::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_heart.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_heart.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-help::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-help::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_help.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_help.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-history::before { -webkit-mask-image: url('16_history.svg'); mask-image: url('16_history.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-history::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_history.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_history.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-history-edit::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-history-edit::before { -webkit-mask-image: url('24_history_edit.svg'); mask-image: url('24_history_edit.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-holiday::before { -webkit-mask-image: url('16_holiday.svg'); mask-image: url('16_holiday.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-holiday::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_holiday.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_holiday.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-holiday-advance::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-holiday-advance::before { -webkit-mask-image: url('24_holiday_advance.svg'); mask-image: url('24_holiday_advance.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-holiday-paid::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-holiday-paid::before { -webkit-mask-image: url('24_holiday_paid.svg'); mask-image: url('24_holiday_paid.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-holiday-saved::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-holiday-saved::before { -webkit-mask-image: url('24_holiday_saved.svg'); mask-image: url('24_holiday_saved.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-holiday-unpaid::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-holiday-unpaid::before { -webkit-mask-image: url('24_holiday_unpaid.svg'); mask-image: url('24_holiday_unpaid.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-home::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_home.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_home.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-home::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_home.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_home.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-hourglass::before { -webkit-mask-image: url('16_hourglass.svg'); mask-image: url('16_hourglass.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-hourglass::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_hourglass.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_hourglass.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-image-document::before { -webkit-mask-image: url('16_image_document.svg'); mask-image: url('16_image_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-image-document::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_image_document.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_image_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-import-company::before { -webkit-mask-image: url('16_import_company.svg'); mask-image: url('16_import_company.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-import-company::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_import_company.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_import_company.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-import-user::before { -webkit-mask-image: url('16_import_user.svg'); mask-image: url('16_import_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-import-user::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_import_user.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_import_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-in-progress-by-user::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-in-progress-by-user::before { -webkit-mask-image: url('24_in_progress_by_user.svg'); mask-image: url('24_in_progress_by_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-inclusive::before { -webkit-mask-image: url('16_inclusive.svg'); mask-image: url('16_inclusive.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-inclusive::before { -webkit-mask-image: url('24_inclusive.svg'); mask-image: url('24_inclusive.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-incoming::before { -webkit-mask-image: url('16_incoming.svg'); mask-image: url('16_incoming.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-incoming::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_incoming.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_incoming.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-info::before { -webkit-mask-image: url('16_info.svg'); mask-image: url('16_info.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-info::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_info.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_info.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-input::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-input::before { -webkit-mask-image: url('24_input.svg'); mask-image: url('24_input.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-jira::before { -webkit-mask-image: url('16_jira.svg'); mask-image: url('16_jira.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-jira::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_jira.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_jira.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-json-file::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-json-file::before { -webkit-mask-image: url('24_json_file.svg'); mask-image: url('24_json_file.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-kebab-filled::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-kebab-filled::before { -webkit-mask-image: url('24_kebab_filled.svg'); mask-image: url('24_kebab_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-key::before { -webkit-mask-image: url('16_key.svg'); mask-image: url('16_key.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-key::before { -webkit-mask-image: url('24_key.svg'); mask-image: url('24_key.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-laptop::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-laptop::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_laptop.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_laptop.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-laptop-graph::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-laptop-graph::before { -webkit-mask-image: url('24_laptop_graph.svg'); mask-image: url('24_laptop_graph.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-layer-group::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-layer-group::before { -webkit-mask-image: url('24_layer_group.svg'); mask-image: url('24_layer_group.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-layers::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-layers::before { -webkit-mask-image: url('24_layers.svg'); mask-image: url('24_layers.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-layout::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-layout::before { -webkit-mask-image: url('24_layout.svg'); mask-image: url('24_layout.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-leave-approved::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-leave-approved::before { -webkit-mask-image: url('24_leave_approved.svg'); mask-image: url('24_leave_approved.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-leave-request::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-leave-request::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_leave_request.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_leave_request.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-library::before { -webkit-mask-image: url('16_library.svg'); mask-image: url('16_library.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-library::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_library.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_library.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-like::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_like.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_like.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-like::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_like.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_like.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-like-filled::before { -webkit-mask-image: url('16_like_filled.svg'); mask-image: url('16_like_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-like-filled::before { -webkit-mask-image: url('24_like_filled.svg'); mask-image: url('24_like_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-lightbulb::before { -webkit-mask-image: url('16_light_bulb.svg'); mask-image: url('16_light_bulb.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-lightbulb::before { -webkit-mask-image: url('24_light_bulb.svg'); mask-image: url('24_light_bulb.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-link::before { -webkit-mask-image: url('16_link.svg'); mask-image: url('16_link.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-link::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_link.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_link.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-list::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-list::before { -webkit-mask-image: url('24_list.svg'); mask-image: url('24_list.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-list-view::before { -webkit-mask-image: url('16_list_view.svg'); mask-image: url('16_list_view.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-list-view::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_list_view.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_list_view.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-location::before { -webkit-mask-image: url('16_location.svg'); mask-image: url('16_location.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-location::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_location.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_location.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-lock::before { -webkit-mask-image: url('16_lock.svg'); mask-image: url('16_lock.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-lock::before { -webkit-mask-image: url('24_lock.svg'); mask-image: url('24_lock.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-locked::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_locked.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_locked.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-locked::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_locked.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_locked.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-lodging::before { -webkit-mask-image: url('16_lodging.svg'); mask-image: url('16_lodging.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-lodging::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_lodging.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_lodging.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-logon-failed::before { -webkit-mask-image: url('16_logon_failed.svg'); mask-image: url('16_logon_failed.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-logon-failed::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_logon_failed.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_logon_failed.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-logout::before { -webkit-mask-image: url('16_logout.svg'); mask-image: url('16_logout.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-logout::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_logout.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_logout.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-logout-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-logout-2::before { -webkit-mask-image: url('24_logout_2.svg'); mask-image: url('24_logout_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-lunch::before { -webkit-mask-image: url('16_lunch.svg'); mask-image: url('16_lunch.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-lunch::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_lunch.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_lunch.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-mail-notification::before { -webkit-mask-image: url('16_mail_notification.svg'); mask-image: url('16_mail_notification.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-mail-notification::before { -webkit-mask-image: url('24_mail_notification.svg'); mask-image: url('24_mail_notification.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-managers-time-registration::before { -webkit-mask-image: url('16_managers_time_registration.svg'); mask-image: url('16_managers_time_registration.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-managers-time-registration::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_managers_time_registration.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_managers_time_registration.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-merchant::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-merchant::before { -webkit-mask-image: url('24_merchant.svg'); mask-image: url('24_merchant.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-merge::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-merge::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_merge.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_merge.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-merge-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-merge-2::before { -webkit-mask-image: url('24_merge_2.svg'); mask-image: url('24_merge_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-minimize::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-minimize::before { -webkit-mask-image: url('24_minimize.svg'); mask-image: url('24_minimize.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-minus::before { -webkit-mask-image: url('24_minus.svg'); mask-image: url('24_minus.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-minus::before { -webkit-mask-image: url('16_minus.svg'); mask-image: url('16_minus.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-more::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-more::before { -webkit-mask-image: url('24_more.svg'); mask-image: url('24_more.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-more-filled::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-more-filled::before { -webkit-mask-image: url('24_more_filled.svg'); mask-image: url('24_more_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-motorcycle::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-motorcycle::before { -webkit-mask-image: url('24_motorcycle.svg'); mask-image: url('24_motorcycle.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-ms-excel::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-ms-excel::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_ms_excel.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_ms_excel.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-multiple-screens::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-multiple-screens::before { -webkit-mask-image: url('24_multiple_screens.svg'); mask-image: url('24_multiple_screens.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-multiple-selection::before { -webkit-mask-image: url('16_multiple_selection.svg'); mask-image: url('16_multiple_selection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-multiple-selection::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_multiple_selection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_multiple_selection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-multiselection::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_multiselection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_multiselection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-multiselection::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_multiselection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_multiselection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-my-favorite::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-my-favorite::before { -webkit-mask-image: url('24_my_favorite.svg'); mask-image: url('24_my_favorite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-new::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_new.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_new.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-new::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_new.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_new.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-news::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-news::before { -webkit-mask-image: url('24_news.svg'); mask-image: url('24_news.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-no-edit::before { -webkit-mask-image: url('16_no_edit.svg'); mask-image: url('16_no_edit.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-no-edit::before { -webkit-mask-image: url('24_no_edit.svg'); mask-image: url('24_no_edit.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-no-preview::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-no-preview::before { -webkit-mask-image: url('24_no_preview.svg'); mask-image: url('24_no_preview.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-note::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_note.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_note.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-note::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_note.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_note.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-note-blank::before { -webkit-mask-image: url('16_note_blank.svg'); mask-image: url('16_note_blank.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-note-blank::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_note_blank.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_note_blank.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-office-building::before { -webkit-mask-image: url('16_office_building.svg'); mask-image: url('16_office_building.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-office-building::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_office_building.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_office_building.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-open::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_open.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_open.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-open::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_open.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_open.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-order-confirmation::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-order-confirmation::before { -webkit-mask-image: url('24_order_confirmation.svg'); mask-image: url('24_order_confirmation.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-order-imported::before { -webkit-mask-image: url('16_order_imported.svg'); mask-image: url('16_order_imported.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-order-imported::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_order_imported.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_order_imported.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-outgoing-error::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-outgoing-error::before { -webkit-mask-image: url('24_outgoing_error.svg'); mask-image: url('24_outgoing_error.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-outgoing-progress::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-outgoing-progress::before { -webkit-mask-image: url('24_outgoing_in_progress.svg'); mask-image: url('24_outgoing_in_progress.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-output::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-output::before { -webkit-mask-image: url('24_output.svg'); mask-image: url('24_output.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-overtime::before { -webkit-mask-image: url('16_overtime.svg'); mask-image: url('16_overtime.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-overtime::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_overtime.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_overtime.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-overtime-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-overtime-2::before { -webkit-mask-image: url('24_overtime_2.svg'); mask-image: url('24_overtime_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-pagination::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-pagination::before { -webkit-mask-image: url('24_pagination.svg'); mask-image: url('24_pagination.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-panel::before { -webkit-mask-image: url('16_panel.svg'); mask-image: url('16_panel.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-panel::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_panel.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_panel.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-paperplane::before { -webkit-mask-image: url('16_paperplane.svg'); mask-image: url('16_paperplane.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-paperplane::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_paperplane.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_paperplane.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-parental-leave::before { -webkit-mask-image: url('16_parental_leave.svg'); mask-image: url('16_parental_leave.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-parental-leave::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_parental_leave.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_parental_leave.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-parental-leave-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-parental-leave-2::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_parental_leave_2.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_parental_leave_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-parking::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-parking::before { -webkit-mask-image: url('24_parking.svg'); mask-image: url('24_parking.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-paste::before { -webkit-mask-image: url('16_clipboard_paper.svg'); mask-image: url('16_clipboard_paper.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-paste::before { -webkit-mask-image: url('24_clipboard_paper.svg'); mask-image: url('24_clipboard_paper.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-payment::before { -webkit-mask-image: url('16_payment.svg'); mask-image: url('16_payment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-payment::before { -webkit-mask-image: url('24_payment.svg'); mask-image: url('24_payment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-payment-cash::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-payment-cash::before { -webkit-mask-image: url('24_payment_cash.svg'); mask-image: url('24_payment_cash.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-pdf::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-pdf::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_pdf.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_pdf.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-pdf-multiple::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-pdf-multiple::before { -webkit-mask-image: url('24_pdf_multiple.svg'); mask-image: url('24_pdf_multiple.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-pedestrian::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-pedestrian::before { -webkit-mask-image: url('24_pedestrian.svg'); mask-image: url('24_pedestrian.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-phone::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_phone.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_phone.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-phone::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_phone.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_phone.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-pin::before { -webkit-mask-image: url('16_pin.svg'); mask-image: url('16_pin.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-pin::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_pin.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_pin.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-platform-cloud::before { -webkit-mask-image: url('16_platform_cloud.svg'); mask-image: url('16_platform_cloud.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-platform-cloud::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_platform_cloud.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_platform_cloud.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-platform-mobile::before { -webkit-mask-image: url('16_platform_mobile.svg'); mask-image: url('16_platform_mobile.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-platform-mobile::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_platform_mobile.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_platform_mobile.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-plus::before { -webkit-mask-image: url('16_plus.svg'); mask-image: url('16_plus.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-plus::before { -webkit-mask-image: url('24_plus.svg'); mask-image: url('24_plus.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-post-it::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-post-it::before { -webkit-mask-image: url('24_post_it.svg'); mask-image: url('24_post_it.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-preview::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_preview.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_preview.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-preview::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_preview.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_preview.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-preview-document::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-preview-document::before { -webkit-mask-image: url('24_preview_document.svg'); mask-image: url('24_preview_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-price::before { -webkit-mask-image: url('16_price.svg'); mask-image: url('16_price.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-price::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_price.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_price.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-price-euro::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-price-euro::before { -webkit-mask-image: url('24_price_euro.svg'); mask-image: url('24_price_euro.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-print::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_print.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_print.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-print::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_print.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_print.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-privacy::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-privacy::before { -webkit-mask-image: url('24_privacy_locked.svg'); mask-image: url('24_privacy_locked.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-private-user::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-private-user::before { -webkit-mask-image: url('24_private_user.svg'); mask-image: url('24_private_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-purchase-invoice::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-purchase-invoice::before { -webkit-mask-image: url('24_purchase_invoice.svg'); mask-image: url('24_purchase_invoice.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-qr-code::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-qr-code::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_qr_code.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_qr_code.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-quote::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-quote::before { -webkit-mask-image: url('24_quote.svg'); mask-image: url('24_quote.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-quote-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-quote-2::before { -webkit-mask-image: url('24_quote_2.svg'); mask-image: url('24_quote_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-reassign::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-reassign::before { -webkit-mask-image: url('24_reassign.svg'); mask-image: url('24_reassign.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-receipt::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-receipt::before { -webkit-mask-image: url('24_receipt.svg'); mask-image: url('24_receipt.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-record::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-record::before { -webkit-mask-image: url('24_record.svg'); mask-image: url('24_record.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-record-circle::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-record-circle::before { -webkit-mask-image: url('24_record_circle.svg'); mask-image: url('24_record_circle.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-redacted-file::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-redacted-file::before { -webkit-mask-image: url('24_redacted_file.svg'); mask-image: url('24_redacted_file.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-redo::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_redo.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_redo.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-redo::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_redo.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_redo.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-refresh::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_refresh.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_refresh.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-refresh::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_refresh.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_refresh.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-reorder::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-reorder::before { -webkit-mask-image: url('16_reorder.svg'); mask-image: url('16_reorder.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-reorder-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-reorder-2::before { -webkit-mask-image: url('16_reorder_2.svg'); mask-image: url('16_reorder_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-remarks::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-remarks::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_remarks.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_remarks.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-reminder::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_alarm.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_alarm.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-reminder::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_alarm.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_alarm.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-remove::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-remove::before { -webkit-mask-image: url('24_remove.svg'); mask-image: url('24_remove.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-remove-favorite::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-remove-favorite::before { -webkit-mask-image: url('24_remove_from_favorite.svg'); mask-image: url('24_remove_from_favorite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-replace::before { -webkit-mask-image: url('16_replace.svg'); mask-image: url('16_replace.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-replace::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_replace.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_replace.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-report::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_report.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_report.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-report::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_report.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_report.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-reset::before { -webkit-mask-image: url('16_reset.svg'); mask-image: url('16_reset.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-reset::before { -webkit-mask-image: url('24_reset.svg'); mask-image: url('24_reset.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-review::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-review::before { -webkit-mask-image: url('24_review.svg'); mask-image: url('24_review.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-ribbon-medal::before { -webkit-mask-image: url('16_ribbon_medal.svg'); mask-image: url('16_ribbon_medal.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-ribbon-medal::before { -webkit-mask-image: url('24_ribbon_medal.svg'); mask-image: url('24_ribbon_medal.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-road-toll::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-road-toll::before { -webkit-mask-image: url('24_road_toll.svg'); mask-image: url('24_road_toll.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-roadmap::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-roadmap::before { -webkit-mask-image: url('24_roadmap.svg'); mask-image: url('24_roadmap.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-robot::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-robot::before { -webkit-mask-image: url('24_robot.svg'); mask-image: url('24_robot.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-rotate-ccw::before { -webkit-mask-image: url('16_rotate_ccw.svg'); mask-image: url('16_rotate_ccw.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-rotate-ccw::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_rotate_ccw.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_rotate_ccw.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-rotate-cw::before { -webkit-mask-image: url('16_rotate_cw.svg'); mask-image: url('16_rotate_cw.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-rotate-cw::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_rotate_cw.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_rotate_cw.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-row::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-row::before { -webkit-mask-image: url('24_row.svg'); mask-image: url('24_row.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-row-condenced::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-row-condenced::before { -webkit-mask-image: url('24_row_condenced.svg'); mask-image: url('24_row_condenced.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-salary-euro::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-salary-euro::before { -webkit-mask-image: url('24_salary_euro.svg'); mask-image: url('24_salary_euro.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sales::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sales::before { -webkit-mask-image: url('24_sales.svg'); mask-image: url('24_sales.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sales-invoice::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sales-invoice::before { -webkit-mask-image: url('24_sales_invoice.svg'); mask-image: url('24_sales_invoice.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sales-invoice-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sales-invoice-2::before { -webkit-mask-image: url('24_sales_invoice_2.svg'); mask-image: url('24_sales_invoice_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-save::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_save.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_save.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-save::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_save.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_save.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-schedule::before { -webkit-mask-image: url('16_schedule.svg'); mask-image: url('16_schedule.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-schedule::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_schedule.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_schedule.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-search::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_search.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_search.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-search::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_search.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_search.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-send::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_send.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_send.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-send::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_send.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_send.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sending-failed::before { -webkit-mask-image: url('16_sending_failed.svg'); mask-image: url('16_sending_failed.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sending-failed::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sending_failed.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sending_failed.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-settings::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_settings.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_settings.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-settings::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_settings.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_settings.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-settings-checked::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-settings-checked::before { -webkit-mask-image: url('24_settings_checked.svg'); mask-image: url('24_settings_checked.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-settings-checked-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-settings-checked-2::before { -webkit-mask-image: url('24_settings_checked_2.svg'); mask-image: url('24_settings_checked_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-shared::before { -webkit-mask-image: url('16_shared_with_me.svg'); mask-image: url('16_shared_with_me.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-shared::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_shared_with_me.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_shared_with_me.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-shipping::before { -webkit-mask-image: url('16_shipping.svg'); mask-image: url('16_shipping.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-shipping::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_shipping.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_shipping.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-shopping-cart::before { -webkit-mask-image: url('16_shopping_cart.svg'); mask-image: url('16_shopping_cart.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-shopping-cart::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_shopping_cart.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_shopping_cart.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sick-child::before { -webkit-mask-image: url('16_sick_child.svg'); mask-image: url('16_sick_child.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sick-child::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sick_child.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sick_child.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sickness::before { -webkit-mask-image: url('16_sickness.svg'); mask-image: url('16_sickness.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sickness::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sickness.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sickness.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-single-selection::before { -webkit-mask-image: url('16_single_selection.svg'); mask-image: url('16_single_selection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-single-selection::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_single_selection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_single_selection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sort-list::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sort-list::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sort_list.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sort_list.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sparkles::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sparkles::before { -webkit-mask-image: url('24_sparkles.svg'); mask-image: url('24_sparkles.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-special-approved::before { -webkit-mask-image: url('16_special_approved.svg'); mask-image: url('16_special_approved.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-special-approved::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_special_approved.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_special_approved.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-special-day::before { -webkit-mask-image: url('16_special_day.svg'); mask-image: url('16_special_day.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-special-day::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_special_day.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_special_day.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-special-day-1::before { -webkit-mask-image: url('16_special_day_1.svg'); mask-image: url('16_special_day_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-special-day-1::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_special_day_1.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_special_day_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-split::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-split::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_split.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_split.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-split-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-split-2::before { -webkit-mask-image: url('24_split_2.svg'); mask-image: url('24_split_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-stop::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-stop::before { -webkit-mask-image: url('24_stop.svg'); mask-image: url('24_stop.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-stop-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-stop-2::before { -webkit-mask-image: url('24_stop_2.svg'); mask-image: url('24_stop_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-stop-circle::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-stop-circle::before { -webkit-mask-image: url('24_stop_circle.svg'); mask-image: url('24_stop_circle.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-storage::before { -webkit-mask-image: url('16_storage.svg'); mask-image: url('16_storage.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-storage::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_storage.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_storage.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-storage-1::before { -webkit-mask-image: url('16_storage_1.svg'); mask-image: url('16_storage_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-storage-1::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_storage_1.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_storage_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-sound::before { -webkit-mask-image: url('16_sound.svg'); mask-image: url('16_sound.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sound::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sound.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_sound.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-substitute::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-substitute::before { -webkit-mask-image: url('24_substitute.svg'); mask-image: url('24_substitute.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-suitcase::before { -webkit-mask-image: url('16_suitcase.svg'); mask-image: url('16_suitcase.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-suitcase::before { -webkit-mask-image: url('24_suitcase.svg'); mask-image: url('24_suitcase.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-summarize::before { -webkit-mask-image: url('16_summarize.svg'); mask-image: url('16_summarize.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-summarize::before { -webkit-mask-image: url('24_summarize.svg'); mask-image: url('24_summarize.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-summary::before { -webkit-mask-image: url('16_summary.svg'); mask-image: url('16_summary.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-summary::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_summary.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_summary.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-table::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-table::before { -webkit-mask-image: url('24_table.svg'); mask-image: url('24_table.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-table-configurator::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-table-configurator::before { -webkit-mask-image: url('24_table_configurator.svg'); mask-image: url('24_table_configurator.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-tag::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-tag::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_tag.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_tag.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-text::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-text::before { -webkit-mask-image: url('24_text.svg'); mask-image: url('24_text.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-text-document::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_text_document.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_text_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-text-document::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_text_document.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_text_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-third-party-domain::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-third-party-domain::before { -webkit-mask-image: url('24_third_party_domain.svg'); mask-image: url('24_third_party_domain.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-tie::before { -webkit-mask-image: url('16_tie.svg'); mask-image: url('16_tie.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-tie::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_tie.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_tie.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-tile-4-3::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-tile-4-3::before { -webkit-mask-image: url('24_tile_4_3.svg'); mask-image: url('24_tile_4_3.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-tile-view::before { -webkit-mask-image: url('16_tile_view.svg'); mask-image: url('16_tile_view.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-tile-view::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_tile_view.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_tile_view.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-time::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_time.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_time.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-time::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_time.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_time.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-time-2::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-time-2::before { -webkit-mask-image: url('24_time_2.svg'); mask-image: url('24_time_2.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-time-comp::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-time-comp::before { -webkit-mask-image: url('24_time_comp.svg'); mask-image: url('24_time_comp.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-time-report::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_time_report.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_time_report.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-time-report::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_time_report.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_time_report.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-timesheet::before { -webkit-mask-image: url('16_timesheet.svg'); mask-image: url('16_timesheet.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-timesheet::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_timesheet.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_timesheet.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-tools::before { -webkit-mask-image: url('16_tools.svg'); mask-image: url('16_tools.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-tools::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_tools.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_tools.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-train::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-train::before { -webkit-mask-image: url('24_train.svg'); mask-image: url('24_train.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-translate::before { -webkit-mask-image: url('16_translate.svg'); mask-image: url('16_translate.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-translate::before { -webkit-mask-image: url('24_translate.svg'); mask-image: url('24_translate.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-truck::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-truck::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_truck.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_truck.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-textrow::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-textrow::before { -webkit-mask-image: url('24_textrow.svg'); mask-image: url('24_textrow.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-undefined-document::before { -webkit-mask-image: url('16_undefined_document.svg'); mask-image: url('16_undefined_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-undefined-document::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_undefined_document.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_undefined_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-undo::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_undo.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_undo.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-undo::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_undo.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_undo.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-unlike::before { -webkit-mask-image: url('16_unlike.svg'); mask-image: url('16_unlike.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-unlike::before { -webkit-mask-image: url('24_unlike.svg'); mask-image: url('24_unlike.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-unlike-filled::before { -webkit-mask-image: url('16_unlike_filled.svg'); mask-image: url('16_unlike_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-unlike-filled::before { -webkit-mask-image: url('24_unlike_filled.svg'); mask-image: url('24_unlike_filled.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-unlocked::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_unlocked.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_unlocked.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-unlocked::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_unlocked.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_unlocked.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-unpin::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-unpin::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_unpin.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_unpin.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-unread-comment::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_unread_comment.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_unread_comment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-unread-comment::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_unread_comment.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_unread_comment.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_user.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-away::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-away::before { -webkit-mask-image: url('24_user_away.svg'); mask-image: url('24_user_away.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-connection::before { -webkit-mask-image: url('16_user_connection.svg'); mask-image: url('16_user_connection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-connection::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_connection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_connection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-deceased::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-deceased::before { -webkit-mask-image: url('24_user_deceased.svg'); mask-image: url('24_user_deceased.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-edit::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-edit::before { -webkit-mask-image: url('24_user_edit.svg'); mask-image: url('24_user_edit.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-favorite::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-favorite::before { -webkit-mask-image: url('24_user_favorite.svg'); mask-image: url('24_user_favorite.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-favorite-1::before { -webkit-mask-image: url('16_user_favorite_1.svg'); mask-image: url('16_user_favorite_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-favorite-1::before { -webkit-mask-image: url('24_user_favorite_1.svg'); mask-image: url('24_user_favorite_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-folder::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_user_folder.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_user_folder.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-folder::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_folder.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_folder.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-inactive::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-inactive::before { -webkit-mask-image: url('24_user_inactive.svg'); mask-image: url('24_user_inactive.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-list::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_user_list.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_user_list.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-list::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_list.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_list.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-logged-out::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-logged-out::before { -webkit-mask-image: url('24_user_logged_out.svg'); mask-image: url('24_user_logged_out.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-offline::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-offline::before { -webkit-mask-image: url('24_user_offline.svg'); mask-image: url('24_user_offline.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-percentage::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-percentage::before { -webkit-mask-image: url('24_user_percentage.svg'); mask-image: url('24_user_percentage.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-placeholder::before { -webkit-mask-image: url('16_user_placeholder.svg'); mask-image: url('16_user_placeholder.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-placeholder::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_placeholder.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_placeholder.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-reports::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-reports::before { -webkit-mask-image: url('24_user_reports.svg'); mask-image: url('24_user_reports.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-settings::before { -webkit-mask-image: url('16_user_settings.svg'); mask-image: url('16_user_settings.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-settings::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_settings.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_user_settings.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-user-unknown::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-user-unknown::before { -webkit-mask-image: url('24_user_unknown.svg'); mask-image: url('24_user_unknown.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-users::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_users.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_users.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-users::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_users.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_users.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-upload::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_upload.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_upload.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-upload::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_upload.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_upload.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-vacation::before { -webkit-mask-image: url('16_vacation.svg'); mask-image: url('16_vacation.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-vacation::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_vacation.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_vacation.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-vacation-1::before { -webkit-mask-image: url('16_vacation_1.svg'); mask-image: url('16_vacation_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-vacation-1::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_vacation_1.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_vacation_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-vacation-suitcase::before { -webkit-mask-image: url('16_vacation_suitcase.svg'); mask-image: url('16_vacation_suitcase.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-vacation-suitcase::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_vacation_suitcase.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_vacation_suitcase.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-video::before { -webkit-mask-image: url('16_video.svg'); mask-image: url('16_video.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-video::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_video.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_video.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-video-1::before { -webkit-mask-image: url('16_video_1.svg'); mask-image: url('16_video_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-video-1::before { -webkit-mask-image: url('24_video_1.svg'); mask-image: url('24_video_1.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-voucher::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-voucher::before { -webkit-mask-image: url('24_voucher.svg'); mask-image: url('24_voucher.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-web::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_web.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_web.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-web::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_web.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_web.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-website-reports::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-website-reports::before { -webkit-mask-image: url('24_website_reports.svg'); mask-image: url('24_website_reports.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-website-settings::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-website-settings::before { -webkit-mask-image: url('24_website_settings.svg'); mask-image: url('24_website_settings.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-workflow::before, .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-workflow::before { -webkit-mask-image: url('24_workflow.svg'); mask-image: url('24_workflow.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-working-day::before { -webkit-mask-image: url('16_working_day.svg'); mask-image: url('16_working_day.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-working-day::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_working_day.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_working_day.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-working-time::before { -webkit-mask-image: url('16_working_time.svg'); mask-image: url('16_working_time.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-working-time::before { -webkit-mask-image: url('24_working_time.svg'); mask-image: url('24_working_time.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-xml::before { -webkit-mask-image: url('16_xml.svg'); mask-image: url('16_xml.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-xml::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_xml.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_xml.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-xml-document::before { -webkit-mask-image: url('16_xml_document.svg'); mask-image: url('16_xml_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-xml-document::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_xml_document.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_xml_document.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-zoom-in::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_zoom_in.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_zoom_in.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-zoom-in::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_zoom_in.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_zoom_in.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-zoom-out::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_zoom_out.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_zoom_out.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-zoom-out::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_zoom_out.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_zoom_out.svg'); } .vismaicon.vismaicon-sm.vismaicon-add-circle::before { -webkit-mask-image: url('16_add.svg'); mask-image: url('16_add.svg'); } .vismaicon.vismaicon-add-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-24_add.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-24_add.svg'); } .vismaicon.vismaicon-sm.vismaicon-arrow-up-circle::before { -webkit-mask-image: url('16_arrow_up.svg'); mask-image: url('16_arrow_up.svg'); } .vismaicon.vismaicon-arrow-up-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-24_arrow_up.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-24_arrow_up.svg'); } .vismaicon.vismaicon-sm.vismaicon-arrow-right-circle::before { -webkit-mask-image: url('16_arrow_right.svg'); mask-image: url('16_arrow_right.svg'); } .vismaicon.vismaicon-arrow-right-circle::before { -webkit-mask-image: url('24_arrow_right.svg'); mask-image: url('24_arrow_right.svg'); } .vismaicon.vismaicon-sm.vismaicon-arrow-down-circle::before { -webkit-mask-image: url('16_arrow_down.svg'); mask-image: url('16_arrow_down.svg'); } .vismaicon.vismaicon-arrow-down-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-24_arrow_down.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-24_arrow_down.svg'); } .vismaicon.vismaicon-sm.vismaicon-arrow-left-circle::before { -webkit-mask-image: url('16_arrow_left.svg'); mask-image: url('16_arrow_left.svg'); } .vismaicon.vismaicon-arrow-left-circle::before { -webkit-mask-image: url('24_arrow_left.svg'); mask-image: url('24_arrow_left.svg'); } .vismaicon.vismaicon-sm.vismaicon-cancel-circle::before { -webkit-mask-image: url('16_cancel.svg'); mask-image: url('16_cancel.svg'); } .vismaicon.vismaicon-cancel-circle::before { -webkit-mask-image: url('24_cancel.svg'); mask-image: url('24_cancel.svg'); } .vismaicon.vismaicon-sm.vismaicon-collapse-circle::before { -webkit-mask-image: url('16_collapse.svg'); mask-image: url('16_collapse.svg'); } .vismaicon.vismaicon-collapse-circle::before { -webkit-mask-image: url('24_collapse.svg'); mask-image: url('24_collapse.svg'); } .vismaicon.vismaicon-sm.vismaicon-expand-circle::before { -webkit-mask-image: url('16_expand.svg'); mask-image: url('16_expand.svg'); } .vismaicon.vismaicon-expand-circle::before { -webkit-mask-image: url('24_expand.svg'); mask-image: url('24_expand.svg'); } .vismaicon.vismaicon-sm.vismaicon-first-circle::before { -webkit-mask-image: url('16_first.svg'); mask-image: url('16_first.svg'); } .vismaicon.vismaicon-first-circle::before { -webkit-mask-image: url('24_first.svg'); mask-image: url('24_first.svg'); } .vismaicon.vismaicon-sm.vismaicon-forbidden-circle::before { -webkit-mask-image: url('24_forbidden.svg'); mask-image: url('24_forbidden.svg'); } .vismaicon.vismaicon-forbidden-circle::before { -webkit-mask-image: url('24_forbidden.svg'); mask-image: url('24_forbidden.svg'); } .vismaicon.vismaicon-sm.vismaicon-forward-circle::before { -webkit-mask-image: url('16_forward.svg'); mask-image: url('16_forward.svg'); } .vismaicon.vismaicon-forward-circle::before { -webkit-mask-image: url('24_forward.svg'); mask-image: url('24_forward.svg'); } .vismaicon.vismaicon-sm.vismaicon-last-circle::before { -webkit-mask-image: url('16_last.svg'); mask-image: url('16_last.svg'); } .vismaicon.vismaicon-last-circle::before { -webkit-mask-image: url('24_last.svg'); mask-image: url('24_last.svg'); } .vismaicon.vismaicon-sm.vismaicon-menu-circle::before { -webkit-mask-image: url('16_menu.svg'); mask-image: url('16_menu.svg'); } .vismaicon.vismaicon-menu-circle::before { -webkit-mask-image: url('24_menu.svg'); mask-image: url('24_menu.svg'); } .vismaicon.vismaicon-sm.vismaicon-move-up-circle::before { -webkit-mask-image: url('16_up.svg'); mask-image: url('16_up.svg'); } .vismaicon.vismaicon-move-up-circle::before { -webkit-mask-image: url('24_up.svg'); mask-image: url('24_up.svg'); } .vismaicon.vismaicon-sm.vismaicon-move-right-circle::before { -webkit-mask-image: url('16_right.svg'); mask-image: url('16_right.svg'); } .vismaicon.vismaicon-move-right-circle::before { -webkit-mask-image: url('24_right.svg'); mask-image: url('24_right.svg'); } .vismaicon.vismaicon-sm.vismaicon-move-down-circle::before { -webkit-mask-image: url('16_down.svg'); mask-image: url('16_down.svg'); } .vismaicon.vismaicon-move-down-circle::before { -webkit-mask-image: url('24_down.svg'); mask-image: url('24_down.svg'); } .vismaicon.vismaicon-sm.vismaicon-move-left-circle::before { -webkit-mask-image: url('16_left.svg'); mask-image: url('16_left.svg'); } .vismaicon.vismaicon-move-left-circle::before { -webkit-mask-image: url('24_left.svg'); mask-image: url('24_left.svg'); } .vismaicon.vismaicon-sm.vismaicon-ok-circle::before { -webkit-mask-image: url('16_ok.svg'); mask-image: url('16_ok.svg'); } .vismaicon.vismaicon-ok-circle::before { -webkit-mask-image: url('24_ok.svg'); mask-image: url('24_ok.svg'); } .vismaicon.vismaicon-sm.vismaicon-other-circle::before { -webkit-mask-image: url('16_other.svg'); mask-image: url('16_other.svg'); } .vismaicon.vismaicon-other-circle::before { -webkit-mask-image: url('24_other.svg'); mask-image: url('24_other.svg'); } .vismaicon.vismaicon-sm.vismaicon-pause-circle::before { -webkit-mask-image: url('16_pause.svg'); mask-image: url('16_pause.svg'); } .vismaicon.vismaicon-pause-circle::before { -webkit-mask-image: url('24_pause.svg'); mask-image: url('24_pause.svg'); } .vismaicon.vismaicon-sm.vismaicon-play-circle::before { -webkit-mask-image: url('16_play.svg'); mask-image: url('16_play.svg'); } .vismaicon.vismaicon-play-circle::before { -webkit-mask-image: url('24_play.svg'); mask-image: url('24_play.svg'); } .vismaicon.vismaicon-sm.vismaicon-remove-circle::before { -webkit-mask-image: url('16_remove.svg'); mask-image: url('16_remove.svg'); } .vismaicon.vismaicon-remove-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-24_remove.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-24_remove.svg'); } .vismaicon.vismaicon-sm.vismaicon-rewind-circle::before { -webkit-mask-image: url('16_rewind.svg'); mask-image: url('16_rewind.svg'); } .vismaicon.vismaicon-rewind-circle::before { -webkit-mask-image: url('24_rewind.svg'); mask-image: url('24_rewind.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-add-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_add.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_add.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-add-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_add.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_add.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-action-stop::before { -webkit-mask-image: url('16_action_stop.svg'); mask-image: url('16_action_stop.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-action-stop::before { -webkit-mask-image: url('24_action_stop.svg'); mask-image: url('24_action_stop.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-up-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_arrow_up.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_arrow_up.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-up-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_arrow_up.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_arrow_up.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-right-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_arrow_right.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_arrow_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-right-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_arrow_right.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_arrow_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-down-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_arrow_down.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_arrow_down.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-down-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_arrow_down.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_arrow_down.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-arrow-left-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_arrow_left.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_arrow_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-arrow-left-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_arrow_left.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_arrow_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-cancel-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_cancel.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_cancel.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-cancel-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_cancel.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_cancel.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-collapse-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_collapse.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_collapse.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-collapse-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_collapse.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_collapse.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-expand-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_expand.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_expand.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-expand-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_expand.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_expand.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-first-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_first.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_first.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-first-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_first.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_first.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-forward-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_forward.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_forward.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-forward-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_forward.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_forward.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-last-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_last.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_last.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-last-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_last.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_last.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-menu-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_menu.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_menu.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-menu-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_menu.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_menu.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-move-up-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_up.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_up.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-move-up-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_up.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_up.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-move-right-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_right.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-move-right-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_right.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_right.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-move-down-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_down.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_down.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-move-down-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_down.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_down.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-move-left-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_left.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-move-left-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_left.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_left.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-ok-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_ok.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_ok.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-ok-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_ok.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_ok.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-other-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_other.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_other.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-other-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_other.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_other.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-pause-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_pause.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_pause.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-pause-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_pause.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_pause.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-play-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_play.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_play.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-play-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_play.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_play.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-remove-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_remove.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_remove.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-remove-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_remove.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_remove.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-sm.vismaicon-rewind-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_rewind.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-16_rewind.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-rewind-circle::before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_rewind.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-action-icons-dynamic-24_rewind.svg'); } .vismaicon.vismaicon-filled:before { width: 2.4rem; height: 2.4rem; mask-position: 0 0; -webkit-mask-position: 0 0; mask-size: auto; -webkit-mask-size: auto; } .vismaicon.vismaicon-filled.vismaicon-sm:before { width: 1.6rem; height: 1.6rem; mask-position: 0 0; -webkit-mask-position: 0 0; mask-size: auto; -webkit-mask-size: auto; } .vismaicon.vismaicon-filled.vismaicon-lg:before { width: 4.8rem; height: 4.8rem; mask-position: 0 0; -webkit-mask-position: 0 0; mask-size: auto; -webkit-mask-size: auto; } .vismaicon.vismaicon-filled.vismaicon-error:before { background-color: var(--vismaicon-informative-error-bg); } .vismaicon.vismaicon-filled.vismaicon-warning:before { background-color: var(--vismaicon-informative-warning-bg); } .vismaicon.vismaicon-filled.vismaicon-info:not(.vismaicon-menu):before { background-color: var(--vismaicon-informative-info-bg); } .vismaicon.vismaicon-filled.vismaicon-success:before { background-color: var(--vismaicon-informative-success-bg); } .vismaicon.vismaicon-filled.vismaicon-help:before { background-color: var(--vismaicon-informative-help-bg); } .vismaicon.vismaicon-filled.vismaicon-error:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_error_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_error_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-error.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_error_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_error_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-error.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_error_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_error_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-warning:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_warning_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_warning_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-warning.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_warning_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_warning_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-warning.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_warning_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_warning_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-info:not(.vismaicon-menu):before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_info_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_info_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-info:not(.vismaicon-menu).vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_info_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_info_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-info:not(.vismaicon-menu).vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_info_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_info_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-success:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_success_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_success_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-success.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_success_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_success_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-success.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_success_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_success_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-help:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_help_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_help_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-help.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_help_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_help_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-help.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_help_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-informative_icon_help_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-error:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_error_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_error_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-error.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_error_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_error_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-error.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_error_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_error_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-warning:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_warning_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_warning_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-warning.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_warning_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_warning_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-warning.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_warning_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_warning_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-info:not(.vismaicon-menu):before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_info_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_info_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-info:not(.vismaicon-menu).vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_info_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_info_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-info:not(.vismaicon-menu).vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_info_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_info_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-success:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_success_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_success_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-success.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_success_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_success_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-success.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_success_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_success_sm.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-help:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_help_md.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_help_md.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-help.vismaicon-lg:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_help_lg.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_help_lg.svg'); } .vismaicon.vismaicon-filled.vismaicon-dynamic.vismaicon-help.vismaicon-sm:before { mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_help_sm.svg'); -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-informative-filled-icons-dynamic-informative_icon_help_sm.svg'); } .vismaicon.vismaicon-datepicker:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-datepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-datepicker.svg'); } .vismaicon.vismaicon-timepicker:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-timepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-timepicker.svg'); } .vismaicon.vismaicon-autocomplete:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-autocomplete.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-autocomplete.svg'); } .vismaicon .vismaicon-multiselection:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-multiselection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-multiselection.svg'); } .vismaicon .vismaicon-close:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-dynamic-close.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-interface-controls-dynamic-close.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar:before, .vismaicon.vismaicon-dynamic.vismaicon-datepicker:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_datepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_datepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-calendar.vismaicon-sm:before, .vismaicon.vismaicon-dynamic.vismaicon-datepicker.vismaicon-sm:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_datepicker.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_datepicker.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-autocomplete:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_autocomplete.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_autocomplete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-autocomplete.vismaicon-sm:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_autocomplete.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_autocomplete.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-multiselection:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_multiselection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_multiselection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-multiselection.vismaicon-sm:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_multiselection.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_multiselection.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-close:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_close.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-24_close.svg'); } .vismaicon.vismaicon-dynamic.vismaicon-close.vismaicon-sm:before { -webkit-mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_close.svg'); mask-image: url('_-_-node_modules-@vismaux-vud-icons-dist-img-vismaicons-worksurface-dynamic-16_close.svg'); } .vismaicon.vismaicon-media::before, .vismaicon.vismaicon-github::before, .vismaicon.vismaicon-visma::before, .vismaicon.vismaicon-youtube::before, .vismaicon.vismaicon-vimeo::before, .vismaicon.vismaicon-twitter::before, .vismaicon.vismaicon-tumblr::before, .vismaicon.vismaicon-skype::before, .vismaicon.vismaicon-pinterest::before, .vismaicon.vismaicon-linkedin::before, .vismaicon.vismaicon-google::before, .vismaicon.vismaicon-flickr::before, .vismaicon.vismaicon-facebook::before { background-color: rgba(0, 0, 0, 0); } .vismaicon.vismaicon-media:hover:before, .vismaicon.vismaicon-media:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-media:before, .vismaicon.vismaicon-media.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-media:before, .vismaicon.vismaicon-media.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-media:before, .vismaicon.vismaicon-github:hover:before, .vismaicon.vismaicon-github:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-github:before, .vismaicon.vismaicon-github.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-github:before, .vismaicon.vismaicon-github.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-github:before, .vismaicon.vismaicon-visma:hover:before, .vismaicon.vismaicon-visma:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-visma:before, .vismaicon.vismaicon-visma.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-visma:before, .vismaicon.vismaicon-visma.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-visma:before, .vismaicon.vismaicon-youtube:hover:before, .vismaicon.vismaicon-youtube:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-youtube:before, .vismaicon.vismaicon-youtube.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-youtube:before, .vismaicon.vismaicon-youtube.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-youtube:before, .vismaicon.vismaicon-vimeo:hover:before, .vismaicon.vismaicon-vimeo:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-vimeo:before, .vismaicon.vismaicon-vimeo.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-vimeo:before, .vismaicon.vismaicon-vimeo.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-vimeo:before, .vismaicon.vismaicon-twitter:hover:before, .vismaicon.vismaicon-twitter:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-twitter:before, .vismaicon.vismaicon-twitter.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-twitter:before, .vismaicon.vismaicon-twitter.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-twitter:before, .vismaicon.vismaicon-tumblr:hover:before, .vismaicon.vismaicon-tumblr:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-tumblr:before, .vismaicon.vismaicon-tumblr.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-tumblr:before, .vismaicon.vismaicon-tumblr.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-tumblr:before, .vismaicon.vismaicon-skype:hover:before, .vismaicon.vismaicon-skype:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-skype:before, .vismaicon.vismaicon-skype.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-skype:before, .vismaicon.vismaicon-skype.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-skype:before, .vismaicon.vismaicon-pinterest:hover:before, .vismaicon.vismaicon-pinterest:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-pinterest:before, .vismaicon.vismaicon-pinterest.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-pinterest:before, .vismaicon.vismaicon-pinterest.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-pinterest:before, .vismaicon.vismaicon-linkedin:hover:before, .vismaicon.vismaicon-linkedin:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-linkedin:before, .vismaicon.vismaicon-linkedin.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-linkedin:before, .vismaicon.vismaicon-linkedin.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-linkedin:before, .vismaicon.vismaicon-google:hover:before, .vismaicon.vismaicon-google:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-google:before, .vismaicon.vismaicon-google.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-google:before, .vismaicon.vismaicon-google.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-google:before, .vismaicon.vismaicon-flickr:hover:before, .vismaicon.vismaicon-flickr:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-flickr:before, .vismaicon.vismaicon-flickr.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-flickr:before, .vismaicon.vismaicon-flickr.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-flickr:before, .vismaicon.vismaicon-facebook:hover:before, .vismaicon.vismaicon-facebook:hover:not(.disabled):before, .hover:not(:active) > .vismaicon.vismaicon-facebook:before, .vismaicon.vismaicon-facebook.hover:not(:active):before, .hover:not(:disabled) > .vismaicon.vismaicon-facebook:before, .vismaicon.vismaicon-facebook.hover:not(:disabled):before, .btn-link:hover:not(:active) > .vismaicon.vismaicon-facebook:before { background-color: rgba(0, 0, 0, 0); filter: brightness(0.85); } .vismaicon.vismaicon-media:active::before, .active .vismaicon.vismaicon-media::before, .vismaicon.vismaicon-media.active::before, .btn-link:active .vismaicon.vismaicon-media::before, .btn-icon:active .vismaicon.vismaicon-media::before, .vismaicon.vismaicon-github:active::before, .active .vismaicon.vismaicon-github::before, .vismaicon.vismaicon-github.active::before, .btn-link:active .vismaicon.vismaicon-github::before, .btn-icon:active .vismaicon.vismaicon-github::before, .vismaicon.vismaicon-visma:active::before, .active .vismaicon.vismaicon-visma::before, .vismaicon.vismaicon-visma.active::before, .btn-link:active .vismaicon.vismaicon-visma::before, .btn-icon:active .vismaicon.vismaicon-visma::before, .vismaicon.vismaicon-youtube:active::before, .active .vismaicon.vismaicon-youtube::before, .vismaicon.vismaicon-youtube.active::before, .btn-link:active .vismaicon.vismaicon-youtube::before, .btn-icon:active .vismaicon.vismaicon-youtube::before, .vismaicon.vismaicon-vimeo:active::before, .active .vismaicon.vismaicon-vimeo::before, .vismaicon.vismaicon-vimeo.active::before, .btn-link:active .vismaicon.vismaicon-vimeo::before, .btn-icon:active .vismaicon.vismaicon-vimeo::before, .vismaicon.vismaicon-twitter:active::before, .active .vismaicon.vismaicon-twitter::before, .vismaicon.vismaicon-twitter.active::before, .btn-link:active .vismaicon.vismaicon-twitter::before, .btn-icon:active .vismaicon.vismaicon-twitter::before, .vismaicon.vismaicon-tumblr:active::before, .active .vismaicon.vismaicon-tumblr::before, .vismaicon.vismaicon-tumblr.active::before, .btn-link:active .vismaicon.vismaicon-tumblr::before, .btn-icon:active .vismaicon.vismaicon-tumblr::before, .vismaicon.vismaicon-skype:active::before, .active .vismaicon.vismaicon-skype::before, .vismaicon.vismaicon-skype.active::before, .btn-link:active .vismaicon.vismaicon-skype::before, .btn-icon:active .vismaicon.vismaicon-skype::before, .vismaicon.vismaicon-pinterest:active::before, .active .vismaicon.vismaicon-pinterest::before, .vismaicon.vismaicon-pinterest.active::before, .btn-link:active .vismaicon.vismaicon-pinterest::before, .btn-icon:active .vismaicon.vismaicon-pinterest::before, .vismaicon.vismaicon-linkedin:active::before, .active .vismaicon.vismaicon-linkedin::before, .vismaicon.vismaicon-linkedin.active::before, .btn-link:active .vismaicon.vismaicon-linkedin::before, .btn-icon:active .vismaicon.vismaicon-linkedin::before, .vismaicon.vismaicon-google:active::before, .active .vismaicon.vismaicon-google::before, .vismaicon.vismaicon-google.active::before, .btn-link:active .vismaicon.vismaicon-google::before, .btn-icon:active .vismaicon.vismaicon-google::before, .vismaicon.vismaicon-flickr:active::before, .active .vismaicon.vismaicon-flickr::before, .vismaicon.vismaicon-flickr.active::before, .btn-link:active .vismaicon.vismaicon-flickr::before, .btn-icon:active .vismaicon.vismaicon-flickr::before, .vismaicon.vismaicon-facebook:active::before, .active .vismaicon.vismaicon-facebook::before, .vismaicon.vismaicon-facebook.active::before, .btn-link:active .vismaicon.vismaicon-facebook::before, .btn-icon:active .vismaicon.vismaicon-facebook::before { background-color: rgba(0, 0, 0, 0); filter: brightness(1); } .disabled .vismaicon.vismaicon-media::before, .vismaicon.vismaicon-media.disabled::before, :disabled .vismaicon.vismaicon-media::before, .vismaicon.vismaicon-media:disabled::before, .btn:disabled .vismaicon.vismaicon-media::before, .btn-link:disabled .vismaicon.vismaicon-media::before, .btn-icon:disabled .vismaicon.vismaicon-media::before, .disabled .vismaicon.vismaicon-github::before, .vismaicon.vismaicon-github.disabled::before, :disabled .vismaicon.vismaicon-github::before, .vismaicon.vismaicon-github:disabled::before, .btn:disabled .vismaicon.vismaicon-github::before, .btn-link:disabled .vismaicon.vismaicon-github::before, .btn-icon:disabled .vismaicon.vismaicon-github::before, .disabled .vismaicon.vismaicon-visma::before, .vismaicon.vismaicon-visma.disabled::before, :disabled .vismaicon.vismaicon-visma::before, .vismaicon.vismaicon-visma:disabled::before, .btn:disabled .vismaicon.vismaicon-visma::before, .btn-link:disabled .vismaicon.vismaicon-visma::before, .btn-icon:disabled .vismaicon.vismaicon-visma::before, .disabled .vismaicon.vismaicon-youtube::before, .vismaicon.vismaicon-youtube.disabled::before, :disabled .vismaicon.vismaicon-youtube::before, .vismaicon.vismaicon-youtube:disabled::before, .btn:disabled .vismaicon.vismaicon-youtube::before, .btn-link:disabled .vismaicon.vismaicon-youtube::before, .btn-icon:disabled .vismaicon.vismaicon-youtube::before, .disabled .vismaicon.vismaicon-vimeo::before, .vismaicon.vismaicon-vimeo.disabled::before, :disabled .vismaicon.vismaicon-vimeo::before, .vismaicon.vismaicon-vimeo:disabled::before, .btn:disabled .vismaicon.vismaicon-vimeo::before, .btn-link:disabled .vismaicon.vismaicon-vimeo::before, .btn-icon:disabled .vismaicon.vismaicon-vimeo::before, .disabled .vismaicon.vismaicon-twitter::before, .vismaicon.vismaicon-twitter.disabled::before, :disabled .vismaicon.vismaicon-twitter::before, .vismaicon.vismaicon-twitter:disabled::before, .btn:disabled .vismaicon.vismaicon-twitter::before, .btn-link:disabled .vismaicon.vismaicon-twitter::before, .btn-icon:disabled .vismaicon.vismaicon-twitter::before, .disabled .vismaicon.vismaicon-tumblr::before, .vismaicon.vismaicon-tumblr.disabled::before, :disabled .vismaicon.vismaicon-tumblr::before, .vismaicon.vismaicon-tumblr:disabled::before, .btn:disabled .vismaicon.vismaicon-tumblr::before, .btn-link:disabled .vismaicon.vismaicon-tumblr::before, .btn-icon:disabled .vismaicon.vismaicon-tumblr::before, .disabled .vismaicon.vismaicon-skype::before, .vismaicon.vismaicon-skype.disabled::before, :disabled .vismaicon.vismaicon-skype::before, .vismaicon.vismaicon-skype:disabled::before, .btn:disabled .vismaicon.vismaicon-skype::before, .btn-link:disabled .vismaicon.vismaicon-skype::before, .btn-icon:disabled .vismaicon.vismaicon-skype::before, .disabled .vismaicon.vismaicon-pinterest::before, .vismaicon.vismaicon-pinterest.disabled::before, :disabled .vismaicon.vismaicon-pinterest::before, .vismaicon.vismaicon-pinterest:disabled::before, .btn:disabled .vismaicon.vismaicon-pinterest::before, .btn-link:disabled .vismaicon.vismaicon-pinterest::before, .btn-icon:disabled .vismaicon.vismaicon-pinterest::before, .disabled .vismaicon.vismaicon-linkedin::before, .vismaicon.vismaicon-linkedin.disabled::before, :disabled .vismaicon.vismaicon-linkedin::before, .vismaicon.vismaicon-linkedin:disabled::before, .btn:disabled .vismaicon.vismaicon-linkedin::before, .btn-link:disabled .vismaicon.vismaicon-linkedin::before, .btn-icon:disabled .vismaicon.vismaicon-linkedin::before, .disabled .vismaicon.vismaicon-google::before, .vismaicon.vismaicon-google.disabled::before, :disabled .vismaicon.vismaicon-google::before, .vismaicon.vismaicon-google:disabled::before, .btn:disabled .vismaicon.vismaicon-google::before, .btn-link:disabled .vismaicon.vismaicon-google::before, .btn-icon:disabled .vismaicon.vismaicon-google::before, .disabled .vismaicon.vismaicon-flickr::before, .vismaicon.vismaicon-flickr.disabled::before, :disabled .vismaicon.vismaicon-flickr::before, .vismaicon.vismaicon-flickr:disabled::before, .btn:disabled .vismaicon.vismaicon-flickr::before, .btn-link:disabled .vismaicon.vismaicon-flickr::before, .btn-icon:disabled .vismaicon.vismaicon-flickr::before, .disabled .vismaicon.vismaicon-facebook::before, .vismaicon.vismaicon-facebook.disabled::before, :disabled .vismaicon.vismaicon-facebook::before, .vismaicon.vismaicon-facebook:disabled::before, .btn:disabled .vismaicon.vismaicon-facebook::before, .btn-link:disabled .vismaicon.vismaicon-facebook::before, .btn-icon:disabled .vismaicon.vismaicon-facebook::before { background-image: none; } .vismaicon-facebook:before { background-image: url('24_socialmedia_facebook.svg'); } .disabled .vismaicon-facebook::before, .vismaicon-facebook.disabled::before, :disabled .vismaicon-facebook::before, .vismaicon-facebook:disabled::before, .btn:disabled .vismaicon-facebook::before, .btn-link:disabled .vismaicon-facebook::before, .btn-icon:disabled .vismaicon-facebook::before { mask-image: url('24_socialmedia_facebook.svg'); -webkit-mask-image: url('24_socialmedia_facebook.svg'); } .vismaicon-flickr:before { background-image: url('24_socialmedia_flickr.svg'); } .disabled .vismaicon-flickr::before, .vismaicon-flickr.disabled::before, :disabled .vismaicon-flickr::before, .vismaicon-flickr:disabled::before, .btn:disabled .vismaicon-flickr::before, .btn-link:disabled .vismaicon-flickr::before, .btn-icon:disabled .vismaicon-flickr::before { mask-image: url('24_socialmedia_flickr.svg'); -webkit-mask-image: url('24_socialmedia_flickr.svg'); } .vismaicon-google:before { background-image: url('24_socialmedia_google.svg'); } .vismaicon-google.vismaicon-sm:before { background-image: url('16_socialmedia_google.svg'); } .disabled .vismaicon-google::before, .vismaicon-google.disabled::before, :disabled .vismaicon-google::before, .vismaicon-google:disabled::before, .btn:disabled .vismaicon-google::before, .btn-link:disabled .vismaicon-google::before, .btn-icon:disabled .vismaicon-google::before { mask-image: url('24_socialmedia_google.svg'); -webkit-mask-image: url('24_socialmedia_google.svg'); } .disabled .vismaicon-google.vismaicon-sm:before, .vismaicon-google.disabled.vismaicon-sm:before, :disabled .vismaicon-google.vismaicon-sm:before, .vismaicon-google:disabled.vismaicon-sm:before, .btn:disabled .vismaicon-google.vismaicon-sm:before, .btn-link:disabled .vismaicon-google.vismaicon-sm:before, .btn-icon:disabled .vismaicon-google.vismaicon-sm:before { mask-image: url('16_socialmedia_google.svg'); -webkit-mask-image: url('16_socialmedia_google.svg'); } .vismaicon-linkedin:before { background-image: url('24_socialmedia_linkedin.svg'); } .disabled .vismaicon-linkedin::before, .vismaicon-linkedin.disabled::before, :disabled .vismaicon-linkedin::before, .vismaicon-linkedin:disabled::before, .btn:disabled .vismaicon-linkedin::before, .btn-link:disabled .vismaicon-linkedin::before, .btn-icon:disabled .vismaicon-linkedin::before { mask-image: url('24_socialmedia_linkedin.svg'); -webkit-mask-image: url('24_socialmedia_linkedin.svg'); } .vismaicon-pinterest:before { background-image: url('24_socialmedia_pinterest.svg'); } .disabled .vismaicon-pinterest::before, .vismaicon-pinterest.disabled::before, :disabled .vismaicon-pinterest::before, .vismaicon-pinterest:disabled::before, .btn:disabled .vismaicon-pinterest::before, .btn-link:disabled .vismaicon-pinterest::before, .btn-icon:disabled .vismaicon-pinterest::before { mask-image: url('24_socialmedia_pinterest.svg'); -webkit-mask-image: url('24_socialmedia_pinterest.svg'); } .vismaicon-skype:before { background-image: url('24_socialmedia_skype.svg'); } .disabled .vismaicon-skype::before, .vismaicon-skype.disabled::before, :disabled .vismaicon-skype::before, .vismaicon-skype:disabled::before, .btn:disabled .vismaicon-skype::before, .btn-link:disabled .vismaicon-skype::before, .btn-icon:disabled .vismaicon-skype::before { mask-image: url('24_socialmedia_skype.svg'); -webkit-mask-image: url('24_socialmedia_skype.svg'); } .vismaicon-tumblr:before { background-image: url('24_socialmedia_tumblr.svg'); } .disabled .vismaicon-tumblr::before, .vismaicon-tumblr.disabled::before, :disabled .vismaicon-tumblr::before, .vismaicon-tumblr:disabled::before, .btn:disabled .vismaicon-tumblr::before, .btn-link:disabled .vismaicon-tumblr::before, .btn-icon:disabled .vismaicon-tumblr::before { mask-image: url('24_socialmedia_tumblr.svg'); -webkit-mask-image: url('24_socialmedia_tumblr.svg'); } .vismaicon-twitter:before { background-image: url('24_socialmedia_twitter.svg'); } .disabled .vismaicon-twitter::before, .vismaicon-twitter.disabled::before, :disabled .vismaicon-twitter::before, .vismaicon-twitter:disabled::before, .btn:disabled .vismaicon-twitter::before, .btn-link:disabled .vismaicon-twitter::before, .btn-icon:disabled .vismaicon-twitter::before { mask-image: url('24_socialmedia_twitter.svg'); -webkit-mask-image: url('24_socialmedia_twitter.svg'); } .vismaicon-vimeo:before { background-image: url('24_socialmedia_vimeo.svg'); } .disabled .vismaicon-vimeo::before, .vismaicon-vimeo.disabled::before, :disabled .vismaicon-vimeo::before, .vismaicon-vimeo:disabled::before, .btn:disabled .vismaicon-vimeo::before, .btn-link:disabled .vismaicon-vimeo::before, .btn-icon:disabled .vismaicon-vimeo::before { mask-image: url('24_socialmedia_vimeo.svg'); -webkit-mask-image: url('24_socialmedia_vimeo.svg'); } .vismaicon-youtube:before { background-image: url('24_socialmedia_youtube.svg'); } .disabled .vismaicon-youtube::before, .vismaicon-youtube.disabled::before, :disabled .vismaicon-youtube::before, .vismaicon-youtube:disabled::before, .btn:disabled .vismaicon-youtube::before, .btn-link:disabled .vismaicon-youtube::before, .btn-icon:disabled .vismaicon-youtube::before { mask-image: url('24_socialmedia_youtube.svg'); -webkit-mask-image: url('24_socialmedia_youtube.svg'); } .vismaicon-visma:before { background-image: url('24_socialmedia_visma.svg'); } .disabled .vismaicon-visma::before, .vismaicon-visma.disabled::before, :disabled .vismaicon-visma::before, .vismaicon-visma:disabled::before, .btn:disabled .vismaicon-visma::before, .btn-link:disabled .vismaicon-visma::before, .btn-icon:disabled .vismaicon-visma::before { mask-image: url('24_socialmedia_visma.svg'); -webkit-mask-image: url('24_socialmedia_visma.svg'); } .vismaicon-github:before { background-image: url('24_socialmedia_github.svg'); } .disabled .vismaicon-github::before, .vismaicon-github.disabled::before, :disabled .vismaicon-github::before, .vismaicon-github:disabled::before, .btn:disabled .vismaicon-github::before, .btn-link:disabled .vismaicon-github::before, .btn-icon:disabled .vismaicon-github::before { mask-image: url('24_socialmedia_github.svg'); -webkit-mask-image: url('24_socialmedia_github.svg'); } .vismaicon.vismaicon-flags::before { background-color: rgba(0, 0, 0, 0); -webkit-mask-image: none; mask-image: none; } .vismaicon.vismaicon-argentina::before { background-image: url('24_Argentina.svg'); } .vismaicon.vismaicon-australia::before { background-image: url('24_Australia.svg'); } .vismaicon.vismaicon-austria::before { background-image: url('24_Austria.svg'); } .vismaicon.vismaicon-azerbaijan::before { background-image: url('24_Azerbaijan.svg'); } .vismaicon.vismaicon-belgium::before { background-image: url('24_Belgium.svg'); } .vismaicon.vismaicon-brazil::before { background-image: url('24_Brazil.svg'); } .vismaicon.vismaicon-chile::before { background-image: url('24_Chile.svg'); } .vismaicon.vismaicon-china::before { background-image: url('24_China.svg'); } .vismaicon.vismaicon-columbia::before { background-image: url('24_Columbia.svg'); } .vismaicon.vismaicon-czechia::before { background-image: url('24_Czechia.svg'); } .vismaicon.vismaicon-denmark::before { background-image: url('24_Denmark.svg'); } .vismaicon.vismaicon-ecuador::before { background-image: url('24_Ecuador.svg'); } .vismaicon.vismaicon-estonia::before { background-image: url('24_Estonia.svg'); } .vismaicon.vismaicon-finland::before { background-image: url('24_Finland.svg'); } .vismaicon.vismaicon-france::before { background-image: url('24_France.svg'); } .vismaicon.vismaicon-germany::before { background-image: url('24_Germany.svg'); } .vismaicon.vismaicon-greece::before { background-image: url('24_Greece.svg'); } .vismaicon.vismaicon-greenland::before { background-image: url('24_Greenland.svg'); } .vismaicon.vismaicon-hong-kong::before { background-image: url('24_Hong_Kong.svg'); } .vismaicon.vismaicon-hungary::before { background-image: url('24_Hungary.svg'); } .vismaicon.vismaicon-iceland::before { background-image: url('24_Iceland.svg'); } .vismaicon.vismaicon-italy::before { background-image: url('24_Italy.svg'); } .vismaicon.vismaicon-kazakhstan::before { background-image: url('24_Kazakhstan.svg'); } .vismaicon.vismaicon-latvia::before { background-image: url('24_Latvia.svg'); } .vismaicon.vismaicon-lithuania::before { background-image: url('24_Lithuania.svg'); } .vismaicon.vismaicon-macao::before { background-image: url('24_Macao.svg'); } .vismaicon.vismaicon-mexic::before { background-image: url('24_Mexic.svg'); } .vismaicon.vismaicon-nederlands::before { background-image: url('24_Nederlands.svg'); } .vismaicon.vismaicon-norway::before { background-image: url('24_Norway.svg'); } .vismaicon.vismaicon-peru::before { background-image: url('24_Peru.svg'); } .vismaicon.vismaicon-poland::before { background-image: url('24_Poland.svg'); } .vismaicon.vismaicon-portugal::before { background-image: url('24_Portugal.svg'); } .vismaicon.vismaicon-romania::before { background-image: url('24_Romania.svg'); } .vismaicon.vismaicon-russia::before { background-image: url('24_Russia.svg'); } .vismaicon.vismaicon-sami::before { background-image: url('24_Sami.svg'); } .vismaicon.vismaicon-saudit-arabia::before { background-image: url('24_Saudit_Arabia.svg'); } .vismaicon.vismaicon-spain::before { background-image: url('24_Spain.svg'); } .vismaicon.vismaicon-sweden::before { background-image: url('24_Sweden.svg'); } .vismaicon.vismaicon-switzerland::before { background-image: url('24_Switzerland.svg'); } .vismaicon.vismaicon-taiwan::before { background-image: url('24_Taiwan.svg'); } .vismaicon.vismaicon-tajikistan::before { background-image: url('24_Tajikistan.svg'); } .vismaicon.vismaicon-uk::before { background-image: url('24_UK.svg'); } .vismaicon.vismaicon-usa::before { background-image: url('24_USA.svg'); } .vismaicon.vismaicon-uzbekistan::before { background-image: url('24_Uzbekistan.svg'); } .visma-pictogram.visma-pictogram-add-organisation::before { -webkit-mask-image: url('pictogram_add_organisation.svg'); mask-image: url('pictogram_add_organisation.svg'); } .visma-pictogram.visma-pictogram-added-organisation::before { -webkit-mask-image: url('pictogram_added_organisation.svg'); mask-image: url('pictogram_added_organisation.svg'); } .visma-pictogram.visma-pictogram-admin::before { -webkit-mask-image: url('pictogram_admin.svg'); mask-image: url('pictogram_admin.svg'); } .visma-pictogram.visma-pictogram-air-balloon::before { -webkit-mask-image: url('pictogram_air_balloon.svg'); mask-image: url('pictogram_air_balloon.svg'); } .visma-pictogram.visma-pictogram-alarm::before { -webkit-mask-image: url('pictogram_alarm.svg'); mask-image: url('pictogram_alarm.svg'); } .visma-pictogram.visma-pictogram-apple-waste::before { -webkit-mask-image: url('pictogram_apple_waste.svg'); mask-image: url('pictogram_apple_waste.svg'); } .visma-pictogram.visma-pictogram-baby::before { -webkit-mask-image: url('pictogram_baby.svg'); mask-image: url('pictogram_baby.svg'); } .visma-pictogram.visma-pictogram-baby-2::before { -webkit-mask-image: url('pictogram_baby_2.svg'); mask-image: url('pictogram_baby_2.svg'); } .visma-pictogram.visma-pictogram-balloons::before { -webkit-mask-image: url('pictogram_balloons.svg'); mask-image: url('pictogram_balloons.svg'); } .visma-pictogram.visma-pictogram-bank::before { -webkit-mask-image: url('pictogram_bank.svg'); mask-image: url('pictogram_bank.svg'); } .visma-pictogram.visma-pictogram-bicycle::before { -webkit-mask-image: url('pictogram_bicycle.svg'); mask-image: url('pictogram_bicycle.svg'); } .visma-pictogram.visma-pictogram-bike-ski::before { -webkit-mask-image: url('pictogram_bike_ski.svg'); mask-image: url('pictogram_bike_ski.svg'); } .visma-pictogram.visma-pictogram-book::before { -webkit-mask-image: url('pictogram_book.svg'); mask-image: url('pictogram_book.svg'); } .visma-pictogram.visma-pictogram-book-note::before { -webkit-mask-image: url('pictogram_book_note.svg'); mask-image: url('pictogram_book_note.svg'); } .visma-pictogram.visma-pictogram-bread::before { -webkit-mask-image: url('pictogram_bread.svg'); mask-image: url('pictogram_bread.svg'); } .visma-pictogram.visma-pictogram-bronze_rank::before { -webkit-mask-image: url('pictogram_bronze_rank.svg'); mask-image: url('pictogram_bronze_rank.svg'); } .visma-pictogram.visma-pictogram-bronze_rank-2::before { -webkit-mask-image: url('pictogram_bronze_rank_2.svg'); mask-image: url('pictogram_bronze_rank_2.svg'); } .visma-pictogram.visma-pictogram-bronze_rank-3::before { -webkit-mask-image: url('pictogram_bronze_rank_3.svg'); mask-image: url('pictogram_bronze_rank_3.svg'); } .visma-pictogram.visma-pictogram-budget::before { -webkit-mask-image: url('pictogram_budget.svg'); mask-image: url('pictogram_budget.svg'); } .visma-pictogram.visma-pictogram-budget-2::before { -webkit-mask-image: url('pictogram_budget_2.svg'); mask-image: url('pictogram_budget_2.svg'); } .visma-pictogram.visma-pictogram-budget-3::before { -webkit-mask-image: url('pictogram_budget_3.svg'); mask-image: url('pictogram_budget_3.svg'); } .visma-pictogram.visma-pictogram-budget-4::before { -webkit-mask-image: url('pictogram_budget_4.svg'); mask-image: url('pictogram_budget_4.svg'); } .visma-pictogram.visma-pictogram-building::before { -webkit-mask-image: url('pictogram_building.svg'); mask-image: url('pictogram_building.svg'); } .visma-pictogram.visma-pictogram-bulb::before { -webkit-mask-image: url('pictogram_bulb.svg'); mask-image: url('pictogram_bulb.svg'); } .visma-pictogram.visma-pictogram-bulb-2::before { -webkit-mask-image: url('pictogram_bulb_2.svg'); mask-image: url('pictogram_bulb_2.svg'); } .visma-pictogram.visma-pictogram-bulb-3::before { -webkit-mask-image: url('pictogram_bulb_3.svg'); mask-image: url('pictogram_bulb_3.svg'); } .visma-pictogram.visma-pictogram-buyer::before { -webkit-mask-image: url('pictogram_buyer.svg'); mask-image: url('pictogram_buyer.svg'); } .visma-pictogram.visma-pictogram-buyer-2::before { -webkit-mask-image: url('pictogram_buyer_2.svg'); mask-image: url('pictogram_buyer_2.svg'); } .visma-pictogram.visma-pictogram-buyer-3::before { -webkit-mask-image: url('pictogram_buyer_3.svg'); mask-image: url('pictogram_buyer_3.svg'); } .visma-pictogram.visma-pictogram-calendar::before { -webkit-mask-image: url('pictogram_calendar.svg'); mask-image: url('pictogram_calendar.svg'); } .visma-pictogram.visma-pictogram-calendar-2::before { -webkit-mask-image: url('pictogram_calendar_2.svg'); mask-image: url('pictogram_calendar_2.svg'); } .visma-pictogram.visma-pictogram-calendar-3::before { -webkit-mask-image: url('pictogram_calendar_3.svg'); mask-image: url('pictogram_calendar_3.svg'); } .visma-pictogram.visma-pictogram-calendar-search::before { -webkit-mask-image: url('pictogram_calendar_search.svg'); mask-image: url('pictogram_calendar_search.svg'); } .visma-pictogram.visma-pictogram-car::before { -webkit-mask-image: url('pictogram_car.svg'); mask-image: url('pictogram_car.svg'); } .visma-pictogram.visma-pictogram-case-system::before { -webkit-mask-image: url('pictogram_case_system.svg'); mask-image: url('pictogram_case_system.svg'); } .visma-pictogram.visma-pictogram-check-mark::before { -webkit-mask-image: url('pictogram_check_mark.svg'); mask-image: url('pictogram_check_mark.svg'); } .visma-pictogram.visma-pictogram-checklist::before { -webkit-mask-image: url('pictogram_checklist.svg'); mask-image: url('pictogram_checklist.svg'); } .visma-pictogram.visma-pictogram-checkmark-edit::before { -webkit-mask-image: url('pictogram_checkmark_edit.svg'); mask-image: url('pictogram_checkmark_edit.svg'); } .visma-pictogram.visma-pictogram-clipboard::before { -webkit-mask-image: url('pictogram_clipboard.svg'); mask-image: url('pictogram_clipboard.svg'); } .visma-pictogram.visma-pictogram-clock::before { -webkit-mask-image: url('pictogram_clock.svg'); mask-image: url('pictogram_clock.svg'); } .visma-pictogram.visma-pictogram-clock-2::before { -webkit-mask-image: url('pictogram_clock_2.svg'); mask-image: url('pictogram_clock_2.svg'); } .visma-pictogram.visma-pictogram-clock-3::before { -webkit-mask-image: url('pictogram_clock_3.svg'); mask-image: url('pictogram_clock_3.svg'); } .visma-pictogram.visma-pictogram-cloud-security::before { -webkit-mask-image: url('pictogram_cloud_security.svg'); mask-image: url('pictogram_cloud_security.svg'); } .visma-pictogram.visma-pictogram-co2-emissions::before { -webkit-mask-image: url('pictogram_co2_emissions.svg'); mask-image: url('pictogram_co2_emissions.svg'); } .visma-pictogram.visma-pictogram-code-browser::before { -webkit-mask-image: url('pictogram_code_browser.svg'); mask-image: url('pictogram_code_browser.svg'); } .visma-pictogram.visma-pictogram-code-language::before { -webkit-mask-image: url('pictogram_code_language.svg'); mask-image: url('pictogram_code_language.svg'); } .visma-pictogram.visma-pictogram-coffee-break::before { -webkit-mask-image: url('pictogram_coffee_break.svg'); mask-image: url('pictogram_coffee_break.svg'); } .visma-pictogram.visma-pictogram-coffee-break-2::before { -webkit-mask-image: url('pictogram_coffee_break_2.svg'); mask-image: url('pictogram_coffee_break_2.svg'); } .visma-pictogram.visma-pictogram-coffee-can::before { -webkit-mask-image: url('pictogram_coffee_can.svg'); mask-image: url('pictogram_coffee_can.svg'); } .visma-pictogram.visma-pictogram-collaboration::before { -webkit-mask-image: url('pictogram_collaboration.svg'); mask-image: url('pictogram_collaboration.svg'); } .visma-pictogram.visma-pictogram-community-chat::before { -webkit-mask-image: url('pictogram_community_chat.svg'); mask-image: url('pictogram_community_chat.svg'); } .visma-pictogram.visma-pictogram-computer-hardware::before { -webkit-mask-image: url('pictogram_computer_hardware.svg'); mask-image: url('pictogram_computer_hardware.svg'); } .visma-pictogram.visma-pictogram-contract::before { -webkit-mask-image: url('pictogram_contract.svg'); mask-image: url('pictogram_contract.svg'); } .visma-pictogram.visma-pictogram-contract-coin::before { -webkit-mask-image: url('pictogram_contract_coin.svg'); mask-image: url('pictogram_contract_coin.svg'); } .visma-pictogram.visma-pictogram-contract-signed::before { -webkit-mask-image: url('pictogram_contract_signed.svg'); mask-image: url('pictogram_contract_signed.svg'); } .visma-pictogram.visma-pictogram-creative::before { -webkit-mask-image: url('pictogram_creative.svg'); mask-image: url('pictogram_creative.svg'); } .visma-pictogram.visma-pictogram-credit-card::before { -webkit-mask-image: url('pictogram_credit_card.svg'); mask-image: url('pictogram_credit_card.svg'); } .visma-pictogram.visma-pictogram-customer-reports::before { -webkit-mask-image: url('pictogram_customer_reports.svg'); mask-image: url('pictogram_customer_reports.svg'); } .visma-pictogram.visma-pictogram-customer-reports-2::before { -webkit-mask-image: url('pictogram_customer_reports_2.svg'); mask-image: url('pictogram_customer_reports_2.svg'); } .visma-pictogram.visma-pictogram-dark-hacker::before { -webkit-mask-image: url('pictogram_dark_hacker.svg'); mask-image: url('pictogram_dark_hacker.svg'); } .visma-pictogram.visma-pictogram-data-analytics::before { -webkit-mask-image: url('pictogram_data_analytics.svg'); mask-image: url('pictogram_data_analytics.svg'); } .visma-pictogram.visma-pictogram-data-collect::before { -webkit-mask-image: url('pictogram_data_collect.svg'); mask-image: url('pictogram_data_collect.svg'); } .visma-pictogram.visma-pictogram-data-dashboard::before { -webkit-mask-image: url('pictogram_data_dashboard.svg'); mask-image: url('pictogram_data_dashboard.svg'); } .visma-pictogram.visma-pictogram-data-protection::before { -webkit-mask-image: url('pictogram_data_protection.svg'); mask-image: url('pictogram_data_protection.svg'); } .visma-pictogram.visma-pictogram-documents::before { -webkit-mask-image: url('pictogram_documents.svg'); mask-image: url('pictogram_documents.svg'); } .visma-pictogram.visma-pictogram-edit-content::before { -webkit-mask-image: url('pictogram_edit_content.svg'); mask-image: url('pictogram_edit_content.svg'); } .visma-pictogram.visma-pictogram-empty-folder::before { -webkit-mask-image: url('pictogram_empty_folder.svg'); mask-image: url('pictogram_empty_folder.svg'); } .visma-pictogram.visma-pictogram-file-card::before { -webkit-mask-image: url('pictogram_file_card.svg'); mask-image: url('pictogram_file_card.svg'); } .visma-pictogram.visma-pictogram-file-coins::before { -webkit-mask-image: url('pictogram_file_coins.svg'); mask-image: url('pictogram_file_coins.svg'); } .visma-pictogram.visma-pictogram-file-configuration::before { -webkit-mask-image: url('pictogram_file_configuration.svg'); mask-image: url('pictogram_file_configuration.svg'); } .visma-pictogram.visma-pictogram-file-drag::before { -webkit-mask-image: url('pictogram_file_drag.svg'); mask-image: url('pictogram_file_drag.svg'); } .visma-pictogram.visma-pictogram-file-heart::before { -webkit-mask-image: url('pictogram_file_heart.svg'); mask-image: url('pictogram_file_heart.svg'); } .visma-pictogram.visma-pictogram-file-restore::before { -webkit-mask-image: url('pictogram_file_restore.svg'); mask-image: url('pictogram_file_restore.svg'); } .visma-pictogram.visma-pictogram-file-server::before { -webkit-mask-image: url('pictogram_file_server.svg'); mask-image: url('pictogram_file_server.svg'); } .visma-pictogram.visma-pictogram-file-settings::before { -webkit-mask-image: url('pictogram_file_settings.svg'); mask-image: url('pictogram_file_settings.svg'); } .visma-pictogram.visma-pictogram-files-sent::before { -webkit-mask-image: url('pictogram_files_sent.svg'); mask-image: url('pictogram_files_sent.svg'); } .visma-pictogram.visma-pictogram-files-settings::before { -webkit-mask-image: url('pictogram_files_settings.svg'); mask-image: url('pictogram_files_settings.svg'); } .visma-pictogram.visma-pictogram-files-undo::before { -webkit-mask-image: url('pictogram_files_undo.svg'); mask-image: url('pictogram_files_undo.svg'); } .visma-pictogram.visma-pictogram-firework::before { -webkit-mask-image: url('pictogram_firework.svg'); mask-image: url('pictogram_firework.svg'); } .visma-pictogram.visma-pictogram-flying-paper-plane::before { -webkit-mask-image: url('pictogram_flying_paper_plane.svg'); mask-image: url('pictogram_flying_paper_plane.svg'); } .visma-pictogram.visma-pictogram-folder-files::before { -webkit-mask-image: url('pictogram_folder_files.svg'); mask-image: url('pictogram_folder_files.svg'); } .visma-pictogram.visma-pictogram-folder-setting::before { -webkit-mask-image: url('pictogram_folder_setting.svg'); mask-image: url('pictogram_folder_setting.svg'); } .visma-pictogram.visma-pictogram-folder-setting-2::before { -webkit-mask-image: url('pictogram_folder_setting_2.svg'); mask-image: url('pictogram_folder_setting_2.svg'); } .visma-pictogram.visma-pictogram-folder-user::before { -webkit-mask-image: url('pictogram_folder_user.svg'); mask-image: url('pictogram_folder_user.svg'); } .visma-pictogram.visma-pictogram-food-drinks::before { -webkit-mask-image: url('pictogram_food_and_drinks.svg'); mask-image: url('pictogram_food_and_drinks.svg'); } .visma-pictogram.visma-pictogram-food-drinks-2::before { -webkit-mask-image: url('pictogram_food_and_drinks_2.svg'); mask-image: url('pictogram_food_and_drinks_2.svg'); } .visma-pictogram.visma-pictogram-gamepad-joystick::before { -webkit-mask-image: url('pictogram_gamepad_joystick.svg'); mask-image: url('pictogram_gamepad_joystick.svg'); } .visma-pictogram.visma-pictogram-garage::before { -webkit-mask-image: url('pictogram_garage.svg'); mask-image: url('pictogram_garage.svg'); } .visma-pictogram.visma-pictogram-global::before { -webkit-mask-image: url('pictogram_global.svg'); mask-image: url('pictogram_global.svg'); } .visma-pictogram.visma-pictogram-global-locations::before { -webkit-mask-image: url('pictogram_global_locations.svg'); mask-image: url('pictogram_global_locations.svg'); } .visma-pictogram.visma-pictogram-global-settings::before { -webkit-mask-image: url('pictogram_global_settings.svg'); mask-image: url('pictogram_global_settings.svg'); } .visma-pictogram.visma-pictogram-gold-rank::before { -webkit-mask-image: url('pictogram_gold_rank.svg'); mask-image: url('pictogram_gold_rank.svg'); } .visma-pictogram.visma-pictogram-gold-rank-2::before { -webkit-mask-image: url('pictogram_gold_rank_2.svg'); mask-image: url('pictogram_gold_rank_2.svg'); } .visma-pictogram.visma-pictogram-gold-rank-3::before { -webkit-mask-image: url('pictogram_gold_rank_3.svg'); mask-image: url('pictogram_gold_rank_3.svg'); } .visma-pictogram.visma-pictogram-graduation::before { -webkit-mask-image: url('pictogram_graduation.svg'); mask-image: url('pictogram_graduation.svg'); } .visma-pictogram.visma-pictogram-graph-charts-settings::before { -webkit-mask-image: url('pictogram_graph_charts_settings.svg'); mask-image: url('pictogram_graph_charts_settings.svg'); } .visma-pictogram.visma-pictogram-graph-grow::before { -webkit-mask-image: url('pictogram_graph_grow.svg'); mask-image: url('pictogram_graph_grow.svg'); } .visma-pictogram.visma-pictogram-growth::before { -webkit-mask-image: url('pictogram_growth.svg'); mask-image: url('pictogram_growth.svg'); } .visma-pictogram.visma-pictogram-growth-2::before { -webkit-mask-image: url('pictogram_growth_2.svg'); mask-image: url('pictogram_growth_2.svg'); } .visma-pictogram.visma-pictogram-hacker::before { -webkit-mask-image: url('pictogram_hacker.svg'); mask-image: url('pictogram_hacker.svg'); } .visma-pictogram.visma-pictogram-happy-file::before { -webkit-mask-image: url('pictogram_happy_file.svg'); mask-image: url('pictogram_happy_file.svg'); } .visma-pictogram.visma-pictogram-home::before { -webkit-mask-image: url('pictogram_home.svg'); mask-image: url('pictogram_home.svg'); } .visma-pictogram.visma-pictogram-hr::before { -webkit-mask-image: url('pictogram_hr.svg'); mask-image: url('pictogram_hr.svg'); } .visma-pictogram.visma-pictogram-hr-2::before { -webkit-mask-image: url('pictogram_hr_2.svg'); mask-image: url('pictogram_hr_2.svg'); } .visma-pictogram.visma-pictogram-image::before { -webkit-mask-image: url('pictogram_image.svg'); mask-image: url('pictogram_image.svg'); } .visma-pictogram.visma-pictogram-indoor-temperature::before { -webkit-mask-image: url('pictogram_indoor_temperature.svg'); mask-image: url('pictogram_indoor_temperature.svg'); } .visma-pictogram.visma-pictogram-invoice-cards::before { -webkit-mask-image: url('pictogram_invoice_cards.svg'); mask-image: url('pictogram_invoice_cards.svg'); } .visma-pictogram.visma-pictogram-invoice-confirmation::before { -webkit-mask-image: url('pictogram_invoice_confirmation.svg'); mask-image: url('pictogram_invoice_confirmation.svg'); } .visma-pictogram.visma-pictogram-invoice-declined::before { -webkit-mask-image: url('pictogram_invoice_declined.svg'); mask-image: url('pictogram_invoice_declined.svg'); } .visma-pictogram.visma-pictogram-invoice-declined-2::before { -webkit-mask-image: url('pictogram_invoice_declined_2.svg'); mask-image: url('pictogram_invoice_declined_2.svg'); } .visma-pictogram.visma-pictogram-invoice-edit::before { -webkit-mask-image: url('pictogram_invoice_edit.svg'); mask-image: url('pictogram_invoice_edit.svg'); } .visma-pictogram.visma-pictogram-invoice-search-euro::before { -webkit-mask-image: url('pictogram_invoice_search_euro.svg'); mask-image: url('pictogram_invoice_search_euro.svg'); } .visma-pictogram.visma-pictogram-invoice-selected::before { -webkit-mask-image: url('pictogram_invoice_selected.svg'); mask-image: url('pictogram_invoice_selected.svg'); } .visma-pictogram.visma-pictogram-invoice-selected-2::before { -webkit-mask-image: url('pictogram_invoice_selected_2.svg'); mask-image: url('pictogram_invoice_selected_2.svg'); } .visma-pictogram.visma-pictogram-invoice-sent::before { -webkit-mask-image: url('pictogram_invoice_sent.svg'); mask-image: url('pictogram_invoice_sent.svg'); } .visma-pictogram.visma-pictogram-juice-can::before { -webkit-mask-image: url('pictogram_juice_can.svg'); mask-image: url('pictogram_juice_can.svg'); } .visma-pictogram.visma-pictogram-keypad-panel::before { -webkit-mask-image: url('pictogram_keypad_panel.svg'); mask-image: url('pictogram_keypad_panel.svg'); } .visma-pictogram.visma-pictogram-keypad-panel-2::before { -webkit-mask-image: url('pictogram_keypad_panel_2.svg'); mask-image: url('pictogram_keypad_panel_2.svg'); } .visma-pictogram.visma-pictogram-lamp::before { -webkit-mask-image: url('pictogram_lamp.svg'); mask-image: url('pictogram_lamp.svg'); } .visma-pictogram.visma-pictogram-laptop-checkmark::before { -webkit-mask-image: url('pictogram_laptop_checkmark.svg'); mask-image: url('pictogram_laptop_checkmark.svg'); } .visma-pictogram.visma-pictogram-laptop-code::before { -webkit-mask-image: url('pictogram_laptop_code.svg'); mask-image: url('pictogram_laptop_code.svg'); } .visma-pictogram.visma-pictogram-laptop-cursor::before { -webkit-mask-image: url('pictogram_laptop_cursor.svg'); mask-image: url('pictogram_laptop_cursor.svg'); } .visma-pictogram.visma-pictogram-laptop-graph::before { -webkit-mask-image: url('pictogram_laptop_graph.svg'); mask-image: url('pictogram_laptop_graph.svg'); } .visma-pictogram.visma-pictogram-leaf::before { -webkit-mask-image: url('pictogram_leaf.svg'); mask-image: url('pictogram_leaf.svg'); } .visma-pictogram.visma-pictogram-leaning-book::before { -webkit-mask-image: url('pictogram_leaning_book.svg'); mask-image: url('pictogram_leaning_book.svg'); } .visma-pictogram.visma-pictogram-libra::before { -webkit-mask-image: url('pictogram_libra.svg'); mask-image: url('pictogram_libra.svg'); } .visma-pictogram.visma-pictogram-like::before { -webkit-mask-image: url('pictogram_like.svg'); mask-image: url('pictogram_like.svg'); } .visma-pictogram.visma-pictogram-like-2::before { -webkit-mask-image: url('pictogram_like_2.svg'); mask-image: url('pictogram_like_2.svg'); } .visma-pictogram.visma-pictogram-like-3::before { -webkit-mask-image: url('pictogram_like_3.svg'); mask-image: url('pictogram_like_3.svg'); } .visma-pictogram.visma-pictogram-location::before { -webkit-mask-image: url('pictogram_location.svg'); mask-image: url('pictogram_location.svg'); } .visma-pictogram.visma-pictogram-lock::before { -webkit-mask-image: url('pictogram_lock.svg'); mask-image: url('pictogram_lock.svg'); } .visma-pictogram.visma-pictogram-locked-file::before { -webkit-mask-image: url('pictogram_locked_file.svg'); mask-image: url('pictogram_locked_file.svg'); } .visma-pictogram.visma-pictogram-log::before { -webkit-mask-image: url('pictogram_log.svg'); mask-image: url('pictogram_log.svg'); } .visma-pictogram.visma-pictogram-mail-information::before { -webkit-mask-image: url('pictogram_mail_information.svg'); mask-image: url('pictogram_mail_information.svg'); } .visma-pictogram.visma-pictogram-mail-invoice::before { -webkit-mask-image: url('pictogram_mail_invoice.svg'); mask-image: url('pictogram_mail_invoice.svg'); } .visma-pictogram.visma-pictogram-mail-invoice-electricity-bill::before { -webkit-mask-image: url('pictogram_mail_invoice_electricity_bill.svg'); mask-image: url('pictogram_mail_invoice_electricity_bill.svg'); } .visma-pictogram.visma-pictogram-mail-invoice-euro::before { -webkit-mask-image: url('pictogram_mail_invoice_euro.svg'); mask-image: url('pictogram_mail_invoice_euro.svg'); } .visma-pictogram.visma-pictogram-mail-sent::before { -webkit-mask-image: url('pictogram_mail_sent.svg'); mask-image: url('pictogram_mail_sent.svg'); } .visma-pictogram.visma-pictogram-megaphone::before { -webkit-mask-image: url('pictogram_megaphone.svg'); mask-image: url('pictogram_megaphone.svg'); } .visma-pictogram.visma-pictogram-mobile-phone::before { -webkit-mask-image: url('pictogram_mobile_phone.svg'); mask-image: url('pictogram_mobile_phone.svg'); } .visma-pictogram.visma-pictogram-mobile-tap::before { -webkit-mask-image: url('pictogram_mobile_tap.svg'); mask-image: url('pictogram_mobile_tap.svg'); } .visma-pictogram.visma-pictogram-needle::before { -webkit-mask-image: url('pictogram_needle.svg'); mask-image: url('pictogram_needle.svg'); } .visma-pictogram.visma-pictogram-office-building::before { -webkit-mask-image: url('pictogram_office_building.svg'); mask-image: url('pictogram_office_building.svg'); } .visma-pictogram.visma-pictogram-office-keys::before { -webkit-mask-image: url('pictogram_office_keys.svg'); mask-image: url('pictogram_office_keys.svg'); } .visma-pictogram.visma-pictogram-organisation::before { -webkit-mask-image: url('pictogram_organisation.svg'); mask-image: url('pictogram_organisation.svg'); } .visma-pictogram.visma-pictogram-organisation-2::before { -webkit-mask-image: url('pictogram_organisation_2.svg'); mask-image: url('pictogram_organisation_2.svg'); } .visma-pictogram.visma-pictogram-organisation-accepted::before { -webkit-mask-image: url('pictogram_organisation_accepted.svg'); mask-image: url('pictogram_organisation_accepted.svg'); } .visma-pictogram.visma-pictogram-organisation-added::before { -webkit-mask-image: url('pictogram_organisation_added.svg'); mask-image: url('pictogram_organisation_added.svg'); } .visma-pictogram.visma-pictogram-organisation_building::before { -webkit-mask-image: url('pictogram_organisation_building.svg'); mask-image: url('pictogram_organisation_building.svg'); } .visma-pictogram.visma-pictogram-organisation_building-2::before { -webkit-mask-image: url('pictogram_organisation_building_2.svg'); mask-image: url('pictogram_organisation_building_2.svg'); } .visma-pictogram.visma-pictogram-organisation-settings::before { -webkit-mask-image: url('pictogram_organisation_settings.svg'); mask-image: url('pictogram_organisation_settings.svg'); } .visma-pictogram.visma-pictogram-organisation-structure::before { -webkit-mask-image: url('pictogram_organisation_structure.svg'); mask-image: url('pictogram_organisation_structure.svg'); } .visma-pictogram.visma-pictogram-paper-plane::before { -webkit-mask-image: url('pictogram_paper_plane.svg'); mask-image: url('pictogram_paper_plane.svg'); } .visma-pictogram.visma-pictogram-paper-plane-2::before { -webkit-mask-image: url('pictogram_paper_plane_2.svg'); mask-image: url('pictogram_paper_plane_2.svg'); } .visma-pictogram.visma-pictogram-payment::before { -webkit-mask-image: url('pictogram_payment.svg'); mask-image: url('pictogram_payment.svg'); } .visma-pictogram.visma-pictogram-payment-received::before { -webkit-mask-image: url('pictogram_payment_received.svg'); mask-image: url('pictogram_payment_received.svg'); } .visma-pictogram.visma-pictogram-personal-time::before { -webkit-mask-image: url('pictogram_personal_time.svg'); mask-image: url('pictogram_personal_time.svg'); } .visma-pictogram.visma-pictogram-phone-accepted::before { -webkit-mask-image: url('pictogram_phone_accepted.svg'); mask-image: url('pictogram_phone_accepted.svg'); } .visma-pictogram.visma-pictogram-phone-charged::before { -webkit-mask-image: url('pictogram_phone_charged.svg'); mask-image: url('pictogram_phone_charged.svg'); } .visma-pictogram.visma-pictogram-phone-declined::before { -webkit-mask-image: url('pictogram_phone_declined.svg'); mask-image: url('pictogram_phone_declined.svg'); } .visma-pictogram.visma-pictogram-piggy-bank::before { -webkit-mask-image: url('pictogram_piggy_bank.svg'); mask-image: url('pictogram_piggy_bank.svg'); } .visma-pictogram.visma-pictogram-platinum-rank::before { -webkit-mask-image: url('pictogram_platinum_rank.svg'); mask-image: url('pictogram_platinum_rank.svg'); } .visma-pictogram.visma-pictogram-platinum-rank-2::before { -webkit-mask-image: url('pictogram_platinum_rank_2.svg'); mask-image: url('pictogram_platinum_rank_2.svg'); } .visma-pictogram.visma-pictogram-platinum-rank-3::before { -webkit-mask-image: url('pictogram_platinum_rank_3.svg'); mask-image: url('pictogram_platinum_rank_3.svg'); } .visma-pictogram.visma-pictogram-profile::before { -webkit-mask-image: url('pictogram_profile.svg'); mask-image: url('pictogram_profile.svg'); } .visma-pictogram.visma-pictogram-profile-search::before { -webkit-mask-image: url('pictogram_profile_search.svg'); mask-image: url('pictogram_profile_search.svg'); } .visma-pictogram.visma-pictogram-purchase-order::before { -webkit-mask-image: url('pictogram_purchase_order.svg'); mask-image: url('pictogram_purchase_order.svg'); } .visma-pictogram.visma-pictogram-purchase-order-2::before { -webkit-mask-image: url('pictogram_purchase_order_2.svg'); mask-image: url('pictogram_purchase_order_2.svg'); } .visma-pictogram.visma-pictogram-question-mark::before { -webkit-mask-image: url('pictogram_question_mark.svg'); mask-image: url('pictogram_question_mark.svg'); } .visma-pictogram.visma-pictogram-receive::before { -webkit-mask-image: url('pictogram_receive.svg'); mask-image: url('pictogram_receive.svg'); } .visma-pictogram.visma-pictogram-recycle-bin::before { -webkit-mask-image: url('pictogram_recycle_bin.svg'); mask-image: url('pictogram_recycle_bin.svg'); } .visma-pictogram.visma-pictogram-recycled-can::before { -webkit-mask-image: url('pictogram_recycled_can.svg'); mask-image: url('pictogram_recycled_can.svg'); } .visma-pictogram.visma-pictogram-remove-user::before { -webkit-mask-image: url('pictogram_remove_user.svg'); mask-image: url('pictogram_remove_user.svg'); } .visma-pictogram.visma-pictogram-report::before { -webkit-mask-image: url('pictogram_report.svg'); mask-image: url('pictogram_report.svg'); } .visma-pictogram.visma-pictogram-report-police::before { -webkit-mask-image: url('pictogram_report_police.svg'); mask-image: url('pictogram_report_police.svg'); } .visma-pictogram.visma-pictogram-report-scan::before { -webkit-mask-image: url('pictogram_report_scan.svg'); mask-image: url('pictogram_report_scan.svg'); } .visma-pictogram.visma-pictogram-report-search::before { -webkit-mask-image: url('pictogram_report_search.svg'); mask-image: url('pictogram_report_search.svg'); } .visma-pictogram.visma-pictogram-report-sent::before { -webkit-mask-image: url('pictogram_report_sent.svg'); mask-image: url('pictogram_report_sent.svg'); } .visma-pictogram.visma-pictogram-report-undo::before { -webkit-mask-image: url('pictogram_report_undo.svg'); mask-image: url('pictogram_report_undo.svg'); } .visma-pictogram.visma-pictogram-report-user::before { -webkit-mask-image: url('pictogram_report_user.svg'); mask-image: url('pictogram_report_user.svg'); } .visma-pictogram.visma-pictogram-retail::before { -webkit-mask-image: url('pictogram_retail.svg'); mask-image: url('pictogram_retail.svg'); } .visma-pictogram.visma-pictogram-retail-2::before { -webkit-mask-image: url('pictogram_retail_2.svg'); mask-image: url('pictogram_retail_2.svg'); } .visma-pictogram.visma-pictogram-retail-payment::before { -webkit-mask-image: url('pictogram_retail_payment.svg'); mask-image: url('pictogram_retail_payment.svg'); } .visma-pictogram.visma-pictogram-robot::before { -webkit-mask-image: url('pictogram_robot.svg'); mask-image: url('pictogram_robot.svg'); } .visma-pictogram.visma-pictogram-rocket::before { -webkit-mask-image: url('pictogram_rocket.svg'); mask-image: url('pictogram_rocket.svg'); } .visma-pictogram.visma-pictogram-search::before { -webkit-mask-image: url('pictogram_search.svg'); mask-image: url('pictogram_search.svg'); } .visma-pictogram.visma-pictogram-search-2::before { -webkit-mask-image: url('pictogram_search_2.svg'); mask-image: url('pictogram_search_2.svg'); } .visma-pictogram.visma-pictogram-search-code::before { -webkit-mask-image: url('pictogram_search_code.svg'); mask-image: url('pictogram_search_code.svg'); } .visma-pictogram.visma-pictogram-search-invoice::before { -webkit-mask-image: url('pictogram_search_invoice.svg'); mask-image: url('pictogram_search_invoice.svg'); } .visma-pictogram.visma-pictogram-security-code::before { -webkit-mask-image: url('pictogram_security_code.svg'); mask-image: url('pictogram_security_code.svg'); } .visma-pictogram.visma-pictogram-service::before { -webkit-mask-image: url('pictogram_service.svg'); mask-image: url('pictogram_service.svg'); } .visma-pictogram.visma-pictogram-settings::before { -webkit-mask-image: url('pictogram_settings.svg'); mask-image: url('pictogram_settings.svg'); } .visma-pictogram.visma-pictogram-shop::before { -webkit-mask-image: url('pictogram_shop.svg'); mask-image: url('pictogram_shop.svg'); } .visma-pictogram.visma-pictogram-shopping-basket::before { -webkit-mask-image: url('pictogram_shopping_basket.svg'); mask-image: url('pictogram_shopping_basket.svg'); } .visma-pictogram.visma-pictogram-shopping-cart::before { -webkit-mask-image: url('pictogram_shopping_cart.svg'); mask-image: url('pictogram_shopping_cart.svg'); } .visma-pictogram.visma-pictogram-silver-rank::before { -webkit-mask-image: url('pictogram_silver_rank.svg'); mask-image: url('pictogram_silver_rank.svg'); } .visma-pictogram.visma-pictogram-silver-rank-2::before { -webkit-mask-image: url('pictogram_silver_rank_2.svg'); mask-image: url('pictogram_silver_rank_2.svg'); } .visma-pictogram.visma-pictogram-silver-rank-3::before { -webkit-mask-image: url('pictogram_silver_rank_3.svg'); mask-image: url('pictogram_silver_rank_3.svg'); } .visma-pictogram.visma-pictogram-ski::before { -webkit-mask-image: url('pictogram_ski.svg'); mask-image: url('pictogram_ski.svg'); } .visma-pictogram.visma-pictogram-ski-2::before { -webkit-mask-image: url('pictogram_ski_2.svg'); mask-image: url('pictogram_ski_2.svg'); } .visma-pictogram.visma-pictogram-smiley::before { -webkit-mask-image: url('pictogram_smiley.svg'); mask-image: url('pictogram_smiley.svg'); } .visma-pictogram.visma-pictogram-smiley-2::before { -webkit-mask-image: url('pictogram_smiley_2.svg'); mask-image: url('pictogram_smiley_2.svg'); } .visma-pictogram.visma-pictogram-space-planet::before { -webkit-mask-image: url('pictogram_space_planet.svg'); mask-image: url('pictogram_space_planet.svg'); } .visma-pictogram.visma-pictogram-star::before { -webkit-mask-image: url('pictogram_star.svg'); mask-image: url('pictogram_star.svg'); } .visma-pictogram.visma-pictogram-stored-files::before { -webkit-mask-image: url('pictogram_stored_files.svg'); mask-image: url('pictogram_stored_files.svg'); } .visma-pictogram.visma-pictogram-stroke-default::before { -webkit-mask-image: url('pictogram_stroke_default.svg'); mask-image: url('pictogram_stroke_default.svg'); } .visma-pictogram.visma-pictogram-support::before { -webkit-mask-image: url('pictogram_support.svg'); mask-image: url('pictogram_support.svg'); } .visma-pictogram.visma-pictogram-switch-settings::before { -webkit-mask-image: url('pictogram_switch_settings.svg'); mask-image: url('pictogram_switch_settings.svg'); } .visma-pictogram.visma-pictogram-target::before { -webkit-mask-image: url('pictogram_target.svg'); mask-image: url('pictogram_target.svg'); } .visma-pictogram.visma-pictogram-tax-payment::before { -webkit-mask-image: url('pictogram_tax_payment.svg'); mask-image: url('pictogram_tax_payment.svg'); } .visma-pictogram.visma-pictogram-thermometer::before { -webkit-mask-image: url('pictogram_thermometer.svg'); mask-image: url('pictogram_thermometer.svg'); } .visma-pictogram.visma-pictogram-time-checked::before { -webkit-mask-image: url('pictogram_time_checked.svg'); mask-image: url('pictogram_time_checked.svg'); } .visma-pictogram.visma-pictogram-time-report::before { -webkit-mask-image: url('pictogram_time_report.svg'); mask-image: url('pictogram_time_report.svg'); } .visma-pictogram.visma-pictogram-time-report-2::before { -webkit-mask-image: url('pictogram_time_report_2.svg'); mask-image: url('pictogram_time_report_2.svg'); } .visma-pictogram.visma-pictogram-track-location::before { -webkit-mask-image: url('pictogram_track_location.svg'); mask-image: url('pictogram_track_location.svg'); } .visma-pictogram.visma-pictogram-trolley::before { -webkit-mask-image: url('pictogram_trolley.svg'); mask-image: url('pictogram_trolley.svg'); } .visma-pictogram.visma-pictogram-trolley-2::before { -webkit-mask-image: url('pictogram_trolley_2.svg'); mask-image: url('pictogram_trolley_2.svg'); } .visma-pictogram.visma-pictogram-trolley-clicked::before { -webkit-mask-image: url('pictogram_trolley_clicked.svg'); mask-image: url('pictogram_trolley_clicked.svg'); } .visma-pictogram.visma-pictogram-trolley-hand::before { -webkit-mask-image: url('pictogram_trolley_hand.svg'); mask-image: url('pictogram_trolley_hand.svg'); } .visma-pictogram.visma-pictogram-trolley-settings::before { -webkit-mask-image: url('pictogram_trolley_settings.svg'); mask-image: url('pictogram_trolley_settings.svg'); } .visma-pictogram.visma-pictogram-truck::before { -webkit-mask-image: url('pictogram_truck.svg'); mask-image: url('pictogram_truck.svg'); } .visma-pictogram.visma-pictogram-tv::before { -webkit-mask-image: url('pictogram_tv.svg'); mask-image: url('pictogram_tv.svg'); } .visma-pictogram.visma-pictogram-user-arrow-up::before { -webkit-mask-image: url('pictogram_user_arrow_up.svg'); mask-image: url('pictogram_user_arrow_up.svg'); } .visma-pictogram.visma-pictogram-user_calendar::before { -webkit-mask-image: url('pictogram_user_calendar.svg'); mask-image: url('pictogram_user_calendar.svg'); } .visma-pictogram.visma-pictogram-user_calendar-2::before { -webkit-mask-image: url('pictogram_user_calendar_2.svg'); mask-image: url('pictogram_user_calendar_2.svg'); } .visma-pictogram.visma-pictogram-user-candidate::before { -webkit-mask-image: url('pictogram_user_candidate.svg'); mask-image: url('pictogram_user_candidate.svg'); } .visma-pictogram.visma-pictogram-user-community::before { -webkit-mask-image: url('pictogram_user_community.svg'); mask-image: url('pictogram_user_community.svg'); } .visma-pictogram.visma-pictogram-user-graduation::before { -webkit-mask-image: url('pictogram_user_graduation.svg'); mask-image: url('pictogram_user_graduation.svg'); } .visma-pictogram.visma-pictogram-user-heart::before { -webkit-mask-image: url('pictogram_user_heart.svg'); mask-image: url('pictogram_user_heart.svg'); } .visma-pictogram.visma-pictogram-user-hierarchy::before { -webkit-mask-image: url('pictogram_user_hierarchy.svg'); mask-image: url('pictogram_user_hierarchy.svg'); } .visma-pictogram.visma-pictogram-user-idea::before { -webkit-mask-image: url('pictogram_user_idea.svg'); mask-image: url('pictogram_user_idea.svg'); } .visma-pictogram.visma-pictogram-user-laptop::before { -webkit-mask-image: url('pictogram_user_laptop.svg'); mask-image: url('pictogram_user_laptop.svg'); } .visma-pictogram.visma-pictogram-user-money::before { -webkit-mask-image: url('pictogram_user_money.svg'); mask-image: url('pictogram_user_money.svg'); } .visma-pictogram.visma-pictogram-user-search::before { -webkit-mask-image: url('pictogram_user_search.svg'); mask-image: url('pictogram_user_search.svg'); } .visma-pictogram.visma-pictogram-vacation-beach::before { -webkit-mask-image: url('pictogram_vacation_beach.svg'); mask-image: url('pictogram_vacation_beach.svg'); } .visma-pictogram.visma-pictogram-video::before { -webkit-mask-image: url('pictogram_video.svg'); mask-image: url('pictogram_video.svg'); } .visma-pictogram.visma-pictogram-video-player::before { -webkit-mask-image: url('pictogram_video_player.svg'); mask-image: url('pictogram_video_player.svg'); } .visma-pictogram.visma-pictogram-warehouse::before { -webkit-mask-image: url('pictogram_warehouse.svg'); mask-image: url('pictogram_warehouse.svg'); } .visma-pictogram.visma-pictogram-water-bottle::before { -webkit-mask-image: url('pictogram_water_bottle.svg'); mask-image: url('pictogram_water_bottle.svg'); } .visma-pictogram.visma-pictogram-whistblower::before { -webkit-mask-image: url('pictogram_whistblower.svg'); mask-image: url('pictogram_whistblower.svg'); } .visma-pictogram.visma-pictogram-work-from-home::before { -webkit-mask-image: url('pictogram_work_from_home.svg'); mask-image: url('pictogram_work_from_home.svg'); } .visma-pictogram-plus.visma-pictogram-plus-add-invoice { background-image: url('pictogram_plus_add_invoice.svg'); } .visma-pictogram-plus.visma-pictogram-plus-air-baloon { background-image: url('pictogram_plus_air_baloon.svg'); } .visma-pictogram-plus.visma-pictogram-plus-binary-code { background-image: url('pictogram_plus_binary_code.svg'); } .visma-pictogram-plus.visma-pictogram-plus-calendar { background-image: url('pictogram_plus_calendar.svg'); } .visma-pictogram-plus.visma-pictogram-plus-car-select { background-image: url('pictogram_plus_car_select.svg'); } .visma-pictogram-plus.visma-pictogram-plus-chat-bot { background-image: url('pictogram_plus_chat_bot.svg'); } .visma-pictogram-plus.visma-pictogram-plus-chat-bubbles { background-image: url('pictogram_plus_chat_bubbles.svg'); } .visma-pictogram-plus.visma-pictogram-plus-checklist-edit { background-image: url('pictogram_plus_checklist_edit.svg'); } .visma-pictogram-plus.visma-pictogram-plus-code-language { background-image: url('pictogram_plus_code_language.svg'); } .visma-pictogram-plus.visma-pictogram-plus-community { background-image: url('pictogram_plus_community.svg'); } .visma-pictogram-plus.visma-pictogram-plus-dedicated { background-image: url('pictogram_plus_dedicated.svg'); } .visma-pictogram-plus.visma-pictogram-plus-education { background-image: url('pictogram_plus_education.svg'); } .visma-pictogram-plus.visma-pictogram-plus-entrerprenorial-user { background-image: url('pictogram_plus_entrerprenorial_user.svg'); } .visma-pictogram-plus.visma-pictogram-plus-faq-bubbles { background-image: url('pictogram_plus_faq_bubbles.svg'); } .visma-pictogram-plus.visma-pictogram-plus-favorite-user { background-image: url('pictogram_plus_favorite_user.svg'); } .visma-pictogram-plus.visma-pictogram-plus-file { background-image: url('pictogram_plus_file.svg'); } .visma-pictogram-plus.visma-pictogram-plus-file-checked { background-image: url('pictogram_plus_file_checked.svg'); } .visma-pictogram-plus.visma-pictogram-plus-file-settings { background-image: url('pictogram_plus_file_settings.svg'); } .visma-pictogram-plus.visma-pictogram-plus-gift { background-image: url('pictogram_plus_gift.svg'); } .visma-pictogram-plus.visma-pictogram-plus-global-location { background-image: url('pictogram_plus_global_location.svg'); } .visma-pictogram-plus.visma-pictogram-plus-graduate-user { background-image: url('pictogram_plus_graduate_user.svg'); } .visma-pictogram-plus.visma-pictogram-plus-group-chat { background-image: url('pictogram_plus_group_chat.svg'); } .visma-pictogram-plus.visma-pictogram-plus-hand-interactive { background-image: url('pictogram_plus_hand_interactive.svg'); } .visma-pictogram-plus.visma-pictogram-plus-help-client { background-image: url('pictogram_plus_help_client.svg'); } .visma-pictogram-plus.visma-pictogram-plus-idea-creativity { background-image: url('pictogram_plus_idea_creativity.svg'); } .visma-pictogram-plus.visma-pictogram-plus-idea-creativity-2 { background-image: url('pictogram_plus_idea_creativity_2.svg'); } .visma-pictogram-plus.visma-pictogram-plus-job-search { background-image: url('pictogram_plus_job_search.svg'); } .visma-pictogram-plus.visma-pictogram-plus-key-user { background-image: url('pictogram_plus_key_user.svg'); } .visma-pictogram-plus.visma-pictogram-plus-laptop { background-image: url('pictogram_plus_laptop.svg'); } .visma-pictogram-plus.visma-pictogram-plus-laptop-statistics { background-image: url('pictogram_plus_laptop_statistics.svg'); } .visma-pictogram-plus.visma-pictogram-plus-map-location { background-image: url('pictogram_plus_map_location.svg'); } .visma-pictogram-plus.visma-pictogram-plus-mileage-expense { background-image: url('pictogram_plus_mileage_expense.svg'); } .visma-pictogram-plus.visma-pictogram-plus-missing-file { background-image: url('pictogram_plus_missing_file.svg'); } .visma-pictogram-plus.visma-pictogram-plus-missing-page { background-image: url('pictogram_plus_missing_page.svg'); } .visma-pictogram-plus.visma-pictogram-plus-music-player { background-image: url('pictogram_plus_music_player.svg'); } .visma-pictogram-plus.visma-pictogram-plus-new-milestone { background-image: url('pictogram_plus_new_milestone.svg'); } .visma-pictogram-plus.visma-pictogram-plus-newspapper { background-image: url('pictogram_plus_newspapper.svg'); } .visma-pictogram-plus.visma-pictogram-plus-paid-invoice { background-image: url('pictogram_plus_paid_invoice.svg'); } .visma-pictogram-plus.visma-pictogram-plus-payment-sent { background-image: url('pictogram_plus_payment_sent.svg'); } .visma-pictogram-plus.visma-pictogram-plus-phone-hand { background-image: url('pictogram_plus_phone_hand.svg'); } .visma-pictogram-plus.visma-pictogram-plus-rocket { background-image: url('pictogram_plus_rocket.svg'); } .visma-pictogram-plus.visma-pictogram-plus-research { background-image: url('pictogram_plus_research.svg'); } .visma-pictogram-plus.visma-pictogram-plus-responsible { background-image: url('pictogram_plus_responsible.svg'); } .visma-pictogram-plus.visma-pictogram-plus-scanned-receipt { background-image: url('pictogram_plus_scanned_receipt.svg'); } .visma-pictogram-plus.visma-pictogram-plus-search-file { background-image: url('pictogram_plus_search_file.svg'); } .visma-pictogram-plus.visma-pictogram-plus-selected-invoice { background-image: url('pictogram_plus_selected_invoice.svg'); } .visma-pictogram-plus.visma-pictogram-plus-space-location { background-image: url('pictogram_plus_space_location.svg'); } .visma-pictogram-plus.visma-pictogram-plus-statistics { background-image: url('pictogram_plus_statistics.svg'); } .visma-pictogram-plus.visma-pictogram-plus-teamwork { background-image: url('pictogram_plus_teamwork.svg'); } .visma-pictogram-plus.visma-pictogram-plus-time-expense { background-image: url('pictogram_plus_time_expense.svg'); } .visma-pictogram-plus.visma-pictogram-plus-user-checked { background-image: url('pictogram_plus_user_checked.svg'); } .visma-pictogram-plus.visma-pictogram-plus-user-love { background-image: url('pictogram_plus_user_love.svg'); } .visma-pictogram-plus.visma-pictogram-plus-user-protected { background-image: url('pictogram_plus_user_protected.svg'); } .visma-pictogram-plus.visma-pictogram-plus-user-search { background-image: url('pictogram_plus_user_search.svg'); } .visma-pictogram-plus.visma-pictogram-plus-user-switch { background-image: url('pictogram_plus_user_switch.svg'); } .visma-pictogram-plus.visma-pictogram-plus-video { background-image: url('pictogram_plus_video.svg'); } .visma-pictogram-plus.visma-pictogram-plus-work-from-home { background-image: url('pictogram_plus_work_from_home.svg'); } /* Reset default margins and padding */ * { margin: 0; padding: 0; box-sizing: border-box; } :root { --header-height: 64px; } html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; } /*# sourceMappingURL=styles.css.map*/