@font-face {font-family:Plus Jakarta Sans;font-weight:400;src: url(fonts/PlusJakartaSans-VariableFont_wght.woff2) format("woff2");}@font-face {font-family:Plus Jakarta Sans;font-weight:700;src: url(fonts/PlusJakartaSans-VariableFont_wght.woff2) format("woff2");}:root {--grid-unit: 8px;--border-radius: 4px;--border-width: 1px;--margin: 8px;--padding: 8px;--color-background: #ffffff;--color-foreground: #6d6b6e;--color-primary: var(--color-purple-base);--color-on-primary: #ffffff;--color-primary-light: var(--color-primary-800);--color-on-primary-light: #ffffff;--color-primary-dark: var(--color-primary-950);--color-on-primary-dark: #ffffff;--color-secondary: #8C7F48;--color-on-secondary: #ffffff;--color-secondary-light: #AFA164;--color-on-secondary-light: #ffffff;--color-secondary-dark: #70663A;--color-on-secondary-dark: #ffffff;--color-panel-background: #f8f5f9;--color-border: #c1bec2;--color-info-background: #f2f9ff;--color-info-foreground: #1c5d7d;--color-success-background: #e6f2e6;--color-success-foreground: #007d1e;--color-warn-background: #fcf8e3;--color-warn-foreground: #f0960f;--color-error-background: #fff2f2;--color-error-foreground: #a92d39;--color-neutral-50: #faf7fb;--color-neutral-100: #f8f5f9;--color-neutral-200: #f1eef2;--color-neutral-300: #e5e2e6;--color-neutral-400: #d5d2d6;--color-neutral-500: #c1bec2;--color-neutral-600: #a8a5a9;--color-neutral-700: #8c8a8d;--color-neutral-800: #6d6b6e;--color-neutral-900: #4c4a4d;--color-neutral-950: #2a272a;--color-white: #fff;--color-black: #000;--color-primary-50: #FFF1FF;--color-primary-100: #FFEDFF;--color-primary-200: #FFE3FF;--color-primary-300: #FBD2FF;--color-primary-400: #EFBDFF;--color-primary-500: #DAA9F0;--color-primary-600: #C191D7;--color-primary-700: #A475B9;--color-primary-800: #845798;--color-primary-900: #613573;--color-primary-950: #421653;--color-brand: var(--color-primary-900);--color-brand-contrast: #FFFFFF;--color-info-50: #e2fdff;--color-info-100: #ddfbff;--color-info-200: #cef6ff;--color-info-300: #b5ecff;--color-info-400: #9eddff;--color-info-500: #8ac8ed;--color-info-600: #71b0d3;--color-info-700: #5593b6;--color-info-800: #357394;--color-info-900: #0a5170;--color-info-950: #002d4a;--color-success-50: #daffda;--color-success-100: #d2ffd2;--color-success-200: #b8ffb9;--color-success-300: #9bff9e;--color-success-400: #8aef8e;--color-success-500: #76da7b;--color-success-600: #5cc163;--color-success-700: #3da346;--color-success-800: #0f8224;--color-success-900: #005f00;--color-success-950: #003500;--color-caution-50: #fff4da;--color-caution-100: #fff1d4;--color-caution-200: #ffe8c2;--color-caution-300: #ffd9a3;--color-caution-400: #ffc372;--color-caution-500: #ffa832;--color-caution-600: #e98f00;--color-caution-700: #c97300;--color-caution-800: #9f5800;--color-caution-900: #713b00;--color-caution-950: #411e00;--color-warning-50: #fff1f0;--color-warning-100: #ffedec;--color-warning-200: #ffe4e2;--color-warning-300: #ffd3d2;--color-warning-400: #ffbbba;--color-warning-500: #ff9a9a;--color-warning-600: #fb787c;--color-warning-700: #db5c61;--color-warning-800: #b63a43;--color-warning-900: #8d0923;--color-warning-950: #580009;--type-primary-font: Plus Jakarta Sans, Nunito Sans, Helvetica, Arial, sans-serif;--type-secondary-font: Plus Jakarta Sans, Nunito Sans, Helvetica, Arial, sans-serif;--type-body-font: Plus Jakarta Sans, Nunito Sans, Helvetica, Arial, sans-serif;--type-body-size: 14px;--type-body-line-height: 16px;--type-body-weight: 400;--type-body-transform: none;--type-heading1-font: Plus Jakarta Sans, Nunito Sans, Helvetica, Arial, sans-serif;--type-heading1-size: 24px;--type-heading1-line-height: 32px;--type-heading1-weight: 700;--type-heading1-transform: capitalize;--type-heading2-font: Plus Jakarta Sans, Nunito Sans, Helvetica, Arial, sans-serif;--type-heading2-size: 20px;--type-heading2-line-height: 28px;--type-heading2-weight: 700;--type-heading2-transform: capitalize;--type-heading3-font: Plus Jakarta Sans, Nunito Sans, Helvetica, Arial, sans-serif;--type-heading3-size: 16px;--type-heading3-line-height: 24px;--type-heading3-weight: 700;--type-heading3-transform: capitalize;--type-button-font: Plus Jakarta Sans, Nunito Sans, Helvetica, Arial, sans-serif;--type-button-size: 12px;--type-button-line-height: 16px;--type-button-weight: 700;--type-button-transform: uppercase;--color-dark-violet-50: #FFEEFF;--color-dark-violet-100: #FFEBFF;--color-dark-violet-200: #FFDFFF;--color-dark-violet-300: #FFCBFF;--color-dark-violet-400: #FFB3FF;--color-dark-violet-500: #EE9FEA;--color-dark-violet-600: #D487D0;--color-dark-violet-700: #B66BB3;--color-dark-violet-800: #954C92;--color-dark-violet-900: #752E73;--color-dark-violet-950: #480047;--color-dark-violet-base: var(--color-dark-violet-950);--color-dark-violet: var(--color-dark-violet-900);--color-purple-base: var(--color-primary-950);--color-primary-fg: var(--color-primary-950);--color-primary-emphasized: var(--color-primary-400);--color-primary-contrast: #FFFFFF;--bg-default: #FFFFFF;--bg-subtle: #FAFAFA;--bg-muted: #F4F4F5;--fg-muted: #52525B;--bg-emphasized: #E4E4E7;--top-bar-logo-url: url(//ui.voly.co.uk/staging/theme/secure-2026/images/voly-topbar-logo.svg) !important;--login-bg-url: url('//ui.voly.co.uk/staging/theme/secure-2026/images/backgound-image.webp') !important;--login-bg-large-url: url('//ui.voly.co.uk/staging/theme/secure-2026/images/background-img-large.webp') !important}body:has(#marketingSplitScreen) { background-image: none !important; } .c-fullscreen-bg.c-login__wrapper:has(#marketingSplitScreen) > .login-positioner { background-image: var(--login-bg-url) !important; background-size: cover; } a.c-login__logo { visibility: hidden; height: 0; min-height: 0; } .logonlogo { background-color: var(--color-purple-base); padding: 8px; } span#logonicon { display: inline-block; width: 55%; height: 120px; background: url('//ui.voly.co.uk/staging/theme/secure-2026/images/voly-finance-horizontal-white.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } div.menui.menuv svg.volyicon { display: none; } div.menui.menuv { height: 100%; width: 60px; background-image: url('//ui.voly.co.uk/staging/theme/secure-2026/images/Logomark_White.svg'); background-size: 44px 50px; background-repeat: no-repeat; background-position: center; padding: 0; } div.menui.menuv:hover{ background-image: url('//ui.voly.co.uk/staging/theme/secure-2026/images/Logomark_Primary.svg'); } .menu { box-shadow: none !important; border-bottom: 1px solid var(--global-border-color, #E4E4E7); } .sidebar-toggler { background: unset !important; } .sidebar-wrapper { border-right: 1px solid var(--global-border-color, #E4E4E7); } img.logo-img { color: var(--color-primary-dark)} ::selection { background-color: revert; color: revert; } :root { --breadcrumb-current-color: var(--fg-muted); } :root { --breadcrumb-link-color: var(--color-primary-dark); } :root { --breadcrumb-separator-color: var(--fg-muted); } :root { --color-login-background: var(--bg-subtle) !important; } :root { --nav-item-active-background-color: var(--color-dark-violet); } :root { --nav-item-hover-background-color: var(--bg-emphasized); } :root { --nav-item-badge-active-background-color: var(--color-primary-contrast); } :root { --nav-item-badge-active-color: var(--color-dark-violet); } :root { --nav-item-badge-background-color: var(--bg-emphasized); } :root { --nav-item-badge-color: var(--fg-muted); } :root { --nav-item-icon-active-color: var(--color-primary-contrast); } :root { --nav-item-icon-color: var(--fg-muted); } :root { --nav-item-label-active-color: var(--color-primary-contrast); } :root { --nav-item-label-color: var(--fg-muted); } :root { --nav-item-indicator-color: var(--color-dark-violet); } :root { --nav-item-indicator-active-color: var(--color-primary-contrast); } :root { --navbar-background-color: var(--bg-subtle); } :root { --topbar-background-color: var(--navbar-background-color); } :root { --topbar-toggle-color: var(--fg-muted); } :root { --topbar-search-background-color: var(--color-primary-contrast); } :root { --topbar-search-color: var(--fg-muted); } :root { --topbar-search-icon-color: var(--fg-subtle); } :root { --topbar-search-placeholder-color: var(--fg-subtle); } .c-login { box-shadow: none } .sidebar-wrapper .support-bar { box-shadow: 0 0 1px 0 rgba(24, 24, 27, 0.30), 0 2px 4px 0 rgba(24, 24, 27, 0.10) !important; } .sidebar-wrapper .support-bar { background-color: var(--bg-default) !important; } .sidebar-wrapper .support-bar { left: 209px !important; } .sidebar-wrapper .sidebar-collapsed .support-bar { left: 49px !important; } .support-bar.expanded.sidebar-collapsed { left: 49px !important } .support-bar .support-bar-item { color: var(--fg-muted) } .support-bar .support-bar-header .title { color: var(--fg-muted) !important; } .support-bar .menu-item, .support-bar .voly-icon { color: var(--fg-muted) !important; }