@font-face {font-family:Futura;font-weight:400;src: url(fonts/34116E_1_0.woff) format("woff"), url(fonts/34116E_1_0.woff2) format("woff2"), url(fonts/34116E_1_0.ttf) format("ttf");}@font-face {font-family:Futura;font-weight:700;src: url(fonts/34116E_2_0.woff) format("woff"), url(fonts/34116E_2_0.woff2) format("woff2"), url(fonts/34116E_2_0.ttf) format("ttf");}:root {--grid-unit: 8px;--border-radius: 4px;--border-width: 1px;--margin: 8px;--padding: 8px;--color-background: #ffffff;--color-foreground: #6d6b6e;--color-primary: #FFC708;--color-on-primary: #FFF;--color-primary-light: #FFD957;--color-on-primary-light: #FFF;--color-primary-dark: #D2A300;--color-on-primary-dark: #FFF;--color-secondary: #4593B8;--color-on-secondary: #ffffff;--color-secondary-light: #7BB3CE;--color-on-secondary-light: #ffffff;--color-secondary-dark: #377693;--color-on-secondary-dark: #ffffff;--color-panel-background: #f8f5f9;--color-border: #e6e6e6;--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: #FFF6C0;--color-primary-100: #FFF4B7;--color-primary-200: #FFEC9B;--color-primary-300: #FFDD64;--color-primary-400: #FFC708;--color-primary-500: #EEB600;--color-primary-600: #D29E00;--color-primary-700: #B08300;--color-primary-800: #8A6600;--color-primary-900: #624600;--color-primary-950: #382500;--color-brand: #624600;--color-brand-contrast: #fff;--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: Futura, sans-serif;--type-secondary-font: Futura, sans-serif;--type-body-font: Futura, sans-serif;--type-body-size: 14px;--type-body-line-height: 16px;--type-body-weight: 400;--type-body-transform: uppercase;--type-heading1-font: Futura, sans-serif;--type-heading1-size: 24px;--type-heading1-line-height: 32px;--type-heading1-weight: 700;--type-heading1-transform: capitalize;--type-heading2-font: Futura, sans-serif;--type-heading2-size: 20px;--type-heading2-line-height: 28px;--type-heading2-weight: 700;--type-heading2-transform: capitalize;--type-heading3-font: Futura, sans-serif;--type-heading3-size: 16px;--type-heading3-line-height: 24px;--type-heading3-weight: 700;--type-heading3-transform: capitalize;--type-button-font: Futura, sans-serif;--type-button-size: 14px;--type-button-line-height: 16px;--type-button-weight: 700;--type-button-transform: uppercase;--topbar-background-color: var(--color-primary-400);--breadcrumb-link-color: var(--color-white);--breadcrumb-separator-color: var(--color-white);--topbar-search-border-color: var(--color-primary-500);--topbar-search-placeholder-color: var(--color-neutral-400);--topbar-search-background-color: var(--color-white);--topbar-search-color: var(--color-foreground);--topbar-search-icon-color: var(--color-neutral-400);--navbar-background-color: var(--color-primary-400);--nav-item-active-background-color: var(--color-white);--nav-item-hover-background-color: var(--color-primary-500);--nav-item-icon-color: var(--color-white);--nav-item-icon-active-color: var(--color-primary-400);--nav-item-label-color: var(--color-white);--nav-item-label-active-color: var(--color-primary-400);--nav-item-badge-background-color: var(--color-white);--nav-item-badge-color: var(--color-primary-400);--nav-item-badge-active-background-color: var(--color-primary-400);--nav-item-badge-active-color: var(--color-white);--nav-item-indicator-color: var(--color-warning-700);--top-bar-logo-url: url(//ui.voly.co.uk/theme/yco/images/YCO.svg) !important;--table-foot-color: var(--color-foreground);--table-subhead-background-color: var(--color-neutral-300);--negative-color-pale: var(--color-error-foreground) !important;--color-report-header: var(--color-foreground);--login-bg-url: url('//ui.voly.co.uk/theme/yco/images/Y-CO-Branded-Server-Background.jpg') !important;--login-bg-large-url: url('//ui.voly.co.uk/theme/yco/images/Y-CO-Branded-Server-Background.jpg') !important}.logonlogo { width: 100%; height: 39.6px; padding: 12.7px 0; text-align: center; background-color: var(--color-primary); } span#logonicon { display: inline-block; width: 141.167px; height: 39.6px; background: url(images/logo.png); background-size: 141.167px 39.6px; } .menu{font-size: var(--type-body-line-height); text-transform: uppercase;} span#volyicon { display: block; width: 142px; height: 40px; background: url(images/logo.png); background-size: 142px 40px; transition: background .25s ease 0s,background-color .25s ease 0s;} div.menuv:hover span#volyicon { display: block; width: 142px; height: 40px; background: url(images/logosel.png); background-size: 142px 40px;} .page-settings div#pageholder { margin: var(--margin) auto !important; --margin: 24px; } .page-settings div#pageholder > .c-nav-card { height: 13ch; vertical-align: top; } .clist thead tr:nth-child(2) th { font-size: 14px !important } .thead>.tr.trbb.trbb>div, div.thead .trbb.trbb, .tr.trbb.trbb>div:first-child, .tr.cashhead>div, .clist thead tr:first-child td, .clist thead tr:first-child th, .table tr.table-head td, .table tr.table-head th, div.wblr { border-color: transparent !important; } .o-card__title, div#popup.puc>p, #pageholder>.transactionheader>h4, #pageholder>.translist>.transactionheader>h4, #pageholder>h4:first-child, #transholder>.translist>.thead>.tr>h3, #transholder>h3, .fll>h3, .ltbb>h4, .transactionheader h3, .usrset>h3, h3.fll, div#popup h3, div#popup .newcmnt>p:first-child, div#popup .popuppanel h3, div#popup .shwcmnts h4 { color: var(--color-foreground) !important } div.alt { background-color: var(--color-neutral-100) !important; } table.clist td, table.clist th {border-color: var(--color-border) !important} .ppc-widget .line-amount { align-self: flex-end; } .ppc-widget .line-label { align-self: flex-end; font-size: 12px; } [data-component=featureSwitches] .toggle-name { text-transform: none; width: unset; } div#volysearch:not(.searchOpen) #searchinput { gap: 0; padding: calc(var(--padding)/2);} div#volysearch:not(.searchOpen) #search,div#volysearch:not(.searchOpen) #loader{ width: 0 !important; } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: none; } .table-striped tr:not(.table-head,.table-foot,.table-subhead,.table-subfoot):nth-child(odd) td { background-color: var(--table-stripe-background-color,var(--color-neutral-100)) !important; }