@import url(https://fonts.googleapis.com/css?family=Satisfy);
@charset "UTF-8";
/* Abstracts */
/* Misc colours */
/* Application-wide */
/* Appraisals */
/* Buttons */
/* Checklists */
/* Empty State */
/* Forms */
/* Screen rules */
/* Misc */
/* Abstracts */
.cz-label--alert, .cz-label--purple, .cz-label--success, .cz-label--hide, .cz-label--info, .cz-label--transition, .cz-label--deleted, .cz-label--neutral, .cz-label--action-alert, .cz-label--action-success {
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 0.75rem;
  line-height: 12px;
  display: inline-block;
  flex: 0 0 auto;
}

.cz-shell-nav-bar, .cz-shell-wf-top-bar, .cz-shell-wf-nav-bar {
  flex: 0 0 auto;
  position: relative;
}

.cz-contacts-configuration-pic, div.cz-round-pic, .cz-picture, .cz-picture--small, .cz-picture--large, .cz-picture--giant, .cz-picture--max-size, .cz-post__thumbnail, div.cz-header-bar__picture {
  width: var(--picture-size);
  height: var(--picture-size);
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

div.cz-person-chart-bradford-factor50, div.cz-person-chart-bradford-factor50125, div.cz-person-chart-bradford-factor125400, div.cz-person-chart-bradford-factor400650, div.cz-person-chart-bradford-factor650 {
  height: 50px;
  min-width: 100px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin: 10px;
}

.cz-custom-popover.popover, .cz-nbg-popover.popover, .cz-form-builder-no-max-width.popover, .cz-successors-popover {
  --bs-popover-header-font-size: var(--base-font-size);
  --bs-popover-body-padding-y: 14px;
  --bs-popover-body-padding-x: 9px;
  max-width: 350px;
  font-family: Nunito, Inter, Helvetica Neue, Arial, sans-serif;
  line-height: 1.42857143;
  border-radius: 3px;
}

/* Color palette for the system */
/* =============================== */
:root {
  /*
  Primary Colors
  Main neutral, brand and semantic
  colors that make up the majority of the colors used
  in the design system and components.
  */
  --white: #ffffff;
  --black: #000000;
  --transparent: #ffffff 0%;
  --gray-light-25: #fdfdfd;
  --gray-light-50: #fafafa;
  --gray-light-100: #f5f5f5;
  --gray-light-200: #e9eaeb;
  --gray-light-300: #d5d7da;
  --gray-light-400: #a4a7ae;
  --gray-light-500: #717680;
  --gray-light-600: #535862;
  --gray-light-700: #414651;
  --gray-light-800: #252b37;
  --gray-light-900: #181d27;
  --gray-light-950: #0a0d12;
  --gray-dark-25: #fafafa;
  --gray-dark-50: #f7f7f7;
  --gray-dark-100: #f0f0f1;
  --gray-dark-200: #ececed;
  --gray-dark-300: #cecfd2;
  --gray-dark-400: #94979c;
  --gray-dark-500: #85888e;
  --gray-dark-600: #61656c;
  --gray-dark-700: #373a41;
  --gray-dark-800: #22262f;
  --gray-dark-900: #13161b;
  --gray-dark-950: #0c0e12;
  --brand-25: #eef7fb;
  --brand-50: #d9eef7;
  --brand-100: #b9e0f4;
  --brand-200: #29cded;
  --brand-300: #5fb6e5;
  --brand-400: #0083d3;
  --brand-500: #0076c0;
  --brand-600: #005a99;
  --brand-700: #004374;
  --brand-800: #002d4f;
  --brand-900: #00162a;
  --brand-950: #000b14;
  --error-25: #fffbfa;
  --error-50: #fef3f2;
  --error-100: #fee4e2;
  --error-200: #fecdca;
  --error-300: #fda29b;
  --error-400: #f97066;
  --error-500: #f04438;
  --error-600: #d92d20;
  --error-700: #b42318;
  --error-800: #912018;
  --error-900: #7a271a;
  --error-950: #55160c;
  --warning-25: #fffcf5;
  --warning-50: #fffaeb;
  --warning-100: #fef0c7;
  --warning-200: #fedf89;
  --warning-300: #fec84b;
  --warning-400: #fdb022;
  --warning-500: #f79009;
  --warning-600: #dc6803;
  --warning-700: #b54708;
  --warning-800: #93370d;
  --warning-900: #7a2e0e;
  --warning-950: #4e1d09;
  --success-25: #f6fef9;
  --success-50: #ecfdf3;
  --success-100: #dcfae6;
  --success-200: #abefc6;
  --success-300: #75e0a7;
  --success-400: #47cd89;
  --success-500: #17b26a;
  --success-600: #079455;
  --success-700: #067647;
  --success-800: #085d3a;
  --success-900: #074d31;
  --success-950: #053321;
  /*
  Secondary Colors
  Selection of secondary colors to use in components such as pills, alerts and labels.
  These secondary colors should be used sparingly or as accents, while the primary color(s)
  should take precedence.
  */
  --gray-blue-25: #fcfcfd;
  --gray-blue-50: #f8f9fc;
  --gray-blue-100: #eaecf5;
  --gray-blue-200: #d5d9eb;
  --gray-blue-300: #b3b8db;
  --gray-blue-400: #717bbc;
  --gray-blue-500: #4e5ba6;
  --gray-blue-600: #3e4784;
  --gray-blue-700: #363f72;
  --gray-blue-800: #293056;
  --gray-blue-900: #101323;
  --gray-blue-950: #0d0f1c;
  --gray-cool-25: #fcfcfd;
  --gray-cool-50: #f9f9fb;
  --gray-cool-100: #eff1f5;
  --gray-cool-200: #dcdfea;
  --gray-cool-300: #b9c0d4;
  --gray-cool-400: #7d89b0;
  --gray-cool-500: #5d6b98;
  --gray-cool-600: #4a5578;
  --gray-cool-700: #404968;
  --gray-cool-800: #30374f;
  --gray-cool-900: #111322;
  --gray-cool-950: #0e101b;
  --gray-modern-25: #fcfcfd;
  --gray-modern-50: #f8fafc;
  --gray-modern-100: #eef2f6;
  --gray-modern-200: #e3e8ef;
  --gray-modern-300: #cdd5df;
  --gray-modern-400: #9aa4b2;
  --gray-modern-500: #697586;
  --gray-modern-600: #4b5565;
  --gray-modern-700: #364152;
  --gray-modern-800: #202939;
  --gray-modern-900: #121926;
  --gray-modern-950: #0d121c;
  --gray-neutral-25: #fcfcfd;
  --gray-neutral-50: #f9fafb;
  --gray-neutral-100: #f3f4f6;
  --gray-neutral-200: #e5e7eb;
  --gray-neutral-300: #d2d6db;
  --gray-neutral-400: #9da4ae;
  --gray-neutral-500: #6c737f;
  --gray-neutral-600: #4d5761;
  --gray-neutral-700: #384250;
  --gray-neutral-800: #1f2a37;
  --gray-neutral-900: #111927;
  --gray-neutral-950: #0d121c;
  --gray-iron-25: #fcfcfc;
  --gray-iron-50: #fafafa;
  --gray-iron-100: #f4f4f5;
  --gray-iron-200: #e4e4e7;
  --gray-iron-300: #d1d1d6;
  --gray-iron-400: #a0a0ab;
  --gray-iron-500: #70707b;
  --gray-iron-600: #51525c;
  --gray-iron-700: #3f3f46;
  --gray-iron-800: #26272b;
  --gray-iron-900: #1a1a1e;
  --gray-iron-950: #131316;
  --gray-true-25: #fcfcfc;
  --gray-true-50: #f7f7f7;
  --gray-true-100: #f5f5f5;
  --gray-true-200: #e5e5e5;
  --gray-true-300: #d6d6d6;
  --gray-true-400: #a3a3a3;
  --gray-true-500: #737373;
  --gray-true-600: #525252;
  --gray-true-700: #424242;
  --gray-true-800: #292929;
  --gray-true-900: #141414;
  --gray-true-950: #0f0f0f;
  --gray-warm-25: #fdfdfc;
  --gray-warm-50: #fafaf9;
  --gray-warm-100: #f5f5f4;
  --gray-warm-200: #e7e5e4;
  --gray-warm-300: #d7d3d0;
  --gray-warm-400: #a9a29d;
  --gray-warm-500: #79716b;
  --gray-warm-600: #57534e;
  --gray-warm-700: #33303c;
  --gray-warm-800: #292524;
  --gray-warm-900: #1c1917;
  --gray-warm-950: #171412;
  --moss-25: #fafdf7;
  --moss-50: #f5fbee;
  --moss-100: #e6f4d7;
  --moss-200: #ceeab0;
  --moss-300: #acdc79;
  --moss-400: #86cb3c;
  --moss-500: #669f2a;
  --moss-600: #4f7a21;
  --moss-700: #3f621a;
  --moss-800: #335015;
  --moss-900: #2b4212;
  --moss-950: #1a280b;
  --green-light-25: #fafef5;
  --green-light-50: #f3fee7;
  --green-light-100: #e4fbcc;
  --green-light-200: #d0f8ab;
  --green-light-300: #a6ef67;
  --green-light-400: #85e13a;
  --green-light-500: #66c61c;
  --green-light-600: #4ca30d;
  --green-light-700: #3b7c0f;
  --green-light-800: #326212;
  --green-light-900: #2b5314;
  --green-light-950: #15290a;
  --green-25: #f6fef9;
  --green-50: #edfcf2;
  --green-100: #d3f8df;
  --green-200: #aaf0c4;
  --green-300: #73e2a3;
  --green-400: #3ccb7f;
  --green-500: #16b364;
  --green-600: #099250;
  --green-700: #087443;
  --green-800: #095c37;
  --green-900: #084c2e;
  --green-950: #052e1c;
  --teal-25: #f6fefc;
  --teal-50: #f0fdf9;
  --teal-100: #ccfbef;
  --teal-200: #99f6e0;
  --teal-300: #5fe9d0;
  --teal-400: #2ed3b7;
  --teal-500: #15b79e;
  --teal-600: #0e9384;
  --teal-700: #107569;
  --teal-800: #125d56;
  --teal-900: #134e48;
  --teal-950: #0a2926;
  --cyan-25: #f5feff;
  --cyan-50: #ecfdff;
  --cyan-100: #cff9fe;
  --cyan-200: #a5f0fc;
  --cyan-300: #67e3f9;
  --cyan-400: #22ccee;
  --cyan-500: #06aed4;
  --cyan-600: #088ab2;
  --cyan-700: #0e7090;
  --cyan-800: #155b75;
  --cyan-900: #164c63;
  --cyan-950: #0d2d3a;
  --blue-light-25: #f5fbff;
  --blue-light-50: #f0f9ff;
  --blue-light-100: #e0f2fe;
  --blue-light-200: #b9e6fe;
  --blue-light-300: #7cd4fd;
  --blue-light-400: #36bffa;
  --blue-light-500: #0ba5ec;
  --blue-light-600: #0086c9;
  --blue-light-700: #026aa2;
  --blue-light-800: #065986;
  --blue-light-900: #0b4a6f;
  --blue-light-950: #062c41;
  --blue-25: #f5faff;
  --blue-50: #eff8ff;
  --blue-100: #d1e9ff;
  --blue-200: #b2ddff;
  --blue-300: #84caff;
  --blue-400: #53b1fd;
  --blue-500: #2e90fa;
  --blue-600: #1570ef;
  --blue-700: #175cd3;
  --blue-800: #1849a9;
  --blue-900: #194185;
  --blue-950: #102a56;
  --blue-dark-25: #f5f8ff;
  --blue-dark-50: #eff4ff;
  --blue-dark-100: #d1e0ff;
  --blue-dark-200: #b2ccff;
  --blue-dark-300: #84adff;
  --blue-dark-400: #528bff;
  --blue-dark-500: #2970ff;
  --blue-dark-600: #155eef;
  --blue-dark-700: #004eeb;
  --blue-dark-800: #0040c1;
  --blue-dark-900: #00359e;
  --blue-dark-950: #002266;
  --indigo-25: #f5f8ff;
  --indigo-50: #eef4ff;
  --indigo-100: #e0eaff;
  --indigo-200: #c7d7fe;
  --indigo-300: #a4bcfd;
  --indigo-400: #8098f9;
  --indigo-500: #6172f3;
  --indigo-600: #444ce7;
  --indigo-700: #3538cd;
  --indigo-800: #2d31a6;
  --indigo-900: #2d3282;
  --indigo-950: #1f235b;
  --violet-25: #fbfaff;
  --violet-50: #f5f3ff;
  --violet-100: #ece9fe;
  --violet-200: #ddd6fe;
  --violet-300: #c3b5fd;
  --violet-400: #a48afb;
  --violet-500: #875bf7;
  --violet-600: #7839ee;
  --violet-700: #6927da;
  --violet-800: #5720b7;
  --violet-900: #491c96;
  --violet-950: #2e125e;
  --purple-25: #fafaff;
  --purple-50: #f4f3ff;
  --purple-100: #ebe9fe;
  --purple-200: #d9d6fe;
  --purple-300: #bdb4fe;
  --purple-400: #9b8afb;
  --purple-500: #7a5af8;
  --purple-600: #6938ef;
  --purple-700: #5925dc;
  --purple-800: #4a1fb8;
  --purple-900: #3e1c96;
  --purple-950: #27115f;
  --fuchsia-25: #fefaff;
  --fuchsia-50: #fdf4ff;
  --fuchsia-100: #fbe8ff;
  --fuchsia-200: #f6d0fe;
  --fuchsia-300: #eeaafd;
  --fuchsia-400: #e478fa;
  --fuchsia-500: #d444f1;
  --fuchsia-600: #ba24d5;
  --fuchsia-700: #9f1ab1;
  --fuchsia-800: #821890;
  --fuchsia-900: #6f1877;
  --fuchsia-950: #47104c;
  --pink-25: #fef6fb;
  --pink-50: #fdf2fa;
  --pink-100: #fce7f6;
  --pink-200: #fcceee;
  --pink-300: #faa7e0;
  --pink-400: #f670c7;
  --pink-500: #ee46bc;
  --pink-600: #dd2590;
  --pink-700: #c11574;
  --pink-800: #9e165f;
  --pink-900: #851651;
  --pink-950: #4e0d30;
  --rose-25: #fff5f6;
  --rose-50: #fff1f3;
  --rose-100: #ffe4e8;
  --rose-200: #fecdd6;
  --rose-300: #fea3b4;
  --rose-400: #fd6f8e;
  --rose-500: #f63d68;
  --rose-600: #e31b54;
  --rose-700: #c01048;
  --rose-800: #a11043;
  --rose-900: #89123e;
  --rose-950: #510b24;
  --orange-dark-25: #fff9f5;
  --orange-dark-50: #fff4ed;
  --orange-dark-100: #ffe6d5;
  --orange-dark-200: #ffd6ae;
  --orange-dark-300: #ff9c66;
  --orange-dark-400: #ff692e;
  --orange-dark-500: #ff4405;
  --orange-dark-600: #e62e05;
  --orange-dark-700: #bc1b06;
  --orange-dark-800: #97180c;
  --orange-dark-900: #771a0d;
  --orange-dark-950: #57130a;
  --orange-25: #fefaf5;
  --orange-50: #fef6ee;
  --orange-100: #fdead7;
  --orange-200: #f9dbaf;
  --orange-300: #f7b27a;
  --orange-400: #f38744;
  --orange-500: #ef6820;
  --orange-600: #e04f16;
  --orange-700: #b93815;
  --orange-800: #932f19;
  --orange-900: #772917;
  --orange-950: #511c10;
  --yellow-25: #fefdf0;
  --yellow-50: #fefbe8;
  --yellow-100: #fef7c3;
  --yellow-200: #feee95;
  --yellow-300: #fde272;
  --yellow-400: #fac515;
  --yellow-500: #eaaa08;
  --yellow-600: #ca8504;
  --yellow-700: #a15c07;
  --yellow-800: #854a0e;
  --yellow-900: #713b12;
  --yellow-950: #542c0d;
  /* Variables */
  /* ========================= */
  /* ========================= */
  --text-primary: var(--gray-light-900);
  --text-primary_on-brand: var(--white);
  --text-secondary: var(--gray-light-700);
  --text-secondary_hover: var(--gray-light-800);
  --text-secondary_on-brand: var(--brand-200);
  --text-tertiary: var(--gray-light-600);
  --text-tertiary_hover: var(--gray-light-700);
  --text-tertiary_on-brand: var(--brand-200);
  --text-quaternary: var(
    --gray-light-500
  );
  --text-quaternary_on-brand: var(--gray-light-500);
  --text-white: var(--white);
  --text-disabled: var(--gray-light-500);
  --text-placeholder: var(--gray-light-500);
  --text-placeholder_subtle: var(--gray-light-300);
  --text-brand-primary: var(--brand-900);
  --text-brand-secondary: var(--brand-700);
  --text-brand-tertiary: var(--brand-600);
  --text-brand-tertiary_alt: var(--brand-600);
  --text-error-primary: var(--error-600);
  --text-warning-primary: var(--warning-600);
  --text-success-primary: var(--success-600);
  /* ========================= */
  /* ========================= */
  --border-primary: var(--gray-light-300);
  --border-secondary: var(--gray-light-300);
  --border-tertiary: var(--gray-light-100);
  --border-disabled: var(--gray-light-300);
  --border-disabled_subtle: var(--gray-light-200);
  --border-brand: var(--brand-500);
  --border-brand_alt: var(--brand-600);
  --border-error: var(--error-500);
  --border-error_subtle: var(--error-300);
  /* ========================= */
  /* ========================= */
  --fg-primary: var(--gray-light-900);
  --fg-secondary: var(gray-light-700);
  --fg-secondary_hover: var(--gray-light-800);
  --fg-tertiary: var(--gray-light-600);
  --fg-tertiary_hover: var(gray-light-700);
  --fg-quaternary: var(--gray-light-500);
  --fg-quaternary_hover: var(--gray-light-600);
  --fg-quinary: var(--gray-light-400);
  --fg-quinary_hover: var(--gray-light-500);
  --fg-senary: var(--gray-light-300);
  --fg-white: var(--white);
  --fg-black: var(--black);
  --fg-disabled: var(--gray-light-400);
  --fg-disabled_subtle: var(--gray-light-300);
  --fg-brand-primary: var(--brand-600);
  --fg-brand-primary_alt: var(--brand-600);
  --fg-brand-secondary: var(--brand-500);
  --fg-error-primary: var(--error-600);
  --fg-error-secondary: var(--error-500);
  --fg-warning-primary: var(--warning-600);
  --fg-warning-secondary: var(--warning-500);
  --fg-success-primary: var(--success-600);
  --fg-success-secondary: var(--success-500);
  /* ========================= */
  /* ========================= */
  --bg-primary: var(--white);
  --bg-primary_alt: var(--white);
  --bg-primary_hover: var(--gray-light-50);
  --bg-primary-solid: var(--gray-light-300);
  --bg-secondary: var(--gray-light-50);
  --bg-secondary_alt: var(--gray-light-50);
  --bg-secondary_hover: var(--gray-light-100);
  --bg-secondary_subtle: var(--gray-light-25);
  --bg-secondary-solid: var(--gray-light-600);
  --bg-tertiary: var(--gray-light-100);
  --bg-quaternary: var(--gray-light-200);
  --bg-quinary: var(--black);
  --bg-active: var(--gray-light-50);
  --bg-disabled: var(--gray-light-100);
  --bg-disabled_subtle: var(--gray-light-50);
  --bg-overlay: var(--gray-light-950);
  --bg-brand-primary: var(--brand-50);
  --bg-brand-primary_alt: var(--brand-50);
  --bg-brand-secondary: var(--brand-100);
  --bg-brand-solid: var(--brand-600);
  --bg-brand-solid_hover: var(--brand-700);
  --bg-brand-section: var(--brand-800);
  --bg-brand-section_subtle: var(--brand-700);
  --bg-error-primary: var(--error-50);
  --bg-error-secondary: var(--error-400);
  --bg-error-solid: var(--error-600);
  --bg-warning-primary: var(--warning-50);
  --bg-warning-secondary: var(--warning-100);
  --bg-warning-solid: var(--warning-600);
  --bg-success-primary: var(--success-50);
  --bg-success-secondary: var(--success-100);
  --bg-success-solid: var(--success-600);
  /* Colour Utility Variables */
  /* ========================= */
  /* ========================= */
  --alpha-white-10: rgba(255, 255, 255, 0.1);
  --alpha-white-20: rgba(255, 255, 255, 0.2);
  --alpha-white-25: rgba(255, 255, 255, 0.25);
  --alpha-white-30: rgba(255, 255, 255, 0.3);
  --alpha-white-40: rgba(255, 255, 255, 0.4);
  --alpha-white-50: rgba(255, 255, 255, 0.5);
  --alpha-white-60: rgba(255, 255, 255, 0.6);
  --alpha-white-70: rgba(255, 255, 255, 0.7);
  --alpha-white-75: rgba(255, 255, 255, 0.75);
  --alpha-white-80: rgba(255, 255, 255, 0.8);
  --alpha-white-90: rgba(255, 255, 255, 0.9);
  --alpha-white-100: rgba(255, 255, 255, 1);
  --alpha-black-10: rgba(0, 0, 0, 0.1);
  --alpha-black-20: rgba(0, 0, 0, 0.2);
  --alpha-black-25: rgba(0, 0, 0, 0.25);
  --alpha-black-30: rgba(0, 0, 0, 0.3);
  --alpha-black-40: rgba(0, 0, 0, 0.4);
  --alpha-black-50: rgba(0, 0, 0, 0.5);
  --alpha-black-60: rgba(0, 0, 0, 0.6);
  --alpha-black-70: rgba(0, 0, 0, 0.7);
  --alpha-black-75: rgba(0, 0, 0, 0.75);
  --alpha-black-80: rgba(0, 0, 0, 0.8);
  --alpha-black-90: rgba(0, 0, 0, 0.9);
  --alpha-black-100: rgba(0, 0, 0, 1);
  /* ========================= */
  /* ========================= */
  --utility-gray-25: var(--gray-modern-25);
  --utility-gray-50: var(--gray-modern-50);
  --utility-gray-100: var(--gray-modern-100);
  --utility-gray-200: var(--gray-modern-200);
  --utility-gray-300: var(--gray-modern-300);
  --utility-gray-400: var(--gray-modern-400);
  --utility-gray-500: var(--gray-modern-500);
  --utility-gray-600: var(--gray-modern-600);
  --utility-gray-700: var(--gray-modern-700);
  --utility-gray-800: var(--gray-modern-800);
  --utility-gray-900: var(--gray-modern-900);
  --utility-gray-950: var(--gray-modern-950);
  --utility-gray-100-alpha-75: #f5f5f5bf;
  --utility-gray-200-alpha-10: #e9eaeb1a;
  --utility-gray-200-alpha-50: #e9eaeb80;
  --utility-gray-200-alpha-90: #e9eaebe6;
  --utility-gray-300-alpha-25: #d5d7da40;
  --utility-gray-300-alpha-50: #d5d7da80;
  --utility-gray-300-alpha-75: #d5d7dabf;
  --utility-gray-400-alpha-10: #a4a7ae1a;
  --utility-gray-400-alpha-90: #a4a7aee6;
  --utility-gray-500-alpha-10: #7176801a;
  --utility-gray-500-alpha-25: #71768040;
  --utility-gray-600-alpha-10: #5358621a;
  --utility-gray-600-alpha-75: #535862bf;
  --utility-gray-600-alpha-90: #535862e6;
  --utility-gray-700-alpha-10: #4146511a;
  --utility-gray-700-alpha-25: #41465140;
  --utility-gray-700-alpha-50: #41465180;
  --utility-gray-700-alpha-75: #414651bf;
  --utility-gray-900-alpha-10: #181d271a;
  --utility-gray-950-alpha-10: #0a0d121a;
  --utility-gray-950-alpha-50: #0a0d1280;
  --utility-gray-950-alpha-75: #0a0d12bf;
  --utility-gray-dark-50: var(--gray-dark-50);
  --utility-gray-dark-100: var(--gray-dark-100);
  --utility-gray-dark-200: var(--gray-dark-200);
  --utility-gray-dark-300: var(--gray-dark-300);
  --utility-gray-dark-400: var(--gray-dark-400);
  --utility-gray-dark-500: var(--gray-dark-500);
  --utility-gray-dark-600: var(--gray-dark-600);
  --utility-gray-dark-700: var(--gray-dark-700);
  --utility-gray-dark-900: var(--gray-dark-900);
  --utility-gray-dark-300-alpha-10: #cecfd21a;
  --utility-gray-dark-400-alpha-10: #94979c1a;
  --utility-gray-dark-500-alpha-10: #85888e1a;
  --utility-gray-dark-500-alpha-25: #85888e40;
  --utility-gray-dark-500-alpha-50: #85888e80;
  --utility-gray-dark-600-alpha-50: #61656c80;
  --utility-gray-dark-900-alpha-90: #13161be6;
  --utility-brand-25: var(--brand-25);
  --utility-brand-50: var(--brand-50);
  --utility-brand-100: var(--brand-100);
  --utility-brand-200: var(--brand-200);
  --utility-brand-300: var(--brand-300);
  --utility-brand-400: var(--brand-400);
  --utility-brand-500: var(--brand-500);
  --utility-brand-600: var(--brand-600);
  --utility-brand-700: var(--brand-700);
  --utility-brand-800: var(--brand-800);
  --utility-brand-900: var(--brand-900);
  --utility-brand-50_alt: var(--brand-50);
  --utility-brand-100_alt: var(--brand-100);
  --utility-brand-200_alt: var(--brand-200);
  --utility-brand-300_alt: var(--brand-300);
  --utility-brand-400_alt: var(--brand-400);
  --utility-brand-500_alt: var(--brand-500);
  --utility-brand-600_alt: var(--brand-600);
  --utility-brand-700_alt: var(--brand-700);
  --utility-brand-800_alt: var(--brand-800);
  --utility-brand-900_alt: var(--brand-900);
  --utility-brand-blue-alpha-75: #3e6accbf;
  --utility-brand-500-alpha-75: #0093cbbf;
  --utility-brand-500-alpha-90: #0093cbe6;
  --utility-brand-950-alpha-50: #051c3380;
  --utility-error-50: var(--error-50);
  --utility-error-100: var(--error-100);
  --utility-error-200: var(--error-200);
  --utility-error-300: var(--error-300);
  --utility-error-400: var(--error-400);
  --utility-error-500: var(--error-500);
  --utility-error-600: var(--error-600);
  --utility-error-700: var(--error-700);
  --utility-error-800: var(--error-800);
  --utility-error-600-alpha-25: #d92d2040;
  --utility-error-600-alpha-50: #d92d2080;
  --utility-error-600-alpha-75: #d92d20bf;
  --utility-error-600-alpha-90: #d92d20e6;
  --utility-error-700-alpha-10: #b423181a;
  --utility-error-700-alpha-25: #b4231840;
  --utility-warning-50: var(--warning-50);
  --utility-warning-100: var(--warning-100);
  --utility-warning-200: var(--warning-200);
  --utility-warning-300: var(--warning-300);
  --utility-warning-400: var(--warning-400);
  --utility-warning-500: var(--warning-500);
  --utility-warning-600: var(--warning-600);
  --utility-warning-700: var(--warning-700);
  --utility-success-50: var(--success-50);
  --utility-success-100: var(--success-100);
  --utility-success-200: var(--success-200);
  --utility-success-300: var(--success-300);
  --utility-success-400: var(--success-400);
  --utility-success-500: var(--success-500);
  --utility-success-600: var(--success-600);
  --utility-success-700: var(--success-700);
  --utility-success-600-alpha-50: #07945580;
  --utility-gray-blue-50: var(--gray-blue-50);
  --utility-gray-blue-100: var(--gray-blue-100);
  --utility-gray-blue-200: var(--gray-blue-200);
  --utility-gray-blue-300: var(--gray-blue-300);
  --utility-gray-blue-400: var(--gray-blue-400);
  --utility-gray-blue-500: var(--gray-blue-500);
  --utility-gray-blue-600: var(--gray-blue-600);
  --utility-gray-blue-700: var(--gray-blue-700);
  --utility-gray-blue-800: var(--gray-blue-800);
  --utility-gray-blue-800-alpha-10: #2930561a;
  --utility-gray-neutral-300: var(--gray-neutral-300);
  --utility-gray-neutral-600: var(--gray-neutral-600);
  --utility-gray-cool-300: var(--gray-cool-300);
  --utility-gray-cool-400: var(--gray-cool-400);
  --utility-gray-cool-500: var(--gray-cool-500);
  --utility-gray-cool-800: var(--gray-cool-800);
  --utility-gray-cool-800-alpha-25: #30374f40;
  --utility-gray-modern-300: var(--gray-modern-300);
  --utility-gray-modern-400: var(--gray-modern-400);
  --utility-gray-modern-500: var(--gray-modern-500);
  --utility-gray-modern-500-alpha-50: #69758680;
  --utility-gray-modern-300-alpha-25: #cdd5df40;
  --utility-gray-modern-300-alpha-50: #cdd5df80;
  --utility-gray-modern-300-alpha-75: #cdd5dfbf;
  --utility-gray-iron-200: var(--gray-iron-200);
  --utility-gray-iron-600: var(--gray-iron-600);
  --utility-gray-iron-800-alpha-25: #26272b40;
  --utility-gray-true-400: var(--gray-true-400);
  --utility-gray-true-500: var(--gray-true-500);
  --utility-gray-true-600: var(--gray-true-600);
  --utility-gray-true-800: var(--gray-true-800);
  --utility-gray-true-400-alpha-10: #a3a3a31a;
  --utility-gray-true-400-alpha-25: #a3a3a340;
  --utility-moss-500: var(--moss-500);
  --utility-green-400: var(--green-400);
  --utility-green-500: var(--green-500);
  --utility-green-700: var(--green-700);
  --utility-green-800: var(--green-800);
  --utility-green-400-alpha-10: #3ccb7f1a;
  --utility-green-400-alpha-25: #3ccb7f40;
  --utility-green-600-alpha-75: #099250bf;
  --utility-green-600-alpha-90: #099250e6;
  --utility-green-light-600-alpha-50: #4ca30d80;
  --utility-teal-100: var(--teal-100);
  --utility-cyan-700: var(--cyan-700);
  --utility-blue-light-50: var(--blue-light-50);
  --utility-blue-light-100: var(--blue-light-100);
  --utility-blue-light-200: var(--blue-light-200);
  --utility-blue-light-300: var(--blue-light-300);
  --utility-blue-light-400: var(--blue-light-400);
  --utility-blue-light-500: var(--blue-light-500);
  --utility-blue-light-600: var(--blue-light-600);
  --utility-blue-light-700: var(--blue-light-700);
  --utility-blue-light-800: var(--blue-light-800);
  --utility-blue-light-950: var(--blue-light-950);
  --utility-blue-50: var(--blue-50);
  --utility-blue-100: var(--blue-100);
  --utility-blue-200: var(--blue-200);
  --utility-blue-300: var(--blue-300);
  --utility-blue-400: var(--blue-400);
  --utility-blue-500: var(--blue-500);
  --utility-blue-600: var(--blue-600);
  --utility-blue-700: var(--blue-700);
  --utility-blue-900: var(--blue-900);
  --utility-blue-500-alpha-10: #2e90fa1a;
  --utility-blue-500-alpha-25: #2e90fa40;
  --utility-blue-500-alpha-50: #2e90fa80;
  --utility-blue-500-alpha-75: #2e90fabf;
  --utility-blue-500-alpha-90: #2e90fae6;
  --utility-blue-dark-50: var(--blue-dark-50);
  --utility-blue-dark-100: var(--blue-dark-100);
  --utility-blue-dark-200: var(--blue-dark-200);
  --utility-blue-dark-300: var(--blue-dark-300);
  --utility-blue-dark-400: var(--blue-dark-400);
  --utility-blue-dark-500: var(--blue-dark-500);
  --utility-blue-dark-600: var(--blue-dark-600);
  --utility-blue-dark-700: var(--blue-dark-700);
  --utility-blue-dark-700-alpha-25: #004eeb40;
  --utility-blue-dark-700-alpha-50: #004eeb80;
  --utility-blue-dark-700-alpha-75: #004eebbf;
  --utility-blue-dark-950-alpha-10: #0022661a;
  --utility-indigo-50: var(--indigo-50);
  --utility-indigo-100: var(--indigo-100);
  --utility-indigo-200: var(--indigo-200);
  --utility-indigo-300: var(--indigo-300);
  --utility-indigo-400: var(--indigo-400);
  --utility-indigo-500: var(--indigo-500);
  --utility-indigo-600: var(--indigo-600);
  --utility-indigo-700: var(--indigo-700);
  --utility-violet-100: var(--violet-100);
  --utility-violet-300: var(--violet-300);
  --utility-violet-400: var(--violet-400);
  --utility-violet-600: var(--violet-600);
  --utility-violet-700: var(--violet-700);
  --utility-purple-50: var(--purple-50);
  --utility-purple-100: var(--purple-100);
  --utility-purple-200: var(--purple-200);
  --utility-purple-300: var(--purple-300);
  --utility-purple-400: var(--purple-400);
  --utility-purple-500: var(--purple-500);
  --utility-purple-600: var(--purple-600);
  --utility-purple-700: var(--purple-700);
  --utility-purple-400-alpha-10: #9b8afb1a;
  --utility-fuchsia-50: var(--fuchsia-50);
  --utility-fuchsia-100: var(--fuchsia-100);
  --utility-fuchsia-200: var(--fuchsia-200);
  --utility-fuchsia-300: var(--fuchsia-300);
  --utility-fuchsia-400: var(--fuchsia-400);
  --utility-fuchsia-500: var(--fuchsia-500);
  --utility-fuchsia-600: var(--fuchsia-600);
  --utility-fuchsia-700: var(--fuchsia-700);
  --utility-fuchsia-900: var(--fuchsia-900);
  --utility-pink-50: var(--pink-50);
  --utility-pink-100: var(--pink-100);
  --utility-pink-200: var(--pink-200);
  --utility-pink-300: var(--pink-300);
  --utility-pink-400: var(--pink-400);
  --utility-pink-500: var(--pink-500);
  --utility-pink-600: var(--pink-600);
  --utility-pink-700: var(--pink-700);
  --utility-rose-200: var(--rose-200);
  --utility-rose-600: var(--rose-600);
  --utility-rose-700: var(--rose-700);
  --utility-orange-dark-50: var(--orange-dark-50);
  --utility-orange-dark-100: var(--orange-dark-100);
  --utility-orange-dark-200: var(--orange-dark-200);
  --utility-orange-dark-300: var(--orange-dark-300);
  --utility-orange-dark-400: var(--orange-dark-400);
  --utility-orange-dark-500: var(--orange-dark-500);
  --utility-orange-dark-600: var(--orange-dark-600);
  --utility-orange-dark-700: var(--orange-dark-700);
  --utility-orange-50: var(--orange-50);
  --utility-orange-100: var(--orange-100);
  --utility-orange-200: var(--orange-200);
  --utility-orange-300: var(--orange-300);
  --utility-orange-400: var(--orange-400);
  --utility-orange-500: var(--orange-500);
  --utility-orange-600: var(--orange-600);
  --utility-orange-700: var(--orange-700);
  --utility-orange-400-alpha-10: #f387441a;
  --utility-orange-400-alpha-25: #f3874440;
  --utility-yellow-100: var(--yellow-100);
  --utility-gray-true-300: var(--gray-true-300);
  --utility-green-100: var(--green-100);
  --utility-green-900: var(--green-900);
}

:root {
  /* COLOURS */
  /* ======= */
  /* Primary */
  /* ------- */
  --white: #fff;
  --primary-blue: #2e90fa;
  --primary-blue-a11y: #3e47cc;
  --primary-gray: #5e7b89;
  --brand-green: #025f3b;
  --brand-gray-darkened: #14171a;
  /* Secondary */
  /* ------- */
  --woodsmoke: rgb(20, 23, 26);
  --gunpowder: rgb(77, 79, 92);
  /* Borders */
  /* ------- */
  --border-color-medium: #d6d6d6;
  --mat-form-field-border-color: var(--gray-light-300);
  /* Focus */
  /* ----- */
  --focus-color: var(--primary-gray);
  /* Hover */
  /* ----- */
  --hover-background-colour: #f5f5f5;
  /* Scrollbar */
  /* ----- */
  /* SVG */
  /* --- */
  --svg-icon-fill: var(--svg-button-foreground-color);
  --svg-button-foreground-color: var(--gunpowder);
  --svg-button-foreground-color-dark: var(--woodsmoke);
  /* TYPOGRAPHY */
  /* ========== */
  --base-font-family: nunito, inter, helvetica neue, arial, sans-serif;
  --base-font-size: 14px;
  --base-font-color: var(--brand-gray-darkened);
  --line-height: calc(2px + 2.3ex + 2px);
  --cz-bold: 600;
  --inter-font-family: inter, helvetica neue, arial, sans-serif;
  /* DIMENSIONS */
  /* ========== */
  /* Anchor */
  /* ------ */
  --anchor-hover-text-decoration-thickness: 3px;
  /* Buttons */
  /* ------- */
  --upload-button-margin-right: 5px;
  /* Colour Picker */
  /* ------------- */
  --colour-picker-text-width: 75%;
  /* Drop-down Directive */
  /* ------------------- */
  --drop-down-directive-menu-padding: 5px 0;
  /* Form Fields */
  /* ----------- */
  --form-field-height: 38px;
  --border-radius-medium: 4px;
  --mat-select-panel-border-radius: 4px;
  --k-input-inner-text-overflow: ellipsis;
  --k-input-inner-padding-right: 8px;
  /* Grid */
  /* ---- */
  --grid-row-height: 45px;
  /* Html Editor */
  /* ----------- */
  --html-editor-height: 250px;
  --html-editor-min-height: none;
  /* Shell */
  /* ----------- */
  --right-hand-header-height: 60px;
  /* SVG */
  /* --- */
  --svg-icon-size-xxl: 100px;
  --svg-icon-size-xl: 50px;
  --svg-icon-size-large: 22px;
  --svg-icon-size-standard: 16px;
  --svg-icon-size-small: 12px;
  --svg-icon-size: var(--svg-icon-size-standard);
  /* Images */
  /* ----- */
  --picture-size-max: 100px;
  --picture-size-giant: 60px;
  --picture-size-large: 40px;
  --picture-size-standard: 34px;
  --picture-size-small: 28px;
  --picture-size: var(--picture-size-standard);
  /* Images */
  /* ----- */
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --radius-xl: 12px;
  --radius-full: 9999px;
}

/* App */
/* Abstracts */
.cz-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-fill-scroll {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-fill-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-fill-scroll::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-fill-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-fill-vertical-scroll {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

.cz-hide {
  display: none !important;
}

.re-add-default-list-styles ul {
  list-style-type: disc;
  padding-inline-start: 40px;
}
.re-add-default-list-styles ol {
  list-style-type: decimal;
  padding-inline-start: 40px;
}

div.cz-disclosure-indicator {
  display: flex;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  flex-basis: 12px;
}

svg.cz-disclosure-indicator {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  fill: var(--gray-light-700);
}

.cz-truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[hidden] {
  display: none !important;
}

.help-text {
  font-style: italic;
}

.semibold-text {
  font-weight: 600;
}

/* Class for masking text for screen readers that might be needed to replace visual information that
    - is critical to the UI
    - is not otherwise read by a screen reader when using correct HTML / aria
    - is definitely superfluous for a user of our visual UI
    - doesn't have any focusable content inside of it
    See https://kittygiraudel.com/2021/02/17/hiding-content-responsibly/
*/
.sr-only:not(:focus):not(:active) {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* For hiding a focusable element until focused */
.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

.cz-boot-spin-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cz-boot-ready .cz-boot-shell-container {
  display: block;
}

.cz-boot-ready {
  position: initial !important;
}

.cz-boot-failed .cz-boot-error-container {
  display: flex;
}

.cz-boot-error-container {
  flex-direction: column;
  justify-content: space-around;
  min-height: 100vh;
}

.cz-boot-error-message {
  margin: 30px;
  font-size: 1rem;
  text-align: center;
}

.cz-badge, .cz-progress-tracker-stage__badge {
  min-height: 22px;
  min-width: 22px;
  max-height: 22px;
  max-width: 22px;
  border-radius: 50%;
  padding: 0 4px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}

.cz-badge__content {
  height: 27px;
  min-height: 27px;
  max-height: 27px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column !important;
}

/* Abstracts */
.cz-button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

button.cz-button,
a.cz-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-true-300);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
}
button.cz-button:hover,
a.cz-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-button:focus,
a.cz-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-button[disabled], button.cz-button[disabled]:hover, button.cz-button[disabled]:focus, button.cz-button[disabled]:active,
a.cz-button[disabled],
a.cz-button[disabled]:hover,
a.cz-button[disabled]:focus,
a.cz-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-button[disabled] svg, button.cz-button[disabled]:hover svg, button.cz-button[disabled]:focus svg, button.cz-button[disabled]:active svg,
a.cz-button[disabled] svg,
a.cz-button[disabled]:hover svg,
a.cz-button[disabled]:focus svg,
a.cz-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-button svg,
a.cz-button svg {
  fill: var(--text-primary);
}
button.cz-button:active,
a.cz-button:active {
  background-color: var(--gray-light-200);
}
button.cz-button:focus,
a.cz-button:focus {
  color: var(--text-primary);
  background-color: var(--bg-primary);
  outline: 2px solid var(--gray-light-900);
  outline-offset: -3px;
  box-sizing: border-box;
}

button.cz-activate-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--utility-brand-600);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--fg-white);
  background-color: var(--utility-brand-600);
}
button.cz-activate-button:hover {
  background-color: var(--utility-brand-800);
}
button.cz-activate-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--utility-brand-600);
}
button.cz-activate-button[disabled], button.cz-activate-button[disabled]:hover, button.cz-activate-button[disabled]:focus, button.cz-activate-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-activate-button[disabled] svg, button.cz-activate-button[disabled]:hover svg, button.cz-activate-button[disabled]:focus svg, button.cz-activate-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-activate-button svg {
  fill: var(--fg-white);
}
button.cz-activate-button:active {
  background-color: var(--utility-brand-800);
}
button.cz-activate-button:focus {
  color: var(--utility-brand-600);
  background-color: var(--bg-primary);
  outline: 2px solid var(--utility-brand-600);
  outline-offset: -3px;
  box-sizing: border-box;
  border-radius: 5px;
}

button.cz-primary-button,
a.cz-primary-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--bg-disabled);
  background-color: var(--brand-600);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--fg-white);
  background-color: var(--brand-600);
  border: 1px solid var(--alpha-white-10);
  border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1215686275) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
}
button.cz-primary-button:hover,
a.cz-primary-button:hover {
  background-color: var(--brand-700);
}
button.cz-primary-button:focus,
a.cz-primary-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-primary-button[disabled], button.cz-primary-button[disabled]:hover, button.cz-primary-button[disabled]:focus, button.cz-primary-button[disabled]:active,
a.cz-primary-button[disabled],
a.cz-primary-button[disabled]:hover,
a.cz-primary-button[disabled]:focus,
a.cz-primary-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-primary-button[disabled] svg, button.cz-primary-button[disabled]:hover svg, button.cz-primary-button[disabled]:focus svg, button.cz-primary-button[disabled]:active svg,
a.cz-primary-button[disabled] svg,
a.cz-primary-button[disabled]:hover svg,
a.cz-primary-button[disabled]:focus svg,
a.cz-primary-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-primary-button svg,
a.cz-primary-button svg {
  fill: var(--fg-white);
}
button.cz-primary-button:active,
a.cz-primary-button:active {
  background-color: var(--brand-700);
}
button.cz-primary-button:focus,
a.cz-primary-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1215686275) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}

button.cz-secondary-button,
a.cz-secondary-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--utility-gray-700);
  background-color: var(--bg-primary);
}
button.cz-secondary-button:hover,
a.cz-secondary-button:hover {
  background-color: var(--utility-gray-50);
}
button.cz-secondary-button:focus,
a.cz-secondary-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-secondary-button[disabled], button.cz-secondary-button[disabled]:hover, button.cz-secondary-button[disabled]:focus, button.cz-secondary-button[disabled]:active,
a.cz-secondary-button[disabled],
a.cz-secondary-button[disabled]:hover,
a.cz-secondary-button[disabled]:focus,
a.cz-secondary-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-primary);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-secondary-button[disabled] svg, button.cz-secondary-button[disabled]:hover svg, button.cz-secondary-button[disabled]:focus svg, button.cz-secondary-button[disabled]:active svg,
a.cz-secondary-button[disabled] svg,
a.cz-secondary-button[disabled]:hover svg,
a.cz-secondary-button[disabled]:focus svg,
a.cz-secondary-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-secondary-button svg,
a.cz-secondary-button svg {
  fill: var(--utility-gray-700);
}
button.cz-secondary-button:active,
a.cz-secondary-button:active {
  background-color: var(--utility-gray-50);
}

button.cz-secondary-color-button,
a.cz-secondary-color-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--utility-brand-300);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--utility-brand-700);
  background-color: var(--bg-primary);
  box-shadow: none;
}
button.cz-secondary-color-button:hover,
a.cz-secondary-color-button:hover {
  background-color: var(--utility-brand-50);
}
button.cz-secondary-color-button:focus,
a.cz-secondary-color-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-secondary-color-button[disabled], button.cz-secondary-color-button[disabled]:hover, button.cz-secondary-color-button[disabled]:focus, button.cz-secondary-color-button[disabled]:active,
a.cz-secondary-color-button[disabled],
a.cz-secondary-color-button[disabled]:hover,
a.cz-secondary-color-button[disabled]:focus,
a.cz-secondary-color-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-primary);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-secondary-color-button[disabled] svg, button.cz-secondary-color-button[disabled]:hover svg, button.cz-secondary-color-button[disabled]:focus svg, button.cz-secondary-color-button[disabled]:active svg,
a.cz-secondary-color-button[disabled] svg,
a.cz-secondary-color-button[disabled]:hover svg,
a.cz-secondary-color-button[disabled]:focus svg,
a.cz-secondary-color-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-secondary-color-button svg,
a.cz-secondary-color-button svg {
  fill: var(--utility-brand-700);
}
button.cz-secondary-color-button:active,
a.cz-secondary-color-button:active {
  background-color: var(--utility-brand-50);
}
button.cz-secondary-color-button:hover,
a.cz-secondary-color-button:hover {
  color: var(--utility-brand-800);
}
button.cz-secondary-color-button:hover svg,
a.cz-secondary-color-button:hover svg {
  fill: var(--utility-brand-800);
}
button.cz-secondary-color-button:focus,
a.cz-secondary-color-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--utility-brand-300);
}
button.cz-secondary-color-button[disabled], button.cz-secondary-color-button[disabled]:hover, button.cz-secondary-color-button[disabled]:focus, button.cz-secondary-color-button[disabled]:active,
a.cz-secondary-color-button[disabled],
a.cz-secondary-color-button[disabled]:hover,
a.cz-secondary-color-button[disabled]:focus,
a.cz-secondary-color-button[disabled]:active {
  border: none;
  box-shadow: none;
}

button.cz-tertiary-gray-button,
a.cz-tertiary-gray-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--gray-light-600);
  background-color: transparent;
  box-shadow: none;
}
button.cz-tertiary-gray-button:hover,
a.cz-tertiary-gray-button:hover {
  background-color: var(--utility-gray-50);
}
button.cz-tertiary-gray-button:focus,
a.cz-tertiary-gray-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px transparent;
}
button.cz-tertiary-gray-button[disabled], button.cz-tertiary-gray-button[disabled]:hover, button.cz-tertiary-gray-button[disabled]:focus, button.cz-tertiary-gray-button[disabled]:active,
a.cz-tertiary-gray-button[disabled],
a.cz-tertiary-gray-button[disabled]:hover,
a.cz-tertiary-gray-button[disabled]:focus,
a.cz-tertiary-gray-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-tertiary-gray-button[disabled] svg, button.cz-tertiary-gray-button[disabled]:hover svg, button.cz-tertiary-gray-button[disabled]:focus svg, button.cz-tertiary-gray-button[disabled]:active svg,
a.cz-tertiary-gray-button[disabled] svg,
a.cz-tertiary-gray-button[disabled]:hover svg,
a.cz-tertiary-gray-button[disabled]:focus svg,
a.cz-tertiary-gray-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-tertiary-gray-button svg,
a.cz-tertiary-gray-button svg {
  fill: var(--gray-light-600);
}
button.cz-tertiary-gray-button:active,
a.cz-tertiary-gray-button:active {
  background-color: var(--utility-gray-50);
}
button.cz-tertiary-gray-button:hover,
a.cz-tertiary-gray-button:hover {
  color: var(--text-tertiary_hover);
}
button.cz-tertiary-gray-button:hover svg,
a.cz-tertiary-gray-button:hover svg {
  fill: var(--text-tertiary_hover);
}
button.cz-tertiary-gray-button:focus,
a.cz-tertiary-gray-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-tertiary-gray-button[disabled], button.cz-tertiary-gray-button[disabled]:hover, button.cz-tertiary-gray-button[disabled]:focus, button.cz-tertiary-gray-button[disabled]:active,
a.cz-tertiary-gray-button[disabled],
a.cz-tertiary-gray-button[disabled]:hover,
a.cz-tertiary-gray-button[disabled]:focus,
a.cz-tertiary-gray-button[disabled]:active {
  border: none;
  box-shadow: none;
}

button.cz-tertiary-color-button,
a.cz-tertiary-color-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--brand-700);
  background-color: transparent;
  box-shadow: none;
}
button.cz-tertiary-color-button:hover,
a.cz-tertiary-color-button:hover {
  background-color: var(--brand-50);
}
button.cz-tertiary-color-button:focus,
a.cz-tertiary-color-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-tertiary-color-button[disabled], button.cz-tertiary-color-button[disabled]:hover, button.cz-tertiary-color-button[disabled]:focus, button.cz-tertiary-color-button[disabled]:active,
a.cz-tertiary-color-button[disabled],
a.cz-tertiary-color-button[disabled]:hover,
a.cz-tertiary-color-button[disabled]:focus,
a.cz-tertiary-color-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: transparent;
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-tertiary-color-button[disabled] svg, button.cz-tertiary-color-button[disabled]:hover svg, button.cz-tertiary-color-button[disabled]:focus svg, button.cz-tertiary-color-button[disabled]:active svg,
a.cz-tertiary-color-button[disabled] svg,
a.cz-tertiary-color-button[disabled]:hover svg,
a.cz-tertiary-color-button[disabled]:focus svg,
a.cz-tertiary-color-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-tertiary-color-button svg,
a.cz-tertiary-color-button svg {
  fill: var(--brand-700);
}
button.cz-tertiary-color-button:active,
a.cz-tertiary-color-button:active {
  background-color: var(--brand-50);
}
button.cz-tertiary-color-button:hover,
a.cz-tertiary-color-button:hover {
  color: var(--text-brand-secondary);
}
button.cz-tertiary-color-button:hover svg,
a.cz-tertiary-color-button:hover svg {
  fill: var(--text-brand-secondary);
}
button.cz-tertiary-color-button:focus,
a.cz-tertiary-color-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-tertiary-color-button[disabled], button.cz-tertiary-color-button[disabled]:hover, button.cz-tertiary-color-button[disabled]:focus, button.cz-tertiary-color-button[disabled]:active,
a.cz-tertiary-color-button[disabled],
a.cz-tertiary-color-button[disabled]:hover,
a.cz-tertiary-color-button[disabled]:focus,
a.cz-tertiary-color-button[disabled]:active {
  border: none;
  box-shadow: none;
}

.cz-link-gray-button,
a.cz-link-gray-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--gray-light-600);
  background-color: transparent;
  box-shadow: none;
}
.cz-link-gray-button:hover,
a.cz-link-gray-button:hover {
  background-color: transparent;
}
.cz-link-gray-button:focus,
a.cz-link-gray-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
.cz-link-gray-button[disabled], .cz-link-gray-button[disabled]:hover, .cz-link-gray-button[disabled]:focus, .cz-link-gray-button[disabled]:active,
a.cz-link-gray-button[disabled],
a.cz-link-gray-button[disabled]:hover,
a.cz-link-gray-button[disabled]:focus,
a.cz-link-gray-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: transparent;
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
.cz-link-gray-button[disabled] svg, .cz-link-gray-button[disabled]:hover svg, .cz-link-gray-button[disabled]:focus svg, .cz-link-gray-button[disabled]:active svg,
a.cz-link-gray-button[disabled] svg,
a.cz-link-gray-button[disabled]:hover svg,
a.cz-link-gray-button[disabled]:focus svg,
a.cz-link-gray-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
.cz-link-gray-button svg,
a.cz-link-gray-button svg {
  fill: var(--gray-light-600);
}
.cz-link-gray-button:active,
a.cz-link-gray-button:active {
  background-color: transparent;
}
.cz-link-gray-button:hover,
a.cz-link-gray-button:hover {
  color: var(--gray-light-700);
}
.cz-link-gray-button:hover svg,
a.cz-link-gray-button:hover svg {
  fill: var(--gray-light-700);
}
.cz-link-gray-button:focus,
a.cz-link-gray-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
.cz-link-gray-button[disabled], .cz-link-gray-button[disabled]:hover, .cz-link-gray-button[disabled]:focus, .cz-link-gray-button[disabled]:active,
a.cz-link-gray-button[disabled],
a.cz-link-gray-button[disabled]:hover,
a.cz-link-gray-button[disabled]:focus,
a.cz-link-gray-button[disabled]:active {
  border: none;
  box-shadow: none;
}

.cz-link-color-button,
a.cz-link-color-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--utility-brand-700);
  background-color: transparent;
  box-shadow: none;
}
.cz-link-color-button:hover,
a.cz-link-color-button:hover {
  background-color: transparent;
}
.cz-link-color-button:focus,
a.cz-link-color-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
.cz-link-color-button[disabled], .cz-link-color-button[disabled]:hover, .cz-link-color-button[disabled]:focus, .cz-link-color-button[disabled]:active,
a.cz-link-color-button[disabled],
a.cz-link-color-button[disabled]:hover,
a.cz-link-color-button[disabled]:focus,
a.cz-link-color-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: transparent;
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
.cz-link-color-button[disabled] svg, .cz-link-color-button[disabled]:hover svg, .cz-link-color-button[disabled]:focus svg, .cz-link-color-button[disabled]:active svg,
a.cz-link-color-button[disabled] svg,
a.cz-link-color-button[disabled]:hover svg,
a.cz-link-color-button[disabled]:focus svg,
a.cz-link-color-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
.cz-link-color-button svg,
a.cz-link-color-button svg {
  fill: var(--utility-brand-700);
}
.cz-link-color-button:active,
a.cz-link-color-button:active {
  background-color: transparent;
}
.cz-link-color-button:hover,
a.cz-link-color-button:hover {
  color: var(--utility-brand-800);
}
.cz-link-color-button:hover svg,
a.cz-link-color-button:hover svg {
  fill: var(--utility-brand-800);
}
.cz-link-color-button:focus,
a.cz-link-color-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
.cz-link-color-button[disabled], .cz-link-color-button[disabled]:hover, .cz-link-color-button[disabled]:focus, .cz-link-color-button[disabled]:active,
a.cz-link-color-button[disabled],
a.cz-link-color-button[disabled]:hover,
a.cz-link-color-button[disabled]:focus,
a.cz-link-color-button[disabled]:active {
  border: none;
  box-shadow: none;
}

button.cz-close-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--fg-quinary);
  background-color: transparent;
  box-shadow: none;
}
button.cz-close-button:hover {
  background-color: var(--bg-primary_hover);
}
button.cz-close-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-close-button[disabled], button.cz-close-button[disabled]:hover, button.cz-close-button[disabled]:focus, button.cz-close-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: transparent;
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-close-button[disabled] svg, button.cz-close-button[disabled]:hover svg, button.cz-close-button[disabled]:focus svg, button.cz-close-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-close-button svg {
  fill: var(--fg-quinary);
}
button.cz-close-button:active {
  background-color: var(--bg-primary_hover);
}
button.cz-close-button:hover {
  color: var(--fg-quinary_hover);
}
button.cz-close-button:hover svg {
  fill: var(--fg-quinary_hover);
}
button.cz-close-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-close-button[disabled], button.cz-close-button[disabled]:hover, button.cz-close-button[disabled]:focus, button.cz-close-button[disabled]:active {
  border: none;
  box-shadow: none;
}

button.cz-primary-destructive-button,
a.cz-primary-destructive-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--bg-disabled);
  background-color: var(--error-600);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--fg-white);
  background-color: var(--error-600);
  border: 1px solid var(--alpha-white-10);
  border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1215686275) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
}
button.cz-primary-destructive-button:hover,
a.cz-primary-destructive-button:hover {
  background-color: var(--error-700);
}
button.cz-primary-destructive-button:focus,
a.cz-primary-destructive-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--error-600);
}
button.cz-primary-destructive-button[disabled], button.cz-primary-destructive-button[disabled]:hover, button.cz-primary-destructive-button[disabled]:focus, button.cz-primary-destructive-button[disabled]:active,
a.cz-primary-destructive-button[disabled],
a.cz-primary-destructive-button[disabled]:hover,
a.cz-primary-destructive-button[disabled]:focus,
a.cz-primary-destructive-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-primary-destructive-button[disabled] svg, button.cz-primary-destructive-button[disabled]:hover svg, button.cz-primary-destructive-button[disabled]:focus svg, button.cz-primary-destructive-button[disabled]:active svg,
a.cz-primary-destructive-button[disabled] svg,
a.cz-primary-destructive-button[disabled]:hover svg,
a.cz-primary-destructive-button[disabled]:focus svg,
a.cz-primary-destructive-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-primary-destructive-button svg,
a.cz-primary-destructive-button svg {
  fill: var(--fg-white);
}
button.cz-primary-destructive-button:active,
a.cz-primary-destructive-button:active {
  background-color: var(--error-700);
}
button.cz-primary-destructive-button:focus,
a.cz-primary-destructive-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1215686275) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--error-600);
}

button.cz-secondary-destructive-button,
a.cz-secondary-destructive-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--utility-error-300);
  background-color: var(--fg-white);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--utility-error-700);
  background-color: var(--fg-white);
}
button.cz-secondary-destructive-button:hover,
a.cz-secondary-destructive-button:hover {
  background-color: var(--error-50);
}
button.cz-secondary-destructive-button:focus,
a.cz-secondary-destructive-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--utility-error-500);
}
button.cz-secondary-destructive-button[disabled], button.cz-secondary-destructive-button[disabled]:hover, button.cz-secondary-destructive-button[disabled]:focus, button.cz-secondary-destructive-button[disabled]:active,
a.cz-secondary-destructive-button[disabled],
a.cz-secondary-destructive-button[disabled]:hover,
a.cz-secondary-destructive-button[disabled]:focus,
a.cz-secondary-destructive-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-primary);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-secondary-destructive-button[disabled] svg, button.cz-secondary-destructive-button[disabled]:hover svg, button.cz-secondary-destructive-button[disabled]:focus svg, button.cz-secondary-destructive-button[disabled]:active svg,
a.cz-secondary-destructive-button[disabled] svg,
a.cz-secondary-destructive-button[disabled]:hover svg,
a.cz-secondary-destructive-button[disabled]:focus svg,
a.cz-secondary-destructive-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-secondary-destructive-button svg,
a.cz-secondary-destructive-button svg {
  fill: var(--utility-error-700);
}
button.cz-secondary-destructive-button:active,
a.cz-secondary-destructive-button:active {
  background-color: var(--error-50);
}
button.cz-secondary-destructive-button:hover,
a.cz-secondary-destructive-button:hover {
  color: var(--utility-error-800);
}
button.cz-secondary-destructive-button:hover svg,
a.cz-secondary-destructive-button:hover svg {
  fill: var(--utility-error-800);
}

button.cz-tertiary-destructive-button,
a.cz-tertiary-destructive-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--bg-primary);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--utility-error-700);
  background-color: var(--bg-primary);
  box-shadow: none;
}
button.cz-tertiary-destructive-button:hover,
a.cz-tertiary-destructive-button:hover {
  background-color: var(--error-50);
}
button.cz-tertiary-destructive-button:focus,
a.cz-tertiary-destructive-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--utility-error-500);
}
button.cz-tertiary-destructive-button[disabled], button.cz-tertiary-destructive-button[disabled]:hover, button.cz-tertiary-destructive-button[disabled]:focus, button.cz-tertiary-destructive-button[disabled]:active,
a.cz-tertiary-destructive-button[disabled],
a.cz-tertiary-destructive-button[disabled]:hover,
a.cz-tertiary-destructive-button[disabled]:focus,
a.cz-tertiary-destructive-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-primary);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-tertiary-destructive-button[disabled] svg, button.cz-tertiary-destructive-button[disabled]:hover svg, button.cz-tertiary-destructive-button[disabled]:focus svg, button.cz-tertiary-destructive-button[disabled]:active svg,
a.cz-tertiary-destructive-button[disabled] svg,
a.cz-tertiary-destructive-button[disabled]:hover svg,
a.cz-tertiary-destructive-button[disabled]:focus svg,
a.cz-tertiary-destructive-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-tertiary-destructive-button svg,
a.cz-tertiary-destructive-button svg {
  fill: var(--utility-error-700);
}
button.cz-tertiary-destructive-button:active,
a.cz-tertiary-destructive-button:active {
  background-color: var(--error-50);
}
button.cz-tertiary-destructive-button:hover,
a.cz-tertiary-destructive-button:hover {
  color: var(--utility-error-800);
}
button.cz-tertiary-destructive-button:hover svg,
a.cz-tertiary-destructive-button:hover svg {
  fill: var(--utility-error-800);
}
button.cz-tertiary-destructive-button:focus,
a.cz-tertiary-destructive-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--utility-error-500);
}
button.cz-tertiary-destructive-button[disabled], button.cz-tertiary-destructive-button[disabled]:hover, button.cz-tertiary-destructive-button[disabled]:focus, button.cz-tertiary-destructive-button[disabled]:active,
a.cz-tertiary-destructive-button[disabled],
a.cz-tertiary-destructive-button[disabled]:hover,
a.cz-tertiary-destructive-button[disabled]:focus,
a.cz-tertiary-destructive-button[disabled]:active {
  border: none;
  box-shadow: none;
}

.cz-link-destructive-button,
a.cz-link-destructive-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--utility-error-700);
  background-color: transparent;
  box-shadow: none;
}
.cz-link-destructive-button:hover,
a.cz-link-destructive-button:hover {
  background-color: transparent;
}
.cz-link-destructive-button:focus,
a.cz-link-destructive-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--utility-error-500);
}
.cz-link-destructive-button[disabled], .cz-link-destructive-button[disabled]:hover, .cz-link-destructive-button[disabled]:focus, .cz-link-destructive-button[disabled]:active,
a.cz-link-destructive-button[disabled],
a.cz-link-destructive-button[disabled]:hover,
a.cz-link-destructive-button[disabled]:focus,
a.cz-link-destructive-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: transparent;
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
.cz-link-destructive-button[disabled] svg, .cz-link-destructive-button[disabled]:hover svg, .cz-link-destructive-button[disabled]:focus svg, .cz-link-destructive-button[disabled]:active svg,
a.cz-link-destructive-button[disabled] svg,
a.cz-link-destructive-button[disabled]:hover svg,
a.cz-link-destructive-button[disabled]:focus svg,
a.cz-link-destructive-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
.cz-link-destructive-button svg,
a.cz-link-destructive-button svg {
  fill: var(--utility-error-700);
}
.cz-link-destructive-button:active,
a.cz-link-destructive-button:active {
  background-color: transparent;
}
.cz-link-destructive-button:hover,
a.cz-link-destructive-button:hover {
  color: var(--utility-error-800);
}
.cz-link-destructive-button:hover svg,
a.cz-link-destructive-button:hover svg {
  fill: var(--utility-error-800);
}
.cz-link-destructive-button:focus,
a.cz-link-destructive-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--utility-error-500);
}
.cz-link-destructive-button[disabled], .cz-link-destructive-button[disabled]:hover, .cz-link-destructive-button[disabled]:focus, .cz-link-destructive-button[disabled]:active,
a.cz-link-destructive-button[disabled],
a.cz-link-destructive-button[disabled]:hover,
a.cz-link-destructive-button[disabled]:focus,
a.cz-link-destructive-button[disabled]:active {
  border: none;
  box-shadow: none;
}

.cz-link-gray-button:hover,
.cz-link-color-button:hover,
.cz-link-destructive-button:hover,
a.cz-link-gray-button:hover,
a.cz-link-color-button:hover,
a.cz-link-destructive-button:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.cz-link-gray-button:focus,
.cz-link-color-button:focus,
.cz-link-destructive-button:focus,
a.cz-link-gray-button:focus,
a.cz-link-color-button:focus,
a.cz-link-destructive-button:focus {
  border-radius: 4px;
}

button.cz-secondary-utility-button,
a.cz-secondary-utility-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--utility-gray-300);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--utility-gray-400);
  background-color: var(--bg-primary);
  box-shadow: none;
}
button.cz-secondary-utility-button:hover,
a.cz-secondary-utility-button:hover {
  background-color: var(--utility-gray-50);
}
button.cz-secondary-utility-button:focus,
a.cz-secondary-utility-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-secondary-utility-button[disabled], button.cz-secondary-utility-button[disabled]:hover, button.cz-secondary-utility-button[disabled]:focus, button.cz-secondary-utility-button[disabled]:active,
a.cz-secondary-utility-button[disabled],
a.cz-secondary-utility-button[disabled]:hover,
a.cz-secondary-utility-button[disabled]:focus,
a.cz-secondary-utility-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-primary);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-secondary-utility-button[disabled] svg, button.cz-secondary-utility-button[disabled]:hover svg, button.cz-secondary-utility-button[disabled]:focus svg, button.cz-secondary-utility-button[disabled]:active svg,
a.cz-secondary-utility-button[disabled] svg,
a.cz-secondary-utility-button[disabled]:hover svg,
a.cz-secondary-utility-button[disabled]:focus svg,
a.cz-secondary-utility-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-secondary-utility-button svg,
a.cz-secondary-utility-button svg {
  fill: var(--utility-gray-400);
}
button.cz-secondary-utility-button:active,
a.cz-secondary-utility-button:active {
  background-color: var(--utility-gray-50);
}
button.cz-secondary-utility-button:hover,
a.cz-secondary-utility-button:hover {
  color: var(--utility-gray-500);
}
button.cz-secondary-utility-button:hover svg,
a.cz-secondary-utility-button:hover svg {
  fill: var(--utility-gray-500);
}
button.cz-secondary-utility-button:focus,
a.cz-secondary-utility-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-secondary-utility-button[disabled], button.cz-secondary-utility-button[disabled]:hover, button.cz-secondary-utility-button[disabled]:focus, button.cz-secondary-utility-button[disabled]:active,
a.cz-secondary-utility-button[disabled],
a.cz-secondary-utility-button[disabled]:hover,
a.cz-secondary-utility-button[disabled]:focus,
a.cz-secondary-utility-button[disabled]:active {
  border: none;
  box-shadow: none;
}
button.cz-secondary-utility-button[disabled] svg,
a.cz-secondary-utility-button[disabled] svg {
  fill: var(--utility-gray-300);
}

button.cz-tertiary-utility-button,
a.cz-tertiary-utility-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-secondary);
  background-color: transparent;
  box-shadow: none;
}
button.cz-tertiary-utility-button:hover,
a.cz-tertiary-utility-button:hover {
  background-color: var(--utility-gray-50);
}
button.cz-tertiary-utility-button:focus,
a.cz-tertiary-utility-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-tertiary-utility-button[disabled], button.cz-tertiary-utility-button[disabled]:hover, button.cz-tertiary-utility-button[disabled]:focus, button.cz-tertiary-utility-button[disabled]:active,
a.cz-tertiary-utility-button[disabled],
a.cz-tertiary-utility-button[disabled]:hover,
a.cz-tertiary-utility-button[disabled]:focus,
a.cz-tertiary-utility-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: transparent;
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-tertiary-utility-button[disabled] svg, button.cz-tertiary-utility-button[disabled]:hover svg, button.cz-tertiary-utility-button[disabled]:focus svg, button.cz-tertiary-utility-button[disabled]:active svg,
a.cz-tertiary-utility-button[disabled] svg,
a.cz-tertiary-utility-button[disabled]:hover svg,
a.cz-tertiary-utility-button[disabled]:focus svg,
a.cz-tertiary-utility-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-tertiary-utility-button svg,
a.cz-tertiary-utility-button svg {
  fill: var(--text-secondary);
}
button.cz-tertiary-utility-button:active,
a.cz-tertiary-utility-button:active {
  background-color: var(--utility-gray-50);
}
button.cz-tertiary-utility-button:hover,
a.cz-tertiary-utility-button:hover {
  color: var(--utility-gray-500);
}
button.cz-tertiary-utility-button:hover svg,
a.cz-tertiary-utility-button:hover svg {
  fill: var(--utility-gray-500);
}
button.cz-tertiary-utility-button:focus,
a.cz-tertiary-utility-button:focus {
  border-radius: 8px;
  box-shadow: 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--brand-600);
}
button.cz-tertiary-utility-button[disabled], button.cz-tertiary-utility-button[disabled]:hover, button.cz-tertiary-utility-button[disabled]:focus, button.cz-tertiary-utility-button[disabled]:active,
a.cz-tertiary-utility-button[disabled],
a.cz-tertiary-utility-button[disabled]:hover,
a.cz-tertiary-utility-button[disabled]:focus,
a.cz-tertiary-utility-button[disabled]:active {
  border: none;
  box-shadow: none;
}
button.cz-tertiary-utility-button[disabled] svg,
a.cz-tertiary-utility-button[disabled] svg {
  fill: var(--utility-gray-300);
}

.cz-borderless-button {
  background-color: transparent;
  border-style: none;
  color: var(--utility-brand-600);
  padding: 0;
  font-weight: 600;
}
.cz-borderless-button:focus, .cz-borderless-button:hover, .cz-borderless-button:active {
  border-style: none;
  color: var(--utility-brand-800);
  outline: 0;
}
.cz-borderless-button:disabled, .cz-borderless-button:disabled:focus, .cz-borderless-button:disabled:hover, .cz-borderless-button:disabled:active {
  color: var(--gray-light-200);
}

/** Heights **/
/** links **/
a.cz-sm-button,
a.cz-dl-sm-button {
  height: 20px;
}

a.cz-md-button,
a.cz-dl-md-button {
  height: 20px;
}

a.cz-lg-button,
a.cz-dl-lg-button {
  height: 24px;
}

a.cz-xl-button,
a.cz-dl-xl-button {
  height: 24px;
}

a.cz-2xl-button,
a.cz-dl-2xl-button {
  height: 28px;
}

/** buttons **/
button.cz-xs-button,
button.cz-dl-xs-button {
  height: 28px;
}

button.cz-sm-button,
button.cz-dl-sm-button {
  height: 36px;
}

button.cz-md-button,
button.cz-dl-md-button {
  height: 40px;
}

button.cz-lg-button,
button.cz-dl-lg-button {
  height: 44px;
}

button.cz-xl-button,
button.cz-dl-xl-button {
  height: 48px;
}

button.cz-2xl-button,
button.cz-dl-2xl-button {
  height: 60px;
}

button.cz-ut-xs-button {
  width: 28px;
  height: 28px;
}

button.cz-ut-sm-button {
  width: 32px;
  height: 32px;
  min-height: 32px;
  min-width: 32px;
}

button.cz-on-xs-button {
  --svg-icon-size: 16px;
  height: 28px;
  width: 28px;
  min-height: 28px;
  min-width: 28px;
}

button.cz-on-sm-button {
  height: 36px;
  width: 36px;
  min-height: 36px;
  min-width: 36px;
}

button.cz-on-md-button {
  height: 40px;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
}

button.cz-on-lg-button {
  height: 44px;
  width: 44px;
  min-height: 44px;
  min-width: 44px;
}

button.cz-on-xl-button {
  height: 48px;
  width: 48px;
  min-height: 48px;
  min-width: 48px;
}

button.cz-on-2xl-button {
  --svg-icon-size: 24px;
  height: 56px;
  width: 56px;
  height: 56px;
  width: 56px;
}

/** Padding and Gap **/
a.cz-xs-button,
button.cz-xs-button {
  padding: 8px 12px;
  gap: 2px;
}

a.cz-sm-button,
button.cz-sm-button {
  padding: 8px 12px;
  gap: 4px;
}

a.cz-md-button,
button.cz-md-button {
  padding: 10px 14px;
  gap: 4px;
}

a.cz-lg-button,
button.cz-lg-button {
  padding: 10px 16px;
  gap: 6px;
}

a.cz-xl-button,
button.cz-xl-button {
  padding: 12px 18px;
  gap: 6px;
}

a.cz-2xl-button,
button.cz-2xl-button {
  padding: 16px 22px;
  gap: 8px;
}

a.cz-dl-sm-button,
button.cz-dl-sm-button {
  padding: 8px 14px;
  gap: 8px;
}

a.cz-dl-md-button,
button.cz-dl-md-button {
  padding: 10px 16px;
  gap: 8px;
}

a.cz-dl-lg-button,
button.cz-dl-lg-button {
  padding: 10px 18px;
  gap: 8px;
}

a.cz-dl-xl-button,
button.cz-dl-xl-button {
  padding: 12px 20px;
  gap: 8px;
}

a.cz-dl-2xl-button,
button.cz-dl-2xl-button {
  padding: 16px 24px;
  gap: 12px;
}

[class*=-button][class*="2xl-button"] {
  border-radius: 10px;
}

button.cz-on-sm-button, button.cz-on-md-button, button.cz-on-lg-button, button.cz-on-xl-button, button.cz-on-2xl-button, button.cz-ut-xs-button, button.cz-ut-sm-button,
a.cz-on-sm-button,
a.cz-on-md-button,
a.cz-on-lg-button,
a.cz-on-xl-button,
a.cz-on-2xl-button,
a.cz-ut-xs-button,
a.cz-ut-sm-button {
  padding: 8px;
  --svg-icon-size: 20px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
button.cz-on-sm-button svg, button.cz-on-md-button svg, button.cz-on-lg-button svg, button.cz-on-xl-button svg, button.cz-on-2xl-button svg, button.cz-ut-xs-button svg, button.cz-ut-sm-button svg,
a.cz-on-sm-button svg,
a.cz-on-md-button svg,
a.cz-on-lg-button svg,
a.cz-on-xl-button svg,
a.cz-on-2xl-button svg,
a.cz-ut-xs-button svg,
a.cz-ut-sm-button svg {
  height: var(--svg-icon-size);
  width: var(--svg-icon-size);
}
button.cz-on-sm-button > div, button.cz-on-md-button > div, button.cz-on-lg-button > div, button.cz-on-xl-button > div, button.cz-on-2xl-button > div, button.cz-ut-xs-button > div, button.cz-ut-sm-button > div,
a.cz-on-sm-button > div,
a.cz-on-md-button > div,
a.cz-on-lg-button > div,
a.cz-on-xl-button > div,
a.cz-on-2xl-button > div,
a.cz-ut-xs-button > div,
a.cz-ut-sm-button > div {
  display: flex;
}
button.cz-on-md-button,
a.cz-on-md-button {
  padding: 10px;
}
button.cz-on-lg-button,
a.cz-on-lg-button {
  padding: 12px;
}
button.cz-on-xl-button,
a.cz-on-xl-button {
  padding: 14px;
}
button.cz-on-2xl-button,
a.cz-on-2xl-button {
  padding: 16px;
}
button.cz-ut-xs-button,
a.cz-ut-xs-button {
  padding: 6px;
  --svg-icon-size: 16px;
}
button.cz-ut-sm-button,
a.cz-ut-sm-button {
  padding: 6px;
}

.cz-search-button {
  margin-left: 8px;
}

.cz-li-sm-button,
.cz-li-md-button,
.cz-li-lg-button,
.cz-li-xl-button {
  gap: 6px;
}

.cz-li-2xl-button,
.cz-li-dl-sm-button,
.cz-li-dl-md-button,
.cz-li-dl-lg-button,
.cz-li-dl-xl-button {
  gap: 8px;
}

.cz-li-dl-2xl-button {
  gap: 12px;
}

button.cz-cl-sm-button, button.cz-cl-md-button, button.cz-cl-lg-button,
a.cz-cl-sm-button,
a.cz-cl-md-button,
a.cz-cl-lg-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 8px;
  width: 36px;
  height: 36px;
  --svg-icon-size: 20px;
}
button.cz-cl-sm-button svg, button.cz-cl-md-button svg, button.cz-cl-lg-button svg,
a.cz-cl-sm-button svg,
a.cz-cl-md-button svg,
a.cz-cl-lg-button svg {
  height: var(--svg-icon-size);
  width: var(--svg-icon-size);
}
button.cz-cl-sm-button > div, button.cz-cl-md-button > div, button.cz-cl-lg-button > div,
a.cz-cl-sm-button > div,
a.cz-cl-md-button > div,
a.cz-cl-lg-button > div {
  display: flex;
}
button.cz-cl-md-button,
a.cz-cl-md-button {
  width: 40px;
  height: 40px;
}
button.cz-cl-lg-button,
a.cz-cl-lg-button {
  --svg-icon-size: 24px;
  width: 44px;
  height: 44px;
}

button.cz-round-text-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
}
button.cz-round-text-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-round-text-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-round-text-button[disabled], button.cz-round-text-button[disabled]:hover, button.cz-round-text-button[disabled]:focus, button.cz-round-text-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-round-text-button[disabled] svg, button.cz-round-text-button[disabled]:hover svg, button.cz-round-text-button[disabled]:focus svg, button.cz-round-text-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-round-text-button svg {
  fill: var(--text-primary);
}
button.cz-round-text-button:active {
  background-color: var(--gray-light-200);
}
button.cz-round-text-button:hover, button.cz-round-text-button:focus, button.cz-round-text-button.focus {
  background-color: var(--alpha-black-20);
}
button.cz-round-text-button[disabled], button.cz-round-text-button[disabled]:hover, button.cz-round-text-button[disabled]:focus, button.cz-round-text-button[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-round-text-button > .cz-round-text-button__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.cz-round-text-button .cz-round-text-button__text {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0;
  color: var(--gray-iron-600);
}

button.cz-urgent-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--orange-300);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--orange-300);
}
button.cz-urgent-button:hover {
  background-color: var(--bg-warning-primary);
}
button.cz-urgent-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--orange-300);
}
button.cz-urgent-button[disabled], button.cz-urgent-button[disabled]:hover, button.cz-urgent-button[disabled]:focus, button.cz-urgent-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-urgent-button[disabled] svg, button.cz-urgent-button[disabled]:hover svg, button.cz-urgent-button[disabled]:focus svg, button.cz-urgent-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-urgent-button svg {
  fill: var(--text-primary);
}
button.cz-urgent-button:active {
  background-color: var(--bg-warning-primary);
}

.cz-field-button {
  color: var(--text-primary);
  background-color: var(--bg-primary);
  flex-shrink: 0;
  border: 1px solid var(--alpha-black-10);
  border-radius: 3px;
  width: var(--form-field-height);
  height: var(--form-field-height);
  display: grid;
  place-content: center;
  padding: 12px;
  font-weight: 600;
  white-space: nowrap;
  width: auto;
}
.cz-field-button:active {
  background-color: var(--bg-primary);
}
.cz-field-button:hover {
  outline: 0;
  text-decoration: none;
  color: var(--text-primary);
}
.cz-field-button[disabled] {
  opacity: 0.4;
}
.cz-field-button[disabled], .cz-field-button[disabled]:hover, .cz-field-button[disabled]:focus, .cz-field-button[disabled]:active {
  color: var(--text-primary);
  background-color: transparent;
  border: 1px solid var(--gray-true-300);
  box-shadow: none;
  pointer-events: none;
}

button.cz-edit-details-button {
  max-width: unset;
}

button.cz-inline-svg-button {
  color: var(--text-primary);
  background-color: var(--bg-primary);
  flex-shrink: 0;
  border: 1px solid var(--alpha-black-10);
  border-radius: 3px;
  width: var(--form-field-height);
  height: var(--form-field-height);
  display: grid;
  place-content: center;
}
button.cz-inline-svg-button:active {
  background-color: var(--bg-primary);
}
button.cz-inline-svg-button:hover {
  outline: 0;
  text-decoration: none;
  color: var(--text-primary);
}
button.cz-inline-svg-button[disabled] {
  opacity: 0.4;
}
button.cz-inline-svg-button[disabled], button.cz-inline-svg-button[disabled]:hover, button.cz-inline-svg-button[disabled]:focus, button.cz-inline-svg-button[disabled]:active {
  color: var(--text-primary);
  background-color: transparent;
  border: 1px solid var(--gray-true-300);
  box-shadow: none;
  pointer-events: none;
}

button .cz-svg-button-body {
  display: grid;
  place-content: center;
}

button.cz-icon-toggle-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 28px;
  width: 28px;
  min-height: 28px;
  min-width: 28px;
  max-height: 28px;
  max-width: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-icon-toggle-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-icon-toggle-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-icon-toggle-button[disabled], button.cz-icon-toggle-button[disabled]:hover, button.cz-icon-toggle-button[disabled]:focus, button.cz-icon-toggle-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-icon-toggle-button[disabled] svg, button.cz-icon-toggle-button[disabled]:hover svg, button.cz-icon-toggle-button[disabled]:focus svg, button.cz-icon-toggle-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-icon-toggle-button svg {
  fill: var(--text-primary);
}
button.cz-icon-toggle-button:active {
  background-color: var(--gray-light-200);
}
button.cz-icon-toggle-button:hover, button.cz-icon-toggle-button:focus, button.cz-icon-toggle-button.focus {
  background-color: var(--alpha-black-20);
}
button.cz-icon-toggle-button[disabled], button.cz-icon-toggle-button[disabled]:hover, button.cz-icon-toggle-button[disabled]:focus, button.cz-icon-toggle-button[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-icon-toggle-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-icon-toggle-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 28px;
  width: 28px;
  min-height: 28px;
  min-width: 28px;
  max-height: 28px;
  max-width: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-icon-toggle-button:hover {
  background-color: var(--gray-light-200);
}
a.cz-icon-toggle-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-icon-toggle-button[disabled], a.cz-icon-toggle-button[disabled]:hover, a.cz-icon-toggle-button[disabled]:focus, a.cz-icon-toggle-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-icon-toggle-button[disabled] svg, a.cz-icon-toggle-button[disabled]:hover svg, a.cz-icon-toggle-button[disabled]:focus svg, a.cz-icon-toggle-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-icon-toggle-button svg {
  fill: var(--text-primary);
}
a.cz-icon-toggle-button:active {
  background-color: var(--gray-light-200);
}
a.cz-icon-toggle-button:hover, a.cz-icon-toggle-button:focus, a.cz-icon-toggle-button.focus {
  background-color: var(--alpha-black-20);
}
a.cz-icon-toggle-button[disabled], a.cz-icon-toggle-button[disabled]:hover, a.cz-icon-toggle-button[disabled]:focus, a.cz-icon-toggle-button[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-icon-toggle-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-icon-toggle-button {
  fill: var(--gray-iron-600);
  width: 12px;
}
button:hover > div > svg.cz-icon-toggle-button, button:focus > div > svg.cz-icon-toggle-button, a:hover > div > svg.cz-icon-toggle-button, a:focus > div > svg.cz-icon-toggle-button {
  fill: var(--gray-iron-600);
}

button.cz-icon-toggle-button {
  position: relative;
  right: 5px;
  margin-left: 5px;
}

.cz-icon-toggle-button--content-expanded > div.cz-icon-toggle-button {
  transform: rotate(90deg);
}

button.cz-whos-off-tab-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-whos-off-tab-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-whos-off-tab-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-whos-off-tab-button[disabled], button.cz-whos-off-tab-button[disabled]:hover, button.cz-whos-off-tab-button[disabled]:focus, button.cz-whos-off-tab-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-whos-off-tab-button[disabled] svg, button.cz-whos-off-tab-button[disabled]:hover svg, button.cz-whos-off-tab-button[disabled]:focus svg, button.cz-whos-off-tab-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-whos-off-tab-button svg {
  fill: var(--text-primary);
}
button.cz-whos-off-tab-button:active {
  background-color: var(--gray-light-200);
}
button.cz-whos-off-tab-button:hover, button.cz-whos-off-tab-button:focus, button.cz-whos-off-tab-button.focus {
  background-color: var(--alpha-black-20);
}
button.cz-whos-off-tab-button[disabled], button.cz-whos-off-tab-button[disabled]:hover, button.cz-whos-off-tab-button[disabled]:focus, button.cz-whos-off-tab-button[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-whos-off-tab-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-whos-off-tab-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-whos-off-tab-button:hover {
  background-color: var(--gray-light-200);
}
a.cz-whos-off-tab-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-whos-off-tab-button[disabled], a.cz-whos-off-tab-button[disabled]:hover, a.cz-whos-off-tab-button[disabled]:focus, a.cz-whos-off-tab-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-whos-off-tab-button[disabled] svg, a.cz-whos-off-tab-button[disabled]:hover svg, a.cz-whos-off-tab-button[disabled]:focus svg, a.cz-whos-off-tab-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-whos-off-tab-button svg {
  fill: var(--text-primary);
}
a.cz-whos-off-tab-button:active {
  background-color: var(--gray-light-200);
}
a.cz-whos-off-tab-button:hover, a.cz-whos-off-tab-button:focus, a.cz-whos-off-tab-button.focus {
  background-color: var(--alpha-black-20);
}
a.cz-whos-off-tab-button[disabled], a.cz-whos-off-tab-button[disabled]:hover, a.cz-whos-off-tab-button[disabled]:focus, a.cz-whos-off-tab-button[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-whos-off-tab-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-whos-off-tab-button {
  fill: var(--gray-iron-600);
  width: 20px;
}
button:hover > div > svg.cz-whos-off-tab-button, button:focus > div > svg.cz-whos-off-tab-button, a:hover > div > svg.cz-whos-off-tab-button, a:focus > div > svg.cz-whos-off-tab-button {
  fill: var(--gray-iron-600);
}

.cz-whos-off-tab-button.cz-card-filter_button-active .cz-whos-off-tab-button {
  fill: var(--utility-brand-800);
}

button.cz-upcoming-events-tab-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-upcoming-events-tab-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-upcoming-events-tab-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-upcoming-events-tab-button[disabled], button.cz-upcoming-events-tab-button[disabled]:hover, button.cz-upcoming-events-tab-button[disabled]:focus, button.cz-upcoming-events-tab-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-upcoming-events-tab-button[disabled] svg, button.cz-upcoming-events-tab-button[disabled]:hover svg, button.cz-upcoming-events-tab-button[disabled]:focus svg, button.cz-upcoming-events-tab-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-upcoming-events-tab-button svg {
  fill: var(--text-primary);
}
button.cz-upcoming-events-tab-button:active {
  background-color: var(--gray-light-200);
}
button.cz-upcoming-events-tab-button:hover, button.cz-upcoming-events-tab-button:focus, button.cz-upcoming-events-tab-button.focus {
  background-color: var(--alpha-black-20);
}
button.cz-upcoming-events-tab-button[disabled], button.cz-upcoming-events-tab-button[disabled]:hover, button.cz-upcoming-events-tab-button[disabled]:focus, button.cz-upcoming-events-tab-button[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-upcoming-events-tab-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-upcoming-events-tab-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-upcoming-events-tab-button:hover {
  background-color: var(--gray-light-200);
}
a.cz-upcoming-events-tab-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-upcoming-events-tab-button[disabled], a.cz-upcoming-events-tab-button[disabled]:hover, a.cz-upcoming-events-tab-button[disabled]:focus, a.cz-upcoming-events-tab-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-upcoming-events-tab-button[disabled] svg, a.cz-upcoming-events-tab-button[disabled]:hover svg, a.cz-upcoming-events-tab-button[disabled]:focus svg, a.cz-upcoming-events-tab-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-upcoming-events-tab-button svg {
  fill: var(--text-primary);
}
a.cz-upcoming-events-tab-button:active {
  background-color: var(--gray-light-200);
}
a.cz-upcoming-events-tab-button:hover, a.cz-upcoming-events-tab-button:focus, a.cz-upcoming-events-tab-button.focus {
  background-color: var(--alpha-black-20);
}
a.cz-upcoming-events-tab-button[disabled], a.cz-upcoming-events-tab-button[disabled]:hover, a.cz-upcoming-events-tab-button[disabled]:focus, a.cz-upcoming-events-tab-button[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-upcoming-events-tab-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-upcoming-events-tab-button {
  fill: var(--gray-iron-600);
  width: 20px;
}
button:hover > div > svg.cz-upcoming-events-tab-button, button:focus > div > svg.cz-upcoming-events-tab-button, a:hover > div > svg.cz-upcoming-events-tab-button, a:focus > div > svg.cz-upcoming-events-tab-button {
  fill: var(--gray-iron-600);
}

.cz-upcoming-events-tab-button.cz-card-filter_button-active .cz-upcoming-events-tab-button {
  fill: var(--utility-brand-800);
}

.cz-button-inner-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.cz-button-inner-wrapper svg {
  width: 15px;
}
.cz-button-inner-wrapper.small-icon svg {
  width: 12px;
}
.cz-button-inner-wrapper.large-icon svg {
  width: 18px;
}

.cz-button-group {
  display: flex;
}

.btn {
  min-width: var(--form-field-height);
  height: var(--form-field-height);
  display: inline-block;
  padding: 8px 10px;
  border-radius: 3px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
}
.btn:hover, .btn:focus, .btn.focus {
  text-decoration: none;
  outline: 0;
}
.btn:active, .btn.active {
  outline: 0;
  box-shadow: none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: default;
  pointer-events: none;
  opacity: 0.4;
}

.btn-default {
  color: var(--text-primary);
  background-color: var(--bg-primary);
  border-color: var(--gray-true-300);
}
.btn-default:hover {
  background-color: var(--bg-primary_hover);
  border-color: 1px solid var(--border-primary);
}
.btn-default.active {
  background-color: var(--utility-brand-600);
}

.btn-primary {
  color: var(--fg-white);
  background-color: var(--utility-brand-600);
  border-color: var(--border-brand);
}
.btn-primary:hover {
  background-color: var(--bg-primary_hover);
  border-color: 1px solid var(--border-primary);
}

.btn-round {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  background-color: transparent;
  border: none;
}
.btn-round:hover {
  background-color: var(--alpha-black-10);
}
.btn-round:hover svg {
  fill: var(--gray-iron-600);
}

.cz-file-upload-container .cz-upload-image-button {
  padding: 0px;
}

/* File Input */
.btn-file {
  position: relative;
  overflow: hidden;
  margin-right: var(--upload-button-margin-right);
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: var(--bg-primary);
  cursor: inherit;
  display: block;
}

button.btn-default:focus {
  background-color: transparent;
}

/* Abstracts */
.cz-icon--block {
  --svg-icon-size: var(--svg-icon-size-xxl);
  margin-bottom: 20px;
  flex-shrink: 0;
}
.cz-icon--block > svg {
  border-radius: 50%;
}

.cz-icon--small, .cz-progress-tracker-stage__arrow {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.cz-icon--small svg, .cz-progress-tracker-stage__arrow svg {
  width: 100%;
  fill: var(--gray-light-700);
}

.cz-icon--checkmark {
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0;
}
.cz-icon--checkmark svg {
  width: 100%;
  fill: var(--text-primary);
}

.cz-icon, .cz-empty-state--row__icon {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
div.cz-icon, div.cz-empty-state--row__icon {
  margin: 5px 0;
}

svg.cz-icon, svg.cz-empty-state--row__icon {
  width: 100%;
  fill: var(--gray-light-700);
}

.cz-icon--left {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
div.cz-icon--left {
  margin-right: 5px;
}

svg.cz-icon--left {
  width: 100%;
  fill: var(--gray-light-700);
}

.cz-icon--medium, .cz-icon--medium-left {
  --svg-icon-size: 20px;
  --svg-icon-fill: var(--brand-gray-darkened);
  display: grid;
  place-content: center;
}

div.cz-icon--medium-left {
  margin-right: 10px;
}

.cz-icon--medium-left svg {
  width: 100%;
  fill: var(--gray-light-700);
}

.cz-icon--large {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
svg.cz-icon--large {
  width: 100%;
  fill: var(--gray-light-700);
}

.cz-icon--giant, .cz-hint-icon-wrapper, .cz-empty-state--block-large__icon, .cz-empty-state--placeholder__icon, .cz-icon--giant-left {
  --svg-icon-size: 42px;
  --svg-icon-fill: var(--brand-gray-darkened);
  width: 42px;
  height: 42px;
}

.cz-icon--giant-left {
  margin-right: 10px;
}

.cz-icon--giant-left {
  margin-right: 10px;
}

.cz-search-filter,
.form-control.cz-search-filter {
  width: 300px;
  margin-bottom: 0;
  margin-right: 10px;
  background-image: url('search-box.4963a63041e22c95.svg');
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 18px 18px;
  padding-left: 32px;
}

img.cz-round-pic {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  object-fit: contain;
}

img.cz-round-pic.cz-tall {
  width: 100%;
}

img.cz-round-pic.cz-wide {
  height: 100%;
}

.cz-picture, div.cz-header-bar__picture {
  flex: 0 0 auto;
  background: var(--gray-light-200);
  border: 1px solid var(--border-primary);
}

.cz-picture--small, .cz-post__thumbnail {
  --picture-size: var(--picture-size-small);
  flex: 0 0 auto;
  margin-right: 10px;
  background: var(--gray-light-200);
  border: 1px solid var(--border-primary);
}

.cz-picture--large {
  --picture-size: var(--picture-size-large);
  flex: 0 0 auto;
  background: var(--gray-light-200);
  border: 1px solid var(--border-primary);
}

.cz-picture--giant {
  --picture-size: var(--picture-size-giant);
  flex: 0 0 auto;
  background: var(--gray-light-200);
  border: 1px solid var(--border-primary);
}

.cz-picture--max-size {
  --picture-size: var(--picture-size-max);
  flex: 0 0 auto;
  background: var(--gray-light-200);
  border: 1px solid var(--border-primary);
}

.cz-picture__tint-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  z-index: 1;
}
a[class^=cz-picture]:hover > .cz-picture__tint-layer, a[class^=cz-picture]:focus > .cz-picture__tint-layer {
  background: var(--alpha-white-10);
}

.cz-picture--inactive {
  opacity: 0.6;
}
.cz-picture--inactive:hover {
  opacity: 1;
}

.cz-switch {
  position: relative;
  width: 75px;
  height: 30px;
  flex: 0 0 auto;
}

.cz-switch-checkbox {
  position: absolute;
  left: 15px;
  opacity: 0;
}
.cz-switch-checkbox[disabled] + label {
  opacity: 0.65;
  box-shadow: 0 0 0 1px var(--gray-light-200);
}
.cz-switch-checkbox:checked + label:after {
  left: 35px;
  box-shadow: -1px 0 3px var(--alpha-black-10);
}
.cz-switch-checkbox:checked + label > .cz-switch-on {
  background-color: var(--bg-primary);
}
.cz-switch-checkbox:focus {
  outline: none;
}
.cz-switch-checkbox:focus + label {
  margin-left: 0.5px;
}

.cz-switch-label {
  display: block;
  transition: all 0.3s ease-in 0s;
  background: var(--bg-primary);
  height: 27px;
  position: relative;
  width: 60px;
  border-radius: 20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
}
.cz-switch-label:after {
  position: absolute;
  left: 3px;
  top: 2px;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  border: 1px solid var(--alpha-black-10);
  background: var(--utility-gray-modern-500);
  box-shadow: 1px 0 3px var(--alpha-black-10);
  content: "";
  transition: all 0.5s ease;
  z-index: 5;
}

.cz-switch-on,
.cz-switch-off {
  width: 100%;
  height: 100%;
  line-height: 1;
  padding-top: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 20px;
  transition: all 0.2s ease;
}

.cz-switch-on {
  padding-left: 10px;
  color: var(--bg-primary);
  position: absolute;
  margin-left: -63%;
}

.cz-switch-off {
  padding-right: 8px;
  border-radius: 20px;
  color: var(--utility-gray-true-600);
  text-align: right;
  position: absolute;
  margin-left: 0;
  border: 1px solid var(--alpha-black-10);
}

.cz-switch-checkbox:checked + label:after {
  background: var(--bg-primary);
}

.cz-switch-checkbox:checked + .cz-switch-label > .cz-switch-on {
  margin-left: 0;
  z-index: 3;
  background: var(--utility-gray-modern-500);
}
.cz-switch-checkbox:checked + .cz-switch-label > .cz-switch-on + .cz-switch-off {
  margin-left: 63%;
}

.cz-title-on-off-section__header > div > .cz-switch-checkbox:checked + .cz-switch-label > .cz-switch-on,
.cz-notif-reminder-triggers-container-header > div > .cz-switch-checkbox:checked + .cz-switch-label > .cz-switch-on {
  background: var(--bg-primary);
  color: var(--utility-gray-500);
}
.cz-title-on-off-section__header > div > .cz-switch-label:after,
.cz-notif-reminder-triggers-container-header > div > .cz-switch-label:after {
  background: var(--utility-gray-modern-500);
}
.cz-title-on-off-section__header > div > .cz-switch-label,
.cz-notif-reminder-triggers-container-header > div > .cz-switch-label {
  background: var(--utility-gray-200);
}

.cz-oauth-row-header > div > .cz-switch-label {
  background: var(--utility-gray-300);
}
.cz-oauth-row-header > div > .cz-switch-label > .cz-switch-on {
  background: var(--bg-primary) !important;
  color: var(--utility-gray-500);
}
.cz-oauth-row-header > div > .cz-switch-label:after {
  background: var(--utility-gray-modern-400) !important;
}
.cz-oauth-row-header > div > .cz-switch-label > .cz-switch-off {
  background: var(--utility-gray-300);
}

/* Abstracts */
a.cz-link--embedded:hover, a.cz-link--embedded:focus {
  text-decoration: none;
}

.cz-textarea, textarea.cz-post__comment-box {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--border-primary);
  border-radius: 3px;
  max-height: 200px;
  padding: 10px;
  max-width: 100%;
  min-height: 90px;
}
.cz-textarea:focus, textarea.cz-post__comment-box:focus {
  border-color: var(--utility-brand-600);
}

.cz-alert-text {
  color: var(--error-700);
  font-weight: 400;
}

.cz-alert-text--bold {
  color: var(--error-700);
  font-weight: 600;
}

.cz-success-text {
  color: var(--utility-green-800);
  font-weight: 400;
}

.cz-success-text--bold {
  color: var(--utility-green-800);
  font-weight: 600;
}

.cz-transition-text--bold {
  color: var(--orange-dark-300);
  font-weight: 600;
}

.cz-info-text--bold, .cz-info-text-bold--purple {
  color: var(--brand-700);
  font-weight: 600;
}

.cz-info-text-bold--purple {
  color: var(--purple-200);
}

.cz-neutral-text--bold {
  color: var(--utility-gray-true-500);
  font-weight: 600;
}

.cz-input-value--bold .form-control {
  font-weight: 700;
}

.cz-input-value--bold-alert .form-control {
  font-weight: 700;
  color: var(--error-700) !important;
}

.cz-secondary-text--small {
  font-size: 0.75rem;
  color: var(--utility-gray-true-500);
  margin-bottom: 0;
}

.cz-secondary-text, .cz-post__info {
  color: var(--utility-gray-true-500);
  margin-bottom: 0;
}

.cz-secondary-text--medium {
  color: var(--utility-gray-true-500);
  font-size: 1rem;
  margin-bottom: 0;
}

.cz-label--alert, .cz-label--purple {
  color: var(--fg-white);
  background: var(--error-700);
}

.cz-label--purple {
  background: var(--purple-200);
}

.cz-label--success {
  color: var(--fg-white);
  background: var(--utility-green-800);
}

.cz-label--hide {
  display: none;
}

.cz-label--info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--fg-white);
  background: var(--utility-blue-500);
}

.cz-label--transition {
  color: var(--fg-white);
  background: var(--orange-300);
}

.cz-label--deleted {
  color: var(--fg-white);
  background: var(--gray-light-600);
}

.cz-label--neutral {
  color: var(--fg-white);
  background: var(--gray-light-700);
}

.cz-label--action-alert {
  background: var(--bg-primary);
  color: var(--error-600);
}

.cz-label--action-success {
  background: var(--bg-primary);
  color: var(--success-800);
}

.cz-label--large {
  padding: 5px;
  background: var(--utility-gray-600);
  font-size: 1rem;
  color: var(--fg-white);
  text-align: center;
  border-radius: 3px;
  min-height: 28px;
}

.cz-interpunct {
  margin-left: 5px;
  margin-right: 5px;
  color: var(--gray-light-700);
}

.cz-selected {
  background: var(--utility-brand-600);
  color: var(--fg-white);
}
.cz-selected:hover, .cz-selected:focus {
  background: var(--brand-700);
}

.cz-color-inverted {
  color: var(--fg-white);
}

.cz-color-inverted-important {
  color: var(--fg-white) !important;
}

.cz-key-legend {
  display: flex;
  align-items: center;
}

.cz-key-legend__colour {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.cz-key-legend__colour:not(first-child) {
  margin-left: 20px;
}

.cz-grid-status, .cz-grid-status--alert span, .cz-grid-status--transition span, .cz-grid-status--deleted span, .cz-grid-status--info span, .cz-grid-status--success span {
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 12px;
  display: inline-block;
  flex: 0 0 auto;
  line-height: 12px !important;
  color: var(--fg-white);
}

.cz-grid-status--success span {
  background: var(--utility-green-800);
}

.cz-grid-status--info span {
  background: var(--utility-blue-500);
}

.cz-grid-status--deleted span {
  background: var(--gray-light-600);
}

.cz-grid-status--transition span {
  background: var(--orange-300);
}

.cz-grid-status--alert span {
  background: var(--error-700);
}

/* App */
/* Abstracts */
.cz-card, .cz-payroll-summary-card .cz-data-entry-ctl-form-container, .cz-card--clickable {
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  background-color: var(--bg-primary);
  border-radius: 5px;
}

.cz-card--grid, .cz-card-grid__card {
  background: var(--bg-primary);
  outline: 1px solid var(--border-primary);
}

.cz-card--clickable {
  display: flex;
  flex-direction: column;
}
.cz-card--clickable:hover {
  background-color: var(--brand-50);
  cursor: pointer;
  transform: translate(-1px, -1px);
  box-shadow: 2px 2px 1px var(--alpha-black-20);
}
.cz-dashboard-widget-root-ctl-view .cz-card--clickable {
  background-color: var(--blue-light-25);
  box-shadow: var(--utility-gray-300-alpha-50) 1px 0 0 inset, var(--utility-gray-300-alpha-50) -1px 0 0 inset, var(--utility-gray-300-alpha-50) 0 1px 0 inset, var(--utility-gray-modern-300-alpha-50) 0 -1px 0 inset, var(--utility-gray-950-alpha-10) 0 1px 2px -1px !important;
}
.cz-dashboard-widget-root-ctl-view .cz-card--clickable:hover {
  background-color: var(--gray-light-200);
}

.cz-card-header, .cz-card-header--bordered, .cz-card-header--small, .cz-card-header--small-bordered, .cz-card-header--sm-filled, .cz-card-header--medium-vertical, .cz-card-header--md-vert-filled,
.cz-card-header--themed {
  display: flex;
  padding: 0 10px;
  height: 42px;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.cz-card-header--medium-vertical, .cz-card-header--md-vert-filled {
  flex-direction: column;
  height: 56px;
  min-height: 56px;
}

.cz-card-header--small, .cz-card-header--small-bordered, .cz-card-header--sm-filled {
  height: 35px;
  min-height: 35px;
}

.cz-card-header--sm-filled {
  background: var(--gray-true-300);
  justify-content: center;
}

.cz-card-header--md-vert-filled {
  background: var(--gray-true-300);
  justify-content: center;
}

.cz-card-header--bordered {
  border-bottom: 1px solid var(--border-primary);
}

.cz-card-header--small-bordered {
  border-bottom: 1px solid var(--border-primary);
}

.cz-card-header__title, .cz-payroll-summary-card .cz-data-entry-ctl-title, .cz-card-header__title--themed {
  font-size: 1rem;
  font-weight: 600;
  flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--gray-light-700);
  margin: 0;
  line-height: 1.5;
}

.cz-card-header__title--small {
  font-size: 0.875rem;
  font-weight: 600;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--gray-light-700);
  margin: 0;
  line-height: 1.5;
}

.cz-card-header__title--themed {
  color: inherit;
}

.cz-card-header--sm-filled__title {
  font-size: 1rem;
  font-weight: 600;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.5;
}

.cz-card-header__title--themed {
  color: inherit;
}

.cz-card-header__button {
  line-height: 20px;
}

.cz-card-header-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.cz-card-header-buttons__wrapper--hidden {
  align-items: center;
  justify-content: flex-end;
  width: 0;
  overflow: hidden;
  transition: all 0.1s linear;
  flex: 0 0 0;
  display: none;
}
.cz-card-header-buttons__wrapper--hidden.visible {
  flex: 1 1 auto;
  display: flex;
  width: 100%;
}
.cz-card-header-buttons__wrapper--hidden.cz-card-header-buttons__wrapper--shown.visible {
  flex: 1 1 auto;
  display: flex;
  gap: 5px;
}

.cz-card-header-export-buttons {
  display: flex;
  gap: 5px;
}

.cz-card__body {
  position: relative;
  padding: 15px;
  flex: 1 1 auto;
}

.cz-card--clickable__body {
  padding: 0 15px 10px;
  position: relative;
}

.cz-card__body--no-padding {
  position: relative;
  background-color: var(--bg-primary);
}

.cz-card__body--small-top-padding {
  position: relative;
  padding: 5px 15px 15px;
  background-color: var(--bg-primary);
}

.cz-card-header--themed {
  background: var(--utility-cyan-700);
  color: var(--theme-card-header-foreground);
}

button.cz-card-header--themed__svg-round-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-card-header--themed__svg-round-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-card-header--themed__svg-round-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-card-header--themed__svg-round-button[disabled], button.cz-card-header--themed__svg-round-button[disabled]:hover, button.cz-card-header--themed__svg-round-button[disabled]:focus, button.cz-card-header--themed__svg-round-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-card-header--themed__svg-round-button[disabled] svg, button.cz-card-header--themed__svg-round-button[disabled]:hover svg, button.cz-card-header--themed__svg-round-button[disabled]:focus svg, button.cz-card-header--themed__svg-round-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-card-header--themed__svg-round-button svg {
  fill: var(--text-primary);
}
button.cz-card-header--themed__svg-round-button:active {
  background-color: var(--gray-light-200);
}
button.cz-card-header--themed__svg-round-button:hover, button.cz-card-header--themed__svg-round-button:focus, button.cz-card-header--themed__svg-round-button.focus {
  background-color: var(--alpha-black-20);
}
button.cz-card-header--themed__svg-round-button[disabled], button.cz-card-header--themed__svg-round-button[disabled]:hover, button.cz-card-header--themed__svg-round-button[disabled]:focus, button.cz-card-header--themed__svg-round-button[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-card-header--themed__svg-round-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-card-header--themed__svg-round-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-card-header--themed__svg-round-button:hover {
  background-color: var(--gray-light-200);
}
a.cz-card-header--themed__svg-round-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-card-header--themed__svg-round-button[disabled], a.cz-card-header--themed__svg-round-button[disabled]:hover, a.cz-card-header--themed__svg-round-button[disabled]:focus, a.cz-card-header--themed__svg-round-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-card-header--themed__svg-round-button[disabled] svg, a.cz-card-header--themed__svg-round-button[disabled]:hover svg, a.cz-card-header--themed__svg-round-button[disabled]:focus svg, a.cz-card-header--themed__svg-round-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-card-header--themed__svg-round-button svg {
  fill: var(--text-primary);
}
a.cz-card-header--themed__svg-round-button:active {
  background-color: var(--gray-light-200);
}
a.cz-card-header--themed__svg-round-button:hover, a.cz-card-header--themed__svg-round-button:focus, a.cz-card-header--themed__svg-round-button.focus {
  background-color: var(--alpha-black-20);
}
a.cz-card-header--themed__svg-round-button[disabled], a.cz-card-header--themed__svg-round-button[disabled]:hover, a.cz-card-header--themed__svg-round-button[disabled]:focus, a.cz-card-header--themed__svg-round-button[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-card-header--themed__svg-round-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-card-header--themed__svg-round-button {
  fill: var(--theme-card-header-foreground);
  width: 16px;
}
button:hover > div > svg.cz-card-header--themed__svg-round-button, button:focus > div > svg.cz-card-header--themed__svg-round-button, a:hover > div > svg.cz-card-header--themed__svg-round-button, a:focus > div > svg.cz-card-header--themed__svg-round-button {
  fill: var(--theme-workspace-header-button-focus-foreground);
}

button.cz-card-header--themed__svg-round-button--small {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 28px;
  width: 28px;
  min-height: 28px;
  min-width: 28px;
  max-height: 28px;
  max-width: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-card-header--themed__svg-round-button--small:hover {
  background-color: var(--gray-light-200);
}
button.cz-card-header--themed__svg-round-button--small:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-card-header--themed__svg-round-button--small[disabled], button.cz-card-header--themed__svg-round-button--small[disabled]:hover, button.cz-card-header--themed__svg-round-button--small[disabled]:focus, button.cz-card-header--themed__svg-round-button--small[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-card-header--themed__svg-round-button--small[disabled] svg, button.cz-card-header--themed__svg-round-button--small[disabled]:hover svg, button.cz-card-header--themed__svg-round-button--small[disabled]:focus svg, button.cz-card-header--themed__svg-round-button--small[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-card-header--themed__svg-round-button--small svg {
  fill: var(--text-primary);
}
button.cz-card-header--themed__svg-round-button--small:active {
  background-color: var(--gray-light-200);
}
button.cz-card-header--themed__svg-round-button--small:hover, button.cz-card-header--themed__svg-round-button--small:focus, button.cz-card-header--themed__svg-round-button--small.focus {
  background-color: var(--alpha-black-20);
}
button.cz-card-header--themed__svg-round-button--small[disabled], button.cz-card-header--themed__svg-round-button--small[disabled]:hover, button.cz-card-header--themed__svg-round-button--small[disabled]:focus, button.cz-card-header--themed__svg-round-button--small[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-card-header--themed__svg-round-button--small > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-card-header--themed__svg-round-button--small {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 28px;
  width: 28px;
  min-height: 28px;
  min-width: 28px;
  max-height: 28px;
  max-width: 28px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-card-header--themed__svg-round-button--small:hover {
  background-color: var(--gray-light-200);
}
a.cz-card-header--themed__svg-round-button--small:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-card-header--themed__svg-round-button--small[disabled], a.cz-card-header--themed__svg-round-button--small[disabled]:hover, a.cz-card-header--themed__svg-round-button--small[disabled]:focus, a.cz-card-header--themed__svg-round-button--small[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-card-header--themed__svg-round-button--small[disabled] svg, a.cz-card-header--themed__svg-round-button--small[disabled]:hover svg, a.cz-card-header--themed__svg-round-button--small[disabled]:focus svg, a.cz-card-header--themed__svg-round-button--small[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-card-header--themed__svg-round-button--small svg {
  fill: var(--text-primary);
}
a.cz-card-header--themed__svg-round-button--small:active {
  background-color: var(--gray-light-200);
}
a.cz-card-header--themed__svg-round-button--small:hover, a.cz-card-header--themed__svg-round-button--small:focus, a.cz-card-header--themed__svg-round-button--small.focus {
  background-color: var(--alpha-black-20);
}
a.cz-card-header--themed__svg-round-button--small[disabled], a.cz-card-header--themed__svg-round-button--small[disabled]:hover, a.cz-card-header--themed__svg-round-button--small[disabled]:focus, a.cz-card-header--themed__svg-round-button--small[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-card-header--themed__svg-round-button--small > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-card-header--themed__svg-round-button--small {
  fill: var(--theme-card-header-foreground);
  width: 12px;
}
button:hover > div > svg.cz-card-header--themed__svg-round-button--small, button:focus > div > svg.cz-card-header--themed__svg-round-button--small, a:hover > div > svg.cz-card-header--themed__svg-round-button--small, a:focus > div > svg.cz-card-header--themed__svg-round-button--small {
  fill: var(--theme-card-header-foreground);
}

.cz-card-header--themed__link {
  color: var(--bg-primary);
  text-decoration: underline;
}
.cz-card-header--themed__link:hover {
  color: var(--bg-primary);
  text-decoration: underline;
  text-decoration-thickness: 3px;
}
.cz-card-header--themed__link:focus {
  color: var(--text-primary);
  background-color: var(--brand-100);
  text-decoration: underline;
}

.cz-checkbox-filter {
  margin: 0 5px 5px 0;
  padding-right: 5px;
  border-radius: 3px;
  font-weight: 600;
  color: var(--fg-white);
  height: 38px;
  border: none;
  display: inline-block;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  touch-action: manipulation;
  vertical-align: middle;
  text-align: center;
  display: inline-flex;
  align-items: center;
  position: relative;
}

input.cz-checkbox-filter__hidden-input {
  opacity: 0;
  position: absolute;
  height: 38px;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
}

.cz-checkbox-filter__checkbox {
  height: 16px;
  width: 16px;
  min-width: 16px;
  background-color: var(--bg-primary);
  border: 1px solid;
  background-image: none;
  display: inline-block;
  border-radius: 3px;
  margin: 0 5px;
}
.cz-checkbox-filter__checkbox.checked {
  background-image: url('checkmark.0af33268f1531f2e.svg');
  background-origin: padding-box;
}

.cz-data-block {
  display: table-cell;
  text-align: center;
}

.cz-data-block__label {
  font-size: 0.75rem;
  color: var(--gray-light-700);
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
  font-weight: 400;
}

.cz-data-block--large__label {
  font-size: 0.875rem;
  color: var(--gray-light-700);
}

.cz-data-block__value {
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0 5px;
  text-align: center;
}

.cz-data-block--large__value {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.cz-data-block__meta-data {
  color: var(--gray-light-700);
  font-size: 0.75rem;
}

.cz-data-block--large__meta-data {
  font-size: 0.75rem;
  color: var(--gray-light-700);
}

.cz-data-block__operator {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: flex-end;
  margin-bottom: 5px;
  padding: 0 5px;
  font-size: 1rem;
}

/* Abstracts */
/* App */
.cz-data-list-row, .cz-data-list-row--bordered {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  padding: 3px 0;
  margin: 0;
}

.cz-data-list-row--bordered:not(:last-child) {
  border-bottom: 1px solid var(--border-primary);
}

.cz-data-list-row__label {
  margin-right: 3px;
}

.cz-data-list-row__label--two-column, .cz-data-list-row__label--two-column-right {
  font-weight: 600;
  margin-right: 5px;
  flex: 0 0 50%;
}

.cz-data-list-row__label--two-column-right {
  text-align: right;
}

dd.cz-data-list-row__value {
  align-self: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* App */
/* Abstracts */
.cz-empty-state--view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 20px;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 20px 0;
  gap: 20px;
}
.cz-card__body .cz-root-ctl-content .cz-empty-state--view {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 0;
}

.cz-empty-state--slideover {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 15px;
}

.cz-empty-state--block-large {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

.cz-box-styles-empty-state {
  text-align: center;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  height: 100%;
  background-color: var(--gray-light-100);
}

.cz-empty-state--block {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cz-empty-state--block:after, .cz-empty-state--block:before {
  content: "";
  width: 18%;
  height: 1px;
  flex: 0 1 auto;
  display: inline-block;
  background: var(--gray-true-300);
  margin: 10px;
  vertical-align: top;
}

.cz-empty-state--placeholder, .cz-empty-state--placeholder-large {
  border: 2px dashed var(--gray-true-300);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gray-light-100);
  padding: 20px;
  flex-direction: column;
  gap: 20px;
}

.cz-empty-state--placeholder-white {
  border: 2px dashed var(--gray-true-300);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  flex-direction: column;
}

.cz-empty-state__icon {
  --svg-icon-size: var(--svg-icon-size-xxl);
  --svg-icon-fill: colors.$primary-gray;
}
.cz-empty-state__icon svg {
  border-radius: 50%;
}

.cz-empty-state__img {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  flex: 0 0 auto;
  border-radius: 50%;
}

div.cz-empty-state--block-large__icon {
  margin-bottom: 10px;
  border-radius: 50%;
  overflow: hidden;
}

div.cz-empty-state--row__icon {
  margin-right: 10px;
}

.cz-empty-state__heading, .cz-empty-state__heading--success, .cz-empty-state__heading--info, .cz-empty-state__heading--small-initial {
  font-weight: 600;
  display: block;
  font-size: 1.25rem;
  max-width: 80%;
}

.cz-empty-state__heading--small-initial {
  font-size: 1rem;
  color: var(--gray-light-700);
  text-align: center;
}

.cz-empty-state__heading--initial {
  color: var(--gray-light-700);
  font-weight: 600;
  font-size: 1.25rem;
}

.cz-empty-state__heading--info {
  color: var(--utility-brand-600);
}

.cz-empty-state__heading--success {
  color: var(--success-700);
}

.cz-empty-state__message {
  font-size: 0.875rem;
  text-align: center;
  color: var(--gray-light-900);
  font-weight: 600;
  max-width: 90%;
  margin: 0;
}

.cz-empty-state__message--left {
  font-size: 1rem;
  color: var(--gray-light-900);
  text-align: left;
}

.cz-empty-state__button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
  flex-wrap: wrap;
  max-width: 100%;
}

.cz-empty-state__button--primary {
  margin: 5px;
}

.cz-empty-state__button--secondary {
  margin: 5px 5px 5px 0;
}

/* App */
/* Abstracts */
.cz-header-bar, .cz-header-bar--with-buttons, .cz-view-header, .cz-gdpr-select-all_section {
  display: flex;
  gap: 15px;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  z-index: 2;
  position: relative;
  box-sizing: content-box;
}

.cz-view-header, .cz-gdpr-select-all_section {
  margin-right: 15px;
}
.cz-view-header > .cz-on-sm-button, .cz-gdpr-select-all_section > .cz-on-sm-button {
  --svg-icon-size: 16px;
  max-height: 30px;
  max-width: 30px;
}

.cz-view-stack > div > .cz-view-stack-header > .cz-view-header, .cz-view-stack > div > .cz-view-stack-header > .cz-gdpr-select-all_section {
  padding: 0 5px;
  margin: 0 15px 5px 0;
  box-shadow: 0 2px 5px 0 var(--utility-gray-500-alpha-10);
  border-radius: 5px;
  gap: 10px;
}
@media screen and (max-width: 599px) {
  .cz-view-stack > div > .cz-view-stack-header > .cz-view-header, .cz-view-stack > div > .cz-view-stack-header > .cz-gdpr-select-all_section {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
  }
}

.cz-header-bar--with-buttons {
  justify-content: space-between;
}

.cz-header-bar,
.cz-view-header,
.cz-gdpr-select-all_section,
.cz-header-bar--with-buttons {
  background: var(--bg-primary);
  border-bottom: 1px solid var(--gray-modern-200);
}

div.cz-search-wrapper > .cz-header-bar--with-buttons {
  height: 45px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.cz-header-bar__inner-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-header-bar__inner-wrapper::after {
  content: "";
  width: 2px;
  height: 20px;
  background: var(--theme-header-bar-divider-color);
}

.cz-header-bar--no-divider__inner-wrapper {
  display: flex;
  gap: 4px;
}

div.cz-header-bar__picture {
  --svg-icon-size: var(--picture-size-standard);
  border: none;
}

.cz-wf-header {
  border-bottom: 1px solid var(--alpha-black-10) !important;
  margin: 0 !important;
  height: 45px;
  padding: 0 5px !important;
  box-shadow: unset !important;
  border-radius: 0 !important;
  padding-left: 20px !important;
}

.cz-wf-header-mobile {
  top: 5px;
}

.cz-header-bar__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--utility-gray-700-alpha-90);
  font-size: 1rem;
  font-weight: 600;
}

.cz-header-bar__title--primary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 600;
}

.cz-header-bar__buttons {
  flex-basis: 300px;
  text-align: right;
}
.cz-header-bar__buttons button:not(:first-child) {
  margin-left: 5px;
}

@media print {
  .cz-view-header, .cz-gdpr-select-all_section {
    box-shadow: none;
    border-bottom: 1px solid var(--border-primary);
    height: 45px;
    padding: 0 0 5px;
    overflow: hidden;
  }
  .cz-header-bar__inner-wrapper {
    border: none;
    box-shadow: none;
    display: inline-block;
    width: auto;
    position: relative;
    line-height: 40px;
    height: 40px;
  }
  .cz-header-bar__title {
    float: right;
    position: relative;
    line-height: 40px;
  }
  div.cz-header-bar__picture {
    margin-top: 3px;
    float: left;
  }
  .cz-header-bar__description {
    line-height: 40px;
    height: 40px;
    float: left;
  }
}
button.cz-header-bar__close-button, button.cz-header-bar-back-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-header-bar__close-button:hover, button.cz-header-bar-back-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-header-bar__close-button:focus, button.cz-header-bar-back-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-header-bar__close-button[disabled], button.cz-header-bar__close-button[disabled]:hover, button.cz-header-bar__close-button[disabled]:focus, button.cz-header-bar__close-button[disabled]:active, button.cz-header-bar-back-button[disabled], button.cz-header-bar-back-button[disabled]:hover, button.cz-header-bar-back-button[disabled]:focus, button.cz-header-bar-back-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-header-bar__close-button[disabled] svg, button.cz-header-bar__close-button[disabled]:hover svg, button.cz-header-bar__close-button[disabled]:focus svg, button.cz-header-bar__close-button[disabled]:active svg, button.cz-header-bar-back-button[disabled] svg, button.cz-header-bar-back-button[disabled]:hover svg, button.cz-header-bar-back-button[disabled]:focus svg, button.cz-header-bar-back-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-header-bar__close-button svg, button.cz-header-bar-back-button svg {
  fill: var(--text-primary);
}
button.cz-header-bar__close-button:active, button.cz-header-bar-back-button:active {
  background-color: var(--gray-light-200);
}
button.cz-header-bar__close-button:hover, button.cz-header-bar__close-button:focus, button.cz-header-bar__close-button.focus, button.cz-header-bar-back-button:hover, button.cz-header-bar-back-button:focus, button.cz-header-bar-back-button.focus {
  background-color: var(--theme-header-bar-close-button-focus-background-color);
}
button.cz-header-bar__close-button[disabled], button.cz-header-bar__close-button[disabled]:hover, button.cz-header-bar__close-button[disabled]:focus, button.cz-header-bar__close-button[disabled]:active, button.cz-header-bar-back-button[disabled], button.cz-header-bar-back-button[disabled]:hover, button.cz-header-bar-back-button[disabled]:focus, button.cz-header-bar-back-button[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-header-bar__close-button > .cz-svg-button-body, button.cz-header-bar-back-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-header-bar__close-button, a.cz-header-bar-back-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-header-bar__close-button:hover, a.cz-header-bar-back-button:hover {
  background-color: var(--gray-light-200);
}
a.cz-header-bar__close-button:focus, a.cz-header-bar-back-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-header-bar__close-button[disabled], a.cz-header-bar__close-button[disabled]:hover, a.cz-header-bar__close-button[disabled]:focus, a.cz-header-bar__close-button[disabled]:active, a.cz-header-bar-back-button[disabled], a.cz-header-bar-back-button[disabled]:hover, a.cz-header-bar-back-button[disabled]:focus, a.cz-header-bar-back-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-header-bar__close-button[disabled] svg, a.cz-header-bar__close-button[disabled]:hover svg, a.cz-header-bar__close-button[disabled]:focus svg, a.cz-header-bar__close-button[disabled]:active svg, a.cz-header-bar-back-button[disabled] svg, a.cz-header-bar-back-button[disabled]:hover svg, a.cz-header-bar-back-button[disabled]:focus svg, a.cz-header-bar-back-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-header-bar__close-button svg, a.cz-header-bar-back-button svg {
  fill: var(--text-primary);
}
a.cz-header-bar__close-button:active, a.cz-header-bar-back-button:active {
  background-color: var(--gray-light-200);
}
a.cz-header-bar__close-button:hover, a.cz-header-bar__close-button:focus, a.cz-header-bar__close-button.focus, a.cz-header-bar-back-button:hover, a.cz-header-bar-back-button:focus, a.cz-header-bar-back-button.focus {
  background-color: var(--theme-header-bar-close-button-focus-background-color);
}
a.cz-header-bar__close-button[disabled], a.cz-header-bar__close-button[disabled]:hover, a.cz-header-bar__close-button[disabled]:focus, a.cz-header-bar__close-button[disabled]:active, a.cz-header-bar-back-button[disabled], a.cz-header-bar-back-button[disabled]:hover, a.cz-header-bar-back-button[disabled]:focus, a.cz-header-bar-back-button[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-header-bar__close-button > .cz-svg-button-body, a.cz-header-bar-back-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-header-bar__close-button, svg.cz-header-bar-back-button {
  fill: var(--theme-header-bar-close-button-foreground-color);
  width: 16px;
}
button:hover > div > svg.cz-header-bar__close-button, button:focus > div > svg.cz-header-bar__close-button, a:hover > div > svg.cz-header-bar__close-button, a:focus > div > svg.cz-header-bar__close-button, button:hover > div > svg.cz-header-bar-back-button, button:focus > div > svg.cz-header-bar-back-button, a:hover > div > svg.cz-header-bar-back-button, a:focus > div > svg.cz-header-bar-back-button {
  fill: var(--theme-header-bar-close-button-focus-foreground-color);
}

.cz-info {
  display: flex;
  flex-direction: row;
  padding: 10px;
  background: var(--yellow-200);
  border-radius: 3px;
  margin: 0;
  align-items: center;
}

.cz-info--small {
  display: flex;
  flex-direction: row;
  padding: 5px;
  background: var(--yellow-200);
  border-radius: 3px;
  margin: 0;
  align-items: center;
  flex: 0 0 auto;
}

div.cz-info-icon {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

div.cz-info-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}

div.cz-info-message {
  margin-top: auto;
  margin-bottom: auto;
}

@media print {
  div.cz-info {
    display: none;
  }
}
/* Abstracts */
.cz-list, .cz-list--borderless, .cz-list--border-bottom {
  max-width: 100%;
  overflow-y: auto;
  max-height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--gray-modern-200);
}

.cz-list--borderless, .cz-list--border-bottom {
  border: none;
}

.cz-list--border-bottom {
  border-bottom: 1px solid var(--gray-modern-200);
}

.cz-list__item, .cz-list__item--xs-no-hover, .cz-list__item--standard-no-hover, .cz-list__item--large-no-hover, .cz-list__item--hover, .cz-list__item--small, .cz-list__item--standard, .cz-side-bar-list-item, .cz-list__item--large, .cz-list__item--large-borderless, li.cz-my-team-sidebar-list-item {
  background-color: var(--bg-primary);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--gray-modern-200);
  flex: 0 0 auto;
}
.cz-list__item:last-child, .cz-list__item--xs-no-hover:last-child, .cz-list__item--standard-no-hover:last-child, .cz-list__item--large-no-hover:last-child, .cz-list__item--hover:last-child, .cz-list__item--small:last-child, .cz-list__item--standard:last-child, .cz-side-bar-list-item:last-child, .cz-list__item--large:last-child, .cz-list__item--large-borderless:last-child, li.cz-my-team-sidebar-list-item:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}

.cz-list__item--hover:hover, .cz-list__item--small:hover, .cz-list__item--standard:hover, .cz-side-bar-list-item:hover, .cz-list__item--large:hover, .cz-list__item--large-borderless:hover, li.cz-my-team-sidebar-list-item:hover {
  cursor: pointer;
  color: var(--black);
}

.cz-list__item--large, .cz-list__item--large-borderless, li.cz-my-team-sidebar-list-item {
  padding: 10px;
  min-height: 50px;
}

.cz-list__item--large-borderless, li.cz-my-team-sidebar-list-item {
  border: none;
}

.cz-list__item--standard, .cz-side-bar-list-item {
  padding: 5px 10px;
  min-height: 50px;
}

.cz-list__item--small {
  padding: 5px 10px;
  min-height: 40px;
}

.cz-list__item--widget {
  border-bottom: 1px solid var(--gray-modern-200) !important;
}

.cz-list__item--widget:last-child {
  border-bottom: none !important;
}

.cz-list__item--large-no-hover {
  padding: 10px;
  min-height: 50px;
}

.cz-list__item--standard-no-hover {
  padding: 5px 10px;
  min-height: 50px;
}

.cz-list__item--xs-no-hover {
  padding: 5px 10px;
  min-height: 30px;
}

.cz-on-off-checkbox {
  background: var(--utility-gray-dark-100);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 0 10px;
  gap: 5px;
}

/* Abstracts */
/* App */
.cz-person-header {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.cz-person-header__picture {
  margin-right: 10px;
}

.cz-person-header__info {
  max-width: 100%;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-person-header__status-label {
  margin-top: 3px;
  margin-right: 5px;
}

.cz-person-header-info-row {
  display: flex;
  align-items: center;
}

.cz-person-header-info-row__icon {
  margin-right: 5px;
}

.cz-person-header-info-row__detail {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

@media print {
  .cz-person-header__status-label {
    border: 1px solid var(--border-primary);
  }
}
/* Abstracts */
/* App */
.cz-popover-trigger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-popover-trigger .popover {
  max-width: none;
  position: fixed;
}

.cz-popover-trigger__adjacent-phrase {
  margin-right: 3px;
}

.cz-popover-trigger__button {
  color: var(--brand-700);
  border-width: 0 0 1px;
  background-color: transparent;
  border-bottom: dotted 1px var(--brand-700);
  cursor: pointer;
  padding: 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.cz-popover-trigger__button:focus, .cz-popover-trigger__button:hover {
  outline: none;
  color: var(--brand-600);
}

.cz-successors-popover {
  max-width: none !important;
}

/* Abstracts */
.cz-heading--large {
  font-size: 1rem;
  width: 100%;
  margin: 0;
  font-weight: normal;
  line-height: 1.25;
}

.cz-heading, .cz-post__heading {
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}

.cz-heading--small, .cz-form-section-title,
.cz-section__title,
.cz-title-on-off-section__title, .cz-heading--small-secondary, .cz-payroll-summary-card .cz-form-label {
  font-weight: 600;
  font-size: 0.875rem;
  margin: 0;
  line-height: 20px;
}

.cz-heading--small-secondary, .cz-payroll-summary-card .cz-form-label {
  color: var(--gray-light-700);
}

.cz-medium-text, .cz-medium-text--bold {
  font-size: 1rem;
}

.cz-medium-text--bold {
  font-weight: 600;
}

.cz-bold-text {
  font-weight: 600;
}

.cz-text-box-hint-text {
  font-size: 0.75rem;
  color: var(--gray-light-700);
}

.cz-para {
  margin: 0;
  line-height: 20px;
}

strong.cz-important {
  font-weight: 700;
}

.cz-number--large {
  font-size: 1.25rem;
  font-weight: 600;
}

.cz-post {
  border: 1px solid var(--border-primary);
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--bg-primary);
  gap: 10px;
}

.cz-post__body {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.cz-post--comment__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.cz-post__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cz-post__header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 0px;
}

.cz-post__thumbnail {
  z-index: 1;
  will-change: transform;
}

.cz-post__heading {
  margin: 0 10px 0 0;
  line-height: 1.4;
  color: var(--gray-light-700);
}

.cz-post__info {
  display: flex;
  align-items: center;
  color: var(--gray-light-700);
}

article.cz-post__content {
  font-size: 1rem;
  margin: 20px;
}

p.cz-post__content {
  margin: 0;
}

.cz-post__comment-wrapper {
  border-top: 1px solid transparent;
  padding: 0 10px 10px 15px;
  width: 100%;
  background-color: var(--bg-primary);
  border-radius: 0 0 3px 3px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.cz-post--comment {
  display: flex;
  flex-direction: row;
  padding: 10px;
  background-color: var(--utility-blue-light-100);
  border-radius: 5px;
  min-width: 75%;
  max-width: 75%;
}

article.cz-post__content--comment {
  margin-left: 38px;
  font-size: 0.875rem;
}

p.cz-post__content--comment {
  margin: 0 20px 0 0;
  word-break: break-word;
}

button.cz-post__delete-button {
  flex: 0 0 32px;
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.cz-post__comments-button-wrapper {
  text-align: right;
  margin: 0 10px 0 0;
}

button.cz-post__comments-button {
  height: 32px;
  margin-left: 38px;
}

.cz-post-item-wrapper {
  padding: 10px 10px 10px 38px;
}
article.cz-post__content + .cz-post-item-wrapper {
  padding-top: 0;
}

button.cz-post-item-button {
  width: 100%;
}
button.cz-post-item-button > div.cz-button-inner-wrapper {
  justify-content: flex-start;
}

.cz-post-item__text {
  line-height: 20px;
  flex: 1 1 0px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Abstracts */
.cz-progress-tracker {
  flex: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  align-items: center;
  display: flex;
  list-style: none;
  height: 40px;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
}

li.cz-progress-tracker-stage {
  display: inline-flex;
  align-items: center;
  overflow-x: hidden;
  flex-wrap: nowrap;
  white-space: nowrap;
}
li.cz-progress-tracker-stage.cz-progress-tracker-stage--current {
  flex: 0 0 auto;
}
li.cz-progress-tracker-stage.cz-progress-tracker-stage--current > .cz-progress-tracker-stage__content {
  flex: 0 0 auto;
}
li.cz-progress-tracker-stage:last-child .cz-progress-tracker-stage__arrow {
  display: none;
}
li.cz-progress-tracker-stage:first-child {
  padding-left: 10px;
}
li.cz-progress-tracker-stage:only-child .cz-progress-tracker-stage__badge {
  display: none;
}
li.cz-progress-tracker-stage:only-child > .cz-progress-tracker-stage__content {
  background-color: inherit;
}

.cz-progress-tracker-stage__title {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0px;
  color: var(--gray-light-600);
  font-weight: 600;
  font-size: 0.875rem;
}
.cz-progress-tracker-stage__title.cz-wf-progress-tracker-stage__title--active {
  font-weight: 600;
  color: var(--utility-brand-600);
}

.cz-progress-tracker-stage__content {
  position: relative;
  text-align: left;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  padding: 0 5px;
}

div.cz-progress-tracker-stage__arrow {
  margin: 0 5px;
  display: flex;
}

.cz-radio-button-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cz-radio-button-list--horizontal .cz-radio-button-list__item {
  margin-right: 15px;
  display: inline-block;
  margin: 2px 15px 2px 0;
  max-width: 100%;
}

.cz-radio-button-list__item {
  margin: 0 0 5px 0;
  position: relative;
}

.cz-radio-button-list__label {
  display: flex;
  align-items: center;
}

.cz-radio-button-list__label--multi-line {
  display: flex;
  align-items: flex-start;
}
.cz-radio-button-list__label--multi-line > .cz-radio-button--custom {
  margin-top: 3px;
}

.cz-radio-button--default {
  z-index: -1;
  opacity: 0;
  position: absolute;
}
.cz-radio-button--default:checked + .cz-radio-button--custom:after {
  transform: scale(1);
}
.cz-radio-button--default:focus + .cz-radio-button--custom {
  border-color: var(--utility-gray-500);
}
.cz-radio-button--default[disabled] + .cz-radio-button--custom, .cz-radio-button--default[disabled] + .cz-radio-button--custom:hover {
  opacity: 0.65;
  background: var(--bg-disabled);
  border: 1px solid var(--border-primary);
  cursor: not-allowed;
}

.cz-radio-button--custom {
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid var(--gray-light-600);
  background: var(--bg-primary);
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  top: 0.5px;
  flex: 0 0 auto;
}
.cz-radio-button--custom:after {
  content: "";
  left: 3px;
  top: 3px;
  width: 7px;
  height: 7px;
  transform: scale(0);
  border-radius: 50%;
  background: var(--gray-light-700);
  position: absolute;
  transition: all 0.2s ease;
}
.cz-radio-button--custom:hover {
  border-color: var(--gray-light-700);
  background: var(--bg-primary_hover);
}

span.cz-radio-button-list__multi-line-detail {
  display: block;
  margin-bottom: 5px;
}

@media print {
  .cz-radio-button--default:checked + .cz-radio-button--custom:after {
    border: 3px solid var(--gray-light-700);
    width: 7px;
    height: 7px;
  }
}
/* Abstracts */
.cz-section, .cz-form-section-boxed,
.cz-form-section-headered, .cz-section--no-header {
  margin-bottom: 15px;
  border: 1px solid var(--border-primary);
  border-radius: 5px;
}

.cz-section--no-header {
  padding: 15px;
}

.cz-form-section-boxed,
.cz-form-section-headered {
  min-height: 45px;
  overflow: hidden;
}

.cz-oauth > .cz-form-section-headered {
  border: none;
}

.cz-section__header, .cz-title-on-off-section__header, .cz-form-section-header {
  background-color: var(--utility-gray-500);
  border: none;
  padding: 0 15px;
  height: 45px;
  color: var(--bg-primary);
}
.cz-section__header svg.cz-svg-round-button, .cz-title-on-off-section__header svg.cz-svg-round-button, .cz-form-section-header svg.cz-svg-round-button {
  fill: var(--bg-primary);
}
.cz-section__header button.cz-svg-round-button:hover, .cz-title-on-off-section__header button.cz-svg-round-button:hover, .cz-form-section-header button.cz-svg-round-button:hover {
  background: var(--bg-primary);
}
.cz-section__header button.cz-svg-round-button:hover > div > svg.cz-svg-round-button, .cz-title-on-off-section__header button.cz-svg-round-button:hover > div > svg.cz-svg-round-button, .cz-form-section-header button.cz-svg-round-button:hover > div > svg.cz-svg-round-button {
  fill: var(--utility-gray-800);
}

.cz-form-section-header {
  color: var(--bg-primary);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cz-form-section-header:focus {
  outline: 0;
  outline: none;
}
.cz-form-section-collapsed > .cz-form-section-header {
  border-radius: 3px;
}
button.cz-form-section-header:hover {
  background: var(--utility-gray-600);
}

div.cz-form-section-header,
.cz-form-section-header-inner {
  display: flex;
  align-items: center;
}

button.cz-form-section-header {
  display: block;
  width: 100%;
  text-align: left;
  color: var(--bg-primary);
}

.cz-form-section-title,
.cz-section__title,
.cz-title-on-off-section__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 0px;
  line-height: 40px;
}

div.cz-section__intro {
  padding: 10px 15px;
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--border-primary);
}

.cz-section__row-divider {
  width: 100%;
  display: flex;
  border-top: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
  align-items: center;
  margin: 0 0 15px 0;
  justify-content: space-between;
  background: var(--brand-50);
  height: 38px;
  padding: 0 10px 0 15px;
}

.cz-section__body {
  padding: 15px;
  background: var(--bg-primary);
  border-radius: 5px;
}

.cz-form-section-body {
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
  border: none !important;
}

.cz-form-section-boxed {
  border-radius: 3px;
  border: 1px solid var(--alpha-black-10);
}

/* Abstracts */
/* App */
.cz-tab-list, .cz_portal_tab-list {
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  cursor: default;
  height: auto;
  box-shadow: 0 2px 5px 0 var(--utility-gray-500-alpha-10);
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  border-bottom: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
}

.cz-tab-list__tab-item, .cz_portal_tab-list__tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-tab-list__tab-item:focus, .cz_portal_tab-list__tab-item:focus {
  outline: 0;
}

.cz-tab-list__tab-item.active, .active.cz_portal_tab-list__tab-item {
  background: var(--utility-gray-500);
}

.cz-tab-list__link,
.cz-tab-list__link--sidebar {
  color: var(--utility-gray-700-alpha-90);
}
.cz-tab-list__link.active,
.cz-tab-list__link--sidebar.active {
  color: var(--bg-primary);
  background: var(--utility-gray-500);
}
.cz-tab-list__link.active:focus,
.cz-tab-list__link--sidebar.active:focus {
  color: var(--bg-primary);
  background: var(--utility-gray-500);
}

.cz-tab-list__link, .cz-tab-list__link--sidebar {
  position: relative;
  display: flex;
  text-align: center;
  cursor: pointer;
  border: none;
  padding: 10px 20px;
  flex: 1 1 auto;
  font-size: 0.875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  height: 100%;
  align-items: center;
}
.cz-tab-list__link:hover, .cz-tab-list__link--sidebar:hover {
  cursor: pointer;
  border: none;
  text-decoration: none;
}
.cz-tab-list__link:focus, .cz-tab-list__link--sidebar:focus {
  background-color: transparent;
  outline: 0;
  text-decoration: none;
}

.cz-tab-list__link--sidebar {
  display: block;
  padding: 10px 5px;
  border-radius: 0;
  box-shadow: none;
}

.cz-tab-strip-count-button__badge {
  background-color: var(--brand-700);
  color: var(--fg-white);
  margin-left: 8px;
}

/* Abstracts */
.cz-table {
  width: 100%;
  background: var(--bg-primary);
  border: 1px solid var(--border-primary);
}

.cz-table--borderless {
  width: 100%;
}

.cz-table--fixed-header {
  border: 1px solid var(--border-primary);
  table-layout: fixed;
}

.popover-body > .cz-table--fixed-header {
  padding: 0;
  border: none;
  white-space: pre-line;
}

.cz-table--fixed-header-borderless {
  table-layout: fixed;
}

tr.cz-table--fixed-header__header-row {
  display: block;
}

tr.cz-table--fixed-header__header-row-flex {
  display: flex;
}

tbody.cz-table--fixed-header__body {
  display: block;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

caption.cz-table__caption {
  font-weight: 600;
  text-align: left;
  margin-bottom: 5px;
}

.cz-table--theme-grid-header {
  table-layout: fixed;
  width: 100px;
  min-width: 100px;
  margin-bottom: 0;
  border-bottom-style: none;
  border-collapse: separate;
}

.cz-table--theme-grid-body {
  table-layout: fixed;
  width: 100px;
  min-width: 100px;
  background: var(--bg-primary);
  outline: none;
}

.cz-table__header-cell {
  height: 38px;
  text-align: left;
  vertical-align: middle;
  padding: 3px 3px 3px 10px;
  font-weight: 600;
  border-right: 1px solid var(--border-primary);
}
.cz-table__header-cell:last-child {
  border-right: none;
}
.cz-table--theme-grid-header__row > .cz-table__header-cell {
  padding-left: 5px;
  vertical-align: middle;
  position: relative;
}

.cz-table--grid-header__row > .cz-table__header-cell {
  padding-left: 5px;
  position: relative;
}

.cz-table__header-cell--small,
.cz-table__body-cell--small {
  height: 28px;
  padding: 0 3px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.cz-table__header-cell--small {
  font-weight: 600;
  text-align: left;
  background-color: var(--theme-grid-header-background);
  border-bottom: 1px solid var(--border-primary);
}
.cz-table__header-cell--small:not(:last-child) {
  border-right: 1px solid var(--border-primary);
}

.cz-table__body-cell--small:not(:last-child) {
  border-right: 1px solid var(--border-tertiary);
}

button.cz-table__body-cell--icon {
  margin: 0 0 3px;
}

.cz-table__header-cell--left-border {
  border-right: none !important;
}
.cz-table__header-cell--left-border:not(:first-child) {
  border-left: 1px solid var(--border-primary);
}

a.cz-table__header-link {
  font-weight: 600;
}

.cz-table__body-row, .cz-table__body-row--hover {
  height: 50px;
}
.cz-table__body-row > td, .cz-table__body-row--hover > td {
  padding: 0 10px;
  vertical-align: middle;
}

.cz-table__body-row--hover:hover, .cz-table__body-row--hover:focus {
  background-color: var(--bg-primary_hover);
  cursor: pointer;
}

tr.cz-selected,
tr.cz-selected:hover,
tr.cz-selected:focus {
  background: var(--utility-gray-500);
  color: var(--bg-primary);
  --svg-icon-fill: var(--bg-primary);
  --read-only-checkbox-fill: var(--bg-primary);
}
tr.cz-selected > .cz-table__cell,
tr.cz-selected:hover > .cz-table__cell,
tr.cz-selected:focus > .cz-table__cell {
  color: inherit;
}
tr.cz-selected .cz-inline-svg-button,
tr.cz-selected:hover .cz-inline-svg-button,
tr.cz-selected:focus .cz-inline-svg-button {
  --svg-icon-fill: colors.$primary-gray-darkened;
}
tr.cz-selected .cz-effective-read-only-checkbox-icon,
tr.cz-selected:hover .cz-effective-read-only-checkbox-icon,
tr.cz-selected:focus .cz-effective-read-only-checkbox-icon {
  --svg-icon-fill: var(--white);
}
tr.cz-selected button.cz-tertiary-utility-button svg,
tr.cz-selected:hover button.cz-tertiary-utility-button svg,
tr.cz-selected:focus button.cz-tertiary-utility-button svg {
  fill: var(--bg-primary);
}
tr.cz-selected button:hover .cz-tertiary-utility-button svg, tr.cz-selected:focus .cz-tertiary-utility-button svg,
tr.cz-selected:hover button:hover .cz-tertiary-utility-button svg,
tr.cz-selected:hover:focus .cz-tertiary-utility-button svg,
tr.cz-selected:focus button:hover .cz-tertiary-utility-button svg,
tr.cz-selected:focus:focus .cz-tertiary-utility-button svg {
  fill: var(--text-secondary);
}

.cz-table__cell {
  --read-only-checkbox-width: 100%;
}

.cz-table__header-cell,
.cz-grid-table-header-container {
  background: var(--theme-grid-header-background);
  border-color: var(--theme-grid-header-border-color);
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 600;
}

svg.cz-grid-table-header-column-order-icon {
  fill: var(--theme-grid-header-foreground);
}

.cz-table__body-row:last-child,
.cz-table__body-row--small:last-child,
.cz-table__body-row--hover:last-child,
.cz-grid-table-row:last-child {
  border-bottom: none;
}
.cz-table__body-row:nth-child(odd):not(.cz-selected),
.cz-table__body-row--small:nth-child(odd):not(.cz-selected),
.cz-table__body-row--hover:nth-child(odd):not(.cz-selected),
.cz-grid-table-row:nth-child(odd):not(.cz-selected) {
  background-color: var(--theme-grid-row-background-odd);
}
.cz-table__body-row:nth-child(even):not(.cz-selected),
.cz-table__body-row--small:nth-child(even):not(.cz-selected),
.cz-table__body-row--hover:nth-child(even):not(.cz-selected),
.cz-grid-table-row:nth-child(even):not(.cz-selected) {
  background-color: var(--theme-grid-row-background-even);
}
.cz-table__body-row:not(.cz-selected) > td,
.cz-table__body-row--small:not(.cz-selected) > td,
.cz-table__body-row--hover:not(.cz-selected) > td,
.cz-grid-table-row:not(.cz-selected) > td {
  color: var(--theme-grid-row-foreground);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

tr.cz-grid-table-row--hover:hover {
  cursor: pointer;
}

.cz-table__body-row--hover:hover:not(.cz-selected),
.cz-grid-table-row--hover:hover:not(.cz-selected) {
  background: var(--theme-grid-row-background-hover);
}

.cz-table__header-link {
  color: var(--theme-grid-header-link-color);
}
.cz-table__header-link:hover, .cz-table__header-link:focus {
  color: var(--theme-grid-header-link-color-hover);
}

.cz-card-grid-group {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  overflow-y: auto;
  flex-wrap: wrap;
  flex-direction: column;
}

ul.cz-card-grid {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.cz-card-grid__card {
  min-width: 275px;
  max-width: 275px;
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

/* App */
/* Abstracts */
.cz-side-bar-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 15px 10px;
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--border-primary);
  z-index: 1;
}

button.cz-side-bar-header__button {
  flex-shrink: 0;
  margin-left: 5px;
}

.cz-side-bar-list-item {
  position: relative;
  background-color: var(--bg-primary);
}
.cz-side-bar-list-item a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding: 3px;
}
.cz-side-bar-list-item:last-child {
  border-bottom: 1px solid var(--border-primary);
}
.cz-side-bar-list-item.cz-active {
  background-color: var(--utility-gray-500);
}
.cz-side-bar-list-item.cz-active > a {
  color: var(--fg-white);
}
.cz-side-bar-list-item.cz-active svg {
  fill: var(--fg-white);
}

button.cz-side-bar-list-item__remove-button {
  display: none;
  flex: 0 0 auto;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
li:focus > button.cz-side-bar-list-item__remove-button, li:hover > button.cz-side-bar-list-item__remove-button {
  display: block;
}

a.cz-side-bar-list-item-content {
  justify-content: start;
}

.cz-side-bar-list-item-content__detail {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-title-on-off-section {
  border: 1px solid var(--alpha-black-10);
  border-radius: 5px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-title-on-off-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--bg-primary);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cz-title-on-off-section__header.collapsed {
  border-bottom: none;
  border-radius: 5px;
}

.collapsed-section {
  border-radius: none;
}

.cz-title-on-off-section__buttons {
  flex: 0 0 34px;
  margin-left: 10px;
}
.cz-title-on-off-section__buttons > button > div > svg {
  fill: var(--bg-primary);
}

.cz-title-on-off-section__switch {
  margin-left: 10px;
}

.cz-title-on-off-section__body {
  padding: 15px 15px 0 15px;
  display: none;
  visibility: hidden;
}
.cz-title-on-off-section__body.cz-title-on-off-section__body--shown {
  display: block;
  visibility: visible;
}

/* Abstracts */
.cz-shell {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.cz-shell-wf-nav-bar {
  width: 275px;
  min-width: 275px;
  z-index: 0;
}

.cz-shell-body {
  display: flex;
  flex: 1 1 auto;
  z-index: 0;
}

.cz-shell-view-container {
  flex: 1 1 auto;
  position: relative;
  z-index: 0;
}

@media print {
  .cz-shell {
    display: block;
    position: static;
  }
  .cz-shell-wf-top-bar,
  .cz-shell-wf-nav-bar {
    display: none;
  }
  .shell-body {
    display: block !important;
    position: static !important;
  }
  .cz-shell-body {
    display: block !important;
    position: static !important;
  }
  .cz-shell-view-container {
    display: block !important;
    position: static !important;
    background-color: transparent;
  }
}
/* Abstracts */
.cz-shell-top-bar {
  flex: 0 0 auto;
  position: relative;
  background-color: var(--bg-primary);
  z-index: 1;
  display: flex;
  align-items: center;
}

.cz-shell-tenant-logo-box {
  height: 60px;
  min-width: 100px;
  position: relative;
}
.cz-shell-tenant-logo-box:focus img,
.cz-shell-tenant-logo-box:focus svg {
  outline: 2px solid var(--utility-brand-600) !important;
  border-radius: 5px;
}

div.cz-shell-tenant-logo-beta-overlay {
  width: 42px;
  height: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}

div.cz-shell-default-logo {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

svg.cz-shell-default-logo {
  width: 154px;
  height: 35px;
}

div.cz-shell-tenant-logo {
  margin-left: 10px;
  margin-top: 9px;
  background-repeat: no-repeat;
  background-size: 154px 42px;
  height: 42px;
  width: auto;
  max-width: 340px;
}

img.cz-shell-tenant-logo {
  max-height: 42px;
  width: auto;
}

a.cz-shell-small-logo {
  display: none;
  align-items: center;
  justify-content: center;
}
a.cz-shell-small-logo:hover {
  fill: var(--utility-brand-600) !important;
}
a.cz-shell-small-logo:focus {
  fill: var(--utility-brand-600) !important;
  outline: 2px solid blue;
  border-radius: 3px;
  outline-offset: 2px;
}

svg.cz-shell-small-logo {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
}
svg.cz-shell-small-logo:hover {
  fill: var(--utility-brand-600) !important;
}

.cz-top-bar-notifications-link-container {
  position: relative;
}
.cz-top-bar-notifications-link-container:focus > .cz-shell-profile-pic {
  outline: 2px solid var(--utility-brand-600);
  border-radius: 50%;
}

.cz-shell-top-nav-button-badge {
  min-height: 22px;
  min-width: 22px;
  border-radius: 11px;
  background-color: var(--utility-rose-600);
  position: absolute;
  top: -7px;
  right: -8px;
  text-align: center;
  color: var(--text-white);
  padding: 0 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.75rem;
  border: 1px solid white;
}

.cz-shell-profile-pic {
  float: left;
  --picture-size: 32px;
  background-color: var(--bg-primary-solid);
}

.cz-image-hover-tint {
  background-color: transparent;
  height: 32px;
  width: 32px;
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.cz-image-hover-tint:hover {
  background-color: var(--alpha-white-10);
}

.cz-shell-user-menu-icon > svg {
  fill: var(--svg-button-foreground-color);
  width: var(--svg-icon-size-small);
}

ul.cz-shell-user-menu-items {
  padding: 0;
  right: -12px;
  margin-top: 8px;
  box-shadow: var(--utility-gray-300) 1px 0 0 inset, var(--utility-gray-300) -1px 0 0 inset, var(--utility-gray-300) 0 1px 0 inset, var(--utility-gray-modern-300) 0 -1px 0 inset, var(--utility-gray-950-alpha-10) 0 1px 2px 0;
  list-style-type: none;
}
ul.cz-shell-user-menu-items::before {
  content: "";
  position: absolute;
  top: -15px;
  right: 11.5px;
  border-bottom: 16px solid grey;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
}
ul.cz-shell-user-menu-items.with-username::before {
  border-bottom-color: var(--utility-gray-500);
}
ul.cz-shell-user-menu-items.with-username::after {
  display: none;
}

li.cz-shell-user-menu-item {
  height: 34px;
  display: flex;
  align-items: stretch;
}
li.cz-shell-user-menu-item:first-child {
  border-top: none;
}
li.cz-shell-user-menu-item > .cz-shell-user-menu-link {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  padding: 0 15px;
  font-weight: 600;
  gap: 15px;
}
li.cz-shell-user-menu-item > .cz-shell-user-menu-link:focus .cz-shell-user-menu-icon > svg {
  fill: var(--bg-primary);
}
li.cz-shell-user-menu-item.cz-shell-user-menu-username {
  color: var(--bg-primary);
  background-color: var(--utility-gray-500);
  font-size: 0.875rem;
  font-weight: 600;
  display: grid;
  place-content: center;
}
li.cz-shell-user-menu-item.cz-shell-user-menu-username > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 15px;
}
li.cz-shell-user-menu-item.cz-shell-user-menu-name {
  color: var(--bg-primary);
  background-color: var(--utility-gray-500);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  display: none;
}
li.cz-shell-user-menu-item.cz-shell-user-menu-name > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 auto;
  padding: 0 15px;
}

div.cz-shell-user-menu-icon {
  display: grid;
  place-content: center;
}

@media screen and (max-width: 1024px) {
  a.cz-shell-small-logo {
    display: flex;
    flex: unset;
    margin: 0 20px 0 0;
  }
  .cz-shell-tenant-logo-box {
    display: none;
  }
  .cz-shell-user-menu-name {
    display: flex !important;
  }
}
@media print {
  .cz-shell-top-bar {
    display: none;
  }
}
cz-toolbar-button_disabled {
  background: var(--utility-gray-400) !important;
  border-color: var(--utility-gray-400) !important;
}

.cz-toolbar-button_disabled > .cz-icon--large > svg {
  fill: var(--utility-gray-700);
}

/* Abstracts */
/* App */
.cz-shell-quick-search-query {
  width: 100%;
}

.cz-quick-search-pane {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  border-radius: 10px;
}
.cz-quick-search-pane::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-quick-search-pane::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-quick-search-pane::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-quick-search-panel-overlay {
  background: var(--alpha-black-10);
}

.cz-quick-search-panel_columns {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
}

.cz-shell-quick-search-form {
  display: none;
  height: var(--form-field-height);
  align-items: stretch;
  position: relative;
  flex: 1 1 160px;
  margin-right: 5px;
  max-width: 400px;
  margin-left: 10px;
}

.cz-shell-quick-search-form__spinner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.cz-shell-quick-search-result {
  display: flex;
  justify-content: flex-start;
  height: 40px;
  font-size: 0.875rem;
  align-items: center;
  padding-left: 5px;
}

.cz-shell-quick-search-result__image-container {
  border: 1px solid var(--border-primary);
}

.cz-shell-quick-search-result__image-container,
.cz-shell-quick-search-result__icon-container {
  display: none;
  margin-right: 10px;
}

.cz-shell-quick-search-result__image {
  width: 100%;
  height: 100%;
  background: var(--gray-light-100);
  min-height: 35px;
  min-width: 35px;
}

.cz-shell-quick-search-result-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1 auto;
  width: 0;
}

.cz-quick-search-result-details__value-wrapper {
  max-width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .cz-quick-search-result-details__value-wrapper {
    max-width: 230px;
  }
}
.cz-quick-search-result-details__primary-value {
  color: var(--utility-gray-600);
  font-weight: 500 !important;
}

.cz-quick-search-result-details__secondary-value {
  color: var(--utility-brand-600);
  font-weight: 600;
}

.cz-shell-quick-search-result__refine-search {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--gray-light-700);
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 30px;
  padding-right: 5px;
}

.cz-shell-quick-search__inactive-label {
  color: var(--utility-gray-700-alpha-75);
  font-size: 0.75rem;
  flex: 0 0 100%;
  padding: 5px 0;
}

@media (min-width: 700px) {
  .cz-shell-quick-search-form {
    display: flex;
  }
}
@media (max-width: 700px) {
  .cz-shell-quick-search-form {
    display: none;
  }
}
@media (min-width: 1200px) {
  .cz-shell-quick-search-result__image-container,
  .cz-shell-quick-search-result__icon-container {
    --picture-size: 40px;
    display: flex;
    min-width: 35px;
    max-width: 40px;
    min-height: 35px;
    max-height: 40px;
    align-items: center;
    justify-content: center;
  }
}
/* Abstracts */
.cz-shell-nav-bar {
  width: 200px;
  z-index: 1;
}
.cz-shell-nav-bar ul.cz-nav-list-items:focus {
  outline: 0;
  outline: none;
}

.cz-nav-bar-collapsed {
  max-width: 70px;
  width: 20px !important;
  margin-right: 15px;
}

.cz-shell-nav-bar-root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  box-shadow: 0 2px 5px 0 var(--alpha-black-10);
}
.cz-shell-nav-bar-root.cz-floating-nav-open {
  box-shadow: none;
}

.cz-shell-nav-bar-item-link__label {
  flex: 1 1 auto;
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-height: 36px;
  overflow-y: hidden;
}

div.cz-nav-list-scroll {
  height: 38px;
  line-height: 38px;
}

a.cz-nav-list-scroll {
  background-color: var(--theme-nav-bar-scroll-background-disabled);
  color: var(--theme-nav-bar-scroll-foreground);
  cursor: pointer;
  opacity: 0.4;
}
a.cz-nav-list-scroll.cz-enabled {
  opacity: 1;
  background-color: var(--theme-nav-bar-scroll-background-enabled);
}
a.cz-nav-list-scroll.cz-enabled:focus, a.cz-nav-list-scroll.cz-enabled:hover {
  background-color: var(--theme-nav-bar-scroll-background-focused);
  color: var(--theme-nav-bar-scroll-foreground-focused);
}

.cz-shell-nav-list-dock {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-shell-nav-bar-item-link--docked div.cz-shell-nav-bar-item-link__icon {
  margin-right: 15px;
}
.cz-shell-nav-bar-item-link--docked div.cz-shell-nav-bar-item-link__disclosure {
  display: none;
}

.cz-shell-nav-bar-item-link--docked:hover div.cz-shell-nav-bar-item-link__disclosure {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .cz-shell-nav-bar {
    width: 60px;
  }
}
@media print {
  .cz-shell-top-bar {
    display: none;
  }
}
svg.cz-shell-nav-bar-item-link__icon {
  fill: var(--theme-nav-bar-icon);
}
.cz-shell-nav-bar-item:focus svg.cz-shell-nav-bar-item-link__icon {
  fill: var(--theme-nav-bar-icon-focus);
}

div.cz-shell-nav-bar-item-link__disclosure {
  display: flex;
  height: 12px;
  width: 12px;
  min-height: 12px;
  min-width: 12px;
}

svg.cz-shell-nav-bar-item-link__disclosure {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  fill: var(--theme-nav-bar-disclosure-color);
}

/* Abstracts */
/* Backgrounds */
/* ----------- */
.cz-shell-view-container,
cz-shell-inner-container,
.cz-view-stack-view-content,
.cz-view-stack-view.cz-stacked,
.cz-master-detail-ctl-form,
.cz-tab-strip-ctl-body {
  background-color: var(--theme-background-main);
}

.cz-search-wrapper {
  background: var(--theme-background-search);
}

/* Text Alignment */
/* -------------- */
/* These classes are used by the cz-text-alignment directive to set the alignment of text based on a
 * binding. They are inherently unsemantic and make use of !important declarations so please do not
 * use them elsewhere. */
.cz-text-align-center {
  text-align: center !important;
}

.cz-text-align-left {
  text-align: left !important;
}

.cz-text-align-right {
  text-align: right !important;
}

/* Text Box Button */
/* --------------- */
.cz-read-only-text-box-button-container {
  display: flex;
  height: 38px;
  align-items: center;
}

.cz-read-only-text-box-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cz-read-only-text-box-button-button {
  flex: 0 0 auto;
  margin-left: 15px;
}

/* Validation */
/* ---------- */
input:not([type=checkbox]).cz-invalid,
textarea.cz-invalid {
  background-color: var(--utility-error-300) !important;
  border-color: var(--utility-error-300);
}
input:not([type=checkbox]).cz-invalid:hover,
textarea.cz-invalid:hover {
  border-color: var(--utility-error-300);
}
input:not([type=checkbox]).cz-invalid:hover:focus,
textarea.cz-invalid:hover:focus {
  border-color: var(--utility-brand-600);
}

/* View */
/* ---- */
.cz-view-error {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.cz-view-message-code {
  color: var(--black);
}

/* Has Changes */
/* ----------- */
.cz-has-changes,
.cz-has-changes input {
  background-color: var(--utility-indigo-100) !important;
}

label.cz-has-changes {
  background-color: inherit;
}

/* Spinner */
/* ------- */
.cz-spinner-fade {
  opacity: 0.6;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/*
 *
 *  Notification Opt Out
 *
*/
.cz-notif-opt-out-event-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

td.cz-notif-opt-out-event-info {
  width: 42px;
}

button.cz-notif-opt-out-tooltip-button {
  margin: 5px;
}

div.cz-notif-opt-out-category-container {
  padding-bottom: 20px;
}
div.cz-notif-opt-out-category-container.cz-no-records {
  text-align: center;
}

div.cz-notif-subscribers-panel-header {
  display: flex;
}

span.cz-notif-subscribers-panel-header-name {
  flex-grow: 1;
}

.cz-view-stack-view.cz-front > .cz-view-stack-view-content > cz-search {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.cz-notif-subscribers-view {
  position: relative;
}
div.cz-notif-subscribers-view div.cz-notif-subscriber-body {
  position: relative;
  display: block;
}
div.cz-notif-subscribers-view div.cz-notif-subscriber-body div.cz-view-stack {
  position: relative;
}
div.cz-notif-subscribers-view div.cz-notif-subscriber-body div.cz-view-stack .cz-view-stack-view.cz-root.cz-front {
  position: relative;
  display: block;
}
div.cz-notif-subscribers-view div.cz-notif-subscriber-body div.cz-view-stack .cz-view-stack-view.cz-root.cz-front .cz-view-stack-view-content.cz-root-ctl-body {
  position: relative;
}
div.cz-notif-subscribers-view .cz-root-ctl-content-container {
  background-color: var(--bg-primary);
  margin-right: 0;
}
div.cz-notif-subscribers-view .cz-data-entry-ctl-form-container {
  border: none;
}
div.cz-notif-subscribers-view .cz-data-entry-ctl-form-container div.input-group input {
  border-radius: 3px;
}
div.cz-notif-subscribers-view .cz-form-section .cz-container-ctl + .cz-container-ctl .input-group-btn {
  display: none;
}

.cz-notif-subscriber-body .cz-view-stack {
  position: relative;
}
.cz-notif-subscriber-body .cz-view-stack-view.cz-root.cz-front {
  position: relative;
}
.cz-notif-subscriber-body .cz-view-stack-view-content.cz-root-ctl-body {
  position: relative;
}
.cz-notif-subscriber-body .cz-data-entry-ctl-form-container {
  padding-top: 0;
  padding-left: 16px;
  width: 100% !important;
}
.cz-notif-subscriber-body .cz-form-field {
  padding: 0;
}
.cz-notif-subscriber-body > input.form-control.cz-popup-search-box {
  border-right-color: var(--error-700);
}
.cz-notif-subscriber-body .cz-root-ctl-content.cz-form-ctl {
  position: relative;
}
.cz-notif-subscriber-body .cz-root-ctl-content.cz-form-ctl.cz-notif-subscribers-rhr .cz-form-field {
  display: flex;
  align-items: center;
}

.cz-notif-form-checkbox-wrapper {
  display: flex;
  align-items: center;
}

div.cz-notif-triggers-container,
div.cz-notif-subscriber-container {
  flex: 1 0 auto;
  border-right: 1px solid var(--border-primary);
  max-width: 700px;
  background-color: var(--bg-primary);
  padding: 15px;
}

.cz-notif-help-text-container {
  background-color: var(--yellow-200);
  border-radius: 3px;
  margin-bottom: 25px;
  padding: 10px;
}

div.cz-notif-discovery-trigger-container {
  width: 100%;
}

div.cz-notif-discovery-trigger-date-config {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
div.cz-notif-discovery-trigger-date-config .cz-notif-discovery-trigger-date-item {
  margin-right: 15px;
}
div.cz-notif-discovery-trigger-date-config .cz-notif-discovery-trigger-date-item:first-of-type {
  min-width: 140px;
}

div.cz-notif-discovery-trigger-email-options {
  padding-bottom: 10px;
}

li.cz-notif-discovery-trigger-email-option:last-child {
  margin-bottom: 0;
}

div.cz-notif-discovery-trigger-email-delivery {
  padding: 0px 0px 10px 0;
  margin-bottom: 30px;
}

div.cz-notif-discovery-trigger-email-delivery-checkbox-container {
  display: flex;
  align-items: center;
}

div.cz-notif-reminder-triggers-container {
  border-radius: 3px;
  border: 1px solid var(--alpha-black-10);
}

div.cz-notif-reminder-triggers-container-header {
  color: var(--text-white);
  border-radius: 3px;
  background-color: var(--utility-gray-500);
  display: flex;
  align-items: center;
  padding: 10px;
}
div.cz-notif-reminder-triggers-container-header.cz-notif-reminder-triggers-container-header-open {
  border-bottom: 1px solid var(--border-primary);
}
div.cz-notif-reminder-triggers-container-header span.cz-notif-reminder-triggers-container-header-label {
  color: var(--bg-primary);
  flex: 1 0 auto;
}

div.cz-notif-reminder-triggers-container-body {
  padding: 10px;
}

div.cz-notif-reminder-trigger {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
div.cz-notif-reminder-trigger cz-drop-down-list {
  width: unset !important;
}
div.cz-notif-reminder-trigger .cz-notif-reminder-trigger-content-item {
  white-space: nowrap;
  margin-right: 20px;
}

div.cz-notif-reminder-triggers-button-container {
  padding-top: 10px;
}

div.cz-notif-subscriber-add {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 15px;
}

.cz-notif-subscriber-add-dropdown > * {
  width: 100% !important;
}

button.cz-notif-subscriber-add-button {
  flex: 0 0 auto;
  margin-left: 15px;
  margin-right: 4px;
}

div.cz-notif-subscriber {
  border: 1px solid var(--border-primary);
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  margin-bottom: 15px;
}

div.cz-notif-subscriber-header {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-primary);
  background-color: var(--utility-gray-500);
  border-radius: 3px 3px 0 0;
}
div.cz-notif-subscriber-header > button > div > svg {
  fill: var(--bg-primary);
}

span.cz-notif-subscriber-name {
  color: var(--bg-primary);
  font-weight: 600;
}

div.cz-notif-subscriber-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
}

div.cz-notif-subscriber-description {
  padding: 5px 0 15px;
  color: var(--black);
}

div.cz-notif-subscriber-opt-out {
  display: flex;
  align-items: center;
  margin-left: 1px;
}

.cz-notif-anniversary-container {
  margin-bottom: 15px;
}

.cz-notif-recurrence-details-container,
.cz-notif-anniversary-details-container {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.cz-notif-anniversary-item {
  margin-right: 15px;
}
.cz-notif-anniversary-item:first-of-type {
  min-width: 140px;
}

.cz-notif-recurrence-item {
  margin-left: 10px;
}

.cz-notif-recurrence-details-container > label > span {
  margin: 0;
}

/* Abstracts */
/* App */
/*
   Bulk selection screen
*/
div.cz-sets-bulk-selection-container {
  display: flex;
  flex-direction: column;
  min-width: 100%;
}

div.cz-sets-bulk-selection-commands {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 0 0 50px;
  padding: 10px 20px;
  background: var(--bg-primary);
}
div.cz-sets-bulk-selection-commands span.cz-form-label {
  margin: 0 10px 0 0;
}

div.cz-sets-bulk-selection-command {
  margin-left: 5px;
}

div.cz-sets-bulk-selection-items-container {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

div.cz-sets-bulk-selection-items-header {
  display: flex;
  padding: 10px 20px;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--bg-primary);
  flex: 0 0 44px;
  border-top: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
}

span.cz-sets-bulk-selection-sort-label {
  margin: 0 10px 0 0;
}

div.cz-sets-bulk-selection-remove-all {
  flex-grow: 1;
  text-align: right;
}

div.cz-sets-bulk-selection-items {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 15px;
}

div.cz-sets-bulk-selection-item {
  display: flex;
  padding: 5px;
  align-items: center;
  height: 52px;
  float: left;
  width: 50%;
}
div.cz-sets-bulk-selection-item div.cz-sets-bulk-selection-item-inner {
  border: 1px solid var(--border-primary);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px 0 10px;
  height: 42px;
  background-color: var(--bg-primary);
  border-radius: 3px;
}

span.cz-sets-bulk-selection-item-name {
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}

div.cz-sets-bulk-selection-item-buttons {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 700px) {
  div.cz-sets-bulk-selection-item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 960px) {
  div.cz-sets-bulk-selection-item {
    width: 25%;
  }
}
@media screen and (min-width: 1280px) {
  div.cz-sets-bulk-selection-item {
    width: 20%;
  }
}
@media screen and (min-width: 1600px) {
  div.cz-sets-bulk-selection-item {
    width: 14.2857142857%;
  }
}
/* Abstracts */
div.cz-dashboard-title-bar {
  position: relative;
  display: flex;
  justify-content: flex-end;
  min-height: 40px;
  margin-bottom: 5px;
}

.cz-dashboard-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 525px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: 0 2px 5px 0 var(--alpha-black-10);
}

@media screen and (max-width: 1400px) {
  .cz-dashboard-image {
    height: 395px;
  }
}
div.cz-dashboard-title {
  flex-grow: 1;
  font-size: 0.875rem;
}

div.cz-dashboard-actions {
  display: flex;
  align-items: center;
  background: var(--bg-primary);
  border-radius: 8px 0 0 8px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  color: var(--text-primary);
  font-weight: 600;
  padding: 5px 10px;
  height: 50px;
}
div.cz-dashboard-actions cz-switch-control {
  margin: 0 5px;
}
div.cz-dashboard-actions cz-checkbox {
  margin: 0 5px;
}
div.cz-dashboard-actions button {
  max-height: 36px;
}

.cz-dashboard-actions-right {
  display: flex;
  align-items: center;
  background: var(--alpha-black-25);
  border-radius: 0 8px 8px 0;
  color: var(--bg-primary);
  font-weight: 600;
  padding: 5px 10px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.cz-dashboard-action-button {
  margin: 5px 0 5px 5px;
}

.cz-dashboard-config-button {
  margin: 13px 5px;
  color: var(--bg-primary);
}

.cz-dashboard-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.cz-ob-dashboard-container .cz-dashboard-container {
  height: calc(100% - 45px);
}

.cz-dashboard-tab {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 110px;
  min-height: 110px;
  max-width: 55px;
  min-width: 55px;
}

.cz-dashboard-tab-open {
  right: 325px;
}

.cz-dashboard-tab-panel-container {
  height: 100%;
  position: relative;
}

.cz-dashboard-tab-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-height: 110px;
  min-height: 110px;
  max-width: 55px;
  min-width: 55px;
  border-radius: 15px 0px 0px 15px;
  background-color: var(--fg-white);
  box-shadow: 0 4px 5px 0 var(--alpha-black-25), 0 1px 10px 0 var(--alpha-black-10), 0 2px 4px -1px var(--alpha-black-10);
}

.cz-dashboard-tab-button::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
  width: 38px;
  background: var(--utility-gray-300);
  height: 1px;
}

.cz-dashboard-tab-button-widgets {
  border: none;
  outline: none;
  background: none;
}

.cz-dashboard-tab-button-widgets:active {
  border: none;
}

.cz-dashboard-tab-button-widgets > svg {
  height: 45px;
  width: 45px;
  margin-top: 5px;
}

@keyframes widget {
  0% {
    clip-path: circle(100%);
  }
  50% {
    clip-path: circle(40%);
  }
  100% {
    clip-path: circle(100%);
  }
}
#light-grey-2,
#light-grey {
  fill: var(--utility-gray-300);
}

#medium-grey-2,
#medium-grey {
  fill: var(--utility-gray-400);
}

#darkest-grey-2,
#darkest-grey {
  fill: var(--utility-gray-dark-700);
}

#pink-2,
#pink {
  fill: var(--utility-rose-700);
}

svg:hover #pink-2 {
  animation: 1s widget ease-in-out 1;
}

svg:hover #medium-grey-2 {
  animation: 1s widget ease-in-out 1;
  animation-delay: 0.1s;
}

svg:hover #darkest-grey-2 {
  animation: 1s widget ease-in-out 1;
  animation-delay: 0.2s;
}

svg:hover #light-grey-2 {
  animation: 1s widget ease-in-out 1;
  animation-delay: 0.3s;
}

@keyframes icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.cz-dashboard-tab-button-settings > svg {
  fill: var(--utility-gray-700-alpha-75);
  height: 45px;
  width: 45px;
  animation: icon 2s ease-in-out infinite;
  transform-origin: center center;
  animation-play-state: paused;
}
.cz-dashboard-tab-button-settings > svg:hover {
  animation-play-state: running;
}

.cz-dashboard-tab-button-settings {
  border: none;
  outline: none;
  margin-top: 1px;
  background-color: transparent;
}

div.cz-dashboard-column {
  padding: 0;
  float: left;
}
div.cz-dashboard-column:first-of-type div.cz-card {
  margin-left: 0;
}
div.cz-dashboard-column:last-of-type div.cz-card {
  margin-right: 0;
}

div.grid-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  display: grid;
  /* Create a grid divided into three sections that each generate three columns - setting a min and max value relative to the choosen widgets.  */
  grid-template-columns: repeat(4, [col-start] 1fr) repeat(4, [col-middle] 1fr) repeat(4, [col-end] 1fr);
  grid-template-rows: repeat(auto-fill, 100px);
  grid-gap: 15px;
  grid-auto-flow: dense;
  min-height: 95%;
  flex: 1 1 100%;
}

div.grid-placeholder_line {
  position: relative;
  height: 100px;
  border-radius: 7px;
  border: 1px dashed var(--utility-brand-600);
  opacity: 0.45;
}

.grid-placeholder_container {
  position: relative;
  flex: 1 1 auto;
  max-width: 100vw;
  z-index: 0;
}

div.cz-dashboard-container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0 20px;
  display: grid;
  /* Create a grid divided into three sections that each generate three columns - setting a min and max value relative to the choosen widgets.  */
  grid-template-columns: repeat(4, [col-start] 1fr) repeat(4, [col-middle] 1fr) repeat(4, [col-end] 1fr);
  grid-auto-rows: minmax(100px, 100px);
  grid-gap: 15px;
  grid-auto-flow: dense;
  min-height: 95%;
  flex: 1 1 100%;
  position: relative;
  z-index: 1;
}

div.cz-dashboard-container-fluid::after {
  clear: both;
}

/* Dashboard Widget */
.cz-dashboard-widget-card-body .cz-root-ctl-content-container {
  background-color: var(--bg-primary);
  border-radius: 0 0 3px 3px;
}
.cz-dashboard-widget-card-body .cz-root-ctl-content-container .cz-root-ctl-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-dashboard-widget-card-body .cz-root-ctl-content-container .cz-root-ctl-content div.cz-data-entry-ctl-no-items {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.cz-dashboard-widget-card-body .cz-root-content {
  display: flex;
}
.cz-dashboard-widget-card-body .cz-root-content > div {
  flex: 1;
}

.cz-dashboard-widget-card-body-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-dashboard-widget-card-body-inner .cz-data-entry-ctl,
.cz-dashboard-widget-card-body-inner .cz-dashboard-widget-root-ctl-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.cz-dashboard-widget-card-body-inner .cz-data-entry-ctl div.ws-feed-container,
.cz-dashboard-widget-card-body-inner .cz-dashboard-widget-root-ctl-view div.ws-feed-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  max-width: 100%;
}

.cz-absences-summary-container {
  margin: 10px 2px 0 2px;
}

button.cz-dashboard-widget-options {
  margin-left: 5px;
}
button.cz-dashboard-widget-options.cz-dashboard-widget-options-open {
  transform: rotate(90deg);
  transition: linear all 0.1s;
}
button.cz-dashboard-widget-options.cz-dashboard-widget-options-closed {
  transition: linear all 0.1s;
}

.cz-widget-clone {
  opacity: 1;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  touch-action: none;
  cursor: grabbing;
}
.cz-widget-clone .cz-view-stack-view-content {
  background-color: var(--bg-primary);
}

div.cz-card__body--no-padding div.cz-widget-grid div.cz-data-entry-ctl-body {
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
}
div.cz-card__body--no-padding div.cz-widget-grid div.cz-data-entry-ctl-body div.cz-grid-table-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  border-right: none;
}
div.cz-card__body--no-padding div.cz-widget-grid div.cz-data-entry-ctl-body div.cz-grid-table-container div.cz-grid-table-header-container {
  flex: 0 0 42px;
}
div.cz-card__body--no-padding div.cz-widget-grid div.cz-data-entry-ctl-body div.cz-grid-table-container div.cz-grid-table-header-container table.cz-table--grid-header {
  width: 100%;
  border-right: none;
}
div.cz-card__body--no-padding div.cz-widget-grid div.cz-data-entry-ctl-body div.cz-grid-table-container .cz-grid-table-body {
  flex: 1 0 1px;
}
div.cz-card__body--no-padding div.cz-widget-grid div.cz-data-entry-ctl-body div.cz-grid-table-container .cz-grid-table-body table.cz-table--grid-body {
  width: 100%;
}
div.cz-card__body--no-padding div.cz-widget-grid div.cz-data-entry-ctl-body div.cz-grid-table-container tr.cz-grid-table-row.cz-selected,
div.cz-card__body--no-padding div.cz-widget-grid div.cz-data-entry-ctl-body div.cz-grid-table-container tr.cz-grid-table-row.cz-selected:hover {
  color: var(--text-primary);
  cursor: default;
}

div.cz-dashboard-widget-error {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
}

div.cz-dashboard-config-layout-buttons {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  width: 100%;
  flex: 0 0 95px;
}

label.cz-dashboard-config-layout-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
}

svg.cz-dashboard-config-layout-icon {
  fill: var(--gray-light-700);
}
.active > span.cz-dashboard-config-layout-icon > svg.cz-dashboard-config-layout-icon {
  fill: var(--fg-white);
}

.cz-dashboard-config-widget:last-child {
  border-bottom: 1px solid var(--border-primary);
}

.cz-dashboard-config-widget__detail {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cz-dashboard-config-widget-name {
  flex: 1 1 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  text-align: left;
  color: var(--utility-gray-dark-900-alpha-90);
  font-weight: 600;
}

.cz-dashboard-config-widget-button-container {
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.cz-dashboard-config-widget-button-container button {
  border: none;
}

div.cz-dashboard-config-layouts {
  min-height: 96px;
  max-height: 96px;
}

.cz-dashboard-config-footer {
  max-width: 980px;
}

.cz-video-widget iframe {
  position: absolute;
  height: 100%;
  width: 100%;
}

.cz-dashboard-video-placeholder,
.cz-dashboard-chart-placeholder {
  height: 100px;
  width: 100px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.cz-responsive-dashboard {
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  display: grid;
  /* Create a grid divided into three sections that each generate three columns - setting a min and max value relative to the choosen widgets.  */
  grid-template-columns: repeat(4, [col-start] 1fr);
  grid-auto-rows: minmax(100px, 100px);
  grid-gap: 15px;
  grid-auto-flow: dense;
}
div.cz-responsive-dashboard .cz-responsive-widget {
  grid-row-start: auto;
  grid-column-start: 1;
  grid-row-end: span 3;
  grid-column-end: span 4;
}

.cz-deleted-widget {
  visibility: hidden;
}

@media (min-width: 350px) {
  .cz-dashboard-dialog {
    min-width: 320px;
  }
}
.cz-dashboard-dialog .cz-dialog-footer {
  border-top: 1px solid var(--border-primary);
}

.cz-dashboard-dialog-upload-button {
  display: table-cell;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-width: 0;
  width: 25px;
  padding-left: 5px;
}
.cz-dashboard-dialog-upload-button button div.cz-button-content-icon {
  --svg-icon-size: 18px;
}

.cz-dialog.cz-dashboard-dialog {
  max-width: 550px;
}
@media (min-width: 580px) {
  .cz-dialog.cz-dashboard-dialog {
    min-width: 550px;
  }
}

@media screen and (min-width: 992px) {
  div.cz-dashboard-config-layouts {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  div.cz-dashboard-container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    display: grid;
    /* Create a grid divided into three sections that each generate three columns - setting a min and max value relative to the choosen widgets.  */
    grid-template-columns: repeat(4, [col-start] 1fr);
    grid-auto-rows: minmax(100px, 100px);
    grid-gap: 15px;
    grid-auto-flow: dense;
  }
  div.cz-dashboard-container-fluid .cz-responsive-widget {
    grid-row-start: auto;
    grid-column-start: 1;
    grid-row-end: span 3;
    grid-column-end: span 4;
  }
}
@media screen and (min-width: 0px) and (max-width: 992px) {
  form.cz-dashboard-config-layouts {
    display: none;
  }
  .cz-dashboard-config-columns-container {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 900px) {
  div.cz-dashboard-config-avail,
  div.cz-dashboard-config-active {
    width: 100%;
    padding: 0;
  }
}
form.cz-dashboard-widget-dialog {
  width: 550px;
}

.cz-bulk-landing-control-illustration {
  width: 150px;
  --svg-icon-width: 150px;
  --svg-icon-height: 75px;
}

/* Abstracts */
/* App */
.cz-form-label.cz-create-upload-documents-multiple-processes-label {
  margin-bottom: 0;
}

button.docgen-input-group-btn[disabled=disabled] {
  display: block;
}

.cz-dialog.cz-doctemplate-dialog {
  position: fixed;
  max-width: none;
  width: unset;
  margin: 0;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  overflow: hidden;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .cz-dialog.cz-doctemplate-dialog .cz-dialog-footer {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .cz-dialog.cz-doctemplate-dialog .cz-dialog-footer {
    align-content: center;
  }
}

button.cz-doctemplate-dialog-saveNew {
  margin-right: auto;
}

.cz-doctemplate-editor-container > cz-row > .cz-form-row > .cz-form-field {
  position: inherit;
}

.cz-doctemplate-dialog-editor-container {
  height: 100%;
}
.cz-doctemplate-dialog-editor-container > cz-row > div {
  height: 100%;
}

.cz-doctemplate-dialog-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-doctemplate-dialog-editor cz-document-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 20px 0px 20px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.cz-document-kick-off-button {
  margin-left: 5px;
}

.cz-doctemplate-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 20px 68px 20px;
}
.cz-doctemplate-editor cz-document-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 20px 53px 20px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 5px;
}

div.cz-docgen-viewEditDoc-container {
  text-align: center;
  background-color: var(--gray-light-100);
  padding: 5px;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 3px;
  border: 2px dashed var(--gray-true-300);
}

div.cz-docgen-viewEditDoc-icon {
  margin-bottom: 10px;
}

.cz-docgen-viewEdit-button-wrapper {
  display: flex;
}
.cz-docgen-viewEdit-button-wrapper > button + button {
  margin-left: 5px;
}

.cz-send-email-checkbox,
.cz-generate-doc-checkbox {
  padding: 10px 5px;
  background: var(--yellow-200);
  display: flex;
}

div.cz-linked-files-empty-container {
  text-align: center;
  padding: 20px;
  border-radius: 3px;
  border: 2px dashed var(--gray-true-300);
}

div.cz-linked-files-empty-text {
  padding: 0 5px 10px;
}

span.cz-linked-files-info {
  margin-left: 5px;
}

div.cz-linked-files-wrapper {
  padding-top: 20px;
}

.cz-linked-files-table {
  overflow-y: auto;
  margin-bottom: 15px;
}

td.cz-linked-files-column {
  vertical-align: middle;
  padding: 2px 5px;
}

td.cz-linked-files-column-file {
  overflow-wrap: break-word !important;
  word-break: break-all !important;
  width: 60%;
  vertical-align: middle;
  padding: 2px 5px;
}

span.cz-linked-files-linked-file-name {
  color: var(--success-700);
  font-weight: 600;
}

td.cz-linked-files-column:nth-child(2) {
  width: 40%;
  max-width: 200px;
  text-align: center;
}

td.cz-linked-files-column:nth-child(3) {
  width: 10%;
  text-align: right;
}

svg.cz-linked-files-uploaded-marker {
  fill: var(--utility-green-800);
}

td.cz-linked-files-generated-file {
  width: 100%;
  padding-right: 5px;
}

.cz-email-preview-body {
  line-height: 1.5;
  overflow-wrap: break-word;
}
.cz-email-preview-body img {
  max-width: 100%;
}

.cz-email-preview-linked-files-banner {
  padding: 15px 5px;
  border-radius: 3px;
  border: 2px dashed var(--gray-true-300);
  margin-top: 10px;
  display: flex;
  flex: 1 0 auto;
  align-items: center;
}

.cz-docgen-bulkdetails-overview {
  width: 100%;
  margin-bottom: 20px;
  table-layout: fixed;
  min-width: 480px;
  text-align: center;
}

.cz-docgen-bulkdetails-table {
  margin-bottom: 63px;
}

.cz-docgen-emp-stage-label {
  display: none;
}

.cz-document-viewer-control {
  height: 100%;
  width: 100%;
}

.cz-document-signer-control {
  height: 100%;
  width: 100%;
}

.cz-document-statuses-timeline-actor__info {
  display: flex;
  flex-direction: column;
}

.cz-document-statuses-timeline-actor__ip {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  line-height: 1.2;
  max-width: 200px;
}

.cz-signature-buttons {
  display: flex;
  flex-direction: row;
  justify-content: right;
  gap: 10px;
}

.cz-document-status {
  width: -moz-fit-content;
  width: fit-content;
}

.cz-docgen-kickoff-owner-container {
  height: 100%;
}

.cz-doc-config-banner {
  background-color: var(--utility-brand-500);
  width: 100%;
  padding: 15px;
  text-align: center;
}

.cz-document-configuration-preview-slideover-button {
  display: flex;
}

.cz-document-configuration-view-settings-button button {
  margin-left: 0px !important;
}

cz-slideover-button-control .cz-document-preview-button {
  width: 100%;
}

.cz-document-preview-button-row {
  display: flex;
  justify-content: flex-start;
}

.cz-document-generation-field-group div.cz-form-field.cz-md {
  width: 100%;
}

.cz-document-preview-button .cz-popup-button-ctl.cz-button-content {
  display: flex;
}

/* App */
/* Abstracts */
.cz-docgen-docdetails-header {
  display: flex;
  align-items: center;
}

.cz-docgen-docdetails-header__field-wrapper {
  width: 50%;
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  justify-content: flex-start;
  margin: 0 0 15px 0;
}

.cz-docgen-docdetails-recipient {
  display: flex;
  align-items: center;
}

.cz-docgen-docdetails-recipient__picture {
  margin-right: 15px;
}

.cz-docgen-docdetails-header__category-field {
  padding-right: 20px;
}

.cz-docgen-docdetails-header__button-field {
  margin-left: auto;
}

@media screen and (max-width: 677px) {
  .cz-docgen-docdetails-header {
    flex-direction: column;
  }
  .cz-docgen-docdetails-header__field-wrapper {
    width: 100%;
  }
}
.cz-docgen-docdetails-table {
  margin-bottom: 15px;
}

.cz-docgen-docdetails-table > thead > tr > th {
  background-color: var(--utility-gray-modern-500);
  border: none;
  padding: 0 15px;
  height: 45px;
  color: var(--fg-white);
  border-radius: 3px 3px 0px 0px;
}

.cz-docgen-docdetails-stage-name {
  font-weight: 600;
}
.cz-docgen-docdetails-stage-name + td {
  width: 50%;
}

.cz-docgen-bulkdetails-recipient-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}

.cz-docgen-bulkdetails-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

.cz-docgen-status-icon {
  margin: 0 auto;
}
svg.cz-docgen-status-icon {
  fill: currentColor;
}

.cz-info.cz-docgen-docdetails-workflow-warning,
.cz-info.cz-docgen-docdetails-warning-banner {
  margin-bottom: 15px;
  min-width: 200px;
}

.cz-docgen-docdetails-wf-message {
  font-size: 1rem;
  margin-bottom: 15px;
}

.cz-docgen-docdetails-count-number {
  font-weight: 600;
  margin-left: 3px;
}

.cz-docgen-docdetails-document-table {
  margin-bottom: 20px;
}
.cz-docgen-docdetails-document-table > tbody > tr:only-child {
  border-bottom: 1px solid var(--border-primary);
}

.cz-docgen-docdetails-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}

.cz-docgen-docdetails-progress-indicator {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  list-style: none;
}

tr.cz-selected > td > ol > .cz-docgen-docdetails-progress-indicator__step {
  background: var(--bg-primary);
}
tr.cz-selected > td > ol > .cz-docgen-docdetails-progress-indicator__step > .cz-docgen-docdetails-progress-indicator__icon > svg {
  fill: var(--utility-gray-600);
}
tr.cz-selected > td > ol > .cz-docgen-docdetails-progress-indicator__step:first-child:after, tr.cz-selected > td > ol > .cz-docgen-docdetails-progress-indicator__step:last-child:before {
  background: var(--bg-primary);
}

.cz-docgen-docdetails-progress-indicator__step {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--utility-gray-600);
  margin-left: 10px;
  position: relative;
}
.cz-docgen-docdetails-progress-indicator__step:first-child:after, .cz-docgen-docdetails-progress-indicator__step:last-child:before {
  content: "";
  width: 10px;
  height: 2px;
  background: var(--utility-gray-600);
  display: inline-block;
  position: absolute;
  top: 50%;
}
.cz-docgen-docdetails-progress-indicator__step:first-child:after {
  left: 0;
  margin-left: 20px;
}
.cz-docgen-docdetails-progress-indicator__step:last-child:before {
  right: 0;
  margin-right: 20px;
}

.cz-docgen-docdetails-progress-indicator__step--complete {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--utility-gray-modern-500);
  margin-left: 10px;
  position: relative;
  background: var(--utility-green-500);
}
.cz-docgen-docdetails-progress-indicator__step--complete:first-child:after, .cz-docgen-docdetails-progress-indicator__step--complete:last-child:before {
  content: "";
  width: 10px;
  height: 2px;
  background: var(--utility-green-500);
  display: inline-block;
  position: absolute;
  top: 50%;
}
.cz-docgen-docdetails-progress-indicator__step--complete:first-child:after {
  left: 0;
  margin-left: 20px;
}
.cz-docgen-docdetails-progress-indicator__step--complete:last-child:before {
  right: 0;
  margin-right: 20px;
}

.cz-docgen-docdetails-progress-indicator__icon {
  width: 12px;
  height: 20px;
  margin: 0 auto;
}
.cz-docgen-docdetails-progress-indicator__icon > svg {
  width: 100%;
  height: 100%;
  fill: var(--fg-white);
}

.cz-docgen-docdetails-admin-download {
  width: 32px;
}

.cz-docgen-docdetails-stage-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}

.cz-docgen-docdetails-stage {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}

.cz-docgen-docdetails-stage__button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-true-300);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  flex-direction: column;
}
.cz-docgen-docdetails-stage__button:hover {
  background-color: var(--gray-light-200);
}
.cz-docgen-docdetails-stage__button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
.cz-docgen-docdetails-stage__button[disabled], .cz-docgen-docdetails-stage__button[disabled]:hover, .cz-docgen-docdetails-stage__button[disabled]:focus, .cz-docgen-docdetails-stage__button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
.cz-docgen-docdetails-stage__button[disabled] svg, .cz-docgen-docdetails-stage__button[disabled]:hover svg, .cz-docgen-docdetails-stage__button[disabled]:focus svg, .cz-docgen-docdetails-stage__button[disabled]:active svg {
  fill: var(--fg-disabled);
}
.cz-docgen-docdetails-stage__button svg {
  fill: var(--text-primary);
}
.cz-docgen-docdetails-stage__button:active {
  background-color: var(--gray-light-200);
}
.cz-docgen-docdetails-stage__button.cz-stage-complete, .cz-docgen-docdetails-stage__button.cz-stage-complete:disabled {
  border: 1px solid var(--utility-green-800);
  color: var(--utility-green-800);
}
.cz-docgen-docdetails-stage__button.cz-stage-complete:disabled, .cz-docgen-docdetails-stage__button[disabled] {
  opacity: 0.6;
}

.cz-docgen-docdetails-stage__button--current {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-true-300);
  background-color: var(--brand-600);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--fg-white);
  background-color: var(--brand-600);
}
.cz-docgen-docdetails-stage__button--current:hover {
  background-color: var(--brand-600);
}
.cz-docgen-docdetails-stage__button--current:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
.cz-docgen-docdetails-stage__button--current[disabled], .cz-docgen-docdetails-stage__button--current[disabled]:hover, .cz-docgen-docdetails-stage__button--current[disabled]:focus, .cz-docgen-docdetails-stage__button--current[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
.cz-docgen-docdetails-stage__button--current[disabled] svg, .cz-docgen-docdetails-stage__button--current[disabled]:hover svg, .cz-docgen-docdetails-stage__button--current[disabled]:focus svg, .cz-docgen-docdetails-stage__button--current[disabled]:active svg {
  fill: var(--fg-disabled);
}
.cz-docgen-docdetails-stage__button--current svg {
  fill: var(--fg-white);
}
.cz-docgen-docdetails-stage__button--current:active {
  background-color: var(--brand-600);
}
.cz-docgen-docdetails-stage__button--current .cz-docgen-docdetails-stage-name > .cz-alert-text--bold,
.cz-docgen-docdetails-stage__button--current .cz-docgen-docdetails-stage-name > .cz-alert-text {
  color: var(--fg-white);
}

.cz-docgen-docdetails-stage__button,
.cz-docgen-docdetails-stage__button--current {
  height: 100px;
  width: 135px;
  flex: 0 0 auto;
}
.cz-docgen-docdetails-stage__button .cz-alert-text,
.cz-docgen-docdetails-stage__button--current .cz-alert-text {
  display: grid;
  place-items: center;
}

.cz-docgen-docdetails-stage:first-child:nth-last-child(2) > .cz-docgen-docdetails-stage__button,
.cz-docgen-docdetails-stage:first-child:nth-last-child(2) ~ .cz-docgen-docdetails-stage > .cz-docgen-docdetails-stage__button,
.cz-docgen-docdetails-stage:first-child:nth-last-child(2) > .cz-docgen-docdetails-stage__button--current,
.cz-docgen-docdetails-stage:first-child:nth-last-child(2) ~ .cz-docgen-docdetails-stage > .cz-docgen-docdetails-stage__button--current {
  width: 245px;
}

.cz-docgen-docdetails-stage:only-child > .cz-docgen-docdetails-stage__button,
.cz-docgen-docdetails-stage:only-child > .cz-docgen-docdetails-stage__button--current {
  margin: 0 auto;
}

.cz-docgen-docdetails-stage__description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-docgen-docdetails-stage__icon {
  margin: 0 auto 5px;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
}
.cz-docgen-docdetails-stage__button > .cz-docgen-docdetails-stage__icon > svg {
  fill: var(--gray-light-700);
  width: 100%;
}
.cz-docgen-docdetails-stage__button.cz-docgen-docdetails-stage__button--current > .cz-docgen-docdetails-stage__icon > svg {
  fill: var(--fg-white);
}
.cz-docgen-docdetails-stage-button.cz-stage-complete:disabled > .cz-docgen-docdetails-stage__icon > svg, .cz-stage-complete > .cz-docgen-docdetails-stage__icon > svg {
  fill: var(--utility-green-800);
}

.cz-docgen-docdetails-stage:last-child > .cz-docgen-docdetails-stage__arrow {
  display: none;
}

.cz-docgen-docdetails-stage__arrow {
  width: 40px;
  height: 40px;
  margin: 15px;
  flex: 1 0 auto;
}
.cz-docgen-docdetails-stage__arrow > svg {
  fill: var(--utility-gray-600);
  width: 100%;
  height: 100%;
  margin: 0;
}
.cz-docgen-docdetails-stage__button.cz-stage-complete:disabled + .cz-docgen-docdetails-stage__arrow > svg, .cz-stage-complete + .cz-docgen-docdetails-stage__arrow > svg {
  fill: var(--utility-green-800);
}

.cz-docgen-docdetails-signature {
  font-family: "Satisfy", serif;
  font-size: 1.5rem;
  padding-top: 10px;
  border-bottom: 2px dashed var(--gray-light-700);
  text-align: center;
  margin: 0 15px;
}

@media screen and (max-width: 617px) {
  .cz-docgen-docdetails-file-name {
    max-width: 100px;
  }
  .cz-docgen-docdetails-stage-wrapper,
  .cz-docgen-docdetails-stage {
    min-width: 100%;
    flex-direction: column;
  }
  .cz-docgen-docdetails-stage__button {
    min-width: 100%;
  }
  .cz-docgen-docdetails-stage__arrow {
    transform: rotate(90deg);
    margin: 15px;
  }
}
cz-document-signature-dialog {
  --dialog-body-gap: 0;
}

.cz-docgen-signature-file-name {
  font-size: 1.25rem;
}

.cz-docgen-signature-legal-statement {
  margin: 15px 0 30px;
}

.cz-docgen-signature-recipient {
  text-align: center;
  font-weight: 600;
  margin-bottom: 5px;
}

label.cz-dialog-field.cz-docgen-signature-field {
  text-align: center;
  margin-bottom: 5px;
}

input.cz-docgen-signature-line {
  border: none;
  border-bottom: 2px dashed var(--border-primary);
  padding: 10px 5px 5px;
  font-size: 1.875rem;
  text-align: center;
  background-image: none;
  font-family: "Satisfy", serif;
}

.cz-docgen-signature-hint {
  text-align: center;
  margin-bottom: 30px;
}

.cz-docgen-signature-metadata {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-size: 0.75rem;
}
.cz-docgen-signature-metadata > div {
  margin-right: 15px;
}

/* App */
/* Abstracts */
.cz-search-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  background-color: var(--bg-primary);
}

.cz-search-sidebar-list-item:first-child {
  border-top: none;
}

.cz-search-sidebar-item-icon {
  cursor: default;
}

svg.cz-search-sidebar-item-icon {
  fill: var(--utility-gray-600);
}

/* Abstracts */
div.cz-search-group-operators {
  width: 100%;
  height: 38px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
div.cz-search-group-operators label {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.cz-search-group-operators label:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: var(--border-brand);
}
div.cz-search-group-operators label:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: var(--border-brand);
}
div.cz-search-group-operators button {
  max-height: 38px;
}
div.cz-search-group-operators button:focus {
  box-shadow: none;
}

div.cz-search-criteria-builder {
  min-width: 500px;
  max-width: 700px;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
div.cz-search-criteria-builder button.cz-add-criteria-button {
  max-width: unset;
  width: 100%;
}

button.cz-search-group-operator {
  width: 50%;
}
button.cz-search-group-operator:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
button.cz-search-group-operator:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

div.cz-search-criteria-table {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cz-search-criteria-condition {
  display: inline-grid;
  grid-template-columns: repeat(3, 32.3%);
  column-gap: 10px;
}

.cz-search-criteria-cell {
  vertical-align: top;
}

.cz-search-value-cell {
  display: flex;
  flex-direction: column;
  gap: 10px;
  vertical-align: top;
}

div.cz-search-criteria-element {
  width: 100%;
  height: 100%;
}
div.cz-search-criteria-element input.form-control {
  width: 100%;
  padding: 6px 9px;
}
div.cz-search-criteria-element > .cz-search-checkbox {
  width: 24px;
}
div.cz-search-criteria-element cz-auto-complete-box input {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 3px;
  line-height: 32px;
  box-shadow: none;
  color: var(--utility-gray-dark-700);
  background-image: none;
}
div.cz-search-criteria-element .cz-search-criteria-control-checkbox-container {
  height: 100%;
  display: grid;
}
div.cz-search-criteria-element .cz-search-criteria-control {
  width: 100%;
}
div.cz-search-criteria-element cz-checkbox {
  align-self: center;
}

.cz-search-criteria-value {
  align-self: center;
  margin-top: 5px;
  display: flex;
  min-height: 34px;
  height: 100%;
  width: 100%;
  position: relative;
}
.cz-search-criteria-value:first-child {
  margin-top: 0;
}

.cz-search-criteria-value-element {
  width: 100%;
}

button.cz-search-criteria-add-value-button {
  width: 100%;
  margin: 2px 38px 2px 0;
}

div.cz-search-criteria-add-value-button.cz-svg-button-body {
  margin: 0 auto;
  height: 14px;
  width: 14px;
}

svg.cz-search-criteria-add-value-button {
  --svg-icon-size: 14px;
  --svg-icon-fill: $cz-primary-text-color;
}

button.cz-search-add-criteria-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-true-300);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  width: 100%;
}
button.cz-search-add-criteria-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-search-add-criteria-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-search-add-criteria-button[disabled], button.cz-search-add-criteria-button[disabled]:hover, button.cz-search-add-criteria-button[disabled]:focus, button.cz-search-add-criteria-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-search-add-criteria-button[disabled] svg, button.cz-search-add-criteria-button[disabled]:hover svg, button.cz-search-add-criteria-button[disabled]:focus svg, button.cz-search-add-criteria-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-search-add-criteria-button svg {
  fill: var(--text-primary);
}
button.cz-search-add-criteria-button:active {
  background-color: var(--gray-light-200);
}

button.cz-search-criteria-remove-button {
  position: absolute;
  align-self: center;
  margin: auto -10px auto 10px;
  top: 0;
  bottom: 0;
  right: -28px;
}

div.cz-search-criteria-between-and {
  position: absolute;
  width: 100px;
  left: -100px;
}
div.cz-search-criteria-between-and span.cz-search-criteria-between-and {
  float: right;
  margin-right: 10px;
  line-height: 33px;
}

div.cz-search-checkbox div.cz-checkbox-wrapper {
  height: 34px;
}

button.cz-search-display {
  margin: 0;
  width: 100%;
  border-radius: 0;
  min-width: 250px;
  color: var(--text-primary);
  padding-left: 20px;
  display: flex;
  align-items: center;
  transition: all 0.1s ease-in;
  border-bottom: 1px solid var(--gray-modern-200) !important;
}
button.cz-search-display:hover svg.cz-search-display-icon {
  fill: var(--gray-light-900);
}
button.cz-search-display:first-child {
  margin-top: 5px;
}
button.cz-search-display:last-child {
  margin-bottom: 10px;
}

/* Search display control */
.cz-search-display-icon {
  height: 19px;
  width: 12px;
}

svg.cz-search-display-icon {
  width: 12px;
  fill: var(--text-primary);
}

.cz-search-display-search-name {
  margin-left: 10px;
}
.cz-search-display-search-name:hover {
  text-decoration: underline;
}

.cz-search-display__link {
  padding: 5px 0;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
}

.cz-search-skeleton {
  flex: 1 1 auto;
}

.cz-search-skeleton_icon {
  flex: 0 1 auto;
  margin-right: 5px;
}

/* Abstracts */
/* App */
.cz-sets-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  background-color: var(--bg-primary);
}

.cz-sets-sidebar-header {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

.cz-sets-sidebar-header__options {
  width: 100%;
  display: flex;
  flex: 0 0 auto;
  padding: 10px 10px 0;
}

.cz-sets-sidebar-header__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px 10px;
  flex: 0 0 auto;
  border-bottom: 1px solid var(--border-primary);
  width: 100%;
}

.cz-sets-sidebar-header__set-count {
  flex: 1 1 0px;
  line-height: 1;
}

div.cz-sets-sidebar-header__status-icon {
  flex-shrink: 0;
  width: 16px;
}

svg.cz-sets-sidebar-header__status-icon {
  height: 16px;
  fill: var(--gray-light-700);
}

ul.cz-sets-sidebar-fixed > li:focus > button.cz-sets-sidebar-remove-button, ul.cz-sets-sidebar-fixed > li:hover > button.cz-sets-sidebar-remove-button {
  display: none;
}

.cz-sets-empty-state--view {
  text-align: center;
  padding: 20px;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 20px 0;
}

ul.cz-dd-grants-list {
  padding: 10px;
  max-width: 550px;
  border-right: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  margin: 0;
  min-height: 100%;
}

.cz-dd-open-button {
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
}
.cz-dd-open-button svg.cz-dd-open-button {
  width: 22px;
  height: 22px;
  display: block;
  transition: all 0.2s;
  fill: var(--utility-gray-600);
}
.cz-dd-open-button.cz-dd-open-button-closed {
  display: flex;
}
.cz-dd-open-button.cz-dd-open-button-open {
  display: none;
}

.cz-dd-grant-row {
  display: flex;
  padding: 3px 0;
  min-height: 30px;
  align-items: center;
}
.cz-dd-grant-row.cz-dd-grant-row-folder {
  border-radius: 3px;
}
.cz-dd-grant-row.cz-dd-grant-row-folder:hover {
  background-color: var(--bg-primary_hover);
  cursor: pointer;
}
.cz-dd-grant-row.cz-dd-grant-row-switch {
  justify-content: space-between;
  border-top: 1px solid var(--border-primary);
}
.cz-dd-grant-row:focus {
  outline: 0;
  outline: none;
}
.cz-dd-grant-row.cz-dd-open .cz-dd-open-button-closed {
  display: none;
}
.cz-dd-grant-row.cz-dd-open .cz-dd-open-button-open {
  display: flex;
}
.cz-dd-grant-row .cz-switch {
  margin-left: 10px;
}

li.cz-dd-grant-row-folder[item-depth="1"] {
  margin-left: 30px;
}
li.cz-dd-grant-row-folder[item-depth="2"] {
  margin-left: 60px;
}
li.cz-dd-grant-row-folder[item-depth="3"] {
  margin-left: 90px;
}
li.cz-dd-grant-row-folder[item-depth="4"] {
  margin-left: 120px;
}
li.cz-dd-grant-row-folder[item-depth="5"] {
  margin-left: 150px;
}

li.cz-dd-grant-row-switch[item-depth="1"] {
  margin-left: 30px;
}
li.cz-dd-grant-row-switch[item-depth="2"] {
  margin-left: 60px;
}
li.cz-dd-grant-row-switch[item-depth="3"] {
  margin-left: 90px;
}
li.cz-dd-grant-row-switch[item-depth="4"] {
  margin-left: 120px;
}
li.cz-dd-grant-row-switch[item-depth="5"] {
  margin-left: 150px;
}

.cz-dd-grant-list {
  margin-left: 40px;
}

.cz-dd-grant-label {
  min-width: 200px;
  text-align: left;
  display: flex;
  align-items: center;
  flex: 1 1 0px;
}
.cz-dd-grant-label span {
  display: block;
  flex: 1 1 0px;
}

li.cz-dd-grant-row-folder + li.cz-dd-grant-row-switch,
li.cz-dd-grant-row-switch:first-child {
  border-top: none;
}

.cz-oc-field-usgae_cards {
  max-width: 891px;
  min-width: 800px;
  padding: 20px;
}

.cz-oc-field-label_container {
  display: flex;
  max-width: 600px;
  margin: 15px 0 15px 10px;
}

.cz-oc-card {
  position: relative;
  background: var(--fg-white);
  width: 100%;
  min-width: 550px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid var(--alpha-black-10);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-oc-card_header {
  height: 60px;
  width: 100%;
  display: flex;
}

.cz-oc-card_body {
  border-top: 1px solid var(--alpha-black-10);
}

.cz-oc-card_row {
  background-color: var(--fg-white);
  display: flex;
  background: var(--utility-gray-200-alpha-10);
  align-items: center;
  flex: 1 1 auto;
  min-width: 100px;
  max-width: none;
  border-left: 0;
  border-bottom: 1px solid var(--alpha-black-10);
  height: 59px;
}

.cz-oc-card_row:last-child {
  border-bottom: none;
}

.cz-oc-label {
  display: flex;
  flex-wrap: wrap;
}

.cz-oc-card_info-template-details {
  height: 23px;
  display: flex;
}

.cz-oc-card_info-template-details > .cz-cl_span:first-child {
  margin-right: 5px;
}

.cz-oc-card_info-type {
  font-weight: 600;
  color: var(--utility-violet-600);
}

.cz-oc-card-header-btn_container {
  display: flex;
  justify-content: flex-end;
  flex: 1 1;
  margin: 12px 0 12px -40px;
  padding: 0 10px;
}

.cz-oc-field-usgae_reset-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-oc-field-usgae-button {
  cursor: pointer;
  display: inline-block;
  min-height: 2.5em;
  outline: 0;
  border: none;
  vertical-align: baseline;
  padding: 0.5em;
  font-weight: 600;
  border-radius: 0.179rem;
  text-transform: none;
  text-shadow: none !important;
  line-height: 1.2em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  min-width: 60px;
}

.cz-oc-field-usgae_toggle-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-oc-field-usgae_toggle-button > button.cz-icon-toggle-button {
  background: var(--utility-gray-200);
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
}

button.cz-icon-fu-toggle-button--content-expanded {
  transform: rotate(90deg);
  animation: grow 1s;
}

.cz-oc-label_container {
  min-width: 100px;
  padding: 7px 10px;
  margin-right: 10px;
  border: none;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  position: relative;
  display: inline-block;
  color: var(--fg-white);
  outline: 0;
}
.cz-oc-label_container.groupL {
  background: var(--utility-green-400);
  border: 1px solid var(--utility-green-400);
}
.cz-oc-label_container.groupS {
  background: var(--utility-green-400);
  border: 1px solid var(--utility-green-400);
}
.cz-oc-label_container.groupOS {
  background: var(--utility-gray-modern-500);
  border: 1px solid var(--utility-gray-modern-500);
}
.cz-oc-label_container.groupOV {
  background: var(--utility-gray-modern-500);
  border: 1px solid var(--utility-gray-modern-500);
}

.cz-oc-field-label_container h1 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--utility-gray-true-600);
  padding: 3px 0;
  margin: 0;
  align-self: center;
}

.cz-oc-field-label_container h2 {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0;
}

span.cz-oc-field-usgae-label {
  background: var(--utility-green-600-alpha-75);
  font-weight: 600;
  color: var(--text-white);
  font-size: 0.75rem;
  padding: 4px 8px;
  min-height: 30px;
  height: 30px;
  border-radius: 20px;
}

span.cz-oc_lighten {
  font-size: 0.75rem;
  color: var(--alpha-black-75);
  display: block;
}

.cz-oc-security-grid > cz-grid-control > div > div > cz-grid-element > div > div {
  overflow-x: hidden;
}

.cz-oc-audit-master-details {
  height: 100%;
}
.cz-oc-audit-master-details .cz-data-entry-ctl-body {
  display: flex;
  flex-direction: column;
}
.cz-oc-audit-master-details .cz-grid-table-container {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
}
.cz-oc-audit-master-details .cz-grid-table-header-container {
  max-width: 1002px;
}
.cz-oc-audit-master-details cz-grid-element {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.cz-oc-audit-master-details .cz-table--grid-body {
  max-width: 1002px;
}
.cz-oc-audit-master-details .cz-grid-table-body {
  flex-grow: 0.5;
  max-width: 1002px;
}
.cz-oc-audit-master-details .cz-grid-table-row {
  border-bottom: 1px solid var(--alpha-black-10) !important;
}
.cz-oc-audit-master-details .cz-grid-table-row:not(:first-child):last-child {
  border-bottom: none !important;
}

.cz-oc-free-field-property {
  display: inline !important;
}

cz-oc-free-field-property-control {
  display: inline;
}

.cz-oc-free-field-property-element {
  width: 90%;
}

/* Abstracts */
.cz-email-body-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-email-body-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

.cz-email-body {
  flex: 1 0 auto;
  min-width: 500px;
  padding: 20px;
  background-color: var(--bg-primary);
  overflow-wrap: break-word;
}
.cz-footer-bar-fixed-parent > .cz-email-body {
  padding-bottom: 48px;
}
.cz-email-body img {
  max-width: 100%;
}

.cz-email-body-footer {
  flex: 0 0 auto;
}
.cz-email-body-footer div.cz-footer-bar-content {
  border-right: none;
}

/* Abstracts */
@media (min-width: 350px) {
  .cz-message-dialog {
    min-width: 320px;
  }
}

div.cz-message-dialog-body {
  font-size: 1rem;
}

div.cz-message-dialog-footer {
  position: relative;
}

.cz-message-dialog-code {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md, 8px);
  color: var(--text-quaternary);
  font-size: 12px;
}

/* Abstracts */
@media (min-width: 350px) {
  .cz-prompt-dialog {
    min-width: 320px;
  }
}

div.cz-prompt-dialog-body {
  font-size: 1rem;
}

/* Abstracts */
[role=link].cz-quick-action-w-icon {
  cursor: pointer;
  background-color: var(--bg-primary);
  border-radius: 7px;
  border-style: none;
  transition: all 0.1s ease-in;
  min-width: 100px;
  min-height: 100px;
  max-width: 140px;
  display: grid;
  place-content: center;
}
[role=link].cz-quick-action-w-icon:hover, [role=link].cz-quick-action-w-icon:focus, [role=link].cz-quick-action-w-icon:active {
  box-shadow: 1px 2px 5px var(--utility-gray-dark-500-alpha-25);
  outline: 0;
}
[role=link].cz-quick-action-w-icon:hover .cz-quick-action-w-icon-name, [role=link].cz-quick-action-w-icon:focus .cz-quick-action-w-icon-name, [role=link].cz-quick-action-w-icon:active .cz-quick-action-w-icon-name {
  color: var(--utility-brand-600);
}

.cz-quick-action__link {
  padding: 5px 0;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
}

.cz-quick-action-body {
  display: flex;
  align-items: center;
}

div.cz-quick-action-arrow {
  display: flex;
}

svg.cz-quick-action-arrow {
  fill: var(--success-700);
}

.cz-quick-action-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 7px;
}

div.cz-quick-action-process-icon {
  margin-left: auto;
}

svg.cz-quick-action-process-icon {
  fill: var(--success-700);
}

div.cz-quick-actions-empty {
  padding: 10px;
}

.cz-quick-action-w-icon-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
  grid-gap: 15px;
  margin-right: 15px;
  grid-auto-flow: dense;
}

.cz-quick-action-w-icon-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cz-quick-action-w-icon-body > .loader.progress {
  outline: none;
}

.cz-quick-action-w-icon-icon {
  height: 40px;
  width: 40px;
  fill: var(--gray-iron-600);
}

.cz-quick-action-icons-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0.625rem 0;
  border: 1px solid var(--alpha-black-10);
  border-radius: 5px;
  max-width: max-content;
}
.cz-quick-action-icons-container > div.cz-quick-action-w-icon-icon {
  display: flex;
  height: 35px !important;
  width: 35px !important;
  cursor: pointer;
}
.cz-quick-action-icons-container > div.cz-quick-action-w-icon-icon > svg {
  height: 30px !important;
  width: 30px !important;
  margin: auto;
}
.cz-quick-action-icons-container > div.cz-quick-action-w-icon-icon > img {
  max-height: 30px;
  max-width: 30px;
  margin: auto;
}

div.cz-selected-qa-icon {
  display: flex;
  height: 48px !important;
  width: 48px !important;
  border-radius: 5px;
  box-shadow: var(--utility-blue-500-alpha-75) 2px 0px 0px inset, var(--utility-blue-500-alpha-75) -2px 0px 0px inset, var(--utility-blue-500-alpha-75) 0px 2px 0px inset, var(--utility-blue-500-alpha-75) 0px -2px 0px inset, var(--utility-gray-950-alpha-10) 0px 1px 2px 0px;
  margin: 15px 0;
}
div.cz-selected-qa-icon > svg.cz-selected-qa-icon {
  height: 30px;
  width: 30px;
  margin: auto;
}
div.cz-selected-qa-icon > img {
  max-height: 30px;
  max-width: 30px;
  margin: auto;
}

.cz-quick-action-w-icon-custom-icon-container {
  height: 40px;
  width: 40px;
  display: flex;
}

.cz-quick-action-w-icon-custom-icon {
  max-height: 40px;
  max-width: 40px;
  margin: auto;
}

.cz-quick-action-w-icon-name {
  font-weight: 600;
  color: var(--gray-light-700);
  margin: 10px auto 0 auto;
  text-align: center;
  font-size: 0.875rem;
  height: 39px;
  max-width: 92px;
  min-width: 70%;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cz-quick-action-w-icon-name-skeleton {
  font-weight: 600;
  color: var(--gray-light-700);
  margin: 10px auto 0 auto;
  text-align: center;
  font-size: 0.875rem;
  max-width: 92px;
  min-width: 70%;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

button.cz-dialog-delete-button:hover {
  border: 1px solid var(--utility-error-600-alpha-50) !important;
}
button.cz-dialog-delete-button:hover > div > svg {
  fill: var(--utility-error-600-alpha-50) !important;
}

.cz-skeleton_row {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cz-skeleton_row > ngx-skeleton-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 42px;
  outline: none;
}

/* Abstracts */
/* App */
.cz-quick-search-results-term {
  padding: 15px 20px;
  border-bottom: 1px solid var(--border-primary);
  background: var(--bg-primary);
  font-size: 1rem;
  line-height: 1;
}

.cz-quick-search-results {
  padding: 20px 0;
}

.cz-quick-search-group-header {
  display: flex;
  justify-content: space-between;
}

.cz-quick-search-results-group-heading {
  margin-bottom: 15px;
}

.cz-quick-search-results-toggle-button {
  align-self: flex-end;
  margin-bottom: 5px;
  line-height: 1.6;
}

.cz-quick-search-result-group {
  padding: 0 20px;
}

.cz-quick-search-result-group__count {
  padding-left: 5px;
}

.cz-quick-search-no-results {
  margin: 0 20px 15px;
}

.cz-quick-search-no-results-icon {
  --svg-icon-fill: var(--primary-blue);
  --svg-icon-size: var(--svg-icon-size-large);
}

.cz-quick-search-result {
  padding: 20px 15px 15px;
  position: relative;
}
.cz-quick-search-result a:focus {
  box-shadow: none;
}

.cz-quick-search-result__inactive-flag {
  text-align: right;
  position: absolute;
  top: 3px;
  right: 3px;
  line-height: 10px;
  color: var(--gray-light-600);
}

.cz-quick-search-result-image {
  display: flex;
  align-items: center;
  align-self: center;
  margin: 0 5px 5px 0;
  width: 40px;
  max-height: 40px;
  position: relative;
  flex: 0 0 auto;
}

div.cz-quick-search-result-image__leaver-icon,
div.cz-quick-search-result-image__starter-icon {
  position: absolute;
  top: 0;
  left: 30px;
  background: var(--bg-primary);
  z-index: 5;
  border-radius: 50%;
}

svg.cz-quick-search-result-image__leaver-icon {
  fill: var(--error-700);
}

svg.cz-quick-search-result-image__starter-icon {
  fill: var(--success-700);
}

.cz-quick-search-result__icon-link:hover svg.cz-icon--large,
.cz-quick-search-result__icon-link:focus svg.cz-icon--large {
  fill: var(--gray-light-900);
}

.cz-quick-search-result__header {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.cz-quick-search-result__link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--utility-brand-600);
  text-decoration: underline;
  text-underline-position: under;
  text-underline-offset: 1px;
}
.cz-quick-search-result__link:focus {
  background: var(--utility-brand-600);
  color: var(--fg-white);
  outline: 2px solid var(--utility-brand-600) !important;
  outline-offset: 0;
}
.cz-quick-search-result__link:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  color: var(--utility-brand-600) !important;
}

.cz-quick-search-result__primary-details {
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-quick-search-result__secondary-details {
  margin-left: 50px;
}

.cz-quick-search-result__info,
h2.cz-quick-search-result__name {
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-quick-search-result__info > a,
h2.cz-quick-search-result__name > a {
  color: var(--utility-brand-600);
  text-decoration: underline;
  text-underline-position: under;
  text-underline-offset: 1px;
}
.cz-quick-search-result__info > a:focus,
h2.cz-quick-search-result__name > a:focus {
  background: var(--utility-brand-600);
  color: var(--fg-white);
  outline: 2px solid var(--utility-brand-600) !important;
  outline-offset: 0;
  text-decoration: none;
}
.cz-quick-search-result__info > a:hover,
h2.cz-quick-search-result__name > a:hover {
  text-decoration-thickness: 3px;
}

.cz-quick-search-result-group__more-link {
  margin: 5px 0 0;
  padding: 5px;
  font-weight: 600;
}

.cz-service-announcement {
  display: flex;
  padding: 5px 10px;
  align-items: center;
  background-color: var(--yellow-200);
  border-bottom: 1px solid var(--border-primary);
}

.cz-service-announcement-icon {
  flex: 0 0 auto;
  height: 30px;
  width: 30px;
}

.cz-service-announcement-text {
  flex: 1 1 auto;
  margin: 0 15px;
  font-weight: 600;
}

.cz-service-announcement-hide-button {
  flex: 0 0 auto;
}

/* Abstracts */
.cz-dialog-outer-container,
.cz-dialog-inner-container,
.cz-dialog-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cz-dialog-outer-container,
.cz-dialog {
  overflow-x: hidden;
  overflow-y: hidden;
}

.cz-dialog-outer-container {
  z-index: 10;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.cz-dialog-inner-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cz-dialog-container {
  overflow: hidden;
  max-width: 1200px;
  min-width: 400px;
  border-radius: 8px;
}

.cz-dialog-backdrop {
  pointer-events: none;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  background-color: var(--bg-overlay);
}

.cz-dialog-backdrop-fade-in {
  opacity: 0.7;
  pointer-events: auto;
}

.cz-dialog-backdrop-time-out {
  opacity: 1;
  pointer-events: auto;
  background: url('Map.0657e1f121bcaec2.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: var(--gray-light-100);
}

.cz-dialog {
  margin: 0 15px;
  max-height: 100vh;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--bg-primary);
  border-radius: var(--radius-xl, 12px);
  /* Shadows/shadow-xl */
  box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.0784313725), 0px 8px 8px -4px rgba(10, 13, 18, 0.031372549), 0px 3px 3px -1.5px rgba(10, 13, 18, 0.0392156863);
  outline: 0;
}

.cz-accept-dialog {
  max-width: 640px;
}

@media (min-width: 430px) {
  .cz-dialog-default-size {
    min-width: 400px;
  }
}

div.cz-dialog-header,
div.cz-dialog-footer,
.cz-dialog-footer-split-buttons {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

div.cz-dialog-header {
  justify-content: space-between;
}

.cz-dialog-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-right: 35px;
}

cz-add-section-dialog > form > div > .cz-dialog-title {
  margin: 10px 20px;
}

button.cz-dialog-close-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-dialog-close-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-dialog-close-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-dialog-close-button[disabled], button.cz-dialog-close-button[disabled]:hover, button.cz-dialog-close-button[disabled]:focus, button.cz-dialog-close-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-dialog-close-button[disabled] svg, button.cz-dialog-close-button[disabled]:hover svg, button.cz-dialog-close-button[disabled]:focus svg, button.cz-dialog-close-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-dialog-close-button svg {
  fill: var(--text-primary);
}
button.cz-dialog-close-button:active {
  background-color: var(--gray-light-200);
}
button.cz-dialog-close-button:hover, button.cz-dialog-close-button:focus, button.cz-dialog-close-button.focus {
  background-color: var(--alpha-black-20);
}
button.cz-dialog-close-button[disabled], button.cz-dialog-close-button[disabled]:hover, button.cz-dialog-close-button[disabled]:focus, button.cz-dialog-close-button[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-dialog-close-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-dialog-close-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-dialog-close-button:hover {
  background-color: var(--gray-light-200);
}
a.cz-dialog-close-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-dialog-close-button[disabled], a.cz-dialog-close-button[disabled]:hover, a.cz-dialog-close-button[disabled]:focus, a.cz-dialog-close-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-dialog-close-button[disabled] svg, a.cz-dialog-close-button[disabled]:hover svg, a.cz-dialog-close-button[disabled]:focus svg, a.cz-dialog-close-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-dialog-close-button svg {
  fill: var(--text-primary);
}
a.cz-dialog-close-button:active {
  background-color: var(--gray-light-200);
}
a.cz-dialog-close-button:hover, a.cz-dialog-close-button:focus, a.cz-dialog-close-button.focus {
  background-color: var(--alpha-black-20);
}
a.cz-dialog-close-button[disabled], a.cz-dialog-close-button[disabled]:hover, a.cz-dialog-close-button[disabled]:focus, a.cz-dialog-close-button[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-dialog-close-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-dialog-close-button {
  fill: var(--gray-iron-600);
  width: 16px;
}
button:hover > div > svg.cz-dialog-close-button, button:focus > div > svg.cz-dialog-close-button, a:hover > div > svg.cz-dialog-close-button, a:focus > div > svg.cz-dialog-close-button {
  fill: var(--gray-iron-600);
}

button.cz-dialog-close-button {
  flex-shrink: 0;
  margin: 10px;
}

div.cz-dialog-body {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  padding: 20px 24px 0px 24px;
  display: flex;
  flex-direction: var(--dialog-flex-direction, column);
  gap: var(--dialog-body-gap, 15px);
}
div.cz-dialog-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
div.cz-dialog-body::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
div.cz-dialog-body::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}
div.cz-dialog-body.cz-dialog-form-wrapper > div > .cz-data-entry-ctl-container > .cz-data-entry-ctl-form-container {
  padding: 0;
  border: none;
  width: 100%;
  overflow-x: hidden;
}
div.cz-dialog-body .cz-data-entry-ctl-form-container {
  padding: 0px 25px;
}
div.cz-dialog-body .cz-data-entry-ctl-form-container .cz-form-field:last-child {
  margin: 0 0 5px 0;
}
div.cz-dialog-body .cz-form-row:last-child,
div.cz-dialog-body .cz-dialog-checklist-item:last-child {
  margin-bottom: 5px;
}

p.cz-dialog-body:last-child {
  margin-bottom: 0;
}

.cz-dialog-legend {
  margin-bottom: 5px;
  font-weight: 600;
}

label.cz-dialog-field {
  display: block;
}

label.cz-dialog-field:last-child {
  margin-bottom: 0;
}

label.cz-dialog-field > span.cz-field-label.cz-dialog-field {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}
label.cz-dialog-field > span.cz-field-label.cz-dialog-field.cz-mandatory::after {
  color: var(--utility-orange-dark-600);
  content: "*";
  margin-left: 4px;
}

.cz-dialog-checklist-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
}

label.cz-dialog-checklist-item {
  display: flex;
  gap: 8px;
  min-height: 18px;
}

div.cz-dialog-footer {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  padding: 24px;
  align-self: stretch;
  gap: 12px;
}

div.cz-dialog-footer-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
}

div.cz-dialog-footer-split-buttons {
  border-top: 1px solid var(--border-primary);
  flex-wrap: wrap;
  padding-right: 10px;
  padding-left: 10px;
  justify-content: flex-start;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .cz-prompt-dialog,
  .cz-accept-dialog,
  .cz-dialog {
    max-width: 400px;
  }
  div.cz-dialog-footer {
    display: flex;
    padding: 24px;
    align-self: stretch;
  }
  div.cz-dialog-footer:has(button:only-child) {
    justify-content: center;
  }
  div.cz-dialog-footer button {
    display: flex;
    max-width: 314px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex: 1 0 0;
  }
  div.cz-dialog-footer-button-container {
    align-self: stretch;
  }
}
@media (max-width: 768px) {
  .cz-prompt-dialog,
  .cz-accept-dialog,
  .cz-dialog {
    max-width: 343px;
  }
  div.cz-dialog-footer {
    display: flex;
    padding: 24px;
    flex-direction: column-reverse;
    align-items: flex-start;
    align-self: stretch;
  }
  div.cz-dialog-footer:has(button:only-child) {
    justify-content: center;
  }
  div.cz-dialog-footer button {
    display: flex;
    width: 100%;
    max-width: 314px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
  }
  .cz-dialog-default-size {
    min-width: 343px;
  }
  div.cz-dialog-footer-button-container {
    align-self: stretch;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.cz-dialog-checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md, 8px);
}

.cz-dialog-checkbox-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

div.cz-dialog-body-wrapper {
  max-width: 544px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

div.cz-dialog-body-content {
  display: flex;
  padding: 20px 24px 0px 24px;
  align-items: flex-start;
  gap: var(--spacing-xl, 16px);
  align-self: stretch;
}

div.modal-icon {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full, 9999px);
  z-index: 1;
}
div.modal-icon.bg-success {
  background: var(--utility-success-100);
}
div.modal-icon.bg-success path {
  stroke: var(--success-600);
}
div.modal-icon.bg-error {
  background: var(--utility-error-100);
}
div.modal-icon.bg-error path {
  stroke: var(--error-600);
}
div.modal-icon.bg-warning {
  background: var(--utility-warning-100);
}
div.modal-icon.bg-warning path {
  stroke: var(--warning-600);
}
div.modal-icon svg {
  fill: none;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

div.cz-dialog-body-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}
div.cz-dialog-body-text header {
  max-width: calc(100% - 30px);
}
div.cz-dialog-body-text p {
  margin: unset;
  overflow-wrap: anywhere;
}

header.cz-dialog-body-header {
  align-self: stretch;
  font-size: 1.125rem;
  font-weight: 600;
}

p.cz-dialog-body-paragraph {
  align-self: stretch;
  font-size: 0.875rem;
  font-weight: 400;
}

button.cz-dialog-body-close-button {
  position: absolute;
  right: 12px;
  top: 12px;
  margin: 0;
}

@media (min-width: 769px) and (max-width: 1024px) {
  div.cz-dialog-body-content {
    flex-direction: column;
  }
  div.cz-dialog-body-text {
    align-self: stretch;
    flex: none;
  }
}
@media (max-width: 768px) {
  div.cz-dialog-body-content {
    flex-direction: column;
  }
  div.cz-dialog-body-text {
    align-self: stretch;
    flex: none;
  }
}
/* Abstracts */
.cz-form-divider {
  margin: 0 0 15px 0;
  border-color: var(--gray-true-300);
  width: 100%;
}

.cz-form-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  min-width: 0;
}

.cz-form-field {
  position: relative;
  margin: 0 0 15px 0;
  min-height: 1px;
  width: 100%;
  min-width: 0;
  padding: 0 15px;
}

.cz-no-field-spacing .cz-form-field {
  margin: 0;
}

.cz-form-label, .cz-form-builder-light-font-label, .cz-form-builder-form-label, .cz-comp-amount-label, .cz-comp-amount-currency-label {
  display: flex;
  margin-bottom: 5px;
  font-weight: 600;
}

.cz-form-field .form-control,
.cz-form-field > .form-control {
  display: block;
  width: 99%;
}

.cz-form-field .cz-text-block {
  display: block;
  padding-top: 10px;
  padding-bottom: 6px;
}

.cz-form-field .input-group {
  width: 100%;
}

.cz-form-field-group {
  display: flex;
  margin: 0 -5px;
}

.cz-form-field-group > .cz-form-field {
  margin: 0;
  padding: 0 5px;
}

.cz-form-field-group > .cz-form-field.cz-xs {
  width: 16.6666666667%;
}

.cz-form-field-group > .cz-form-field.cz-sm {
  width: 33.3333333333%;
}

.cz-form-field-group > .cz-form-field.cz-md {
  width: 50%;
}

.cz-form-field-group > .cz-form-field.cz-lg {
  width: 66.6666666667%;
}

.cz-form-field-group > .cz-form-field.cz-xl {
  width: 83.3333333333%;
}

.cz-form-field-group > .cz-form-field > .cz-form-label, .cz-form-field-group > .cz-form-field > .cz-form-builder-light-font-label, .cz-form-field-group > .cz-form-field > .cz-form-builder-form-label, .cz-form-field-group > .cz-form-field > .cz-comp-amount-label, .cz-form-field-group > .cz-form-field > .cz-comp-amount-currency-label {
  display: none;
}

.cz-custom-xs {
  width: 25%;
  display: inline-block;
}

.cz-custom-sm {
  width: 50%;
  display: inline-block;
}

.cz-custom-md {
  width: 75%;
  display: inline-block;
}

.cz-custom-lg {
  width: 100%;
}

.cz-generic-field-with-button {
  display: flex;
  gap: 5px;
  position: relative;
}

@media screen and (max-width: 480px) {
  .cz-custom-xs {
    width: 50%;
    min-width: 150px;
  }
  .cz-custom-sm,
  .cz-custom-md,
  .cz-custom-lg,
  .cz-custom-xl {
    width: 100%;
    min-width: 200px;
  }
}
.cz-form-label.cz-mandatory::after, .cz-mandatory.cz-form-builder-light-font-label::after, .cz-mandatory.cz-form-builder-form-label::after, .cz-mandatory.cz-comp-amount-label::after, .cz-mandatory.cz-comp-amount-currency-label::after {
  color: var(--utility-orange-dark-600);
  content: "*";
  margin-left: 4px;
}

.cz-form-cols-2 .cz-form-row > .cz-form-field.cz-xs {
  width: 50%;
}
.cz-form-cols-3 .cz-form-row > .cz-form-field.cz-xs {
  width: 33.3333333333%;
}
.cz-form-cols-3 .cz-form-row > .cz-form-field.cz-sm {
  width: 66.6666666667%;
}
.cz-form-cols-4 .cz-form-row > .cz-form-field.cz-xs {
  width: 25%;
}
.cz-form-cols-4 .cz-form-row > .cz-form-field.cz-sm {
  width: 50%;
}
.cz-form-cols-4 .cz-form-row > .cz-form-field.cz-md {
  width: 75%;
}
.cz-form-cols-5 .cz-form-row > .cz-form-field.cz-xs {
  width: 20%;
}
.cz-form-cols-5 .cz-form-row > .cz-form-field.cz-sm {
  width: 40%;
}
.cz-form-cols-5 .cz-form-row > .cz-form-field.cz-md {
  width: 60%;
}
.cz-form-cols-5 .cz-form-row > .cz-form-field.cz-lg {
  width: 80%;
}
.cz-form-cols-6 .cz-form-row > .cz-form-field.cz-xs {
  width: 16.6666666667%;
}
.cz-form-cols-6 .cz-form-row > .cz-form-field.cz-sm {
  width: 33.3333333333%;
}
.cz-form-cols-6 .cz-form-row > .cz-form-field.cz-md {
  width: 50%;
}
.cz-form-cols-6 .cz-form-row > .cz-form-field.cz-lg {
  width: 66.6666666667%;
}
.cz-form-cols-6 .cz-form-row > .cz-form-field.cz-xl {
  width: 83.3333333333%;
}

.cz-form-control-max-width {
  max-width: 560px;
}

.form-control {
  height: var(--form-field-height);
  padding: 6px 12px;
  font-size: var(--base-font-size);
  line-height: var(--line-height);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  border: 1px solid var(--gray-true-300);
  border-radius: var(--border-radius-medium);
  width: 100%;
}
.form-control:focus, .form-control:hover {
  border-color: var(--focus-color);
  outline: 0;
  border-width: 2px;
}
.form-control::placeholder {
  font-style: italic;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  opacity: 1;
}
textarea.form-control {
  height: auto;
  min-height: 90px;
  max-width: 100%;
}

@media (min-width: 768px) {
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
}

/* Abstracts */
div.cz-button-content-caption:nth-of-type(2) {
  margin-left: 10px;
}

.cz-checkbox-wrapper {
  display: flex;
  position: relative;
}

label.cz-checkbox {
  padding-left: 15px;
  align-self: center;
  display: block;
}

span.cz-checkbox {
  height: 24px;
  width: 24px;
  background-color: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-radius: 1px;
  cursor: initial;
  flex-shrink: 0;
  align-self: center;
}
span.cz-checkbox:hover {
  background-color: var(--bg-primary_hover);
}

input.cz-checkbox[type=checkbox] {
  opacity: 0;
  height: 24px;
  width: 24px;
  display: block;
  float: left;
  align-self: center;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto 0;
}
input.cz-checkbox[type=checkbox]:hover {
  cursor: default;
}
input.cz-checkbox[type=checkbox]:disabled + span.cz-checkbox {
  cursor: not-allowed;
  background-color: var(--bg-disabled);
  opacity: 0.65;
}
input.cz-checkbox[type=checkbox]:checked + span.cz-checkbox {
  background-image: url('checkmark.0af33268f1531f2e.svg');
  background-origin: padding-box;
}
input.cz-checkbox[type=checkbox]:focus + span.cz-checkbox {
  border-color: var(--utility-brand-600);
}
input.cz-checkbox[type=checkbox].cz-has-changes + span.cz-checkbox {
  background-color: var(--utility-indigo-100);
}
input.cz-checkbox[type=checkbox].cz-has-changes:hover + span.cz-checkbox {
  background-color: var(--utility-indigo-100);
}

#tabPermissions {
  display: none !important;
}

.cz-drop-down-directive-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.cz-drop-down-directive {
  position: relative;
}

.cz-drop-down-directive-button:focus-visible {
  outline: 2px solid var(--primary-blue);
}

.cz-drop-down-directive-button:focus:not(:focus-visible) {
  outline: none;
}

.cz-drop-down-menu {
  position: absolute;
  left: 0;
  z-index: 900;
  display: none;
  min-width: 120px;
  padding: var(--drop-down-directive-menu-padding);
  margin: 2px 0 0;
  font-size: 0.875rem;
  text-align: left;
  background-color: var(--bg-primary);
  border-radius: 3px;
  box-shadow: 0 6px 12px var(--alpha-black-10);
  background-clip: padding-box;
}
.cz-drop-down-menu .cz-drop-down-directive-divider {
  height: 1px;
  background-color: var(--gray-true-300);
  margin: 0;
  border: 0;
}
.cz-drop-down-menu > li > div,
.cz-drop-down-menu > li > a,
.cz-drop-down-menu > li > button {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: var(--text-secondary);
  white-space: nowrap;
  border: none;
  outline: 0;
}
.cz-drop-down-menu > li > div {
  cursor: default;
}

.cz-drop-down-menu > li > div:hover,
.cz-drop-down-menu > li > a:hover,
.cz-drop-down-menu > li > button:hover {
  color: var(--text-secondary_hover);
  background-color: var(--hover-background-colour);
}
.cz-drop-down-menu > li > div:focus,
.cz-drop-down-menu > li > a:focus,
.cz-drop-down-menu > li > button:focus {
  color: var(--white);
  background-color: var(--brand-600);
  box-shadow: inset 0 0 0 2px var(--alpha-black-10);
}

.cz-drop-down-menu > .disabled > a, .cz-drop-down-menu > .disabled > a:hover, .cz-drop-down-menu > .disabled > a:focus,
.cz-drop-down-menu > .disabled > button,
.cz-drop-down-menu > .disabled > button:hover,
.cz-drop-down-menu > .disabled > button:focus {
  color: var(--text-disabled);
}
.cz-drop-down-menu > .disabled > a:hover, .cz-drop-down-menu > .disabled > a:focus,
.cz-drop-down-menu > .disabled > button:hover,
.cz-drop-down-menu > .disabled > button:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}

.open > .cz-drop-down-menu {
  display: block;
}
.open > a,
.open > button {
  outline: 0;
}

.cz-drop-down-menu-right {
  left: auto;
  right: 0;
}

.cz-drop-down-menu {
  --drop-down-directive-menu-padding: 0;
}

.cz-drop-down-menu > li > div,
.cz-drop-down-menu > li > a,
.cz-drop-down-menu > li > button {
  padding: 6px 20px;
  text-align: left;
  width: 100%;
}

.cz-drop-down-empty {
  opacity: 1;
}

.cz-drop-down-menu-scrollable {
  height: auto;
  max-height: 300px;
  overflow-x: hidden;
}

ul.cz-drop-down-menu-fixed-position {
  position: fixed;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow-y: auto;
}

.user-menu-container:focus-within, .user-menu-container:hover {
  --svg-icon-fill: var(--primary-blue);
  outline: 2px solid var(--primary-blue);
}
.user-menu-container:focus-within .cz-drop-down-directive-button:focus-visible, .user-menu-container:hover .cz-drop-down-directive-button:focus-visible {
  outline: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group .form-control:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .cz-drop-down-directive-button,
.input-group-btn:last-child > .btn:not(:last-child):not(.cz-drop-down-directive-button) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group .form-control:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .cz-drop-down-directive-button,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .cz-drop-down-directive-button,
.input-group-btn:last-child > .btn:not(:last-child):not(.cz-drop-down-directive-button) {
  border-radius: 3px;
}

.input-group-btn > button[disabled=disabled] {
  display: none;
}

.input-group .form-control {
  float: none;
}

.cz-footer-bar-shadow {
  display: none;
  margin-top: -15px;
  height: 15px;
  background: linear-gradient(to bottom, rgba(251, 251, 253, 0), rgb(251, 251, 253));
  pointer-events: none;
  border-right: 1px solid var(--border-primary);
}

.cz-footer-bar-content {
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 0 20px;
  background-color: var(--gray-light-100);
  border-top: 1px solid var(--border-primary);
  border-right: 1px solid var(--border-primary);
  border-left: 1px solid var(--border-primary);
}
.cz-footer-bar-content button {
  max-height: 36px;
}

@media print {
  .cz-footer-bar-content {
    display: none;
  }
}
.cz-footer-bar-hidden {
  display: none;
}

.cz-footer-bar-fixed {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.cz-footer-bar-floating {
  padding-top: 6px;
}
.cz-footer-bar-floating > .cz-footer-bar-shadow {
  display: block;
}

.cz-footer-bar-action-buttons,
.cz-footer-bar-transaction-buttons {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  gap: 7px;
}

.cz-footer-bar-transaction-buttons {
  flex-direction: row-reverse;
}

.cz-footer-bar-button {
  margin-left: 7px;
}

@media print {
  .cz-footer-bar-fixed {
    position: static;
  }
}
.cz-nav-list {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.cz-nav-list-items {
  flex-grow: 1;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  margin-bottom: 0;
}

div.cz-nav-list-scroll {
  flex-shrink: 0;
  height: 38px;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
}
.cz-overflowing > div.cz-nav-list-scroll {
  display: block;
}

a.cz-nav-list-scroll {
  display: block;
  transition: color 0.3s, background-color 0.3s;
}
a.cz-nav-list-scroll:focus {
  outline: 0;
}
a.cz-nav-list-scroll .cz-enabled {
  cursor: pointer;
}
a.cz-nav-list-scroll .cz-enabled:focus, a.cz-nav-list-scroll .cz-enabled:hover {
  text-decoration: none;
}

/* Abstracts */
button.cz-popup-search-box-button {
  color: var(--text-primary);
  background-color: var(--bg-primary);
  flex-shrink: 0;
  border: 1px solid var(--alpha-black-10);
  border-radius: 3px;
  width: var(--form-field-height);
  height: var(--form-field-height);
  display: grid;
  place-content: center;
}
button.cz-popup-search-box-button:active {
  background-color: var(--bg-primary);
}
button.cz-popup-search-box-button:hover {
  outline: 0;
  text-decoration: none;
  color: var(--text-primary);
}
button.cz-popup-search-box-button[disabled] {
  opacity: 0.4;
}
button.cz-popup-search-box-button[disabled], button.cz-popup-search-box-button[disabled]:hover, button.cz-popup-search-box-button[disabled]:focus, button.cz-popup-search-box-button[disabled]:active {
  color: var(--text-primary);
  background-color: transparent;
  border: 1px solid var(--gray-true-300);
  box-shadow: none;
  pointer-events: none;
}

span.cz-popup-search-box-input.cz-invalid ~ button.cz-popup-search-box-button {
  border-color: var(--error-700);
}

/* Abstracts */
.cz-view-stack {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-view-stack-header {
  flex: 0 0 auto;
}

.cz-view-stack-body {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.cz-view-stack-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}
.cz-view-stack-view.cz-stacked {
  left: 180px;
  box-shadow: 0 0 8px var(--alpha-black-30);
  transform: translate3d(0, 0, 0);
}
.cz-view-stack-view.cz-stacked.cz-back {
  transition: transform 0.2s linear;
  transform: translate(-180px, 0);
}
.cz-view-stack-view.cz-stacked.cz-in, .cz-view-stack-view.cz-stacked.cz-out {
  pointer-events: none;
}
.cz-view-stack-view.cz-far-back {
  display: none;
}

.cz-view-stack-view-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.cz-view-stack-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-color: var(--black);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.cz-front > .cz-view-stack-overlay {
  display: none;
}

.cz-back.cz-below-modal > .cz-view-stack-overlay {
  pointer-events: initial;
  opacity: 0.05;
}

@media screen and (max-width: 1024px) {
  .cz-view-stack-view.cz-stacked {
    left: 0;
  }
  .cz-view-stack-view.cz-stacked.cz-back {
    transform: translate3d(0, 0, 0);
  }
}
@media print {
  .cz-view-stack {
    position: static;
    display: block;
  }
  .cz-view-stack-body {
    position: static;
    display: block;
  }
  .cz-view-stack-view {
    position: static;
  }
  .cz-view-stack-view.cz-stacked {
    transform: none;
    box-shadow: none;
  }
  .cz-view-stack-view.cz-back, .cz-view-stack-view.cz-in, .cz-view-stack-view.cz-out {
    display: none;
  }
  .cz-view-stack-view-content {
    position: static;
    background-color: transparent;
  }
  .cz-view-stack-view-content {
    background: var(--fg-white) !important;
  }
}
/* Abstracts */
.cz-analytics-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

div.cz-analytics-row {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
}
div.cz-analytics-row:last-child {
  padding-bottom: 20px;
}
div.cz-analytics-row div.cz-analytics-column:first-child > div.cz-analytics-content {
  margin-left: 0;
}
div.cz-analytics-row div.cz-analytics-column:last-child > div.cz-analytics-content {
  margin-right: 0;
}
div.cz-analytics-row:last-child div.cz-analytics-column > div.cz-analytics-content {
  margin-bottom: 20px;
  box-shadow: none;
}

div.cz-analytics-row::after {
  clear: both;
}

.cz-analytics-content__first_row {
  margin-top: 0px !important;
}

div.cz-analytics-column {
  padding: 0;
  margin: 0;
  float: left;
}
div.cz-analytics-column > div.cz-analytics-content {
  margin: 5px;
}

@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-1 {
    width: 8.3333333333%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-1 {
    width: 8.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-2 {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-2 {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-3 {
    width: 25%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-3 {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-5 {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-5 {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-6 {
    width: 50%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-6 {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-7 {
    width: 58.3333333333%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-7 {
    width: 58.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-8 {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-8 {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-9 {
    width: 75%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-9 {
    width: 75%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-10 {
    width: 83.3333333333%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-10 {
    width: 83.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-11 {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-11 {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  div.cz-analytics-cols-md-12 {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  div.cz-analytics-cols-sm-12 {
    width: 100%;
  }
}
div.cz-criteria-summary-container {
  background: var(--bg-primary);
  margin: 0 20px 10px 0;
  border-radius: 5px;
  min-width: 500px;
}
div.cz-criteria-summary-container .cz-header-bar {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 5px 20px;
  border-bottom: 1px solid var(--alpha-black-10);
}
div.cz-criteria-summary-container .cz-header-bar .cz-header-bar__title {
  font-weight: 700;
}
div.cz-criteria-summary-container .cz-form-section-body {
  display: flex;
  flex-direction: column;
}
div.cz-criteria-summary-container .cz-form-section-body > div {
  min-width: 100%;
}
div.cz-criteria-summary-container .cz-form-section-body > div:first-child {
  padding-left: 0px !important;
}
div.cz-criteria-summary-container .cz-form-row {
  min-width: 100%;
  max-width: 100%;
}
div.cz-criteria-summary-container .cz-form-row .cz-sm {
  min-width: 50%;
  max-width: 50%;
}

div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container {
  width: 100%;
  margin: 0;
}
div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section {
  display: flex;
}
div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl {
  width: 50%;
}
div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl:first-child:last-child {
  width: 100%;
}
div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl:nth-child(odd) {
  padding-right: 15px;
}
div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl:nth-child(even) {
  padding-left: 15px;
}
div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl:nth-child(even) div.cz-form-row div.cz-form-field.cz-sm:last-child {
  padding-right: 15px;
}
div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl div.cz-form-row {
  display: flex;
}
div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl div.cz-form-row div.cz-form-field.cz-sm {
  width: 50%;
  padding: 0 0 0 15px;
}

@media screen and (max-width: 860px) {
  div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section {
    flex-direction: column;
  }
  div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl {
    width: 100%;
  }
  div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl:nth-child(odd) {
    padding-right: 0;
  }
  div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl:nth-child(even) {
    padding-left: 0;
  }
  div.cz-criteria-summary-form-container-outer div.cz-criteria-summary-form-container div.cz-form-section div.cz-container-ctl div.cz-form-row div.cz-form-field.cz-sm:last-child {
    padding-right: 15px;
  }
  div.cz-analytics-column:first-child > div.cz-analytics-content {
    margin-right: 0;
  }
  div.cz-analytics-column:last-child > div.cz-analytics-content {
    margin-left: 0;
  }
}
/* App */
/* Abstracts */
.cz-comment-profile-picture_container {
  display: flex;
  justify-content: center;
  min-height: 42px;
  min-width: 42px;
}

.cz-comment-profile-picture {
  --picture-size: 42px;
  background-color: var(--bg-primary-solid);
  opacity: 0.9;
}

.cz-comment-area {
  background-color: var(--bg-primary);
  margin: 5px;
}

.cz-comment-row {
  display: flex;
  margin: 20px 15px 20px 0;
  width: 100%;
}

.cz-comment-row-r {
  flex-direction: row-reverse;
  padding-left: 9%;
}
.cz-comment-row-r .cz-comment-profile-picture_container {
  justify-content: flex-start;
}

.cz-comment-row-l {
  flex-direction: row;
  padding-right: 9%;
}
.cz-comment-row-l .cz-comment-profile-picture_container {
  justify-content: flex-end;
}

.cz-comment-name {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
}
.cz-comment-row-r .cz-comment-name {
  color: var(--text-white);
}
.cz-comment-row-l .cz-comment-name {
  color: var(--alpha-black-75);
}

.cz-comment-bubble_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 3 3 100%;
  min-width: 200px;
}

.cz-comment-bubble {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  word-break: break-word;
  color: var(--text-white);
}
.cz-comment-row-r .cz-comment-bubble {
  background: var(--utility-blue-500);
}
.cz-comment-row-l .cz-comment-bubble {
  background: var(--utility-gray-dark-100);
}
.cz-comment-bubble > p {
  margin: 0;
}

.cz-empty-comments {
  text-align: center;
}
.cz-empty-comments.cz-empty-comments-top-to-bottom {
  margin-top: 20px;
}
.cz-empty-comments.cz-empty-comments-bottom-to-top {
  margin-bottom: 10px;
}

.cz-comment-row-r > .cz-comment-bubble_container > .cz-comment-bubble > .cz-commenter-container > .cz-commenter-info > .cz-comment-dot-menu > button > div.cz-svg-button-body > svg.cz-svg-round-button {
  fill: var(--bg-primary);
}

.cz-comment-dot-menu > button > div.cz-svg-button-body > svg.cz-svg-round-button {
  width: 12px;
  height: 12px;
}

.cz-comment-dot-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -16px;
}
.cz-comment-row-r * .cz-comment-dot-menu {
  margin-left: -8px;
}
.cz-comment-row-l * .cz-comment-dot-menu {
  margin-right: -8px;
}
.cz-comment-dot-menu button.cz-svg-round-button {
  height: 24px;
  min-height: 24px;
  width: 24px;
  min-width: 24px;
}
.cz-comment-dot-menu button.cz-svg-round-button:hover, .cz-comment-dot-menu button.cz-svg-round-button:active {
  background-color: var(--bg-error-solid);
}
.cz-comment-dot-menu button.cz-svg-round-button:hover > div.cz-svg-button-body > svg.cz-svg-round-button, .cz-comment-dot-menu button.cz-svg-round-button:active > div.cz-svg-button-body > svg.cz-svg-round-button {
  fill: var(--bg-primary);
}

.cz-commenter-container {
  display: flex;
  background: var(--alpha-black-10);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 7px 0;
  min-height: 55px;
}

.cz-commenter-info {
  display: flex;
  flex: 1 1 auto;
  padding: 0 15px;
}
.cz-comment-row-r .cz-commenter-info {
  text-align: left;
  flex-direction: row-reverse;
}
.cz-comment-row-l .cz-commenter-info {
  text-align: right;
}

.cz-reviewer-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 100%;
  word-break: break-word;
}
.cz-comment-row-r .cz-reviewer-details {
  margin: 0 10px 0 0;
  text-align: right;
}
.cz-comment-row-l .cz-reviewer-details {
  margin: 0 0 0 10px;
  text-align: left;
}

.cz-new-comment-container {
  display: flex;
  flex-direction: row;
  margin: 5px 0px;
  min-width: 100%;
  min-height: max-content;
}
.cz-new-comment-container .form-control {
  min-width: 100%;
}

.cz-comment-body {
  flex: 1 1;
  padding: 10px 15px;
  min-height: 50px;
}
.cz-comment-row-r .cz-comment-body {
  color: var(--text-white);
}
.cz-comment-row-l .cz-comment-body {
  color: var(--alpha-black-75);
}

.cz-comment-editable {
  display: flex;
  flex-direction: row;
  color: var(--text-primary);
  padding: 10px 15px;
}

.cz-comment-body-editable {
  resize: vertical;
  width: 100%;
  min-height: max-content;
  min-height: 90px;
  overflow: auto;
  min-width: 50px;
  border: 1px solid var(--alpha-black-10);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  border-radius: 10px;
  padding: 10px;
  border-bottom-right-radius: 0;
  background: var(--bg-primary);
}
.cz-comment-body-editable:focus {
  outline: none;
}

.cz-comment-date {
  font-size: 0.75rem;
  opacity: 0.7;
  margin: 0;
  justify-content: center;
}
.cz-comment-row-r .cz-comment-date {
  color: var(--text-white);
}
.cz-comment-row-l .cz-comment-date {
  color: var(--alpha-black-75);
}

.cz-comment-edit-dropdown {
  list-style-type: none;
}

.cz-comment-deleted .cz-comment-bubble {
  opacity: 0.6;
}
.cz-comment-deleted * {
  text-decoration: line-through !important;
}

/* Abstracts */
.cz-criteria-summary-form-container {
  padding: 10px 20px 10px 20px;
  border-radius: 5px;
  background-color: var(--bg-primary);
}
.cz-criteria-summary-form-container.cz-form-cols-1 {
  width: 182px;
}
.cz-criteria-summary-form-container.cz-form-cols-2 {
  width: 322px;
}
.cz-criteria-summary-form-container.cz-form-cols-3 {
  width: 462px;
}
.cz-criteria-summary-form-container.cz-form-cols-4 {
  width: 602px;
}
.cz-criteria-summary-form-container.cz-form-cols-5 {
  width: 742px;
}
.cz-criteria-summary-form-container.cz-form-cols-6 {
  width: 882px;
}

.cz-criteria-summary-buttons {
  display: flex;
  margin-top: 5px;
}

.cz-criteria-summary-button {
  margin-left: 7px;
}
.cz-criteria-summary-button:first-child {
  margin-left: 0;
}

/* App */
/* Abstracts */
/* Shared */
/* ------ */
.cz-data-entry-ctl, .cz-master-detail-ctl, .cz-grid-ctl > cz-grid-control, .cz-form-ctl {
  position: relative;
}

.cz-data-entry-ctl-container {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.cz-data-entry-ctl-fixed-width > .cz-data-entry-ctl-body,
.cz-data-entry-ctl-fixed-width .cz-data-entry-ctl-footer {
  width: 601px;
}
.cz-data-entry-ctl-fixed-width > .cz-data-entry-ctl-footer > .cz-footer-bar-shadow {
  margin-right: 1px;
}

.cz-data-entry-ctl-body {
  flex: 1 0 auto;
  padding: 20px;
  background-color: var(--bg-primary);
  border-right: 1px solid var(--border-primary);
}
.cz-footer-bar-fixed-parent > .cz-data-entry-ctl-body {
  padding-bottom: 68px;
}

.cz-data-entry-ctl-title {
  font-size: 19px;
  margin-bottom: 20px;
}

.cz-data-entry-ctl-error {
  padding: 10px;
  background: var(--yellow-200);
  border-radius: 3px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.cz-data-entry-ctl-no-items {
  text-align: center;
}

.cz-data-entry-ctl-footer {
  flex: 0 0 auto;
}

.cz-data-entry-ctl-form-container {
  flex: 1 0 auto;
  position: relative;
  padding: 20px 25px 5px 25px;
  background-color: var(--bg-primary);
  border-right: 1px solid var(--border-primary);
}
.cz-footer-bar-fixed-parent > .cz-data-entry-ctl-form-container {
  padding-bottom: 53px;
}

.cz-data-entry-ctl-form-container,
.cz-data-entry-ctl-body {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.cz-data-entry-ctl-form-container.cz-form-cols-1,
.cz-data-entry-ctl-form-footer.cz-form-cols-1 {
  width: 181px;
}
.cz-data-entry-ctl-form-container.cz-form-cols-2,
.cz-data-entry-ctl-form-footer.cz-form-cols-2 {
  width: 321px;
}
.cz-data-entry-ctl-form-container.cz-form-cols-3,
.cz-data-entry-ctl-form-footer.cz-form-cols-3 {
  width: 461px;
}
.cz-data-entry-ctl-form-container.cz-form-cols-4,
.cz-data-entry-ctl-form-footer.cz-form-cols-4 {
  width: 601px;
}
.cz-data-entry-ctl-form-container.cz-form-cols-5,
.cz-data-entry-ctl-form-footer.cz-form-cols-5 {
  width: 741px;
}
.cz-data-entry-ctl-form-container.cz-form-cols-6,
.cz-data-entry-ctl-form-footer.cz-form-cols-6 {
  width: 881px;
}

/* Contextual */
/* ---------- */
.cz-root-ctl-content.cz-data-entry-ctl, .cz-root-ctl-content.cz-master-detail-ctl, .cz-grid-ctl > cz-grid-control.cz-root-ctl-content, .cz-root-ctl-content.cz-form-ctl, .cz-root-ctl-content.cz-grid-ctl > cz-grid-control,
.cz-tab-strip-ctl-content.cz-data-entry-ctl,
.cz-tab-strip-ctl-content.cz-master-detail-ctl,
.cz-grid-ctl > cz-grid-control.cz-tab-strip-ctl-content,
.cz-tab-strip-ctl-content.cz-form-ctl,
.cz-tab-strip-ctl-content.cz-grid-ctl > cz-grid-control,
.cz-popup-button-ctl-child.cz-data-entry-ctl,
.cz-popup-button-ctl-child.cz-master-detail-ctl,
.cz-grid-ctl > cz-grid-control.cz-popup-button-ctl-child,
.cz-popup-button-ctl-child.cz-form-ctl,
.cz-popup-button-ctl-child.cz-grid-ctl > cz-grid-control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-container-ctl-child.cz-data-entry-ctl:last-child, .cz-container-ctl-child.cz-master-detail-ctl:last-child, .cz-grid-ctl > cz-grid-control.cz-container-ctl-child:last-child, .cz-container-ctl-child.cz-form-ctl:last-child {
  margin-bottom: 20px;
}

/* Form */
/* ---- */
.cz-info--small.cz-data-entry-ctl-form-in-workflow-warning {
  margin-bottom: 15px;
}

/* Grid */
/* ---- */
.cz-grid-ctl > cz-grid-control {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Master Detail */
/* ------------- */
.cz-primary-marker,
.cz-text-block > .cz-text-block-label {
  font-weight: 700;
}

.cz-master-detail-ctl-detail {
  height: 100%;
}

.cz-master-detail-ctl-form {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.cz-master-detail-list {
  min-width: 200px;
}

.cz-master-detail-list--statuses > .cz-list__item--large > .cz-master-detail-info {
  position: relative;
  padding: 5px 0;
  padding-right: 140px;
}

.cz-grouping_filter {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}
.cz-grouping_filter .cz-form-field {
  width: 50%;
  padding: 0;
  min-width: 150px;
}

.cz-group-card {
  position: relative;
  background: var(--fg-white);
  width: 100%;
  min-width: 300px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid var(--utility-gray-300);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-grouping-options {
  display: flex;
  padding-bottom: 20px;
  width: 100%;
  min-width: 200px;
}

.cz-md-groupby-label {
  display: flex;
  flex-direction: column;
  width: max-content;
  justify-content: center;
  font-weight: 400;
  margin-right: 10px;
  flex-shrink: 0;
}

.cz-group-instance-input_header {
  flex: 0 0 83px;
  display: none;
}

.cz-group-card_header {
  height: 50px;
  width: 100%;
  display: flex;
  border-bottom: 2px solid var(--utility-gray-300);
}

.cz-group_label {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-group_label h1 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--utility-gray-true-600);
  margin: 0;
  line-height: 2;
}

.cz-group-card_body {
  position: relative;
  width: 100%;
  padding: 0;
  border: 0;
}

.cz-group-card-row_item {
  display: flex;
  background: var(--utility-gray-200-alpha-10);
  align-items: center;
  flex: 1 1 auto;
  min-width: 100px;
  padding-left: 10px;
  border-bottom: 1px solid var(--utility-gray-300);
  cursor: pointer;
  position: relative;
}
.cz-group-card-row_item:last-child {
  border-bottom: 0;
}

.cz-master-detail-list--statuses__label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.cz-master-detail-list--statuses__label > div > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}

.cz-master-detail-info {
  margin-right: auto;
  flex: 1 1 auto;
}

.cz-master-detail-info__data {
  flex: 1 1 auto;
  max-width: 80%;
}

.cz-master-detail-disclosure-icon {
  flex-shrink: 0;
  margin-right: 10px;
}
div.cz-master-detail-disclosure-icon {
  display: flex;
  height: 12px;
  width: 12px;
  min-height: 12px;
  min-width: 12px;
}

svg.cz-master-detail-disclosure-icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  fill: var(--gray-light-700);
}

.cz-master-detail-info__label {
  margin: 5px 0 0 0;
}

.cz-master-detail-ctl-open > .cz-master-detail-item--current {
  background-color: var(--utility-gray-200);
}
.cz-master-detail-ctl-open > .cz-master-detail-item--current:hover {
  background-color: var(--utility-gray-200);
}

.cz-list__item--large.cz-master-detail-item--deleted {
  border-bottom: 3px solid var(--error-700);
  opacity: 0.65;
}

.cz-list__item--large.cz-master-detail-item--error {
  border-bottom: 3px solid var(--error-700);
}

.cz-list__item--large.cz-master-detail-item--modified {
  border-bottom: 3px solid var(--orange-300);
}
.cz-list__item--large.cz-master-detail-item--modified.cz-master-detail-item--deleted {
  border-bottom: 3px solid var(--error-700);
  opacity: 0.8;
}

@media print {
  .cz-data-entry-ctl-container {
    display: block;
    height: auto;
    overflow: hidden;
  }
  .cz-footer-bar-fixed-parent > .cz-data-entry-ctl-body {
    padding-bottom: 20px;
  }
  .cz-footer-bar-fixed-parent > .cz-data-entry-ctl-form-container {
    padding-bottom: 5px;
    display: block;
    height: auto;
    position: static;
  }
  .cz-master-detail-ctl-form {
    display: block;
  }
  .cz-root-ctl-content.cz-data-entry-ctl, .cz-root-ctl-content.cz-form-ctl, .cz-grid-ctl > cz-grid-control.cz-root-ctl-content, .cz-root-ctl-content.cz-master-detail-ctl,
  .cz-tab-strip-ctl-content.cz-data-entry-ctl,
  .cz-tab-strip-ctl-content.cz-form-ctl,
  .cz-grid-ctl > cz-grid-control.cz-tab-strip-ctl-content,
  .cz-tab-strip-ctl-content.cz-master-detail-ctl,
  .cz-popup-button-ctl-child.cz-data-entry-ctl,
  .cz-popup-button-ctl-child.cz-form-ctl,
  .cz-grid-ctl > cz-grid-control.cz-popup-button-ctl-child,
  .cz-popup-button-ctl-child.cz-master-detail-ctl {
    position: static !important;
    display: block;
    overflow: auto;
  }
}
div.cz-changes-bar {
  padding-bottom: 10px;
}

div.cz-changes-popover {
  max-width: 500px !important;
}

.cz-change-column-values {
  display: flex;
  align-content: center;
}

.cz-change-column-label {
  font-weight: 600;
  margin-top: 8px;
}

.cz-changes-arrow-icon {
  height: 16px;
  width: 16px;
}

div.cz-changes-arrow-icon {
  flex-shrink: 0;
  margin: 0 15px;
}

div.cz-file-upload-container btn-file,
div.cz-file-upload-container btn-delete {
  width: 38px;
  height: 38px;
  padding: 3px;
}
div.cz-file-upload-container i {
  font-size: 1.125rem;
}

/* Abstracts */
/* App */
.cz-filter-data-source {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-filter-fixed-width--master-detail {
  width: 601px;
}

/* List of headaches:
    People Time:
         Clock On/Out - just needs margin bottom

    People Compensation:
     Compensation Details - just needs margin bottom

    People Performance:
         Apprials - just needs margin bottom
         Check ins - just needs margin bottom
         Goals - just needs margin bottom


    My Reviews:
        My Goal reviews/ my check-ins - needs all margins
        My checkin in reviews - .cz-continuous-objectives-reviewer-root-control .cz-filter-data-source__filter = marging-left 10px ??
        Clock In / Out Exceptions (broke) - .cz-exceptions-filter-bar = margin 0 20px 15px 20px

*/
.cz-filter-data-source__filter {
  flex: 0 0 auto;
  width: 100%;
  border-radius: 5px;
  background: var(--utility-gray-dark-50);
  border-bottom: 1px solid var(--alpha-black-10);
  margin-bottom: 10px;
  padding: 10px;
}
.cz-filter-data-source__filter.cz-filter-fixed-width--master-detail {
  border-right: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
  width: 601px;
}
.cz-filter-data-source__filter.cz-filter-fixed-width--master-detail-border {
  border-right: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
}

.cz-filter-data-source__filter .cz-filter-data-source__filter-rows-wrapper {
  max-width: 560px;
}
.cz-filter-data-source__filter .cz-filter-data-source__filter-rows-wrapper .cz-form-row > .cz-form-field {
  margin-bottom: 5px;
}

@media screen and (max-width: 480px) {
  .cz-filter-data-source__filter-rows-wrapper {
    width: 100%;
    padding-right: 20px;
  }
  .cz-filter-fixed-width--master-detail {
    width: 100%;
  }
}
.cz-filter-data-source__view-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
}

.cz-filter-data-source__view {
  display: flex;
  flex: 1 1 auto;
}

.cz-filter-data-source__view.cz-master-detail-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-filter-data-source__view.cz-master-detail-ctl .cz-data-entry-ctl-body > .cz-data-entry-ctl-no-items {
  font-size: 1rem;
  color: var(--gray-light-900);
}
.cz-filter-data-source__view.cz-master-detail-ctl.cz-filter-fixed-width--master-detail {
  border-right: 1px solid var(--border-primary);
}

.cz-filter-data-source__view.cz-grid-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-filter-data-source__view.cz-grid-ctl .cz-data-entry-ctl-body > .cz-data-entry-ctl-no-items {
  font-size: 1rem;
  color: var(--gray-light-900);
}

.cz-filter-data-source__view-centered.cz-master-detail-ctl .cz-data-entry-ctl-body > .cz-data-entry-ctl-no-items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cz-filter-data-source__view-centered.cz-grid-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-filter-data-source__view-centered.cz-grid-ctl .cz-data-entry-ctl-body > .cz-data-entry-ctl-no-items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Abstracts */
.cz-hyperlink-count-ctl {
  display: flex;
  align-items: center;
}

a.cz-hyperlink-count-ctl-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--utility-brand-600);
  text-decoration: underline;
}
a.cz-hyperlink-count-ctl-caption:hover {
  color: var(--utility-brand-600);
  text-decoration: underline;
  text-decoration-thickness: 3px;
}
a.cz-hyperlink-count-ctl-caption:focus {
  background-color: var(--utility-brand-600);
  color: var(--bg-primary) !important;
  text-decoration: none;
}

.cz-hyperlink-count-ctl-spacer {
  flex: 1 1 0px;
}

.cz-hyperlink-count-ctl-count,
button.cz-hyperlink-count-ctl-tooltip {
  flex-shrink: 0;
  margin-left: 15px;
}

.cz-hyperlink-count-ctl-count {
  font-weight: 600;
  text-align: right;
}

/* Abstracts */
.cz-root-ctl-body {
  display: flex;
  flex-direction: column;
}

.cz-root-ctl-content-container {
  flex: 1 1 auto;
  position: relative;
  overflow: auto;
  background: var(--theme-background-main);
  margin-right: 15px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .cz-root-ctl-content-container {
    margin-right: 0;
  }
}

.cz-root-ctl-no-margin {
  margin: 0;
}

.cz-nested-view-container {
  position: absolute;
  display: flex;
  inset: 0;
}
.cz-nested-view-container .cz-root-ctl-content-container {
  height: 100%;
}

.cz-root-ctl-content-container > .cz-root-ctl-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  flex: 1 1 auto;
}

.cz-root-ctl-top-bar,
.cz-root-ctl-toolbar-bar,
.cz-root-ctl-workflow-bar {
  list-style: none;
  cursor: default;
  min-height: 45px;
  background: var(--bg-primary);
  height: auto;
  margin: 0 15px 10px 0;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-500-alpha-10);
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  border-bottom: 0;
  padding: 10px;
}
@media screen and (max-width: 599px) {
  .cz-root-ctl-top-bar,
  .cz-root-ctl-toolbar-bar,
  .cz-root-ctl-workflow-bar {
    margin: 0;
    border-radius: 0;
  }
}

.cz-root-ctl-workflow-bar button {
  margin-right: 10px;
}

.cz-root-ctl-toolbar-button {
  margin-left: 7px;
}
.cz-root-ctl-toolbar-button:first-child {
  margin-left: 0;
}

.cz-root-ctl-processes {
  margin: 0;
}

a.cz-root-ctl-process:hover, a.cz-root-ctl-process:link {
  text-decoration: none;
}

@media print {
  .cz-root-ctl-body {
    display: block;
  }
  .cz-root-ctl-content-container > .cz-root-ctl-content {
    display: block;
    position: static;
    height: auto;
    overflow: hidden;
  }
}
.cz-slideover {
  height: 100%;
}

.cz-add-people-button {
  margin-left: 3.5px;
}

/* Abstracts */
.cz-tab-strip-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-tab-strip-ctl-body {
  flex: 1 1 auto;
  position: relative;
  overflow: auto;
}

.cz-tab-strip-ctl-content-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media print {
  .cz-tab-strip-ctl {
    position: static;
    display: block;
  }
}
.cz-text-block-ctrl {
  white-space: pre;
}

.cz-text-block-bold {
  font-weight: 700;
}

.cz-master-details-status {
  margin-top: 5px;
}

.cz-survey-response-status_pending {
  color: var(--text-white);
  border-radius: 3px;
  height: 24px;
  padding: 3px 6px;
  font-size: 0.875rem;
  min-height: 22px;
  text-align: center;
  max-width: 150px;
  max-width: min-content;
  font-weight: 600;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  background: var(--utility-orange-dark-500);
}

.cz-survey-response-status_submitted {
  color: var(--text-white);
  border-radius: 3px;
  height: 24px;
  padding: 3px 6px;
  font-size: 0.875rem;
  min-height: 22px;
  text-align: center;
  max-width: 150px;
  max-width: min-content;
  font-weight: 600;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  background: var(--utility-green-500);
}

.cz-survey-response-status_failed {
  color: var(--text-white);
  border-radius: 3px;
  height: 24px;
  padding: 3px 6px;
  font-size: 0.875rem;
  min-height: 22px;
  text-align: center;
  max-width: 150px;
  max-width: min-content;
  font-weight: 600;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  background: var(--utility-error-500);
}

.cz-survey-response-status_running {
  color: var(--text-white);
  border-radius: 3px;
  height: 24px;
  padding: 3px 6px;
  font-size: 0.875rem;
  min-height: 22px;
  text-align: center;
  max-width: 150px;
  max-width: min-content;
  font-weight: 600;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  background: var(--utility-blue-dark-500);
}

.cz-survey-response-status_no-response {
  color: var(--text-white);
  border-radius: 3px;
  height: 24px;
  padding: 3px 6px;
  font-size: 0.875rem;
  min-height: 22px;
  text-align: center;
  max-width: 150px;
  max-width: min-content;
  font-weight: 600;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  background: var(--utility-gray-600);
}

.cz-survey-response-status_queued {
  border-radius: 3px;
  height: 24px;
  padding: 3px 6px;
  font-size: 0.875rem;
  min-height: 22px;
  text-align: center;
  max-width: 150px;
  max-width: min-content;
  font-weight: 600;
}

.cz-vf-attachments-button,
.cz-read-only-vf-attachments {
  position: relative;
}

.cz-vf-attachments-button__badge,
.cz-read-only-vf-attachments__badge {
  position: absolute;
  background-color: var(--brand-700);
  color: var(--fg-white);
  border: 1px solid var(--fg-white);
}

.cz-vf-attachments-button__badge {
  top: -8px;
  right: -10px;
  height: 27px;
}

.cz-read-only-vf-attachments__badge {
  top: -10px;
  right: -10px;
  height: 27px;
}

/* Abstracts */
div.cz-vfs-upload-button-container {
  display: flex;
  align-items: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
div.cz-vfs-upload-button-container.cz-invalid {
  background: unset;
}
div.cz-vfs-upload-button-container.cz-invalid button.btn-file {
  border: 1px solid var(--error-700) !important;
  background-color: var(--utility-error-300);
}
div.cz-vfs-upload-button-container .cz-vfs-upload-button-container-filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-vfs-upload-button-icon {
  height: 14px;
  width: 14px;
}
span.cz-vfs-upload-button-icon {
  vertical-align: middle;
}

svg.cz-vfs-upload-button-icon {
  fill: var(--text-primary);
}

span.cz-vfs-upload-button-spinner {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 2px;
}

/* Abstracts */
/* Wizard control. */
div.cz-wizard .tab-content {
  border: none;
}

div.cz-wizard-title-bar {
  width: 100%;
  display: flex;
  background-color: var(--bg-primary);
  padding: 5px 20px;
  flex: 0 0 auto;
  border-radius: 5px;
  margin-bottom: 5px;
  height: 43px;
  align-items: center;
}

div.cz-wizard-title {
  flex-grow: 1;
  display: inline-block;
  vertical-align: middle;
}
div.cz-wizard-title h5 {
  font-weight: 600;
  font-size: 1rem;
}

div.cz-wizard-pager {
  text-align: right;
  flex-grow: 0;
  display: inline-block;
}
div.cz-wizard-pager button.cz-wizard-pager-button {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  border-radius: 50%;
}

div.cz-wizard-content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.cz-wizard-content .cz-notif-subscriber-tab-container {
  overflow-y: hidden;
}

div.cz-wizard-view {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
div.cz-wizard-view > div {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
div.cz-wizard-view > div > div {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
div.cz-wizard-view > div > div div.cz-data-entry-ctl-container {
  flex: 1 0 auto;
}
div.cz-wizard-view div.cz-form-ctl.cz-wizard-on-off-form div.cz-data-entry-ctl-form-container {
  width: 100% !important;
  border-right: none;
}
div.cz-wizard-view div.cz-form-ctl.cz-wizard-on-off-form div.cz-data-entry-ctl-form-container div.cz-switch {
  margin-left: 10px;
}

.cz-wizard-title-bar-no-rounded {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

@media screen and (min-width: 1450px) {
  div.cz-wizard-view div.cz-form-ctl.cz-wizard-on-off-form div.cz-data-entry-ctl-form-container div.cz-form-field.cz-sm {
    width: 25%;
  }
}
div.cz-wizard-information-bar {
  padding: 5px 15px;
  background-color: var(--yellow-200);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.cz-wizard-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

div.cz-wizard-container {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

div.cz-wizard-body {
  flex: 1 0 auto;
  min-width: 500px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.cz-footer-bar-fixed-parent > div.cz-wizard-body {
  padding-bottom: 48px;
}

div.cz-wizard-footer {
  flex: 0 0 auto;
}
div.cz-wizard-footer div.cz-footer-bar-shadow {
  border-right: none;
}

.cz-wizard-batch-template-download {
  max-width: 601px;
  background-color: var(--bg-primary);
  border-right: 1px solid var(--border-primary);
  margin-right: 15px;
  padding: 20px;
}

.cz-wizard-batch-template-download-message:first-of-type {
  margin-bottom: 15px;
}

.cz-wizard-batch-template-download-buttons-container {
  margin-top: 20px;
}
.cz-wizard-batch-template-download-buttons-container button {
  margin-right: 10px;
}

@media screen and (min-width: 940px) {
  .cz-wizard-batch-template-download {
    max-width: 881px;
  }
}
/* Wizard items control. */
div.cz-wizard-items-hint-container {
  padding: 5px;
}

div.cz-wizard-items-hint {
  padding: 5px;
  background-color: var(--bg-secondary);
  border: 1px solid var(--gray-true-300);
  border-radius: 3px;
}

div.cz-wizard-items-no-items {
  padding: 5px;
  width: 100%;
  font-size: 1rem;
  text-align: center;
}

.cz-wizard-items-no-items-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cz-table.cz-wizard-items-table {
  text-align: left;
}
.cz-table.cz-wizard-items-table td:last-child {
  border-right: none;
}

th.cz-table__header-cell.cz-wizard-items-table-header {
  border-width: 0 1px 1px 0;
  height: 36px;
}
th.cz-table__header-cell.cz-wizard-items-table-header:first-child {
  width: 20%;
}
th.cz-table__header-cell.cz-wizard-items-table-header:nth-child(2) {
  width: 30%;
}

tr.cz-table__body-row.cz-wizard-item {
  height: 36px;
  vertical-align: middle;
}

/* Abstracts */
/* Org Chart */
/* --------- */
#orgChartContainer {
  display: flex;
  flex-direction: column;
}
#orgChartContainer input[type=checkbox],
#orgChartContainer input[type=checkbox] + span {
  cursor: default;
}

.cz-org-chart-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 600px;
}

.cz-org-chart-select-button {
  display: flex;
}

.cz-org-chart-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-org-chart-action-bar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  border-bottom: 1px solid var(--alpha-black-10);
  background-color: var(--bg-primary);
  flex-wrap: wrap;
  padding: 5px;
  margin-right: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-500-alpha-10);
}
.cz-org-chart-action-bar .cz-org-chart-chart-action-bar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin: 5px;
  margin-right: 10px;
  border-right: solid 1px 1px solid var(--border-primary);
}
.cz-org-chart-action-bar .cz-org-chart-box-action-bar {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  margin: 5px;
}
.cz-org-chart-action-bar .cz-org-chart-box-action-bar > cz-numeric-up-down {
  min-width: 60px;
  max-width: 60px;
}
.cz-org-chart-action-bar .cz-org-chart-action-bar-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin: 5px;
}
.cz-org-chart-action-bar span.cz-org-chart-action-bar-label {
  margin-right: 8px;
}
.cz-org-chart-action-bar li {
  cursor: default;
}

.cz-org-chart-action-bar-control {
  margin-right: 10px;
  max-width: 150px;
}

.cz-org-chart {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  cursor: grab;
  cursor: -moz-grab;
}
.cz-org-chart .bp-item {
  background-color: var(--bg-primary);
}
.cz-org-chart .bp-selectioncheckbox-frame + ul {
  list-style: none;
}
.cz-org-chart .ui-button-icon-primary {
  cursor: pointer;
}

.cz-org-chart-busy.bp-corner-all.bp-item {
  border-radius: 0;
}

.cz-org-chart-label {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}

.cz-org-chart-body {
  position: relative;
  flex: 1 1 auto;
}

.cz-org-chart-box {
  padding: 8px;
  height: 100%;
  font-family: Nunito, Inter, Helvetica Neue, Arial, sans-serif;
  color: var(--utility-gray-700);
  display: flex;
}
.cz-org-chart-box.cz-org-chart-busy {
  visibility: hidden;
}

.cz-org-action-bar-date-picker {
  width: 150px;
  padding: 0;
  border: none;
}

.LayerControls div {
  background-color: var(--fg-white);
  font-size: 0.75rem;
  line-height: 14px;
  overflow: hidden;
}

@media screen and (max-width: 900px) {
  .cz-org-action-bar-date-picker {
    width: 35px;
    border: none;
  }
}
@media print {
  .bp-selectioncheckbox-frame {
    display: none;
  }
  .cz-org-chart {
    position: absolute;
    display: inline;
    overflow: visible;
    width: auto;
    height: auto;
    background-color: var(--success-800);
  }
  .cz-org-chart-action-bar {
    display: none;
  }
  .orgdiagram {
    position: static;
  }
}
/* Abstracts */
.cz-grid-table {
  padding: 15px 15px 15px 0;
}

div.cz-grid-table-container {
  display: inline-block;
}

.cz-grid-table-container {
  clear: both;
  overflow-x: hidden;
}

div.cz-grid-table-header-container {
  overflow: hidden;
  border: 1px solid var(--border-primary);
}

div.cz-grid-table-header {
  overflow: hidden;
}

.cz-grid-table-body {
  overflow-y: auto;
  border-left: 1px solid var(--border-primary);
  border-right: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
  max-height: 352px;
}

div.cz-grid-table-body {
  min-height: 28px;
}

cdk-virtual-scroll-viewport.cz-grid-table-body {
  min-height: 352px;
}

.cz-grid-table-header-handler {
  border-right: 10px solid transparent;
  cursor: col-resize;
  z-index: 2;
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
}

.cz-grid-table-header-column-container {
  display: flex;
  justify-content: space-between;
  margin: 0 5px;
  align-items: center;
}

.cz-grid-table-header-column-content {
  display: flex;
  overflow: hidden;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.cz-grid-table-header-column-content a {
  font-weight: 600;
  color: var(--gray-light-700) !important;
}

.cz-grid-table-header-column-text {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  flex: 1 1 0px;
  text-align: left;
}

div.cz-grid-table-header-column-order-icon {
  display: flex;
  align-items: center;
  flex: 0 0 8px;
  margin-left: 10px;
  height: 8px;
  width: 8px;
}

svg.cz-grid-table-header-column-order-icon {
  height: 8px;
  width: 8px;
}

div.cz-grid-table-header thead tr {
  height: 25px;
}

div.cz-grid-table-header thead th:first-child {
  border-left: none;
}

div.cz-grid-table-header thead th .sortable {
  cursor: pointer;
}

.cz-grid-table-row {
  height: 50px;
  vertical-align: middle;
}
.cz-grid-table-row .cz-grid-table-cell {
  --colour-picker-text-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  display: flex;
  align-items: center;
}
.cz-grid-table-row .cz-grid-table-cell:has(cz-button-popup-control) {
  display: grid;
  justify-content: center;
  overflow: visible;
}
.cz-grid-table-row .cz-grid-table-cell .cz-text-block,
.cz-grid-table-row .cz-grid-table-cell .cz-contextual-link,
.cz-grid-table-row .cz-grid-table-cell a {
  line-height: 50px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-grid-table-row .cz-grid-table-cell cz-checkbox,
.cz-grid-table-row .cz-grid-table-cell cz-numeric-text-box {
  width: 100%;
}
.cz-grid-table-row .cz-grid-table-cell .cz-checkbox-wrapper {
  margin: 2px auto;
  width: 24px;
}
.cz-grid-table-row .cz-grid-table-cell .cz-table-column-item cz-combo-box.ng-star-inserted {
  width: 100%;
  padding: 5px;
}
.cz-grid-table-row .cz-grid-table-cell a {
  text-decoration: underline;
}
.cz-grid-table-row .cz-grid-table-cell cz-popup-search-box,
.cz-grid-table-row .cz-grid-table-cell cz-drop-down-list,
.cz-grid-table-row .cz-grid-table-cell cz-date-picker,
.cz-grid-table-row .cz-grid-table-cell cz-numeric-text-box {
  padding: 5px;
}
.cz-grid-table-row .cz-grid-table-cell cz-popup-search-box cz-auto-complete-box {
  width: 75%;
}
.cz-grid-table-row .cz-grid-table-cell cz-time-picker {
  --k-input-inner-text-overflow: none;
  --k-input-inner-padding-right: 0;
}

.cz-grid-table-body__container > tr:first-child td {
  border-top: none;
}
.cz-grid-table-body__container td:first-child {
  border-left: none;
  text-align: center;
}
.cz-grid-table-body__container td:nth-child(2) {
  text-align: center;
}
.cz-grid-table-body__container td.cz-grid-table-custom-actions {
  text-align: center;
}

.cz-grid-table-body td.action-column {
  text-align: center;
}

.cz-grid-table-container .no-records-found {
  text-align: center;
}

button.cz-grid-table-button {
  width: 32px;
  height: 32px;
}

.cz-grid-table-action-column {
  width: 40px;
}

.cz-grid-table-default-column.cz-xs {
  width: 40px;
}

.cz-grid-table-default-column.cz-sm {
  width: 100px;
}

.cz-grid-table-default-column.cz-md {
  width: 150px;
}

.cz-grid-table-default-column.cz-lg {
  width: 200px;
}

.cz-grid-table-default-column.cz-xl {
  width: 250px;
}

.cz-grid-table-default-column.cz-max {
  width: 400px;
}

tr.cz-grid-table-row.cz-selected > td a {
  color: currentColor;
}
tr.cz-grid-table-row.cz-selected > td a:hover,
tr.cz-grid-table-row.cz-selected > td a:focus {
  color: var(--text-primary);
}
tr.cz-grid-table-row.cz-selected > td a.cz-contextual-link:focus,
tr.cz-grid-table-row.cz-selected > td a.cz-contextual-link:hover {
  text-decoration: underline;
}

.cz-grid-table-row > td.deleted {
  text-decoration: line-through;
  opacity: 0.65;
}

tr.cz-selected.cz-grid-table-row > td.deleted {
  opacity: 0.65;
}

.cz-grid-table-row__icon-cell {
  display: grid;
  place-content: center;
  height: inherit;
}

.cz-modified-icon-foreground {
  fill: var(--orange-400);
}

.cz-modified-icon-background {
  fill: var(--warning-200);
}

.cz-grid-error-button {
  display: flex;
  justify-content: center;
}
button.cz-grid-error-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--bg-error-secondary);
  display: inline-grid;
  place-content: center;
}
button.cz-grid-error-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-grid-error-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-grid-error-button[disabled], button.cz-grid-error-button[disabled]:hover, button.cz-grid-error-button[disabled]:focus, button.cz-grid-error-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-grid-error-button[disabled] svg, button.cz-grid-error-button[disabled]:hover svg, button.cz-grid-error-button[disabled]:focus svg, button.cz-grid-error-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-grid-error-button svg {
  fill: var(--text-primary);
}
button.cz-grid-error-button:active {
  background-color: var(--gray-light-200);
}
button.cz-grid-error-button:hover, button.cz-grid-error-button:focus, button.cz-grid-error-button.focus {
  background-color: var(--error-700);
}
button.cz-grid-error-button[disabled], button.cz-grid-error-button[disabled]:hover, button.cz-grid-error-button[disabled]:focus, button.cz-grid-error-button[disabled]:active {
  background-color: var(--bg-error-secondary);
  border: none;
}
button.cz-grid-error-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-grid-error-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--bg-error-secondary);
  display: inline-grid;
  place-content: center;
}
a.cz-grid-error-button:hover {
  background-color: var(--gray-light-200);
}
a.cz-grid-error-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-grid-error-button[disabled], a.cz-grid-error-button[disabled]:hover, a.cz-grid-error-button[disabled]:focus, a.cz-grid-error-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-grid-error-button[disabled] svg, a.cz-grid-error-button[disabled]:hover svg, a.cz-grid-error-button[disabled]:focus svg, a.cz-grid-error-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-grid-error-button svg {
  fill: var(--text-primary);
}
a.cz-grid-error-button:active {
  background-color: var(--gray-light-200);
}
a.cz-grid-error-button:hover, a.cz-grid-error-button:focus, a.cz-grid-error-button.focus {
  background-color: var(--error-700);
}
a.cz-grid-error-button[disabled], a.cz-grid-error-button[disabled]:hover, a.cz-grid-error-button[disabled]:focus, a.cz-grid-error-button[disabled]:active {
  background-color: var(--bg-error-secondary);
  border: none;
}
a.cz-grid-error-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-grid-error-button {
  fill: var(--error-700);
  width: 12px;
}
button:hover > div > svg.cz-grid-error-button, button:focus > div > svg.cz-grid-error-button, a:hover > div > svg.cz-grid-error-button, a:focus > div > svg.cz-grid-error-button {
  fill: var(--fg-white);
}

@media only screen and (max-width: 1024px) {
  .cz-grid-table-body {
    max-height: 170px;
  }
}
/* Abstracts */
/* Summary Control */
/* --------------- */
.cz-summary {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

.cz-summary-section {
  margin-bottom: 20px;
}

.cz-summary-body.cz-form-cols-1 {
  width: 372px;
}
.cz-summary-body.cz-form-cols-2 {
  width: 702px;
}
.cz-summary-body.cz-form-cols-3 {
  width: 1032px;
}
.cz-summary-body.cz-form-cols-4 {
  width: 1362px;
}
.cz-summary-body.cz-form-cols-5 {
  width: 1692px;
}
.cz-summary-body.cz-form-cols-6 {
  width: 2022px;
}

.cz-summary-no-rows {
  padding: 15px 20px;
}

.cz-summary-grid .cz-grid-table {
  padding: 0;
}
.cz-summary-grid .cz-grid-table-container {
  display: block;
}
.cz-summary-grid .cz-grid-table-header-container {
  border-width: 0 0 1px 0;
}
.cz-summary-grid .cz-grid-table-body {
  border-width: 0;
}
.cz-summary-grid .cz-grid-table-row.cz-selected,
.cz-summary-grid .cz-grid-table-row.cz-selected:hover {
  color: var(--text-primary);
  cursor: default;
}

@media print {
  .cz-summary {
    position: static;
  }
}
/* Abstracts */
.cz-wf-subject-bar-root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--theme-nav-bar-background);
  display: flex;
  flex-direction: column;
  width: 275px;
  min-width: 275px;
  overflow-y: auto;
}

.cz-wf-subject-list {
  flex-grow: 1;
  border-right: 1px solid var(--utility-gray-200);
  position: relative;
}
.cz-wf-subject-list .cz-nav-list-items {
  display: flex;
  flex-direction: column;
  outline: none;
  outline: 0;
  padding-top: 10px;
  background: var(--bg-primary);
}
.cz-wf-subject-list .cz-nav-list-items:focus {
  outline: none;
  outline: 0;
}
.cz-wf-subject-list .cz-nav-list-items .cz-wf-subject-bar-item {
  color: var(--text-primary);
  font-weight: 600;
  margin: 0 20px 0 29px;
  border: 0;
  display: flex;
  justify-content: space-between;
}
.cz-wf-subject-list .cz-nav-list-items .cz-wf-subject-bar-item.cz-active {
  color: var(--utility-brand-600);
  font-weight: 600;
}
.cz-wf-subject-list .cz-nav-list-items .cz-wf-subject-bar-item:hover,
.cz-wf-subject-list .cz-nav-list-items .cz-wf-subject-bar-item:focus {
  outline: none;
  font-weight: 600;
  border-radius: 4px;
}

.cz-wf_close-button {
  margin: auto;
  margin-right: 10px;
}

.cz-wf-subject-bar-item {
  padding: 10px 0;
  min-height: 35px;
  min-width: 180px;
  max-height: 40px;
  margin: 5px auto 5px 8px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--alpha-black-10);
  border-radius: 4px;
}

.cz-wf-subject-bar-link_container {
  overflow: hidden;
}

.cz-wf-subject-bar-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-user-nominated-dialog {
  max-width: 400px;
}

.cz-user-nominated-dialog-add-container {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
}

.cz-user-nominated-dialog-add-container__search-box-container {
  flex: 1 1 auto;
  width: 100%;
}

.cz-user-nominated-dialog-add-fields {
  flex: 1 1 auto;
}
.cz-user-nominated-dialog-add-fields > .cz-form-field {
  margin: 0;
  padding: 0;
}

.cz-user-nominated-dialog-add-button {
  align-self: flex-end;
  margin-left: 10px;
  flex: 0 0 auto;
  margin-bottom: auto;
  margin-top: 4px;
}

.cz-user-nominated-dialog-approver-list-container {
  max-height: 202px;
  border: 1px solid var(--border-primary);
  overflow-y: auto;
  max-width: 99.9%;
}

.cz-user-nominated-dialog-approver-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1 1 auto;
}

.cz-user-nominated-dialog-empty-state-message {
  width: 300px;
}

@media (max-width: 768px) {
  .cz-user-nominated-dialog {
    max-width: 360px;
  }
}
/* Abstracts */
/* App */
/*
    Activation: Subject security view
*/
div.cz-wf-subject-sec-header {
  padding: 10px 15px;
  background-color: var(--bg-primary);
}

div.cz-wf-subject-sec-roles-container {
  overflow-y: auto;
  padding: 15px 0 0 20px;
}

div.cz-wf-subject-sec-roles-panel {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}

div.cz-wf-subject-sec-role-wrapper {
  width: 100%;
  padding: 10px;
}

@media screen and (min-width: 900px) {
  div.cz-wf-subject-sec-role-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 1400px) {
  div.cz-wf-subject-sec-role-wrapper {
    width: 33.33%;
  }
}
div.cz-wf-subject-sec-role {
  background-color: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-radius: 3px;
  width: 100%;
}
div.cz-wf-subject-sec-role button {
  max-height: 35px;
}

div.cz-wf-subject-sec-role-header {
  background-color: var(--gray-light-200);
  border-radius: 3px 3px 0 0;
  display: flex;
  width: 100%;
  padding: 10px;
}
div.cz-wf-subject-sec-role-header .cz-wf-subject-sec-role-name {
  margin: 0 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.cz-wf-subject-sec-role-footer {
  flex-wrap: wrap;
  min-height: 50px;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  width: 100%;
  padding: 5px 0;
  border-radius: 0 0 3px 3px;
}

span.cz-wf-subject-sec-role-name {
  margin-left: 5px;
}

div.cz-wf-subject-sec-subject {
  display: flex;
  width: 100%;
  padding: 5px;
  align-items: center;
  height: 44px;
}

button.cz-wf-subject-sec-grant-value {
  display: flex;
  align-items: center;
  flex: 1 1 45%;
  margin-left: 10px;
  pointer-events: auto;
}
button.cz-wf-subject-sec-grant-value span.cz-wf-subject-sec-grant-value-inner {
  flex: 1 1 45%;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cz-wf-subject-sec-subject-inner {
  flex: 1 1 45%;
  display: flex;
  padding: 0 5px;
  align-items: center;
  height: 44px;
  max-width: 100%;
}
.cz-wf-subject-sec-subject-inner span.cz-wf-subject-sec-subject-name {
  flex: 1 1 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-wf-subject-sec-subject-inner span.cz-wf-subject-sec-subject-name.cz-wf-subject-sec-subject-name-disabled {
  opacity: 0.6;
}

span.cz-wf-subject-sec-edit-grant {
  flex: 0 0 34px;
  display: flex;
  align-items: center;
  height: 44px;
}

div.cz-wf-subject-sec-subject-edit {
  flex: 1 1 45%;
  margin-left: 10px;
  width: 191px;
  max-width: 191px;
}

/* Abstracts */
/* Virtual File Manager Control */
/* ---------------------------- */
div.cz-vfm-ctl {
  display: flex;
  flex: 1 1 auto;
}

cz-people-file-manager-control {
  display: flex;
  flex: 1 1 auto;
  max-height: 84vh;
}

.cz-document-configuration-file-manager {
  display: block;
  height: 100%;
}
.cz-document-configuration-file-manager cz-virtual-file-manager-container-control > .cz-container-ctl-child {
  height: calc(100% - 44px);
}

.cz-document-configuration-file-manager cz-virtual-file-manager-control {
  flex: 1 1 auto;
  display: flex;
  padding: 0px;
}

table.cz-vfm {
  width: auto;
  flex: 1 1 auto;
}

.cz-vfm-table-row,
.cz-vfm-empty-state-row {
  height: 50px;
}
.cz-vfm-table-row > td,
.cz-vfm-empty-state-row > td {
  border-top: none;
}

tbody.cz-vfm-table-body {
  border: 1px solid var(--border-primary);
  background: var(--bg-primary);
}

th.cz-vfm-column {
  border-right-width: 1px;
  border-right-style: solid;
  padding: 7px;
  text-align: left;
}
th.cz-vfm-column:last-child {
  border-right: 1px solid var(--utility-gray-300) !important;
}

.cz-vfm-action-bar {
  display: flex;
  align-items: center;
  margin-left: -7px;
}
.cz-vfm-action-bar > .cz-vfm-action-bar-item {
  margin-left: 7px;
}
.cz-vfm-action-bar > .cz-vfm-action-bar-item > ul {
  padding: 5px 0;
}
.cz-vfm-action-bar > .cz-vfm-action-bar-spacer {
  flex: 1 1 0px;
}

li > a.cz-vfm-system-category {
  display: flex;
  align-content: center;
  line-height: 1;
}

div.cz-vfm-system-category-check {
  flex-shrink: 0;
  visibility: hidden;
}
div.cz-vfm-system-category-check.selected {
  visibility: visible;
}
div.cz-vfm-system-category-check.selected > svg.cz-vfm-system-category-check {
  fill: var(--black);
}

div.cz-vfm-system-category-name {
  font-weight: 500;
  padding: 8px 10px;
}

a.cz-vfm-system-category:hover > div.cz-vfm-system-category-check {
  visibility: visible;
}
a.cz-vfm-system-category:hover > div.cz-vfm-system-category-check > svg.cz-vfm-system-category-check {
  fill: var(--utility-gray-true-500);
}

th.cz-vfm-breadcrumbs-bar {
  padding: 10px 5px;
  text-align: left;
}

span.cz-vfm-breadcrumbs-separator {
  margin-left: 2px;
  margin-right: 2px;
}

tr.cz-vfm-column-header {
  border: 1px solid var(--border-primary);
  height: 38px;
}
tr.cz-vfm-column-header:first-child {
  border-left: 1px solid var(--border-primary);
}

.cz-vfm-column-header-inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cz-vfm-column-header-inner-wrapper span {
  display: flex;
  align-items: center;
}
.cz-vfm-column-header-inner-wrapper span i {
  font-size: 0.75rem;
}

a.cz-vfm-column {
  font-weight: 600;
  color: var(--gray-light-900);
}
a.cz-vfm-column:hover, a.cz-vfm-column:focus {
  color: var(--text-primary);
}

td.cz-vfm-column-button {
  vertical-align: middle !important;
  width: 40px;
  text-align: center;
}

td.cz-vfm-column-button,
.cz-vfm-wf-process-marker {
  height: 18px;
  width: 18px;
}

td.cz-vfm-column-button,
.cz-vfm-wf-process-marker svg path {
  fill: var(--utility-gray-true-500);
}

td.cz-vfm-column {
  padding: 7px !important;
  vertical-align: middle !important;
}
td.cz-vfm-column span {
  vertical-align: middle;
}

/* Upload Files Dialog */
/* ------------------- */
.cz-vfm-ud {
  width: 480px;
  min-width: 400px;
}
@media (max-width: 768px) {
  .cz-vfm-ud div.cz-dialog-footer {
    align-content: center;
  }
}

table.cz-vfm-ud-files {
  width: 100%;
}

table.cz-vfm-ud-files tr {
  border-bottom: 1px solid var(--brand-50);
}
table.cz-vfm-ud-files tr:last-child {
  border-bottom: none;
}

td.cz-vfm-ud-files-column {
  height: 36px;
  vertical-align: middle;
}

td.cz-vfm-ud-files-column-file {
  overflow-wrap: break-word !important;
  word-break: break-all !important;
  width: 70%;
  padding-right: 20px;
}

td.cz-vfm-ud-files-column:nth-child(2) {
  width: 20%;
}

td.cz-vfm-ud-files-column:nth-child(3) {
  width: 10%;
  text-align: right;
}

.cz-vfm-uploaded-marker {
  fill: var(--utility-green-800);
}
svg.cz-vfm-uploaded-marker {
  height: 20px;
  width: 20px;
}

button.cz-vfm-close-button {
  margin: auto 0;
}

/* Abstracts */
.cz-wf-action-bar {
  display: flex;
  justify-content: flex-start;
  height: 60px;
  padding: 5px 15px 5px 15px;
  align-items: stretch;
  text-align: left;
  z-index: 450;
  border: none;
  background-color: var(--bg-primary);
  box-shadow: 0 2px 5px 0 var(--alpha-black-10);
}

span.cz-wf-default-actions {
  margin-left: 7px;
  display: flex;
}

button.cz-wf-attach-note-button {
  width: 34px;
  margin-left: 10px;
  padding: 0;
  position: relative;
  min-width: 0;
  overflow: visible;
}
button.cz-wf-attach-note-button .cz-wf-note-badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--fg-white);
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  top: -5px;
  right: -8px;
  background-color: var(--utility-brand-600);
}
button.cz-wf-attach-note-button .cz-wf-note-badge:empty {
  display: none;
}
button.cz-wf-attach-note-button svg {
  width: 20px;
}

.cz-wf-action-button,
.cz-action-buttons {
  margin-left: 7px;
  display: flex;
}

span.cz-wf-action-label {
  padding-left: 5px;
  padding-right: 5px;
}

div.cz-wf-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.cz-wf-title-container_inner {
  display: flex;
  align-items: center;
  overflow: hidden;
}

span.cz-wf-title {
  align-items: center;
  font-size: 1.125rem;
  color: var(--utility-gray-500);
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-wf-icon {
  height: 30px;
  width: 30px;
  margin-right: 15px;
}

div.cz-wf-actions-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cz-wf-progress-tracker-stage__badge {
  margin-right: 3px;
}

@media only screen and (max-width: 480px) {
  .cz-wf-progress-tracker-stage:not(.cz-progress-tracker-stage--current) .cz-wf-progress-tracker-stage__title {
    visibility: hidden;
    height: 0;
    width: 0;
  }
  .cz-wf-progress-tracker-stage:not(.cz-progress-tracker-stage--current) .cz-wf-progress-tracker-stage__badge {
    margin: 0;
  }
  .cz-wf-progress-tracker-stage:not(.cz-progress-tracker-stage--current) .cz-wf-progress-tracker-stage__content {
    overflow: hidden;
    padding: 0;
  }
}
/*
    Notes dialog
*/
.cz-wf-notes-header {
  padding-bottom: 5px;
}

.cz-wf-notes-body {
  height: 100px;
}

.cz-wf-notes-textarea {
  width: 100%;
  height: 100%;
  resize: none;
}

.cz-wf-ex-notes-body {
  background-color: var(--gray-light-100);
  padding: 5px;
}
.cz-wf-ex-notes-body .cz-wf-note-line1 {
  color: var(--black);
  font-size: 0.75rem;
}
.cz-wf-ex-notes-body .cz-wf-note-line2 span.cz-wf-note-author {
  font-weight: 700;
}
.cz-wf-ex-notes-body div.cz-wf-note-line3 {
  padding-top: 5px;
}

/*
    Wizard
*/
div.cz-wf-wizard {
  padding: 15px;
}
div.cz-wf-wizard .tab-content {
  padding: 15px;
  border: none;
  background-color: var(--bg-secondary);
  border-radius: 0 0 3px 3px;
}
div.cz-wf-wizard .tab-content nav li.active {
  background-color: var(--bg-secondary);
}

div.cz-wf-wizard-title-bar {
  width: 100%;
  display: flex;
  background-color: var(--bg-quaternary);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid var(--border-primary);
  border-radius: 3px 3px 0 0;
}

div.cz-wf-wizard-title {
  flex-grow: 1;
  display: inline-block;
  vertical-align: middle;
}
div.cz-wf-wizard-title h5 {
  font-weight: 600;
  font-size: 1rem;
}

div.cz-wf-wizard-pager {
  text-align: right;
  flex-grow: 0;
  display: inline-block;
}
div.cz-wf-wizard-pager button.cz-wf-wizard-pager-button {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  border-radius: 50%;
}

div.cz-wf-wizard-content {
  border: solid var(--gray-true-300);
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 3px 3px;
}

/*
    Inbox widget
*/
ul.cz-wf-inbox-widget-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  background-color: var(--bg-primary);
  padding: 0;
}

div.cz-wf-inbox-widget-more {
  padding: 0 10px;
  background-color: var(--gray-light-100);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
}
div.cz-wf-inbox-widget-more span.cz-form-label {
  margin: 0 10px 0 0;
}

table.cz-table.cz-wf-instances-per-state-table {
  width: 600px;
}

th.cz-table__header-cell.cz-wf-instances-per-state-table-header-cell {
  width: 150px;
}
th.cz-table__header-cell.cz-wf-instances-per-state-table-header-cell:first-child {
  width: 300px;
}
th.cz-table__header-cell.cz-wf-instances-per-state-table-header-cell:last-child {
  border-right: none;
}

td.cz-wf-instances-per-state-table-row-cell {
  width: 150px;
}
td.cz-wf-instances-per-state-table-row-cell:first-child {
  width: 300px;
}

/* App */
.cz-file-download-empty-state-heading,
.cz-file-download-empty-state-message,
.cz-file-download-empty-state-button {
  flex: 0 0 auto;
}

.cz-file-download-empty-state-message {
  width: 600px;
}

.cz-file-download-arrow-icon {
  width: 80px;
  height: 150px;
  margin: 20px 0;
}

/* Abstracts */
/* App */
.cz-wf-inbox-container {
  max-width: 900px;
  min-width: 400px;
  padding: 15px;
}

.cz-wf-inbox-header {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 5px 0;
  margin-bottom: 5px;
  min-width: 400px;
}

div.cz-wf-inbox-categories {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
div.cz-wf-inbox-categories .cz-wf-inbox-category-container {
  width: 100%;
}

.cz-wf-category-label-class1 {
  background-color: var(--green-800);
  background-image: none;
}

.cz-wf-category-label-class2 {
  background-color: var(--gray-dark-900);
  background-image: none;
}

.cz-wf-category-label-class3 {
  background-color: var(--cyan-700);
}

.cz-wf-category-label-class4 {
  background-color: var(--orange-dark-900);
}

.cz-wf-category-label-class5 {
  background-color: var(--orange-400);
}

.cz-wf-category-label-class6 {
  background-color: var(--gray-blue-400);
}

.cz-wf-category-label-class7 {
  background-color: var(--success-500);
  background-image: none;
}

.cz-wf-category-label-class8 {
  background-color: var(--warning-300);
}

.cz-wf-category-label-class9 {
  background-color: var(--green-400);
}

.cz-wf-category-name {
  margin-right: 5px;
}

.cz-wf-inbox-this-week-container {
  margin-bottom: 15px;
}

.cz-list__item--large.cz-wf-inbox-task,
.cz-list__item--large.cz-wf-inbox-task--widget {
  min-width: 400px;
  height: 90px;
  position: relative;
  padding-left: 0;
}

.cz-list__item--large.cz-wf-inbox-task--widget:first-child {
  border-top: 1px solid var(--border-primary);
}
.cz-list__item--large.cz-wf-inbox-task--widget:only-child, .cz-list__item--large.cz-wf-inbox-task--widget:last-child {
  border-bottom: 1px solid var(--border-primary);
}

.cz-wf-inbox-task-column-date {
  display: block;
}

.cz-wf-inbox-task-column-action {
  display: none;
}

.cz-wf-inbox-task__inner-container {
  flex: 1 1 0px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cz-wf-inbox-task__inner-container.show-button:hover div.cz-wf-inbox-task-column-date {
  display: none;
}
.cz-wf-inbox-task__inner-container.show-button:hover div.cz-wf-inbox-task-column-action {
  display: block;
}

.cz-wf-inbox-task__inner-container-wrapper {
  display: flex;
  flex: 1 1 0px;
  position: absolute;
  left: 34px;
  right: 0;
  padding: 15px 0;
  color: var(--gray-light-900);
  text-decoration: none;
  flex: 1 1 388px;
}
.cz-wf-inbox-task__inner-container-wrapper:hover {
  color: var(--black);
  text-decoration: none;
}

.cz-wf-inbox-task__detail {
  flex: 1 1 0px;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 140px;
  height: 60px;
  justify-content: center;
}
.cz-wf-inbox-task__detail .cz-wf-inbox-task-focus {
  font-weight: 600;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0 auto;
  width: 100%;
}
.cz-wf-inbox-task__detail .cz-wf-inbox-task-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0 auto;
  width: 100%;
}

.cz-wf-inbox-task__secondary-detail {
  flex: 0 0 120px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: 15px;
}

.cz-wf-inbox-indicator-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 5;
  width: 34px;
}

.cz-wf-inbox-category-indicator {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  max-width: 10px;
  max-height: 10px;
  border-radius: 50%;
  flex: 0 0 12px;
}

.cz-wf-inbox-category-indicator_title {
  border-radius: unset;
  height: 35px;
  position: absolute;
  max-height: 35px;
  top: -1px;
  max-width: 30px;
  width: 8px;
  min-width: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  left: -1px;
}

/*
.cz-wf-inbox-category-indicator_title {
    border-radius: unset;
    height: 12px;
    position: absolute;
    max-height: 33px;
    top: 11px;
    max-width: 30px;
    width: 12px;
    border-radius: 50%;
    min-width: 0px;
    left: 13px;
    }
*/
/*
.cz-wf-inbox-category-indicator_title {
border-radius: unset;
height: 33px;
position: absolute;
max-height: 33px;
top: 0;
max-width: 30px;
width: 8px;
min-width: 0px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
left: 0;
}
*/
/*
.cz-wf-inbox-category-indicator_title {
    border-radius: unset;
    height: 8px;
    position: absolute;
    max-height: 35px;
    top: 13px;
    max-width: 30px;
    width: 22px;
    min-width: 0px;
    left: 6px;
}
*/
button.cz-wf-inbox-btn-more {
  margin-top: 15px;
  min-width: 100%;
  bottom: 0;
  position: absolute;
}

.cz-badge.cz-shell-wf-inbox-node-badge {
  background-color: var(--utility-brand-600);
  color: var(--fg-white);
  height: 22px !important;
}

@media only screen and (max-width: 1024px) {
  .cz-shell-wf-inbox-node-badge {
    min-height: 18px;
    min-width: 18px;
    max-height: 18px;
    max-width: 18px;
    font-size: 0.75rem;
    left: 31px !important;
  }
  .cz-shell-wf-inbox-node-badge__content {
    height: 16px;
  }
}
/* Email Template */
li.cz-email-tag-list {
  width: 100%;
}

.cz-insert-tag-dropdown-wrapper {
  display: flex;
  flex-direction: column;
}

.cz-email-tag-data-source {
  font-size: 0.75rem;
}

.cz-email-tag-label {
  font-weight: 600;
}

div.cz-notif-inbox-grid-container {
  max-width: 900px;
  min-width: 300px;
  padding: 15px;
}

.cz-notif-inbox-grid-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

button.cz-notif-inbox-btn {
  margin: 0 5px 10px 0;
}

div.cz-notif-inbox-total-message {
  font-weight: 600;
  margin-bottom: 10px;
}

.cz-notif-inbox-total-message-label {
  text-transform: capitalize;
}

.cz-notif-inbox-event-date {
  font-weight: 600;
  width: 100%;
  margin-bottom: 5px;
}

.cz-list__item--large.cz-notif-inbox-item {
  flex: 1 1 auto;
  position: relative;
}

div.cz-notif-inbox-event-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cz-notif-inbox-event-detail-wrapper {
  width: 100%;
}

.cz-borderless-button.cz-notif-inbox-item__link {
  align-self: flex-start;
  padding: 0 0 5px 5px;
}

.cz-notif-inbox-btn-more {
  margin-top: 15px;
  width: 100%;
}

.cz-notif-inbox-event-message {
  display: flex;
  flex: 1 1 0;
  display: block;
  padding-left: 15px;
}

.cz-scheduled-export-export-to {
  display: flex;
}
.cz-scheduled-export-export-to cz-checkbox {
  width: 180px;
}

svg.cz-scheduled-export-user-icon path.inactive-cross {
  fill: var(--error-700);
}

.cz-scheduled-export-grid {
  max-width: 600px;
}

.cz-scheduled-export-users-inactive {
  color: var(--gray-light-700);
}

.cz-scheduled-export-email {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1;
}

.cz-scheduled-export-users-caption {
  display: flex;
}

.cz-scheduled-export-table-caption {
  font-weight: 600;
  flex-grow: 1;
  margin-bottom: 5px;
}

.cz-scheduled-export-add-email {
  display: flex;
  margin: 10px 0px;
}

.cz-scheduled-export-add-email-btn {
  flex: 0 0 auto;
  margin-left: 10px;
}

div > button.cz-scheduled-export-add-email-btn {
  height: 38px;
}

.cz-scheduled-export-formats {
  display: none;
}

.cz-scheduled-export-formats-row > .cz-form-row > .cz-form-field {
  margin-bottom: 0;
}

.cz-scheduled-export-users-grid > .cz-form-row > .cz-form-field > .cz-form-label {
  display: none;
}

.cz-scheduled-export_target-count {
  flex: 1 0;
  align-self: center;
  padding-left: 5px;
}

/* App */
/* Abstracts */
button.cz-common-copy-date-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-true-300);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  min-width: 0;
  padding: 0;
  width: 36px;
}
button.cz-common-copy-date-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-common-copy-date-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-common-copy-date-button[disabled], button.cz-common-copy-date-button[disabled]:hover, button.cz-common-copy-date-button[disabled]:focus, button.cz-common-copy-date-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-common-copy-date-button[disabled] svg, button.cz-common-copy-date-button[disabled]:hover svg, button.cz-common-copy-date-button[disabled]:focus svg, button.cz-common-copy-date-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-common-copy-date-button svg {
  fill: var(--text-primary);
}
button.cz-common-copy-date-button:active {
  background-color: var(--gray-light-200);
}

/* Tenant Logo Picture Upload Control */
/* ---------------------------------- */
div.cz-picture-tenant-logo img {
  max-width: 100%;
  border: 2px solid var(--gray-true-300);
  border-radius: 3px;
  padding: 5px;
}

/* Move manager */
/* ------------ */
.cz-move-man-date.cz-date-picker {
  width: 200px;
  padding: 0;
  border: none;
}

.cz-move-man-root {
  display: flex;
  flex-direction: row;
  padding: 15px;
  max-width: 1120px;
}

.cz-move-man-root-control .cz-header-bar__close-button {
  display: none;
}

.cz-move-man-intro {
  min-width: 600px;
}
.cz-move-man-intro ul {
  padding-left: 20px;
}
.cz-move-man-intro ul li {
  margin-top: 10px;
  list-style: disc;
}

div.cz-move-man-questions-container {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  flex: 1 1 0px;
}

.cz-move-man-question-inner {
  border: 1px solid var(--border-primary);
  margin-bottom: 10px;
  min-width: 100%;
  padding: 10px;
  background-color: var(--bg-primary);
  border-radius: 3px;
}

.cz-move-man-question-text {
  margin-bottom: 10px;
}
.cz-move-man-question-text.cz-move-man-question-readonly {
  margin-bottom: 5px;
}

div.cz-move-man-question .cz-move-man-button-container button.cz-move-man-apply-button {
  display: none;
  float: left;
}
div.cz-move-man-question .cz-move-man-button-container button.cz-move-man-restart-button {
  float: right;
}
div.cz-move-man-question:last-child .cz-move-man-button-container button.cz-move-man-apply-button {
  display: inline-block;
}

cz-move-man-dep-info-button {
  float: right;
  background: var(--utility-brand-600);
  color: var(--utility-brand-600);
}

div.cz-move-man-answer {
  font-weight: 600;
  font-size: 1rem;
}

.cz-move-man-link {
  border: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  margin-bottom: 15px;
  padding: 10px;
  min-width: 100%;
  border-radius: 3px;
}

.cz-move-man-chain-container {
  flex: 0 0 380px;
  margin-left: 10px;
}

.cz-move-man-link-employee {
  display: flex;
}

.cz-move-man-link-employee-info {
  display: flex;
  align-items: flex-start;
  flex: 1 1 0px;
  flex-direction: column;
}

.cz-move-man-link-employee-header {
  display: flex;
  width: 100%;
  margin-bottom: 3px;
}

.cz-move-man-leaver {
  background-color: var(--error-600);
}

.cz-move-man-mover {
  background: var(--orange-300);
}

.cz-move-man-replacement {
  background-color: var(--success-700);
}

.cz-move-man-vacant {
  background-color: var(--utility-brand-600);
}

.cz-move-man-vacant-info {
  background-color: var(--utility-brand-600);
  flex: 0 0 auto;
  height: 18px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 6px;
  color: var(--text-white);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.75rem;
  float: right;
}

.cz-move-man-person-picture {
  height: 36px;
  width: 36px;
  min-height: 36px;
  min-width: 36px;
  max-height: 36px;
  max-width: 36px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
  flex: 0 0 36px;
}
.cz-move-man-person-picture img.cz-tall {
  width: 100%;
  height: auto;
}
.cz-move-man-person-picture img.cz-wide {
  width: auto;
  height: 100%;
}

.cz-move-man-link-employee-name {
  flex: 1 1 0px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 5px;
}

.cz-move-man-employee-role {
  flex: 0 0 auto;
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 5px;
  color: var(--text-white);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.75rem;
}

.cz-move-man-link-deployment-button {
  flex: none;
}

.cz-move-man-link-deployment {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.cz-move-man-link-deployment-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cz-move-man-link-deployment-info-horizontal {
  display: flex;
  flex-direction: row;
}

.cz-move-man-chain-arrow {
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  margin: 5px 0 5px 36px;
}
.cz-move-man-chain-arrow span {
  display: block;
  width: 20px;
  height: 20px;
}
.cz-move-man-chain-arrow span svg {
  width: 100%;
  height: 100%;
  fill: var(--gray-light-700);
}

/*
 * Master Details Container inc. link to move manager
 */
.cz-deployments {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-deployments-move-man-link {
  flex: 0 0 auto;
  padding: 20px 20px 0;
  background-color: var(--bg-primary);
  border-right: 1px solid var(--border-primary);
}

.cz-deployments-master-details .cz-deployments-move-man-link {
  max-width: 601px;
}

.cz-deployments-grid .cz-deployments-move-man-link {
  width: 100%;
}

.cz-deployments-move-man-link-inner {
  padding: 5px 10px;
  background-color: var(--yellow-200);
  border-radius: 3px;
}
.cz-deployments-move-man-link-inner a {
  color: var(--blue-light-700);
}

.cz-deployments-form-container {
  flex: 1 1 auto;
  position: relative;
}

.cz-deployments-form.cz-master-detail-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*
 *
 *  Group Notification Opt Out
 *
*/
.cz-group-opt-out-item-container {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  margin: 10px;
  justify-content: space-between;
}

.cz-group-opt-out-group-panel {
  margin: 10px 0px;
}

.cz-group-opt-out-heading {
  display: flex;
  justify-content: space-between;
}

div#group-opt-out.panel-group {
  margin-bottom: 2px;
}

/*
 *
 * Security Policy Screen
 *
 */
div.cz-form-container.cz-security-policy-buttonless-form-container {
  margin-bottom: 0;
  padding-bottom: 5px;
}

/* App */
/* Abstracts */
/*
 *
 * My Groups
 *
 */
.cz-groups-list-search-input-container {
  display: flex;
  align-items: center;
  padding: 0 20px;
  min-height: 60px;
  border-bottom: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  justify-content: space-between;
  z-index: 2;
}

.cz-groups-list-search-input-container-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.cz-groups-list-search-input-container-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.cz-groups-list-search-input {
  width: 300px;
  margin-bottom: 0;
  margin-right: 10px;
  margin-left: 10px;
  background-image: url('search-box.4963a63041e22c95.svg');
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 18px 18px;
  padding-left: 32px;
}

.cz-groups-list-result-panel {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  z-index: 0;
}

.cz-groups-list-card-wrapper {
  display: flex;
  align-items: stretch;
  padding: 5px;
  flex: 0 0 100%;
  overflow: hidden;
}

.cz-groups-list-details-div {
  background-color: var(--bg-primary);
  display: flex;
  flex-direction: column;
  flex: 1 1 0px;
  overflow: hidden;
}

.cz-groups-list-pic-container {
  display: flex;
  align-items: center;
}

.cz-groups-list-body {
  flex-grow: 1;
  overflow: auto;
  padding: 15px;
}

.cz-groups-list-footer {
  flex-shrink: 0;
  min-height: 50px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  border-top: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
}
.cz-groups-list-footer p {
  margin-bottom: 0;
  font-weight: 600;
}

.cz-groups-list-loadmore-button {
  margin-left: 15px;
}

.cz-groups-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-groups-list-card-group-desc {
  margin-bottom: 10px;
}

.cz-groups-list-card-group-actions {
  display: flex;
  justify-content: center;
  padding: 10px;
}
.cz-groups-list-card-group-actions button {
  flex: 1 1 auto;
}

.cz-groups-list-switch {
  margin-left: 10px;
}

@media screen and (min-width: 720px) {
  .cz-groups-list-card-wrapper {
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 1200px) {
  .cz-groups-list-card-wrapper {
    flex: 0 0 33.3333333333%;
  }
}
@media screen and (min-width: 1460px) {
  .cz-groups-list-card-wrapper {
    flex: 0 0 25%;
  }
}
@media screen and (min-width: 1700px) {
  .cz-groups-list-card-wrapper {
    flex: 0 0 20%;
  }
}
@media screen and (max-width: 1700px) {
  .cz-groups-list-body {
    max-height: calc(100% - 110px);
  }
}
.cz-activity-feed-no-posts {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.ws-feed-groups-dropdown + .cz-activity-feed-no-posts {
  margin-top: 73px;
  min-height: 150px;
}
.cz-activity-feed-no-posts .cz-empty-state__icon {
  --svg-icon-size: 100px;
}

.ws-feed-post-new-container + .cz-activity-feed-no-posts {
  margin-top: 20px;
  width: 100%;
  position: relative;
}
.ws-feed-post-new-container + .cz-activity-feed-no-posts > .wf-feed-no-posts-message-wrapper > .cz-empty-state__icon {
  display: none;
}

.cz-groups-url-flagged {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

svg.cz-link-priority-button {
  fill: var(--utility-brand-600) !important;
  opacity: 0.2;
}

button.cz-link-priority-button.cz-link-priority-flagged svg {
  opacity: 1;
}

button.cz-link-priority-button.cz-link-priority-read-only:hover, button.cz-link-priority-button.cz-link-priority-read-only:focus, button.cz-link-priority-button.cz-link-priority-read-only.focus {
  background-color: transparent;
}

tr.cz-selected svg.cz-link-priority-button,
tr.cz-selected:hover svg.cz-link-priority-button,
tr.cz-selected:focus svg.cz-link-priority-button {
  fill: var(--bg-primary);
}

/***********************
 *
 * Groups
 *
 ***********************/
/*
 * Master Details Container inc. filter
 */
.cz-groups-xaml {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-groups-xaml-filter {
  flex: 0 0 auto;
  padding: 10px 0 0 10px;
  background-color: var(--bg-primary);
}

.cz-groups-xaml-form-container {
  position: relative;
  flex: 1 1 auto;
}

.cz-groups-xaml-form > .cz-master-detail-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-groups-xaml-form > .cz-master-detail-ctl .cz-data-entry-ctl-body > .cz-data-entry-ctl-no-items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: var(--gray-light-700);
}
.cz-groups-xaml-form > .cz-master-detail-ctl .cz-data-entry-ctl-form-container,
.cz-groups-xaml-form > .cz-master-detail-ctl .cz-data-entry-ctl-body {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-right: none;
}
@media screen and (max-width: 599px) {
  .cz-groups-xaml-form > .cz-master-detail-ctl .cz-data-entry-ctl-form-container,
  .cz-groups-xaml-form > .cz-master-detail-ctl .cz-data-entry-ctl-body {
    border-radius: 0;
  }
}

.cz-groups-xaml-form.cz-grid-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-groups-xaml-form.cz-grid-ctl .cz-data-entry-ctl-body > .cz-data-entry-ctl-no-items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: var(--gray-light-900);
}

/*
 * View xaml
 */
.cz-groups-xaml-root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 601px;
  border: 1px solid var(--gray-true-300);
  background: var(--bg-primary);
}

.cz-groups-xaml-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

.cz-groups-xaml-body {
  flex: 1 0 auto;
  min-width: 500px;
  padding: 20px;
}
.cz-footer-bar-fixed-parent > .cz-groups-xaml-body {
  padding-bottom: 48px;
}
.cz-groups-xaml-body img {
  max-width: 100%;
}

.cz-groups-xaml-footer {
  flex: 0 0 auto;
}
.cz-groups-xaml-footer div.cz-footer-bar-content {
  border-right: none;
}

/*
 * Feed popover
 */
.cz-groups-feed-popover-root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 601px;
  border: 1px solid var(--gray-true-300);
  background: var(--bg-primary);
}

.cz-groups-feed-popover-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cz-groups-feed-popover-body {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  position: relative;
  height: 100%;
  overflow-y: auto;
  z-index: 0;
  padding: 20px 5px 5px;
  background-color: var(--bg-primary);
}
.cz-footer-bar-fixed-parent > .cz-groups-feed-popover-body {
  padding-bottom: 53px;
}

.cz-groups-feed-popover-footer {
  flex: 0 0 auto;
  border-right: 1px solid var(--border-primary);
}
.cz-groups-feed-popover-footer div.cz-footer-bar-content {
  border-right: none;
}

table.cz-groups-feed-files-table {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  position: absolute;
}

thead.cz-groups-feed-files-table-head {
  flex: 0 0 38px;
  display: flex;
}

.cz-groups-feed-files-table-head-row {
  flex: 1 0 auto;
}

th.cz-groups-feed-files-table-button-cell,
th.cz-groups-feed-files-table-name-cell {
  border-right-width: 1px;
  border-right-style: solid;
}

tbody.cz-groups-feed-files-table-body {
  flex: 1 0 0px;
  overflow-y: auto;
  position: absolute;
  top: 38px;
  width: 100%;
}

.cz-groups-feed-files-table-head-row,
.cz-groups-feed-files-table-body-row {
  display: flex;
}

.cz-groups-feed-files-table-button-cell {
  flex: 0 0 50px;
  justify-content: center;
}

.cz-groups-feed-files-table-name-cell {
  flex: 3 0 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-groups-feed-files-table-name-cell__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-groups-feed-files-table-date-cell {
  flex: 1 0 0px;
}

.cz-groups-feed-files-table-date-cell,
.cz-groups-feed-files-table-name-cell,
.cz-groups-feed-files-table-button-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/***********************
 * Group Settings
 ***********************/
.cz-groups-settings-item-row {
  display: flex;
  flex-direction: row;
}

.cz-groups-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cz-groups-icon:not([disabled=disabled]):hover {
  border-color: var(--gray-true-300);
}

.cz-groups-icon {
  border-radius: 50%;
}
.cz-groups-icon.cz-groups-icon-selected {
  outline: 2px solid var(--utility-brand-600);
  outline-offset: 2px;
}
.cz-groups-icon .cz-groups-list-pic {
  height: 42px;
  width: 42px;
  contain: content;
}

.cz-tab-strip-ctl-content.cz-groups-settings-content-ctrl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  max-width: 601px;
}

.cz-groups-settings-content-ctrl .cz-data-entry-ctl-body {
  padding: 0 0 20px 0;
  overflow: hidden !important;
  border: 0;
}

.cz-include-in-knowledge-base-checkbox {
  padding-left: 15px;
}

div.cz-groups-settings-content-row {
  display: flex;
  align-items: center;
}
div.cz-groups-settings-content-row div.cz-groups-settings-content-row-field:first-of-type {
  flex: 0 0 200px;
  margin-right: 10px;
}
div.cz-groups-settings-content-row div.cz-groups-settings-content-row-field:nth-of-type(2) {
  flex: 0 0 75px;
  margin-right: 20px;
}
div.cz-groups-settings-content-row div.cz-groups-settings-content-row-field:last-of-type {
  flex: 0 0 200px;
}

.cz-contacts > cz-groups {
  height: 100%;
  flex-direction: column;
  display: flex;
  flex: 1 1 auto;
}

/* Abstracts */
/* Absences List */
/* ------------- */
.cz-absences-list-container {
  background-color: var(--bg-primary);
  width: 100%;
  padding: 20px;
}

.cz-plan-absences-list-wrapper {
  min-width: 480px;
}

.cz-plan-absences-list {
  max-width: 620px;
}

.cz-absences-list-event {
  display: flex;
  justify-content: space-between;
  flex: 1 1 0px;
  align-items: center;
}

.cz-absences-list-event-action-container {
  flex: 0 0 34px;
  display: flex;
  align-items: center;
}

.cz-absences-list-event-delete {
  flex: 0 0 auto;
  margin-left: 10px;
}

.cz-absences-list-event-container {
  display: flex;
  align-items: center;
  flex: 1 1 0px;
}

.cz-absences-list-event-date-reason {
  width: 180px;
  margin-right: 10px;
}
.cz-absences-list-event-date-reason.has-icons {
  margin-left: 10px;
}

svg.cz-absences-list-event-unlinked-icon {
  fill: var(--error-700);
}

.cz-absence-event-right-content {
  display: flex;
  align-items: center;
  width: 100px;
  justify-content: space-between;
  flex: 0 0 auto;
  margin-right: 10px;
}

.cz-absence-unlinked {
  opacity: 0.65;
}

.cz-absence-status-hidden {
  display: none;
}

.cz-absences-list-event-time-taken-container {
  text-align: right;
  margin-right: 10px;
}

.cz-absences-summary-adjustments .cz-master-detail-row {
  width: 100%;
  max-width: 100%;
}

/* Absences Details Overlay */
/* ------------------------ */
.cz-absence-plan-details-container {
  height: 100%;
  overflow-y: auto;
}

.cz-absence-plan-details-inner-container {
  max-width: 750px;
  min-width: 650px;
  min-height: 100%;
  box-shadow: 0 0 2px var(--alpha-black-20);
  margin-right: 15px;
  background-color: var(--bg-primary);
}

.cz-absence-plan-details-calculations-wrapper {
  background-color: var(--bg-primary);
}

.cz-absence-plan-details-calculations-container {
  background: var(--bg-primary);
}
.cz-absence-plan-details-calculations-container::after {
  content: "";
  position: absolute;
  width: 91%;
  height: 1px;
  background: var(--utility-gray-iron-200);
}

.cz-absence-plan-details-calculations {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 20px 20px 15px 20px;
}

button.cz-single-toil-mapping[disabled] {
  visibility: hidden;
}

.cz-absence-plan-details-calculations-operator {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: flex-end;
  margin-bottom: 5px;
  padding: 0 5px;
  font-size: 1rem;
}

.cz-absence-plan-details-calculations-total-remaining > .cz-absence-plan-details-calculations-amount-zero-positive {
  color: var(--utility-green-800);
}
.cz-absence-plan-details-calculations-total-remaining > .cz-absence-plan-details-calculations-amount-negative {
  color: var(--error-700);
}
.cz-absence-plan-details-calculations-total-remaining > .cz-absence-plan-details-calculations-amount-pending {
  color: var(--orange-300);
}
.cz-absence-plan-details-calculations-total-remaining > .cz-absence-plan-details-calculations-amount-draft {
  color: var(--utility-brand-600);
}

.cz-absence-plan-details-nonaccr-wrapper {
  display: flex;
  border-bottom: 1px solid var(--border-primary);
}

.cz-absence-plan-details-taken,
.cz-absence-plan-details-episodes {
  padding: 20px;
  display: flex;
  max-width: 50%;
  flex-direction: column;
  flex: 1 1 auto;
}

.cz-absence-plan-details-non-accr-calculation {
  text-align: left;
  padding-left: 0;
}

.cz-add-absence-button-container {
  display: flex;
  justify-content: flex-start;
}

/* Absence Event */
/* ------------- */
.cz-absence-event-bold-label > input {
  font-weight: 700;
}

/* Historic Plans Grid */
/* ------------------- */
.cz-absences-summary-outer-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-absences-summary-outer-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-absences-summary-outer-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-absences-summary-outer-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-absence-plan-history-grid .cz-data-entry-ctl-body {
  overflow: hidden;
  background: none;
}
.cz-absence-plan-history-grid div.cz-grid-table-container {
  max-width: 570px;
  margin-right: 15px;
  display: block;
}
.cz-absence-plan-history-grid div.cz-grid-table-container .cz-grid-table-body {
  max-height: 400px;
}
.cz-absence-plan-history-grid table.cz-table--grid-body {
  width: 100%;
}

.cz-tab-strip-ctl-tabs.ng-hide ~ .cz-absence-plan-accrual-form {
  background: var(--bg-primary);
  height: 100%;
}

/*
 * Move To Plan Dialog
 */
.cz-dialog-body.cz-move-plan-dialog-body {
  padding-bottom: 0;
}

/*
 * Absence Plan Accrual
 */
.cz-abs-plan-accrual {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-abs-plan-accrual-total {
  background-color: var(--bg-primary);
  border-right: 1px solid var(--gray-true-300);
  border-bottom: 1px solid var(--gray-true-300);
}
.cz-abs-plan-accrual-total.cz-form-cols-1 {
  width: 181px;
}
.cz-abs-plan-accrual-total.cz-form-cols-2 {
  width: 321px;
}
.cz-abs-plan-accrual-total.cz-form-cols-3 {
  width: 461px;
}
.cz-abs-plan-accrual-total.cz-form-cols-4 {
  width: 601px;
}
.cz-abs-plan-accrual-total.cz-form-cols-5 {
  width: 741px;
}
.cz-abs-plan-accrual-total.cz-form-cols-6 {
  width: 881px;
}

.cz-abs-plan-accrual-form-container {
  flex: 1 1 auto;
  position: relative;
}

.cz-abs-plan-accrual-form > .cz-tab-strip-ctl-body {
  overflow: inherit;
}

/*
 * Absence Plan Entitlement Calculated From
 */
.cz-abs-plan-ent-calc-from-root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 601px;
  border-right: 1px solid var(--gray-true-300);
  background: var(--bg-primary);
}

.cz-abs-plan-ent-calc-from-container {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.cz-abs-plan-ent-calc-from-body {
  flex: 1 0 auto;
  min-width: 500px;
}
.cz-footer-bar-fixed-parent > .cz-abs-plan-ent-calc-from-body {
  padding-bottom: 48px;
}

.cz-abs-plan-ent-calc-from-body-no-emps {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cz-abs-plan-ent-calc-from-table {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.cz-abs-plan-ent-calc-from-employment-section {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-primary);
}

.cz-abs-plan-ent-calc-from-employment-section-header {
  flex: 0 0 38px;
  border-bottom: 1px solid var(--border-primary);
  background-color: var(--theme-grid-header-background);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--fg-secondary);
  padding: 10px;
}

.cz-abs-plan-ent-calc-from-employment-section-header-title {
  flex: 1 1 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 15px;
}

.cz-abs-plan-ent-calc-from-employment-section-header-date {
  flex: 0 0 auto;
}

.cz-abs-plan-ent-calc-from-employment-section-row {
  display: flex;
  align-items: center;
  flex: 0 0 42px;
  padding: 0 5px 0 10px;
  border-bottom: 1px solid var(--brand-50);
  background-color: var(--bg-primary);
}
.cz-abs-plan-ent-calc-from-employment-section-row:last-child {
  border-bottom: none;
}

.cz-abs-plan-ent-calc-from-employment-section-row-button {
  margin-right: 10px;
  flex: 0 0 34px;
}

.cz-abs-plan-ent-calc-from-employment-section-row-title {
  margin-right: 10px;
  flex: 1 1 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-abs-plan-ent-calc-from-employment-section-row-date {
  flex: 0 0 auto;
  margin-right: 130px;
}

.cz-abs-plan-ent-calc-from-popover-footer {
  flex: 0 0 auto;
}
.cz-abs-plan-ent-calc-from-popover-footer div.cz-footer-bar-content {
  border-right: none;
}

.cz-master-detail-list-paid-status {
  position: absolute;
  top: 35%;
  right: 5px;
}

.cz-entitlement-adjustment-master-detail-list-paid-status {
  position: absolute;
  top: 25%;
  right: 5px;
}

/*
 * Absence Plan Time Worked
 */
.cz-abs-plan-time-worked-master-detail .cz-master-detail-info {
  position: relative;
}

.cz-abs-plan-time-worked-list-is-dirty {
  position: absolute;
  margin-top: 10px;
}

.cz-abs-plan-time-worked-list-element {
  margin-left: 30px;
}

/* Compensation */
/* ============ */
.cz-comp-amount {
  border: 1px solid;
  border-color: var(--gray-true-300);
}
.cz-comp-amount input {
  width: 100%;
}

.cz-comp-amount-title {
  padding: 5px;
  font-size: 1rem;
  border-color: var(--gray-true-300);
  font-weight: 600;
  background-color: var(--theme-grid-header-background);
  border-bottom: 1px solid var(--border-primary);
}

.cz-comp-amount-label {
  font-size: 0.875rem;
  width: 100%;
  margin-bottom: 0;
  padding: 5px;
}

.cz-comp-amount-currency-label {
  width: auto;
  margin-bottom: 0;
  padding: 5px;
  padding-bottom: 0;
}

.cz-comp-amount-group {
  padding: 10px 5px;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
}

.cz-comp-amount-group-container {
  border-top: 1px solid var(--border-primary);
}

.cz-comp-amount-group-container:first-child {
  border-bottom: none;
}

.cz-comp-amount-container-base {
  padding: 2px;
}

@media (width >= 350px) {
  .cz-comp-amount-container {
    padding: 2px;
    width: 50%;
  }
}
@media (width <= 350px) {
  .cz-comp-amount-container {
    padding: 2px;
    width: 100%;
  }
}
.cz-comp-amount-container-full {
  padding: 2px;
  width: 100%;
}

.cz-comp-amount-currency {
  padding: 5px;
  padding-bottom: 10px;
  width: 100%;
}

div.cz-picture-person img {
  max-width: 100%;
  border: 1px solid var(--border-primary);
  border-radius: 3px;
}
div.cz-picture-person img[src*=person-placeholder] {
  max-width: 180px;
}

div.cz-people-dev-plans-total-taken-field-group {
  margin: 0;
  padding: 0;
}
div.cz-people-dev-plans-total-taken-field-group div.cz-form-field-group {
  margin: 0;
  padding: 0;
}
div.cz-people-dev-plans-total-taken-field-group div.cz-form-field-group div.cz-form-field {
  margin: 0;
  padding: 0;
}

/* Abstracts */
/* General */
/* ------- */
.cz-appraisal-body {
  min-width: 700px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 20px;
  background: var(--bg-primary);
}

.cz-appraisal-heading {
  margin: 15px 0 5px;
}

.cz-appraisal-section, .cz-appraisal-comments, .cz-appraisal-instructions,
.cz-appraisal-signatures, .cz-appraisal-header {
  max-width: 980px;
}

.cz-appraisal-section-header {
  display: flex;
  align-items: center;
  min-height: 45px;
  height: -moz-fit-content;
  height: fit-content;
}

.cz-appraisal-fixed-text-area, .cz-appraisal-comments-current cz-text-area, .cz-appraisal-comments-editable cz-text-area, textarea.cz-appraisal-qa-answer, textarea.cz-appraisal-or-result, textarea.cz-appraisal-item-comments-text {
  width: 100%;
  overflow: hidden;
  resize: none;
}
.cz-appraisal-fixed-text-area.form-control, .cz-appraisal-comments-current cz-text-area.form-control, .cz-appraisal-comments-editable cz-text-area.form-control, textarea.form-control.cz-appraisal-qa-answer, textarea.form-control.cz-appraisal-or-result, textarea.form-control.cz-appraisal-item-comments-text {
  min-height: 0;
}

button.cz-appraisal-weight, button.cz-secondary-button.cz-appraisal-item-weight, button.cz-secondary-button.cz-appraisal-section-weight {
  font-weight: 400;
}
button.cz-appraisal-weight.cz-button[disabled], button.cz-button[disabled].cz-secondary-button.cz-appraisal-item-weight, button.cz-button[disabled].cz-secondary-button.cz-appraisal-section-weight {
  opacity: 1;
}

.cz-appraisal-section-header .cz-button[disabled].cz-appraisal-section-weight,
.cz-appraisal-section-header .cz-button[disabled].cz-appraisal-score-button {
  color: var(--text-white);
}

.cz-appraisal-summary-fields {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -15px 0;
}

.cz-appraisal-summary-field {
  width: 50%;
  padding: 15px 15px 0;
}

.cz-appraisal-summary-field-label {
  margin: 0 0 5px;
}

.cz-appraisal-summary-field-value {
  margin: 0;
}

.cz-appraisal-section-no-padding > .cz-form-section-body {
  padding: 0;
}

@media print {
  .cz-appraisal-body {
    display: block;
    position: static;
  }
  .cz-appraisal-section, .cz-appraisal-comments, .cz-appraisal-instructions,
  .cz-appraisal-signatures, .cz-appraisal-header {
    max-width: 100%;
    min-width: 100%;
    background-color: transparent;
    border-style: none;
    border-top: 2pt solid var(--black);
    border-radius: 0;
  }
  .cz-appraisal-section-header {
    height: auto;
    padding: 15px 0;
    background-color: transparent;
    border-bottom: 1pt solid var(--border-primary);
    border-radius: 0;
  }
  .cz-appraisal-summary-field-label {
    color: var(--black);
  }
}
/* Form */
/* ---- */
.cz-appraisal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 2100;
}

.cz-appraisal-stack {
  flex-grow: 1;
  top: 40px;
}

.cz-appraisal-stack-second-screen {
  flex-grow: 1;
  top: 0;
}

.cz-info.cz-appraisal-locked-info-message {
  margin-bottom: 15px;
}

@media print {
  .cz-appraisal-stack {
    top: 0;
  }
  .cz-appraisal {
    display: block !important;
    position: static;
  }
  .cz-appraisal-body {
    display: block;
    position: static;
    padding: 0;
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }
}
/* Top Bar */
/* ------- */
.cz-appraisal-top-bar {
  padding: 5px;
  padding-bottom: 0.75px;
}

.cz-appraisal-top-bar__button-wrapper {
  width: 100%;
  justify-content: space-between;
}

@media screen and (min-width: 1000px) {
  .cz-appraisal-top-bar__button-wrapper {
    max-width: 980px;
  }
}
.cz-appraisal-top-bar__button-wrapper,
.cz-appraisal-top-bar__primary-buttons,
.cz-appraisal-top-bar__secondary-buttons {
  display: flex;
  align-items: center;
}

.cz-appraisal-jump-button {
  position: relative;
}

.cz-appraisal-edit-button {
  margin-left: 5px;
}

.cz-appraisal-print-button {
  margin-right: 5px;
}

@media print {
  .cz-appraisal-top-bar {
    display: none;
  }
}
/* Header */
/* ------ */
.cz-section__header.cz-appraisal-header-top-panel {
  display: flex;
  align-items: center;
  height: 50px;
  justify-content: space-between;
}

div.cz-appraisal-header-person {
  display: flex;
  align-items: center;
}

.cz-picture--large.cz-appraisal-header-person-picture {
  align-self: flex-start;
  margin: 5px 10px 5px 0;
}

.cz-appraisal-header-person-name,
.cz-appraisal-header-form-name {
  flex: 0 0 auto;
}

.cz-appraisal-header-body {
  display: flex;
}

.cz-appraisal-header-left-panel {
  flex: 1 1 0px;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: none !important;
}

.cz-appraisal-summary-expand-btn {
  margin-top: 15px;
  align-self: flex-start;
}

.cz-appraisal-header-extended-panel {
  padding: 15px;
  border-top: 1px solid var(--gray-true-300);
}

.cz-appraisal-score-panel {
  align-self: flex-start;
  flex: 1 1 0px;
  margin: 15px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-primary);
  border-radius: 3px;
}
.cz-appraisal-score-panel.cz-appraisal-score-numeric {
  flex: 0.5 0.5 0px;
}
.cz-appraisal-score-panel > .cz-appraisal-score {
  flex-shrink: 0;
  padding: 10px;
  background-color: var(--gray-light-100);
  border-top: 1px solid var(--border-primary);
  border-radius: 0 0 3px 3px;
}

.cz-appraisal-score-gauge-container {
  flex: 1 0 auto;
  background-color: var(--bg-primary);
  border-radius: 3px 3px 0 0;
  display: flex;
  justify-content: center;
}
.cz-appraisal-score-gauge-container.cz-appraisal-score-gauge-container-small {
  display: none;
}

@media screen and (max-width: 900px) {
  .cz-appraisal-header-left-panel {
    min-height: 180px;
  }
  .cz-appraisal-score-panel {
    flex: 0 0 240px;
  }
  .cz-appraisal-score-gauge-container.cz-appraisal-score-gauge-container-large {
    display: none;
  }
  .cz-appraisal-score-gauge-container.cz-appraisal-score-gauge-container-small {
    display: flex;
  }
  .cz-appraisal-score-panel.cz-appraisal-score-numeric {
    flex: 0 0 200px;
  }
}
@media print {
  .cz-appraisal-header-top-panel {
    height: auto;
    padding: 15px 0;
    background-color: transparent;
    border-bottom: 1pt solid var(--border-primary);
  }
  .cz-appraisal-header-left-panel {
    padding: 15px 0 0;
    min-height: 0;
  }
  .cz-appraisal-score-panel {
    margin-right: 0;
    min-width: 150px;
  }
  .cz-appraisal-score-panel > .cz-appraisal-score {
    background-color: transparent;
  }
  .cz-appraisal-header-person-name,
  .cz-appraisal-header-form-name {
    color: var(--black);
  }
  .cz-appraisal-summary-expand-btn {
    display: none !important;
  }
  .cz-appraisal-header-extended-panel {
    padding: 15px 0;
    border-top: none;
  }
}
/* Instructions and Signatures */
/* --------------------------- */
.cz-appraisal-instructions,
.cz-appraisal-signatures {
  background-color: var(--bg-primary);
  padding: 15px 15px 5px 15px;
}
.cz-appraisal-instructions img,
.cz-appraisal-signatures img {
  max-width: 100%;
}

@media print {
  .cz-appraisal-instructions,
  .cz-appraisal-signatures {
    padding: 15px 0;
  }
}
/* Form and Section Scores */
/* ----------------------- */
.cz-appraisal-score {
  justify-content: center;
  display: flex;
  align-items: center;
}

button.cz-appraisal-score-button.cz-button {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-appraisal-score-editing > button.cz-appraisal-score-button.cz-button {
  display: none;
}
button.cz-appraisal-score-button.cz-button[disabled] {
  opacity: 1;
  color: var(--text-primary);
}

.cz-appraisal-score-input,
.cz-appraisal-score-drop-down {
  flex: 1 1 0px;
  font-weight: 600;
  min-width: 200px;
  margin-left: 10px;
  max-width: 200px;
}
.cz-appraisal-score-input[disabled],
.cz-appraisal-score-drop-down[disabled] {
  color: var(--fg-error-primary);
  padding-bottom: 400px;
}
.cz-appraisal-score-editing > .cz-appraisal-score-input,
.cz-appraisal-score-editing > .cz-appraisal-score-drop-down {
  display: block;
}

.cz-appraisal-score-input {
  text-align: center;
}

.cz-appraisal-score-unscored-items {
  position: relative;
}

button.cz-appraisal-score-unscored-items,
button.cz-appraisal-score-overridden {
  margin-left: 5px;
}

.cz-appraisal-score-overridden {
  position: relative;
}

.cz-appraisal-use-calculated {
  margin-top: 15px;
}

/* Sections and Items */
/* ------------------ */
.cz-appraisal-item-deleted {
  text-decoration: line-through;
}

.cz-appraisal-item-error {
  background-color: var(--utility-error-300) !important;
}

.cz-appraisal-sub-section, .cz-appraisal-section-actions {
  border-bottom: 1px solid var(--gray-true-300);
  padding: 15px 0;
  page-break-inside: avoid;
}
.cz-appraisal-sub-section:last-child, .cz-appraisal-section-actions:last-child {
  border-bottom-width: 0;
}
.cz-appraisal-sub-section:first-child, .cz-appraisal-section-actions:first-child {
  padding-top: 0;
}
.cz-appraisal-sub-section:only-child, .cz-appraisal-section-actions:only-child {
  padding: 0;
}
.cz-appraisal-sub-section.cz-appraisal-objective-planning-section .cz-appraisal-item-header, .cz-appraisal-sub-section.cz-appraisal-objective-planning-section .cz-appraisal-comments-item-header, .cz-appraisal-objective-planning-section.cz-appraisal-section-actions .cz-appraisal-item-header, .cz-appraisal-objective-planning-section.cz-appraisal-section-actions .cz-appraisal-comments-item-header {
  margin-bottom: 0;
}

.cz-appraisal-section-header > .cz-appraisal-score {
  flex-shrink: 0;
  margin-left: 15px;
  min-width: 250px;
  max-width: 250px;
}

.cz-appraisal-section-name {
  padding: 0;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  line-height: inherit;
}

.cz-appraisal-section-buttons {
  display: inline-grid;
  grid-template-columns: auto;
  flex: 0 0 auto;
  justify-items: end;
}
.cz-appraisal-section-buttons button {
  margin-top: 5px;
  margin-bottom: 5px;
}
.cz-appraisal-section-buttons .cz-appraisal-section-button-row {
  display: inline-grid;
  grid-template-columns: auto auto;
}
.cz-appraisal-section-buttons .cz-appraisal-score-drop-down,
.cz-appraisal-section-buttons .cz-button.cz-appraisal-score-button {
  flex-grow: 0;
  flex-basis: auto;
  margin-left: 10px;
  min-width: 200px;
}
.cz-appraisal-section-buttons .cz-appraisal-score-drop-down {
  flex-shrink: 1;
}
.cz-appraisal-section-buttons .cz-appraisal-score-button {
  flex-shrink: 0;
}
.cz-appraisal-section-buttons .cz-appraisal-score.cz-section-score-numeric input,
.cz-appraisal-section-buttons .cz-appraisal-score.cz-section-score-numeric button.cz-appraisal-score-button {
  min-width: 120px;
}
.cz-appraisal-section-buttons .cz-appraisal-score.cz-section-score-numeric.cz-appraisal-score-editing input.cz-appraisal-score-input {
  max-width: 120px;
  margin-left: 10px;
}
.cz-appraisal-section-buttons button.cz-svg-round-button:hover {
  background: var(--bg-primary);
}
.cz-appraisal-section-buttons button.cz-svg-round-button:hover > div > svg.cz-svg-round-button {
  fill: var(--utility-gray-800);
}
.cz-appraisal-section-buttons svg.cz-svg-round-button {
  fill: var(--bg-primary);
}

button.cz-secondary-button.cz-appraisal-section-weight {
  flex-shrink: 0;
  margin-left: 15px;
  min-width: 120px;
  width: 200px;
}
button.cz-secondary-button.cz-appraisal-section-weight[disabled] {
  color: var(--text-primary);
}

button.cz-appraisal-section-totals.cz-secondary-button {
  width: 200px;
  margin-left: 15px;
  display: inline-block;
  text-overflow: ellipsis;
  text-align: center;
  pointer-events: auto;
}

div.cz-appraisal-section-button-row.cz-appraisal-section-payouts {
  padding-right: 32px !important;
}

.cz-appraisal-section-menu {
  flex-shrink: 0;
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

p.cz-appraisal-section-introduction {
  line-height: 20px;
  margin: 0;
}

.cz-appraisal-section-actions {
  display: flex;
  padding: 15px 0 0;
}

.cz-appraisal-section-action {
  margin-right: 7px;
}
.cz-appraisal-section-action:last-child {
  margin-right: 0;
}

.cz-appraisal-item-name {
  flex: 1 1 0px;
}
a.cz-appraisal-item-name {
  color: var(--text-primary);
}

.cz-appraisal-item-header, .cz-appraisal-comments-item-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: space-between;
}
.cz-appraisal-item-header > .cz-appraisal-mandatory-score, .cz-appraisal-comments-item-header > .cz-appraisal-mandatory-score {
  flex-shrink: 0;
}
.cz-appraisal-item-header > .cz-appraisal-item-name, .cz-appraisal-comments-item-header > .cz-appraisal-item-name {
  flex: 1 1 0px;
}
.cz-appraisal-item-header > .cz-appraisal-item-weight, .cz-appraisal-comments-item-header > .cz-appraisal-item-weight {
  flex-shrink: 0;
  margin-left: 15px;
  min-width: 120px;
}
.cz-appraisal-item-deleted > .cz-appraisal-item-header > .cz-appraisal-item-weight, .cz-appraisal-item-deleted > .cz-appraisal-comments-item-header > .cz-appraisal-item-weight {
  display: none;
}
.cz-appraisal-item-header > .cz-appraisal-item-menu, .cz-appraisal-comments-item-header > .cz-appraisal-item-menu {
  flex: 0 0 auto;
}
.cz-appraisal-item-header > .cz-appraisal-item-menu > .cz-appraisal-item-menu-drop-down-wrapper, .cz-appraisal-comments-item-header > .cz-appraisal-item-menu > .cz-appraisal-item-menu-drop-down-wrapper {
  margin-left: 15px;
}
.cz-appraisal-item-header > div > .cz-appraisal-item-menu, .cz-appraisal-comments-item-header > div > .cz-appraisal-item-menu {
  flex: 0 0 auto;
}
.cz-appraisal-item-header > div > .cz-appraisal-item-menu > .cz-appraisal-item-menu-drop-down-wrapper, .cz-appraisal-comments-item-header > div > .cz-appraisal-item-menu > .cz-appraisal-item-menu-drop-down-wrapper {
  margin-left: 15px;
}

button.cz-secondary-button.cz-appraisal-item-weight {
  height: 32px;
  padding: 0 10px;
}
button.cz-secondary-button.cz-appraisal-item-weight[disabled] {
  color: var(--text-primary);
}

.cz-appraisal-radio-list-item {
  padding-bottom: 5px;
}

.cz-appraisal-mandatory-score {
  margin-left: -6px;
  margin-right: -6px;
}

svg.cz-appraisal-mandatory-score-message-icon {
  height: 12px;
  width: 12px;
}

@media print {
  .cz-appraisal-section-name {
    color: var(--black);
  }
  .cz-appraisal-section-menu,
  .cz-appraisal-section-actions,
  .cz-appraisal-item-menu {
    display: none !important;
  }
  div.cz-appraisal-section-introduction {
    padding: 15px 0;
    border-bottom: 1pt solid var(--border-primary);
  }
  p.cz-appraisal-section-introduction {
    word-break: break-word;
  }
  .cz-appraisal-sub-section, .cz-appraisal-section-actions {
    display: block;
    padding: 15px 0;
    border-bottom: 1pt solid var(--border-primary);
  }
}
/* Item Comments */
/* ------------- */
.cz-appraisal-item-comments {
  margin-top: 15px;
}
.cz-appraisal-item-comments.cz-appraisal-item-comments-active {
  display: block;
}

div.cz-appraisal-item-comments-printable-text {
  display: none;
  margin-left: 15px;
}

@media print {
  textarea.cz-appraisal-item-comments-text {
    display: none;
  }
  div.cz-appraisal-item-comments-printable-text {
    display: block;
  }
  section.cz-appraisal-comments.cz-appraisal-no-comments {
    display: none;
  }
  section.cz-appraisal-comments.cz-appraisal-no-comments textarea {
    display: none;
  }
}
cz-competency-ratings-section-comments {
  height: 40px;
  min-height: 40px;
}

/* Competency Rating Sections */
/* -------------------------- */
table.cz-appraisal-cr {
  margin: -5px 0;
  width: 100%;
}

table.cz-appraisal-cr-1-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-1-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 50%;
}

table.cz-appraisal-cr-2-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-2-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 25%;
}

table.cz-appraisal-cr-3-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-3-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 16.6666666667%;
}

table.cz-appraisal-cr-4-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-4-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 12.5%;
}

table.cz-appraisal-cr-5-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-5-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 10%;
}

table.cz-appraisal-cr-6-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-6-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 8.3333333333%;
}

table.cz-appraisal-cr-7-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-7-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 7.1428571429%;
}

table.cz-appraisal-cr-8-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-8-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 6.25%;
}

table.cz-appraisal-cr-9-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-9-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 5.5555555556%;
}

table.cz-appraisal-cr-10-cols > colgroup.cz-appraisal-cr-competency {
  width: 50%;
}
table.cz-appraisal-cr-10-cols > colgroup.cz-appraisal-cr-variable-cols {
  width: 5%;
}

tbody > tr.cz-appraisal-cr {
  border-bottom: 1px solid var(--gray-true-300);
}
tbody > tr.cz-appraisal-cr:last-of-type {
  border-bottom: none;
}

colgroup.cz-appraisal-cr-competency {
  width: 100%;
}

th.cz-appraisal-cr-mandatory, th.cz-appraisal-cr-competency, th.cz-appraisal-cr-weight, th.cz-appraisal-cr-rating, th.cz-appraisal-cr-item-menu {
  padding: 5px 0;
  vertical-align: middle;
}

td.cz-appraisal-cr-mandatory, td.cz-appraisal-cr-competency, td.cz-appraisal-cr-weight, td.cz-appraisal-cr-rating, td.cz-appraisal-cr-item-menu {
  padding: 5px 0;
  vertical-align: middle;
}

td.cz-appraisal-cr-mandatory {
  vertical-align: top;
}

td.cz-appraisal-cr-competency {
  padding-right: 5px;
  padding-top: 10px;
}

.cz-appraisal-cr-weight {
  text-align: center;
}
th.cz-appraisal-cr-weight {
  font-weight: 400;
  text-align: center;
}

td.cz-appraisal-cr-weight > button.cz-appraisal-item-weight.cz-button {
  font-weight: 400;
  width: 100%;
  max-width: 65px;
}

th.cz-appraisal-cr-rating {
  font-weight: 600;
  text-align: center;
}

td.cz-appraisal-cr-rating {
  padding-top: 10px;
  text-align: center;
  position: relative;
}

.cz-appraisal-cr-rating__radio-wrapper {
  width: 100%;
}

.cz-appraisal-cr-rating__radio-button {
  margin-left: 5px;
}

.cz-appraisal-cr-rating__accessible-label {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media print {
  tbody > tr.cz-appraisal-cr {
    border-bottom: 1pt solid var(--border-primary);
  }
}
/* Objective Planning Section */
/* ------------------------ */
div.cz-appraisal-op-target,
div.cz-appraisal-op-target-date {
  margin-left: 15px;
}

/* Objective Review Section */
/* ------------------------ */
div.cz-appraisal-or-body {
  display: flex;
  align-items: flex-start;
}

div.cz-appraisal-or-target-panel {
  flex: 1 1 0px;
  margin-top: -15px;
}

div.cz-appraisal-or-target,
div.cz-appraisal-or-target-date,
div.cz-appraisal-or-printable-result {
  margin-left: 15px;
}

div.cz-appraisal-or-printable-result {
  display: none !important;
}

div.cz-appraisal-or-rating-panel {
  flex-shrink: 0;
  padding-left: 15px;
  min-width: 280px;
}

.cz-appraisal-or-drop-down {
  float: right;
  width: 280px !important;
}

.cz-appraisal-or-rating-description {
  margin-top: 5px;
  text-align: right;
}

.cz-appraisal-obj-targetandpayouts {
  margin-top: 5px;
  display: flex;
}
.cz-appraisal-obj-targetandpayouts label {
  padding-right: 20px;
}
.cz-appraisal-obj-targetandpayouts cz-numeric-text-box {
  width: 12.5rem;
  display: block;
  padding-right: 20px;
}

@media print {
  textarea.cz-appraisal-or-result {
    display: none;
  }
}
/* Question & Answer Sections */
/* -------------------------- */
div.cz-appraisal-qa-question {
  flex: 1 1 0px;
}

p.cz-appraisal-qa-question:last-child {
  margin-bottom: 0;
}

input.cz-appraisal-qa-answer {
  width: 100%;
}

div.cz-appraisal-qa-printable-answer {
  display: none;
  margin-left: 15px;
}

@media print {
  cz-text-box.cz-appraisal-qa-answer,
  textarea.cz-appraisal-qa-answer {
    display: none;
  }
  div.cz-appraisal-qa-printable-answer {
    display: block;
  }
}
/* Weights Editor */
/* -------------- */
.cz-appraisal-weights-container {
  padding: 20px;
  display: flex;
  flex-direction: column;
  max-width: 600px;
}

.cz-appraisal-weights-section, .cz-appraisal-weights-transaction-buttons, .cz-appraisal-weights-footer-bar, .cz-appraisal-weights-items, .cz-appraisal-weights-action-buttons, .cz-appraisal-weights-heading {
  flex-shrink: 0;
  background-color: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-top-style: none;
}

.cz-appraisal-weights-buttons, .cz-appraisal-weights-transaction-buttons, .cz-appraisal-weights-action-buttons {
  padding: 5px 15px;
  background-color: var(--bg-primary);
}

.cz-appraisal-weights-action-buttons {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-end;
}

.cz-appraisal-weights-heading .cz-section__title {
  color: var(--text-primary);
}

.cz-appraisal-weights-item,
.cz-appraisal-weights-total-item {
  display: flex;
  padding: 5px 15px;
}

.cz-appraisal-weights-item {
  align-items: center;
}

.cz-appraisal-weights-item-name {
  flex: 1 1 0px;
  margin-right: 5px;
  align-self: center;
}
.cz-appraisal-weights-selected > .cz-appraisal-weights-item-name {
  font-weight: 600;
}

.cz-appraisal-weights-item-weight {
  flex: 0 0 150px;
  width: 150px;
}
.cz-appraisal-weights-item-weight input {
  text-align: right;
}

.cz-appraisal-weights-footer-bar {
  display: flex;
  align-items: center;
  min-height: 45px;
}

.cz-appraisal-weights-total-item {
  flex: 1 1 0px;
}
.cz-appraisal-weights-total-item > .cz-appraisal-weights-item-weight input {
  font-weight: 600;
}

.cz-appraisal-weights-no-weights {
  margin: 0 auto;
}

.cz-appraisal-weights-transaction-buttons {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-direction: row-reverse;
  border-radius: 0 0 3px 3px;
}
.cz-appraisal-weights-transaction-buttons > .cz-appraisal-weights-button {
  margin-right: 7px;
}
.cz-appraisal-weights-transaction-buttons > .cz-appraisal-weights-button:first-child {
  margin-right: 0;
}

@media (min-height: 480px) {
  .cz-appraisal-weights-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .cz-appraisal-weights-items {
    flex-shrink: 1;
    overflow-y: auto;
  }
}
/* Summary Comments */
/* ---------------- */
.cz-appraisal-comments-item {
  padding: 0 10px;
}

.cz-appraisal-comments-item-header {
  margin: 0 -10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cz-appraisal-comments-author {
  flex-grow: 1;
}

.cz-appraisal-comments-date {
  flex: 1 0 auto;
  margin: 0 15px;
  text-align: right;
}

div.cz-appraisal-comments-read-only {
  /* To stop the text moving on hover */
  border: 1px solid transparent;
  cursor: text;
  padding: 6px 12px;
  min-height: 50px;
  border-radius: 3px;
  margin: 10px 0;
}
div.cz-appraisal-comments-read-only:hover {
  border-color: var(--brand-100);
}
div.cz-appraisal-comments-read-only p.cz-appraisal-comments-read-only {
  margin: 0;
  word-break: break-word;
}
div.cz-appraisal-comments-read-only p.cz-appraisal-comments-read-only:hover {
  border-color: transparent;
}

@media print {
  div.cz-appraisal-comments-read-only p.cz-appraisal-comments-read-only {
    word-break: break-word;
  }
}
.cz-appraisal-comments-editable cz-text-area {
  margin: 10px 0;
  min-height: 30px !important;
}

.cz-appraisal-comments-current cz-text-area {
  margin: 0 !important;
  min-height: 30px !important;
}

/* Competency Profile BARS */
/* ----------------------- */
div.cz-bars-control.cz-form-container {
  margin: 0 0 20px -20px;
}

/* Involved In Process Widget */
/* -------------------------- */
tr.cz-grid-table-row td div.cz-pm-processes-round-icon.cz-grid-table-cell > cz-button-popup-control {
  padding: 0 10px;
  justify-content: center;
}

button.cz-pm-processes-round-icon {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-pm-processes-round-icon:hover {
  background-color: var(--gray-light-200);
}
button.cz-pm-processes-round-icon:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-pm-processes-round-icon[disabled], button.cz-pm-processes-round-icon[disabled]:hover, button.cz-pm-processes-round-icon[disabled]:focus, button.cz-pm-processes-round-icon[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-pm-processes-round-icon[disabled] svg, button.cz-pm-processes-round-icon[disabled]:hover svg, button.cz-pm-processes-round-icon[disabled]:focus svg, button.cz-pm-processes-round-icon[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-pm-processes-round-icon svg {
  fill: var(--text-primary);
}
button.cz-pm-processes-round-icon:active {
  background-color: var(--gray-light-200);
}
button.cz-pm-processes-round-icon:hover, button.cz-pm-processes-round-icon:focus, button.cz-pm-processes-round-icon.focus {
  background-color: var(--alpha-black-20);
}
button.cz-pm-processes-round-icon[disabled], button.cz-pm-processes-round-icon[disabled]:hover, button.cz-pm-processes-round-icon[disabled]:focus, button.cz-pm-processes-round-icon[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-pm-processes-round-icon > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-pm-processes-round-icon {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-pm-processes-round-icon:hover {
  background-color: var(--gray-light-200);
}
a.cz-pm-processes-round-icon:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-pm-processes-round-icon[disabled], a.cz-pm-processes-round-icon[disabled]:hover, a.cz-pm-processes-round-icon[disabled]:focus, a.cz-pm-processes-round-icon[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-pm-processes-round-icon[disabled] svg, a.cz-pm-processes-round-icon[disabled]:hover svg, a.cz-pm-processes-round-icon[disabled]:focus svg, a.cz-pm-processes-round-icon[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-pm-processes-round-icon svg {
  fill: var(--text-primary);
}
a.cz-pm-processes-round-icon:active {
  background-color: var(--gray-light-200);
}
a.cz-pm-processes-round-icon:hover, a.cz-pm-processes-round-icon:focus, a.cz-pm-processes-round-icon.focus {
  background-color: var(--alpha-black-20);
}
a.cz-pm-processes-round-icon[disabled], a.cz-pm-processes-round-icon[disabled]:hover, a.cz-pm-processes-round-icon[disabled]:focus, a.cz-pm-processes-round-icon[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-pm-processes-round-icon > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-pm-processes-round-icon {
  fill: var(--gray-iron-600);
  width: 16px;
}
button:hover > div > svg.cz-pm-processes-round-icon, button:focus > div > svg.cz-pm-processes-round-icon, a:hover > div > svg.cz-pm-processes-round-icon, a:focus > div > svg.cz-pm-processes-round-icon {
  fill: var(--gray-iron-600);
}

.cz-section-rating-scales cz-container {
  overflow: hidden !important;
}

/*
 *  Timesheets
 */
.cz-ts-container {
  max-width: 750px;
}

.cz-ts-plan {
  margin-bottom: 10px;
}
.cz-ts-plan:last-child {
  margin-bottom: 0;
}

.cz-ts-no-plans {
  padding: 15px 0;
}

.cz-ts-plan-header {
  line-height: initial;
  height: auto;
  padding: 10px;
}

.cz-ts-row-table-cell {
  width: 20%;
}
.cz-ts-row-table-cell:last-child {
  border-right: none;
  padding: 3px;
  width: 10%;
  text-align: center;
}
.cz-ts-row-table-cell:nth-child(3) {
  width: 50%;
}

.cz-ts-more-button {
  width: 100%;
  margin-top: 10px;
}

.cz-ts-add-dialog-body {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .cz-ts-add-dialog-body {
    --dialog-flex-direction: column;
  }
}
@media (max-width: 768px) {
  .cz-ts-add-dialog-body {
    --dialog-flex-direction: column;
  }
}
.cz-ts-add-dialog-date {
  width: 150px;
}

.cz-ts-add-dialog-separator {
  margin: 0 5px;
}

/*
 *  Timesheet Header
 */
.cz-ts-header-container {
  display: flex;
  flex-direction: column;
  min-width: 900px;
  max-width: 1200px;
  border: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  border-radius: 3px 3px 0 0;
}
.cz-ts-header-container .cz-ts-header-controls-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 15px;
}

.cz-ts-title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 40px;
  background: var(--utility-gray-dark-50);
  padding-left: 20px;
  border-bottom: 1px solid var(--utility-gray-300);
  border-radius: 3px 3px 0 0;
}

.cz-ts-header-title {
  color: var(--alpha-black-75);
  font-weight: 600;
  font-size: 1rem;
}

.cz-ts-header-nav-container {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

button.cz-ts-header-previous-button {
  margin-right: 5px;
}

button.cz-ts-header-next-button {
  margin: 0 10px 0 5px;
}

.cz-ts-status-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cz-ts-status-textbox {
  margin: 0 15px 0 0;
}

/* Abstracts */
/*
 *  Time In / Time Out
 */
.cz-ts-tito-container {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  max-width: 1200px;
  min-width: 1000px;
  border: 1px solid var(--border-primary);
  border-top: none;
  border-radius: 0 0 3px 3px;
  background-color: var(--bg-primary);
}

.cz-ts-tito-week-container {
  display: flex;
  flex-direction: row;
  padding: 0 10px;
  margin-top: 10px;
}

.cz-ts-tito-week-container-validation {
  margin-top: 10px;
}

.cz-ts-tito-nav-tabs {
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  padding-right: 20px;
  border-bottom: none;
  padding-left: 0;
  margin-bottom: 0;
  padding-top: 10px;
  justify-content: flex-start;
}

.cz-ts-tito-day-li {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  margin-bottom: -1px;
  margin-right: 5px;
  justify-content: flex-end;
  max-width: 112px;
}
.cz-ts-tito-day-li.active > .cz-ts-tito-day-a, .cz-ts-tito-day-li.active > .cz-ts-tito-day-a:focus {
  background-color: var(--bg-primary);
  border-bottom-color: var(--fg-white);
  padding: 5px 0;
  z-index: 2;
}
.cz-ts-tito-day-li.active > .cz-ts-tito-day-a .cz-ts-tito-tab-date-container,
.cz-ts-tito-day-li.active > .cz-ts-tito-day-a .cz-tito-tab-time-label, .cz-ts-tito-day-li.active > .cz-ts-tito-day-a:focus .cz-ts-tito-tab-date-container,
.cz-ts-tito-day-li.active > .cz-ts-tito-day-a:focus .cz-tito-tab-time-label {
  color: var(--brand-700);
}

.cz-ts-tito-day-a {
  border: 1px solid var(--border-primary);
  border-radius: 5px 5px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 5px 0;
  flex: 1 1 auto;
  color: var(--gray-light-700);
  background: var(--bg-tertiary);
}
.cz-ts-tito-day-a:hover {
  background-color: var(--bg-primary_hover);
  border: 1px solid var(--border-primary);
  text-decoration: none;
  cursor: pointer;
}
.cz-ts-tito-day-a:focus {
  text-decoration: none;
  background-color: var(--bg-primary_hover);
  outline: 0;
}

.cz-ts-tito-day-a.cz-ts-tito-nonwtp {
  background: repeating-linear-gradient(45deg, var(--gray-light-200), var(--gray-light-200) 2.5%, var(--bg-primary) 2.5%, var(--bg-primary) 5%, var(--gray-light-200) 5%) top left fixed;
  background-size: 60px 60px;
  color: var(--gray-light-900);
}
.cz-ts-tito-day-li.active > .cz-ts-tito-day-a.cz-ts-tito-nonwtp {
  border-bottom: none;
}
.cz-ts-tito-day-a.cz-ts-tito-nonwtp > .cz-tito-tab-time-label,
.cz-ts-tito-day-a.cz-ts-tito-nonwtp > .cz-ts-tito-tab-date-container {
  padding: 0 3px;
  width: 100%;
}

.cz-ts-tito-tab-date-container {
  display: flex;
  flex-flow: row;
  justify-content: center;
}
.cz-ts-tito-tab-date-container span:first-child {
  padding-right: 5px;
}

.cs-tito-week-total-done {
  align-self: stretch;
  border: 1px solid var(--utility-gray-true-600);
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-color: var(--utility-gray-true-600);
  color: var(--bg-primary);
  padding: 0 10px;
  align-self: flex-end;
}
.cs-tito-week-total-done .cz-tito-tab-time-label {
  font-size: 1.25rem;
}

.cs-tito-week-total-container {
  align-self: stretch;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: var(--bg-primary);
  align-self: flex-end;
}
.cs-tito-week-total-container .cz-tito-tab-time-label {
  font-size: 1.25rem;
}

.cz-ts-tito-detail-duration {
  line-height: 38px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 80px;
  font-weight: 600;
  color: var(--utility-green-600-alpha-90);
}

.cz-ts-tito-section {
  background: var(--bg-primary);
  margin-bottom: 25px;
  padding: 0 15px;
}
.cz-ts-tito-section.cz-empty-state--row {
  padding: 15px 0;
}

.cz-ts-tito-detail-container {
  padding-top: 40px;
  min-height: 100px;
  background-color: var(--bg-primary);
  border-top: 1px solid var(--border-primary);
  border-radius: 0 0 3px 3px;
}

.cz-ts-tito-detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1083px;
  flex-grow: 1;
  padding: 2px 0;
}

.cz-ts-tito-startend-label {
  position: absolute;
  top: -22px;
  font-weight: 600;
}

.cz-ts-tito-detail-row > span {
  display: flex;
  align-items: center;
}

span.cz-ts-tito-detail-row-desc {
  flex-shrink: 2;
}

div.cz-ts-tito-detail-row-times {
  flex: 1 1 auto;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cz-ts-tito-detail-outer-row {
  display: flex;
  margin-bottom: 8px;
}
.cz-ts-tito-detail-outer-row:last-child {
  margin-bottom: 0;
}
.cz-ts-tito-detail-outer-row:nth-child(even) .cz-ts-tito-detail-row,
.cz-ts-tito-detail-outer-row:nth-child(even) .cz-ts-tito-detail-duration {
  background-color: transparent;
}

button.cz-ts-tito-detail-row-delete {
  margin-left: 10px;
}

.cz-ts-tito-addtotal-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 60px;
  background: none;
  margin: 0;
}

.cz-ts-tito-addtotal-section-stretch {
  justify-content: space-between;
}

.cz-ts-tito-addtotal-section-right {
  justify-content: flex-end;
}

.cz-ts-tito-abs-total-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 10px;
  height: 60px;
  align-items: center;
}

.cz-ts-tito-abs-total-section-header {
  border-top: 1px solid var(--border-primary);
  padding: 15px;
  color: var(--alpha-black-75);
  font-weight: 600;
}

.cz-ts-tito-addtotal-total-wrapper {
  display: flex;
  align-items: center;
  padding-right: 20px;
}

.cz-ts-tito-addtotal-total-value-wrapper {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cz-ts-tito-addtotal-total-value,
.cz-ts-tito-abs-total-value {
  height: 32px;
  width: 54px;
}

.cz-ts-tito-detail-holiday-row {
  margin-right: 93px;
}

.cz-ts-tito-detail-holiday {
  background: var(--error-700);
}

.cz-ts-tito-detail-row-header {
  width: 5px;
  min-height: 38px;
  flex-shrink: 0;
  align-self: stretch;
}

.cz-ts-tito-detail-abs-header {
  background: var(--yellow-400);
}

.cz-ts-tito-detail-abs-start,
.cz-ts-tito-detail-abs-end {
  height: 32px;
  width: 100px;
}

.cz-ts-tito-readonly-element {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 3px;
  line-height: 32px;
  height: 32px;
  text-indent: 12px;
  box-shadow: none;
  background: var(--bg-disabled);
  color: var(--text-primary);
  background-image: none;
  background-color: var(--bg-disabled);
  background-image: none;
  background-position: 50% 50%;
  box-shadow: none;
  border: 1px solid var(--border-primary);
}
.cz-ts-tito-readonly-element[aria-readonly=true], .cz-ts-tito-readonly-element[disabled=disabled], .cz-ts-tito-readonly-element[aria-disabled=true], .cz-ts-tito-readonly-element[aria-readonly=false][disabled=disabled], .cz-ts-tito-readonly-element[readonly] {
  background: var(--bg-disabled);
  cursor: initial;
}

.cz-ts-tito-detail-abs-end {
  margin: 0 34px 0 10px;
}

.cz-ts-tito-detail-row-desc {
  flex-grow: 1;
  margin-left: 12px;
  word-break: break-word;
  color: var(--gray-light-600);
  font-weight: 600;
}

.cz-ts-tito-day-li {
  text-align: center;
}

.cz-ts-bank-holiday-indicator {
  font-size: 0.75rem;
  background-color: var(--error-700);
  color: var(--text-white);
  font-weight: 600;
  border-radius: 50%;
  height: 10px;
  text-align: center;
  border: 1px solid var(--error-700);
  width: 10px;
  margin-top: 2px;
}

.cz-ts-tito-detail-button-container {
  position: relative;
}

.cz-ts-tito-start-container {
  position: relative;
  margin-right: 10px;
}

.cz-ts-tito-end-container {
  position: relative;
}

.cz-ts-tito-button-container {
  display: flex;
  justify-content: space-evenly;
}

.cz-ts-tito-button-container button {
  margin: 5px;
}

div.cz-ts-tito-nonwtp {
  background: repeating-linear-gradient(45deg, var(--gray-light-200), var(--gray-light-200) 2.5%, var(--bg-primary) 2.5%, var(--bg-primary) 5%, var(--gray-light-200) 5%) top left fixed;
  background-size: 60px 60px;
}

button.cz-ts-tito-comment-button {
  margin-right: 10px;
}
button.cz-ts-tito-comment-button svg {
  width: 16px;
}

@media (max-width: 800px) {
  div.cz-ts-tito-detail-row-times {
    flex: 0 0 200px;
  }
}
.cz-ts-tito-add-control.cz-form-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-exception-rule-list .cz-label--info {
  margin-top: 5px;
  margin-right: 5px;
  overflow: unset;
}

.cz-exception-rule-list .cz-label--deleted {
  margin-top: 5px;
}

.cz-clocking-activities-container {
  background: var(--fg-white);
  padding: 20px;
  overflow: auto;
  flex: 1 1 auto;
  height: 100%;
  min-width: 590px;
  position: relative;
}

.cz-clocking-exception-header-row {
  width: 50%;
  height: 50px;
}

.cz-clocking-exception-header-row .cz-form-field {
  width: auto;
}

.cz-clocking-exception-search {
  margin-left: 20px;
  width: 300px;
}

.cz-clocking-exception-sort {
  width: 200px;
  max-width: 300px;
}

.cz-clocking-exception-archive-icon {
  right: 5px;
}

.cz-empty-clocking-activities-parent {
  display: grid;
  place-content: center;
  height: 100%;
}

.cz-table__cell .cz-andy-status {
  max-height: 20px;
  min-height: 20px;
  height: 20px;
  float: left;
  clear: left;
  overflow-y: hidden;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}

.cz-andy-status .cz-text-block {
  line-height: 25px !important;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  text-align: center;
  width: 100px;
}

.cz-cico-exceptions-master-details {
  height: 100%;
}
.cz-cico-exceptions-master-details .cz-data-entry-ctl-body {
  display: flex;
  flex-direction: column;
}
.cz-cico-exceptions-master-details .cz-grid-table-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-x: auto;
}
.cz-cico-exceptions-master-details .cz-grid-table-header-container {
  max-width: 1389px;
}
.cz-cico-exceptions-master-details cz-grid-element {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.cz-cico-exceptions-master-details .cz-grid-table-body {
  flex-grow: 1;
  max-height: unset !important;
}
.cz-cico-exceptions-master-details .cz-grid-table-row {
  border-bottom: 1px solid var(--alpha-black-10) !important;
}
.cz-cico-exceptions-master-details .cz-grid-table-row:not(:first-child):last-child {
  border-bottom: none !important;
}

.cz-cico-exception-filter-bar {
  display: flex;
  width: 100%;
}

.cz-ts-plan-rule-label {
  font-weight: 700;
}

.cz-cico-year-filter {
  margin-left: -10px;
}

.cz-cico-table-col {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}

.cz-clocking-activities {
  min-width: 100%;
  height: 100%;
}
.cz-clocking-activities .cz-form-section-body {
  overflow: hidden;
}

cz-ts-person-clock-in-out-details {
  height: 100%;
}

.cz-cico-exceptions-refresh-button {
  align-self: center;
}

cz-cico-exceptions-grid cz-button-popup-control button div.cz-button-content-icon {
  --svg-icon-size: 14px !important;
  display: grid;
  place-content: center;
}
cz-cico-exceptions-grid cz-button-popup-control button.cz-tertiary-utility-button:focus {
  box-shadow: none;
}

.cz-ts-clock-in-clock-out-config-container {
  height: 100%;
  background-color: var(--bg-primary);
  display: flex;
  flex-direction: column;
}

.cz-ts-clock-in-clock-out-config-grid-container {
  flex: 1;
}

.cz-ts-clock-in-clock-out-config-container > .cz-form-ctl > .cz-data-entry-ctl-container > .cz-data-entry-ctl-form-container {
  border: 0;
}

.cz-ts-clock-in-clock-out-config-grid-container > .cz-data-entry-ctl-container > .cz-data-entry-ctl-body {
  padding-top: 0px;
}

/*
 *
 * Comment button
 *
 */
.cz-tertiary-utility-button.cz-ts-has-comment-button svg,
.cz-secondary-utility-button.cz-ts-has-comment-button svg {
  fill: var(--utility-blue-500);
}
.cz-tertiary-utility-button.cz-ts-has-comment-button:hover,
.cz-secondary-utility-button.cz-ts-has-comment-button:hover {
  background-color: var(--bg-primary_hover);
}

.cz-tertiary-utility-button.cz-ts-has-comment-closed-button svg,
.cz-secondary-utility-button.cz-ts-has-comment-closed-button svg {
  fill: var(--utility-blue-500);
}
.cz-tertiary-utility-button.cz-ts-has-comment-closed-button:hover,
.cz-secondary-utility-button.cz-ts-has-comment-closed-button:hover {
  background-color: var(--bg-primary_hover);
}

.cz-ts-comment-popover-content {
  width: 200px;
}

/*
 *
 * Comment
 *
 */
.cz-ts-comment-container {
  padding: 10px;
}

/*
 *
 * Validation button styles
 *
 */
.cz-ts-validation-button {
  width: auto;
  border-radius: 3px;
  border-width: 2px;
  border-style: solid;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-bottom: 5px;
}
.cz-ts-validation-button:focus {
  outline-color: transparent;
  outline-style: none;
}
.cz-ts-validation-button.cz-ts-tito-validation-button {
  margin-bottom: 10px;
  margin-top: -10px;
}

.cs-tito-week-total-container > .cz-ts-tito-validation-button {
  margin-bottom: 12px;
}

.cz-ts-validation-red-button {
  border-color: var(--error-700);
  background: var(--utility-error-300);
  color: var(--text-primary);
}

button.cz-ts-validation-red-button:hover {
  background: var(--error-700);
  color: var(--fg-white);
}

.cz-ts-validation-yellow-button {
  border-color: var(--yellow-400);
  background: var(--yellow-200);
  color: var(--text-primary);
}

button.cz-ts-validation-yellow-button:hover {
  background: var(--yellow-400);
}

.cz-ts-validation-green-button {
  border-color: var(--success-500);
  background: var(--success-50);
  color: var(--text-primary);
}

button.cz-ts-validation-green-button:hover {
  background: var(--success-500);
}

/*
 *
 *  Timesheet Validation Pop-up
 *
 */
.cz-ts-validation-container {
  min-width: 200px;
  max-width: 400px;
  color: var(--text-primary);
}

.cz-ts-validation-top-margin {
  margin-top: 5px;
}

.cz-ts-validation-row {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.cz-ts-validation-row > div:first-of-type {
  flex: 1 1 0px;
}
.cz-ts-validation-row > div:last-of-type {
  flex: 0 0 auto;
}

.cz-ts-validation-border {
  border-top: 1px solid var(--border-primary);
}

.cz-ts-validation-total {
  padding: 0 5px;
  border: 2px solid;
  margin-top: -2px;
  font-weight: 600;
}
.cz-ts-validation-total.cz-ts-validation-yellow-button {
  border-color: var(--yellow-400);
}
.cz-ts-validation-total.cz-ts-validation-red-button {
  border-color: var(--error-700);
}
.cz-ts-validation-total.cz-ts-validation-green-button {
  border-color: var(--success-500);
}

.cz-person-copy-time-dialog-question {
  margin-top: 10px;
  margin-bottom: 10px;
}

.cz-copy-time-weeks {
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.cz-copy-time-popup {
  display: flex;
  width: 100%;
  flex: auto;
  overflow: hidden;
}

.cz-dialog-checklist-week {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 75px;
  width: 100%;
  padding: 5px 25px;
}

.cz-dialog-checklist-week:hover {
  background: var(--utility-gray-dark-50);
}

.cz-dialog-checklist-week:not(last-of-type) {
  border-bottom: 1px solid var(--border-primary);
}

.cz-dialog-checklist-week_content {
  height: 50px;
  display: flex;
  width: 100%;
  cursor: pointer;
}

.cz-dialog-checklist-week-content_disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cz-copy-time-checklist-week-radio {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40px;
}

.cz-copy-time-checklist-week-radio input[type=radio] {
  border: 2px solid var(--utility-gray-600);
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  outline: none;
  position: relative;
  -webkit-appearance: none;
}

.cz-copy-time-checklist-week-radio input[type=radio]:checked:after {
  background-color: var(--gray-light-600);
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  left: 4px;
  top: 4px;
  position: relative;
}

.cz-copy-time-checklist-week-radio input[type=radio][disabled] {
  height: 22px;
  width: 22px;
  background: url('disabled.899306a2b566d334.svg');
  fill: red;
  opacity: 0.7;
  background-color: none;
  border: none;
  cursor: not-allowed;
  margin: 0;
}

.cz-copy-time-popup-fieldset {
  min-width: 100% !important;
}

.cz-copy-time-form .cz-dialog-header {
  background: var(--utility-gray-100);
  color: var(--gray-light-600);
  font-weight: 600;
}

.cz-copy-time-form .cz-dialog-footer {
  border-top: 0;
}

.cz-copy-time-checklist-week-label {
  font-size: 0.875rem;
  color: var(--alpha-black-75);
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 6px;
  cursor: pointer;
}

.cz-copy-time-checklist_title {
  cursor: pointer;
}

.cz-copy-time-form .cz-dialog {
  max-width: 400px;
  box-shadow: 0 5px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-copy-time-form .cz-dialog-body {
  padding: 0;
}

.cz-copy-time-helper-text {
  padding: 15px 15px 0 15px;
}

/*
 *  Duration
 */
.cz-ts-dura-container {
  max-width: 1200px;
  min-width: 900px;
  border: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  border-top: none;
  border-radius: 0 0 3px 3px;
}

.cz-ts-dura-table-container {
  padding: 10px;
  width: 100%;
}

.cz-ts-dura-table {
  width: 100%;
  margin-bottom: 15px;
}

.cz-ts-dura-day {
  font-weight: 700;
}

.cz-ts-dura-week {
  font-weight: 700;
}

.cz-ts-dura-group {
  margin-top: 5px;
}

tr.cz-ts-dura-header-row > td {
  text-align: center;
  padding: 8px;
  position: relative;
}
tr.cz-ts-dura-header-row > td.cz-ts-dura-cell {
  vertical-align: bottom;
}

tr.cz-ts-dura-group-row td.cz-ts-dura-desc-cell {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

div.cz-ts-dura-row-total-value {
  font-weight: 600;
}
div.cz-ts-dura-row-total-value > .form-control {
  background-color: var(--bg-primary);
  border: none;
}

.cz-ts-dura-total-row-total-value {
  border-top: 2px solid var(--gray-true-300);
  padding: 6px 30px !important;
  margin: 5px 0 5px 0;
  font-weight: 700;
}

.cz-ts-dura-not-in-ts.cz-ts-dura-nonwt {
  background: var(--bg-secondary);
}

.cz-ts-dura-nonwt {
  background: repeating-linear-gradient(45deg, var(--gray-light-200), var(--gray-light-200) 2.5%, var(--bg-primary) 2.5%, var(--bg-primary) 5%, var(--gray-light-200) 5%) top left fixed;
  background-size: 60px 60px;
}

.cz-ts-dura-cell-container {
  position: absolute;
  height: 32px;
  max-width: 60px;
  width: 60px;
  top: 6px;
  transition-duration: 0.3s;
}
.cz-ts-dura-cell-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cz-ts-dura-cell-inner-wrapper-total {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 66px;
}

.cz-ts-dura-cell-container-expanded, .cz-ts-dura-cell-container:hover {
  width: 92px;
}

tr.cz-ts-dura-total-row > td {
  border-top: 2px solid var(--gray-true-300);
  padding: 10px 10px 6px 6px;
  margin: 5px 0 5px 0;
  font-weight: 600;
  font-size: 1rem;
}

tr.cz-ts-dura-total-row > td.cz-ts-dura-cell {
  text-align: center;
}

tr.cz-ts-dura-group-row > td {
  border-top: 2px solid var(--gray-true-300);
  border-bottom: 1px solid var(--gray-true-300);
  padding: 6px 3px;
  margin: 5px 0 5px 0;
}

div.cz-ts-dura-group-row-total {
  padding: 3px 6px;
  color: var(--bg-primary);
  border-radius: 3px;
  font-weight: 700;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

div.cz-ts-dura-manual-absence-cell {
  display: flex;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid var(--border-primary);
  background: var(--bg-primary);
}

div.cz-ts-dura-manual-absence-cell-icon {
  margin: 5px 4px;
}

.cz-ts-dura-abs-cell-title {
  height: 43px;
}

tr.cz-ts-dura-group-row > td.cz-ts-dura-desc-cell,
tr.cz-ts-dura-total-row > td.cz-ts-dura-desc-cell {
  font-weight: 600;
}

tr.cz-ts-dura-row > td.cz-ts-dura-cell, tr.cz-ts-cico-header-row > td.cz-ts-dura-cell {
  width: 66px;
  padding: 3px;
  height: 46px;
}

td > div.cz-ts-dura-cell {
  position: relative;
  height: 46px;
  display: grid;
  place-items: center;
}

tr.cz-ts-dura-row > td.cz-ts-dura-row-total-cell, tr.cz-ts-cico-header-row > td.cz-ts-dura-row-total-cell {
  width: 60px;
  max-width: 60px;
  height: 38px;
  padding-left: 3px;
}

tr.cz-ts-dura-row > td.cz-ts-dura-desc-cell, tr.cz-ts-cico-header-row > td.cz-ts-dura-desc-cell {
  padding: 10px;
  min-width: 260px;
}

.cz-ts-dura-numeric-textbox {
  position: absolute;
  /* we need this because the overall table has 'word-break: break-all'
     * and that caused the error message popover to have a line break on each
     * character.
     *
     * Ideally we need to fix the error directive so the width of the popover
     * is wider so the error message won't break on each character.
     */
  word-break: normal;
}

.cz-ts-dura-numeric-textbox > input.form-control {
  padding: 3px 6px;
  text-align: center;
  max-width: 60px;
}
.cz-ts-dura-numeric-textbox > input.form-control:not(.cz-invalid) {
  border-color: var(--gray-true-300);
}
.cz-ts-dura-numeric-textbox > input.form-control:focus {
  border-color: var(--utility-brand-600);
}

.cz-ts-dura-numeric-textbox > input.cz-has-changes {
  background: var(--bg-primary);
}

.cz-ts-dura-numeric-textbox.cz-ts-dura-numeric-textbox-has-comment input.form-control {
  background: var(--yellow-200);
}

.cz-ts-dura-row-total-textbox > input.form-control {
  padding: 3px 6px;
  text-align: center;
  max-width: 60px;
}

td.cz-ts-dura-bank-hol-desc-cell {
  font-style: italic;
  padding: 3px;
}

div.cz-ts-dura-bank-hol-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.cz-ts-dura-group-row > .cz-ts-dura-abs-cell {
  border-top-color: var(--yellow-400);
}

.cz-ts-dura-abs-row-total {
  background: var(--yellow-400);
}

button.cz-timesheet-delete-button {
  margin-left: 10px;
}

button.cz-ts-detail-row-delete {
  margin: 5px 0 0 10px;
}

.cz-ts-validation-button-total {
  font-weight: 600;
  width: 60px;
  border-radius: 3px;
  border-width: 2px;
  border-style: solid;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.cz-ts-validation-button-total:focus {
  outline-color: transparent;
  outline-style: none;
}
.cz-ts-validation-button-total.cz-ts-tito-validation-button {
  margin-bottom: 10px;
  margin-top: -10px;
}

.cz-ts-dura-comment-button-container {
  width: 32px;
  height: 32px;
  background: var(--bg-quaternary);
  position: absolute;
  left: 100%;
  top: 7px;
  border-radius: 3px 3px 3px 3px;
  border-width: 1px 1px 1px 0px;
  border-color: var(--gray-true-300);
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 0 5px;
}

.cz-ts-dura-comment-button-container:before {
  content: "";
  position: absolute;
  left: -33%;
  width: 77%;
  height: 77%;
  border-top: 0px solid transparent;
  border-left: 1px solid var(--gray-true-300);
  border-right: 0px solid transparent;
  border-bottom: 1px solid var(--gray-true-300);
  transform: rotate(45deg);
  background: var(--bg-quaternary);
  border-radius: 3px 3px 3px 3px;
  z-index: -1;
}

.cz-ts-dura-comment-button-container.cz-ts-checkbox {
  left: 95%;
}

.cz-ts-checkbox-comment {
  border: 5px solid var(--yellow-200);
  border-radius: 5px;
}

cz-ts-dura-comment-button-container-hidden {
  visibility: hidden;
}

.cz-ts-dura-comment-icon {
  height: 16px;
  width: 16px;
  pointer-events: none;
  padding-top: 3px;
  box-sizing: content-box;
}

svg.cz-ts-dura-comment-icon {
  fill: var(--gray-light-900);
  width: 16px;
}
svg.cz-ts-dura-comment-icon:hover {
  fill: var(--utility-brand-600);
}

.cz-ts-dura-cell-zindex-1 {
  z-index: 11;
}

.cz-ts-dura-cell-zindex-2 {
  z-index: 12;
}

.cz-ts-dura-cell-zindex-3 {
  z-index: 13;
}

.cz-ts-dura-cell-zindex-4 {
  z-index: 14;
}

.cz-ts-dura-cell-zindex-5 {
  z-index: 15;
}

.cz-ts-dura-cell-zindex-6 {
  z-index: 16;
}

.cz-ts-dura-cell-zindex-7 {
  z-index: 17;
}

.cz-ts-dura-cell-zindex-8 {
  z-index: 18;
}

.cz-ts-dura-cell-zindex-9 {
  z-index: 19;
}

.cz-ts-dura-cell-zindex-10 {
  z-index: 20;
}

.cz-ts-dura-cell-zindex-11 {
  z-index: 21;
}

.cz-ts-dura-cell-zindex-12 {
  z-index: 22;
}

.cz-ts-dura-cell-zindex-13 {
  z-index: 23;
}

.cz-ts-dura-cell-zindex-14 {
  z-index: 24;
}

tr.cz-ts-cico-header-row {
  text-align: center;
  position: relative;
  border-bottom: 2px solid var(--gray-true-300);
  background: var(--gray-light-200);
  height: 50px;
}

td.cz-ts-cico-label-cell {
  padding: 10px 10px 6px 6px;
  margin: 5px 0 5px 0;
  font-weight: 600;
  text-align: left;
}

td.cz-ts-cico-cell {
  padding: 5px;
  text-align: -webkit-center;
}

.cz-hide-ts-comments {
  display: none;
}

.cz-ts-cico-time-container {
  border-radius: 50%;
  border: 1px solid var(--gray-true-600);
  font-weight: 600;
  width: 45px;
  height: 45px;
  margin: auto;
  display: flex;
  align-items: center;
  background: var(--gray-light-100);
}

.cz-ts-cico-time {
  width: 100%;
}

/*
*
* Person Timesheet Activities
*
*/
.cz-ts-person-ts-activity-container {
  padding-top: 20px;
  height: 100%;
  background-color: var(--bg-primary);
  display: flex;
  flex-direction: column;
}

.cz-ts-person-ts-activity-label {
  border: 0;
  padding: 30px 30px 0px 30px;
  font-weight: 600;
}

.cz-ts-person-ts-activity-checkbox {
  border: 0;
  padding: 5px 30px 5px 30px;
  display: flex;
}

.cz-ts-person-ts-activity-description {
  border: 0;
  padding: 15px 30px 15px 30px;
  max-width: 680px;
}

.cz-ts-person-ts-activity-master-detail {
  flex: 1;
}

.cz-ts-plan-type-validatewtp-fieldgroup > div {
  display: flex;
  align-items: center;
}

/*
*
* Entry Type (Time Type) control
*
*/
div.cz-ts-entry-type-control {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 4px;
}

/* Abstracts */
.cz-yearly-calendar-ctl {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-yearly-calendar-container {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.cz-yearly-calendar-body {
  flex: 1 0 auto;
  min-width: 500px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  max-width: 1380px;
  background-color: var(--bg-primary);
  border-right: 1px solid var(--border-primary);
}
.cz-footer-bar-fixed-parent > .cz-yearly-calendar-body {
  padding-bottom: 48px;
}

.cz-yearly-calendar-footer {
  flex: 0 0 auto;
  max-width: 1380px;
}

.cz-yearly-calendar-header {
  padding: 10px 20px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cz-yearly-calendar-header .cz-yearly-calendar-header-nav-container {
  display: flex;
  align-items: center;
  flex-basis: 120px;
  min-width: 120px;
  height: 38px;
  align-self: flex-start;
}
.cz-yearly-calendar-header .cz-yearly-calendar-header-nav-container span.cz-current-year {
  font-size: 1.25rem;
  margin: 0 10px;
  font-weight: 600;
}
.cz-yearly-calendar-header .cz-yearly-calendar-header-nav-container button {
  max-width: 32px;
  max-height: 32px;
}

.cz-yearly-calendar-wrap-container {
  display: flex;
  margin: 10px;
  margin-bottom: 0;
  flex-wrap: wrap;
  justify-content: space-around;
}

.cz-yearly-calendar-month-container {
  flex: 1 1 320px;
  min-width: 320px;
  display: flex;
  justify-content: center;
}
.cz-yearly-calendar-month-container > div {
  flex: 1 1 1px;
  display: flex;
  justify-content: center;
  padding: 10px;
  padding-bottom: 20px;
}

.cz-yearly-calendar-legend {
  display: flex;
  flex-wrap: wrap;
}
.cz-yearly-calendar-legend .cz-yearly-calendar-legend-item {
  display: flex;
  align-items: center;
  margin: 10px 20px 10px 0;
  font-size: 0.875rem;
}
.cz-yearly-calendar-legend .cz-yearly-calendar-legend-item .cz-yearly-calendar-legend-item-indicator {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  min-width: 16px;
  min-height: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.cz-yearly-calendar-legend .cz-yearly-calendar-legend-item .cz-yearly-calendar-legend-item-indicator.cz-monthly-calendar-bank-holiday {
  background-color: var(--bg-primary);
  box-shadow: none;
  border: 2px solid var(--border-brand);
}

.cz-monthly-calendar-legend-other {
  width: 20px;
  height: 20px;
}

.cz-monthly-calendar {
  display: block;
  float: left;
  width: 100%;
}
.cz-monthly-calendar > div.cz-monthly-calendar-header {
  float: left;
  width: 100%;
  height: 30px;
  color: var(--fg-secondary);
  padding-left: 5px;
  font-size: 1rem;
  font-weight: 600;
}
.cz-monthly-calendar > span {
  float: left;
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: inherit;
}

.cz-monthly-calendar-weekdays {
  float: left;
  width: 100%;
  border-top: solid 1px var(--gray-true-300);
  background-color: var(--theme-grid-header-background);
}
.cz-monthly-calendar-weekdays:first-child {
  border-top: none;
}

.cz-monthly-calendar-header-day {
  width: 14.2857142857%;
  border-left: solid 1px var(--gray-true-300);
  font-size: 1em;
  font-weight: 600;
  text-align: center;
  height: 30px;
  line-height: 30px !important;
  display: inline-block;
  vertical-align: middle;
  color: var(--black);
}
.cz-monthly-calendar-header-day:last-child {
  border-right: solid 1px var(--gray-true-300);
}

.cz-monthly-calendar-weekday-row {
  float: left;
  width: 100%;
  border-top: solid 1px var(--gray-true-300);
}
.cz-monthly-calendar-weekday-row:last-child {
  border-bottom: solid 1px var(--gray-true-300);
}

.cz-monthly-calendar-non-month-day {
  width: 14.2857142857%;
  border-left: solid 1px var(--gray-true-300);
  font-size: 1em;
  text-align: center;
  height: 30px;
  line-height: 30px !important;
  display: inline-block;
  vertical-align: middle;
  background: var(--bg-primary);
  color: var(--fg-secondary);
}
.cz-monthly-calendar-non-month-day:last-child {
  border-right: solid 1px var(--gray-true-300);
}

.cz-monthly-calendar-month-day {
  width: 14.2857142857%;
  border-left: solid 1px var(--gray-true-300);
  font-size: 1em;
  font-weight: 600;
  text-align: center;
  height: 30px;
  line-height: 30px !important;
  display: inline-block;
  vertical-align: middle;
  background: var(--bg-primary);
  color: var(--black);
}
.cz-monthly-calendar-month-day:last-child {
  border-right: solid 1px var(--gray-true-300);
}
.cz-monthly-calendar-month-day.cz-monthly-calendar-non-working-day {
  background: repeating-linear-gradient(45deg, var(--alpha-white-20), var(--alpha-white-20) 2.5%, var(--alpha-black-10) 2.5%, var(--alpha-black-10) 5%, var(--alpha-white-20) 5%) top left fixed;
  background-size: 60px 60px;
}

.cz-monthly-calendar-multi-day {
  background: repeating-linear-gradient(45deg, var(--utility-gray-dark-50), var(--utility-gray-dark-50) 2.5%, var(--utility-violet-400) 2.5%, var(--utility-violet-400) 5%, var(--utility-violet-400) 5%) top left fixed;
  background-size: 60px 60px;
}

cz-monthly-calendar-non-working-day {
  background: repeating-linear-gradient(90deg, var(--utility-gray-dark-50), var(--utility-gray-dark-50) 2.5%, var(--utility-violet-400) 2.5%, var(--utility-violet-400) 5%, var(--utility-violet-400) 5%) top left fixed;
  background-size: 60px 60px;
}

.cz-monthly-calendar-bank-holiday {
  box-shadow: inset 2px 2px var(--border-brand), inset -2px -2px var(--border-brand), inset 3px 3px var(--gray-true-300), inset -3px -3px var(--gray-true-300);
}

.cz-monthly-calendar-multi-day.cz-monthly-calendar-non-working-day {
  background: repeating-linear-gradient(45deg, var(--utility-gray-dark-50), var(--utility-gray-dark-50) 2.5%, var(--utility-violet-400) 2.5%, var(--utility-violet-400) 5%, var(--utility-violet-400) 5%) top left fixed;
  background-size: 60px 60px;
}

.cz-monthly-calendar-light-text {
  color: var(--bg-primary);
}

@media print {
  .cz-yearly-calendar-ctl {
    position: static;
  }
  .cz-yearly-calendar-wrap-container,
  .cz-yearly-calendar-container {
    display: block;
    overflow: hidden;
  }
  .cz-yearly-calendar-month-container > div {
    display: inline-block;
    width: 100%;
  }
  .cz-yearly-calendar-month-container {
    display: inline-block;
    width: 48%;
    min-width: 0;
    page-break-inside: avoid;
  }
  .cz-yearly-calendar-month-container:nth-child(odd) {
    margin-right: 2%;
  }
  .cz-yearly-calendar-body {
    border-right: none;
    height: auto;
  }
  .cz-yearly-calendar-header-nav-container button.btn {
    display: none;
  }
  .cz-yearly-calendar-footer {
    display: none;
  }
  .cz-monthly-calendar-weekdays {
    border-top: 2px solid var(--gray-true-300);
    border-right: 2px solid var(--gray-true-300);
    border-left: 2px solid var(--gray-true-300);
  }
  .cz-monthly-calendar-weekday-row {
    border-top: 2px solid var(--gray-true-300);
    border-right: 2px solid var(--gray-true-300);
    border-left: 2px solid var(--gray-true-300);
  }
  .cz-monthly-calendar-weekday-row:last-child {
    border-bottom: 2px solid var(--gray-true-300);
  }
  .cz-monthly-calendar-header-day,
  .cz-monthly-calendar-month-day,
  .cz-monthly-calendar-non-month-day {
    border-left: 2px solid var(--gray-true-300);
  }
  .cz-monthly-calendar-header-day:first-child,
  .cz-monthly-calendar-month-day:first-child,
  .cz-monthly-calendar-non-month-day:first-child {
    border-left: none;
  }
  .cz-monthly-calendar-header-day:last-child,
  .cz-monthly-calendar-month-day:last-child,
  .cz-monthly-calendar-non-month-day:last-child {
    border-right: none;
  }
}
/* App */
/* Abstracts */
cz-statuses .cz-data-entry-ctl-form-container.cz-form-cols-4,
cz-statuses .cz-data-entry-ctl-form-footer.cz-form-cols-4,
cz-form-hub-approval-history .cz-data-entry-ctl-form-container.cz-form-cols-4,
cz-form-hub-approval-history .cz-data-entry-ctl-form-footer.cz-form-cols-4 {
  width: 610px;
}

.cz-statuses-change-status-container {
  display: flex;
  min-width: 240px;
  flex-flow: row wrap;
}

.cz-statuses-change-status {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  min-width: 240px;
  gap: 7px;
}

.cz-statuses-change-status__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0;
}
.cz-statuses-change-status__fields > .cz-form-field {
  flex: 0 1 40%;
  padding: 0;
}

.cz-statuses-change-status__fields--status-only {
  margin-right: 0;
}

button.cz-statuses-status-change-button {
  margin-bottom: 15px;
}

.cz-statuses-change-status__action-buttons {
  display: flex;
  align-self: flex-end;
  align-items: center;
  gap: 5px;
  height: var(--form-field-height);
}

button.cz-statuses-change-status__action-button {
  margin-bottom: 15px;
}

.cz-statuses-status-row {
  justify-content: space-between;
}

.cz-statuses-status-row__action {
  display: flex;
  align-items: center;
}

.cz-statuses-status-current-status {
  border: 2px solid var(--gray-light-200);
  width: 250px;
  padding: 3px 0;
  text-align: center;
  margin: 0 auto 10px auto;
}

.cz-statuses-timeline {
  padding: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100px;
}
.cz-statuses-timeline:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  bottom: 0;
  width: 4px;
  background-color: var(--gray-light-200);
  transform: translateX(-50%);
}
.cz-statuses-timeline:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  transform: translateX(-50%);
  background-color: var(--gray-light-200);
  z-index: -1;
}

.cz-statuses-timeline__stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  flex: 0 0 auto;
}

.cz-statuses-timeline__stage--new-process {
  margin-bottom: 80px;
}

.cz-statuses-timeline__time {
  line-height: 1;
  font-size: 1rem;
  margin: 5px 0;
  align-self: flex-start;
}
.cz-statuses-timeline__time:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 50%;
  height: 10px;
  width: 10px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--gray-light-600);
}
.cz-statuses-timeline__stage:first-child > .cz-statuses-timeline__time:before {
  border: 3px solid var(--brand-600);
  background: var(--bg-primary);
  height: 15px;
  width: 15px;
}
.cz-statuses-timeline__stage--new-process > .cz-statuses-timeline__time:before {
  background-color: var(--brand-600);
}

.cz-statuses-timeline-actor-list {
  padding: 0;
  list-style: none;
  position: relative;
  width: 250px;
  background-color: var(--gray-light-100);
}
.cz-statuses-timeline__stage:first-child > .cz-statuses-timeline-actor-list {
  background-color: var(--brand-100);
}

.cz-statuses-timeline-actor {
  border-bottom: 1px solid var(--border-primary);
  padding: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.cz-statuses-timeline-actor:last-child {
  border-bottom: 0;
}

.cz-statuses-timeline-actor__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 3px;
  line-height: 1.2;
  max-width: 200px;
}

.cz-statuses-timeline-actor__picture {
  margin-right: 5px;
}

.cz-statuses-status-label--sub,
.cz-statuses-status-label--unsub,
.cz-statuses-status-label--reverted {
  position: relative;
}
.cz-statuses-status-label--sub:after,
.cz-statuses-status-label--unsub:after,
.cz-statuses-status-label--reverted:after {
  content: "";
  background-repeat: no-repeat;
  width: 15px;
  height: 20px;
  position: absolute;
  top: 0;
  background-size: 12px 12px;
  background-position: 0;
  background-color: var(--bg-primary);
  margin-left: 3px;
  border-radius: 0 4px 4px 0;
}

.cz-statuses-status-label--sub:after {
  background-image: url('submitted-arrow.fcf3238a884785e6.svg');
}

.cz-statuses-status-label--unsub:after {
  background-image: url('unsub-arrow.289ee25915a90d69.svg');
}

.cz-statuses-status-label--reverted {
  margin-left: 5px;
}
.cz-statuses-status-label--reverted:after {
  background-image: url('revert.a27a0c531d93a296.svg');
  right: -13px;
}

@media screen and (min-width: 677px) {
  .cz-statuses-change-status__fields > .cz-form-field {
    margin: 0;
  }
  .cz-statuses-change-status-container {
    min-height: 78px;
  }
  button.cz-statuses-change-status__action-button {
    margin: 3px 0;
  }
  .cz-statuses-timeline__stage {
    width: 100%;
    flex-direction: row;
  }
  .cz-statuses-timeline__stage:nth-last-child(even) {
    flex-direction: row-reverse;
  }
  .cz-statuses-timeline__time {
    width: 250px;
    margin-top: 24px;
  }
  .cz-statuses-timeline__stage:nth-last-child(odd) > .cz-statuses-timeline__time {
    text-align: right;
  }
  .cz-statuses-timeline-actor-list:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 5;
    border-right: 10px solid var(--gray-light-100);
    position: absolute;
    top: 32px;
    transform: translateY(-50%);
    left: -10px;
  }
  .cz-statuses-timeline__stage:nth-last-child(even) > .cz-statuses-timeline-actor-list:before {
    left: 250px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 5;
    border-left: 10px solid var(--gray-light-100);
    border-right: 0;
  }
  .cz-statuses-timeline__stage:first-child > .cz-statuses-timeline-actor-list:before {
    border-right-color: var(--brand-100);
  }
  .cz-statuses-timeline__stage:nth-last-child(even):first-child > .cz-statuses-timeline-actor-list:before {
    border-left-color: var(--brand-100);
  }
}
.cz-data-entry-ctl-form-container.cz-form-cols-2 .cz-statuses-change-status__fields {
  flex-wrap: wrap;
}

/* App */
/* --------- CHECKLIST TASK USERS GRID --------- */
.cz-users-grid-table-caption {
  font-weight: 600;
  flex-grow: 1;
  margin-bottom: 5px;
}

.cz-users-grid-formatted-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 3 3;
}

.cz-users-grid-availability {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1;
  width: 65px;
}

.cz-users-grid-availability-label {
  height: 25px;
  padding: 2px 5px;
  min-width: 65px;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  position: relative;
  display: inline-block;
  color: var(--fg-white);
  background-color: var(--utility-green-600-alpha-75);
}

.cz-users-grid-list .cz-list {
  border: none;
}

.cz-users-grid-list .cz-list__item--standard-no-hover {
  border-top: 0;
}

.cz-users-grid-unassigned {
  background-color: var(--utility-gray-100);
}

.cz-users-grid-list .cz-list__item--standard-no-hover:first-child {
  border-top: 1px solid var(--border-primary);
}

.cz-users-grid-list .cz-list__item--standard-no-hover:last-child {
  border-radius: 0 0 3px 3px;
}

.cz-users-grid-list-empty {
  padding: 20px 0;
  text-align: center;
}

/* App */
.cz-common-dual-edit-insert-edit-container > .cz-tab-strip-ctl > .cz-tab-strip-ctl-body {
  background: var(--bg-primary) !important;
}

.cz-common-dual-edit-insert-edit-container > .cz-tab-strip-ctl > .cz-tab-strip-ctl-body > .cz-filter-data-source {
  min-width: 750px;
  overflow: auto;
}

.cz-common-dual-edit-insert-empty-state__message {
  font-size: 1rem;
  text-align: center;
  color: var(--alpha-black-50);
  font-weight: 700;
  max-width: 90%;
  margin: 0;
}

/* App */
/* Abstracts */
.cz-generic-workflow-container > cz-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-generic-workflow-details {
  flex-grow: 1;
  overflow: auto;
}

.cz-generic-wf-clone-fieldset .cz-button-content .cz-button-content-caption {
  max-width: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Abstracts */
@media (min-width: 350px) {
  .cz-accept-dialog {
    min-width: 320px;
  }
}

.cz-accept-dialog-body {
  font-size: 1rem;
}

div.cz-accept-dialog-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

span.cz-accept-dialog-checkbox-label {
  margin-left: 5px;
}

div.cz-accept-dialog-text-box {
  margin: 0.1px;
}

/* App */
/* Abstracts */
.cz-myteam-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}

.cz-myteam-sidebar-empty-state {
  padding: 45px;
}

.cz-myteam-sidebar-spinner-wrapper {
  min-height: 60px;
  position: relative;
}

.cz-myteam-sidebar-subordinates [item-depth=start-depth] div[class$=contacts-pic] {
  margin-left: 0px;
}
.cz-myteam-sidebar-subordinates [item-depth=start-depth] div[class$=contacts-pic] {
  margin-left: 30px;
}
.cz-myteam-sidebar-subordinates [item-depth=start-depth] div[class$=contacts-pic] {
  margin-left: 60px;
}
.cz-myteam-sidebar-subordinates [item-depth=start-depth] div[class$=contacts-pic] {
  margin-left: 90px;
}
.cz-myteam-sidebar-subordinates [item-depth=start-depth] div[class$=contacts-pic] {
  margin-left: 120px;
}
.cz-myteam-sidebar-subordinates [item-depth=start-depth] div[class$=contacts-pic] {
  margin-left: 150px;
}
.cz-myteam-sidebar-subordinates [item-depth=start-depth] div[class$=contacts-pic] {
  margin-left: 180px;
}

ul.cz-myteam-sidebar-teamtree,
ul.cz-myteam-sidebar-subordinate-list {
  list-style: none;
}

ul.cz-myteam-sidebar-subordinate-list {
  padding: 0;
}
ul.cz-myteam-sidebar-subordinate-list .cz-myteam-sidebar-currentlevel {
  padding-left: 50px;
}

.cz-myteam-sidebar-subordinate-list > .cz-myteam-sidebar-currentlevel + .cz-myteam-sidebar-subordinates {
  padding-left: 30px;
}

ul.cz-myteam-sidebar-teamtree {
  padding: 15px 0;
}

li.cz-my-team-sidebar-list-item {
  display: block;
  padding: 0;
  transition: all 0.2s ease-in;
}

.cz-myteam-sidebar-currentlevel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row nowrap;
  transition: all 0.2s ease-in;
  padding: 5px 5px 5px 20px;
}
.cz-myteam-sidebar-currentlevel:not(.cz-selected) {
  color: var(--text-primary);
}

.cz-myteam-sidebar-currentlevel.cz-selected {
  background: var(--utility-gray-modern-500);
}

.cz-myteam-sidebar-contacts-pic {
  margin-right: 5px;
  align-self: flex-start;
}

.cz-myteam-sidebar-namewrapper {
  white-space: nowrap;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.cz-myteam-sidebar-namewrapper button:focus {
  box-shadow: none;
}

a.cz-myteam-sidebar-team-member-link {
  font-size: 0.75rem;
  height: 28px;
  font-weight: 600;
  flex-grow: 1;
  color: inherit;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.cz-myteam-sidebar-team-member-link:hover, a.cz-myteam-sidebar-team-member-link:focus {
  text-decoration: none;
}

.cz-expanded > div.cz-tertiary-utility-button {
  transform: rotate(90deg);
}

/* Abstracts */
.cz-hint-text-block,
.cz-warning-hint-text-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  background: var(--yellow-200);
  border-radius: 3px;
}

.cz-warning_hint-text-block-btn {
  display: flex;
  justify-content: flex-end;
}

.cz-hint-text-instructions {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: pre;
}

.cz-hint-icon-wrapper {
  border-radius: 50%;
  margin-right: 10px;
}

/* Abstracts */
.bp-item.bp-selectioncheckbox-frame > label {
  display: flex;
  width: 100%;
}

.cz-org-chart-box {
  background-color: var(--bg-primary);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.cz-org-chart-box > .cz-org-chart-box__header {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-org-chart-box .cz-org-chart-box__title {
  font-size: 1rem;
  text-align: center;
}

.cz-org-chart-box-inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 100%;
}

.cz-org-chart-box-inner-wrapper--vertical {
  flex-direction: column;
  align-items: stretch;
  padding: 10px;
  overflow-y: auto;
  height: "calc(100% - 35px)";
}

.cz-org-chart-box-empty-state-wrapper {
  flex: 1 1 auto;
  position: relative;
  margin: 10px;
}
.cz-org-chart-box-header ~ .cz-org-chart-box-empty-state-wrapper, .cz-position-successor-readiness-incumbent ~ .cz-org-chart-box-empty-state-wrapper {
  margin: 0 10px 10px;
}

.cz-org-chart-box-header {
  padding: 10px;
}

.cz-org-chart-table-caption {
  margin-left: 10px;
}

.cz-org-chart-table-caption > span {
  padding-right: 2px;
}

.cz-org-chart-header-icon {
  border-radius: 50%;
}
svg.cz-org-chart-header-icon {
  fill: var(--bg-primary);
}

/* People Deployment Box */
/* --------------------- */
.cz-person-box-info-details {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60px;
}
.cz-person-box-info-details > div {
  flex: 1 1 auto;
  max-width: 190px;
}

.cz-person-box__picture {
  margin-right: 10px;
}

/* People Holiday Box */
/* ------------------ */
.holiday-name h1 {
  text-align: center;
}

.cz-org-chart-negative-remaining {
  color: var(--error-700);
}

table.cz-org-chart-holiday-table th,
table.cz-org-chart-holiday-table td {
  width: 50%;
  text-align: center;
}

.cz-org-chart-holiday-table__cell {
  font-size: 1.25rem;
  font-weight: 600;
  height: 32px;
}
.cz-org-chart-holiday-table__cell:first-child {
  border-right: 1px solid var(--border-primary);
}

/* People Bradford Factor */
/* ---------------------- */
div.cz-person-chart-bradford-factor50 {
  background-color: var(--utility-green-500);
  color: var(--utility-green-900);
}

div.cz-person-chart-bradford-factor50125 {
  background-color: var(--moss-300);
  color: var(--moss-900);
}

div.cz-person-chart-bradford-factor125400 {
  background-color: var(--yellow-200);
  color: var(--yellow-700);
}

div.cz-person-chart-bradford-factor400650 {
  background-color: var(--utility-orange-dark-100);
  color: var(--utility-warning-600);
}

div.cz-person-chart-bradford-factor650 {
  background-color: var(--utility-error-300);
  color: var(--utility-orange-dark-700);
}

/* People Weekday Sickness */
/* ----------------------- */
.cz-box-content-anchor > div {
  height: 100%;
}

div.cz-weekday-heat-map {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
}
div.cz-weekday-heat-map table {
  width: 100%;
  table-layout: fixed;
}
div.cz-weekday-heat-map table tr {
  border-top: 1px solid var(--border-primary);
}
div.cz-weekday-heat-map table tr:last-child {
  border-bottom: 1px solid var(--border-primary);
}
div.cz-weekday-heat-map table tr th,
div.cz-weekday-heat-map table tr td {
  width: 278/7;
  border-right: 1px solid var(--border-primary);
  text-align: center;
}
div.cz-weekday-heat-map table tr th:first-child,
div.cz-weekday-heat-map table tr td:first-child {
  border-left: 1px solid var(--border-primary);
}
div.cz-weekday-heat-map table tr th {
  background: var(--gray-light-100);
  font-weight: 600;
}
div.cz-weekday-heat-map table tr td {
  font-size: 1.25rem;
}

div.cz-weekday-sickness-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  border: 1px solid var(--border-primary);
  margin-top: 5px;
  padding: 0 10px;
  flex: 0 0 auto;
  width: 100%;
}
div.cz-weekday-sickness-total span.cz-weekday-sickness-total-amount {
  font-size: 1rem;
}

/* People In Org unit */
/* ------------------ */
.cz-org-chart-people-in-org-table-wrapper {
  overflow-y: auto;
}

.cz-org-chart-people-in-org-table,
.cz-org-chart-people-in-org-table--large {
  table-layout: fixed;
  overflow-y: auto;
}

.cz-org-chart-people-in-org-table {
  max-height: 200px;
}

.cz-org-chart-people-in-org-table--large {
  max-height: 600px;
}

.cz-org-chart-people-in-org-table__header-cell,
.cz-org-chart-people-in-org-table__body-cell {
  width: 37.5%;
  text-align: left;
  padding: 0 4px;
  height: 28px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-org-chart-people-in-org-table__header-cell:last-child,
.cz-org-chart-people-in-org-table__body-cell:last-child {
  width: 25%;
  text-align: center;
  border-right: none;
}

.cz-org-chart-people-in-org-table__body-cell {
  max-width: 150px;
}
.cz-org-chart-people-in-org-table__body-cell:not(:last-child) {
  border-right: 1px solid var(--brand-50);
}

div.cz-org-chart-people-in-org-table__checkmark {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Org Summary */
/* ----------- */
div.cz-org-summary-manager {
  display: flex;
  align-items: center;
  padding: 10px;
}

.cz-org-summary-box__picture {
  margin-right: 20px;
}

.cz-org-summary-manager-info {
  height: 40px;
}
.cz-org-summary-manager-info span {
  height: 20px;
  display: block;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

.cz-org-summary-table-wrapper {
  padding: 0 10px;
}

.cz-org-summary-table th,
.cz-org-summary-table td {
  width: 50%;
  text-align: center;
}

.cz-org-summary-table__cell {
  height: 40px;
}
.cz-org-summary-table__cell:first-child {
  border-right: 1px solid var(--border-primary);
}

/* Position Incumbents */
/* ------------------- */
.cz-positions-box-list {
  width: 100%;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  min-height: 28px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cz-positions-box-list__item {
  text-align: center;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--brand-50);
  min-width: 100%;
}
.cz-positions-box-list__item:nth-child(even) {
  background-color: var(--gray-light-100);
}
.cz-positions-box-list__item:nth-child(odd) {
  background-color: var(--gray-light-50);
}
.cz-positions-box-list__item:last-child {
  border-bottom: 1px solid var(--border-primary);
}

.cz-positions-box-list__data {
  max-width: 220px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-positions-box__vacant-message {
  margin: auto 10px;
  flex: 0 0 auto;
}

/* Companies */
/* --------- */
.cz-companies-box {
  overflow-y: auto;
  overflow-x: hidden;
}

.cz-org-chart-companies-table {
  table-layout: fixed;
}
.cz-org-chart-companies-table th,
.cz-org-chart-companies-table td {
  width: 25%;
  max-width: 150px;
  text-align: left;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-org-chart-companies-table td {
  height: 28px;
}

/* Age */
/* --- */
.cz-org-chart-box-age-value {
  font-size: 1.875rem;
}

/* Gender */
/* ------ */
div.cz-org-chart-box-gender-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  width: auto;
  color: var(--fg-white);
  border-radius: 3px;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 600;
  margin: 10px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* App */
/* Abstracts */
.cz-calendar-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  border-bottom: 1px solid var(--border-primary);
}
.cz-calendar-container, .cz-calendar-container * {
  background-clip: border-box;
}
.cz-calendar-container .k-scheduler {
  border: none;
  min-width: 500px;
}
.cz-calendar-container .k-scheduler .k-event {
  min-height: 20px;
  border-radius: 2px;
  margin: 2px;
  padding-left: 5px;
  font-size: 0.875rem;
}
.cz-calendar-container .k-scheduler .k-event::before {
  display: none;
}

.k-scheduler div.k-scheduler-header-wrap {
  border-color: var(--gray-true-300);
}

.cz-calendar-filter-button-container {
  flex: 0 0 34px;
  padding: 13px 10px;
  min-height: 60px;
  min-width: 500px;
  display: flex;
  justify-content: space-between;
  background: var(--bg-primary);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  z-index: 1;
}

.cz-calendar-left-button-group {
  position: relative;
  display: flex;
  min-width: 50px;
  flex: 1 1;
}

.cz-calendar-right-button-group {
  display: flex;
  margin-left: 10px;
  height: 34px;
  align-items: center;
}

.cz-calendar-overflow-button {
  margin-right: 10px;
  display: none;
}

button.cz-calendar-filter-overflow-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
button.cz-calendar-filter-overflow-button:hover {
  background-color: var(--gray-light-200);
}
button.cz-calendar-filter-overflow-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
button.cz-calendar-filter-overflow-button[disabled], button.cz-calendar-filter-overflow-button[disabled]:hover, button.cz-calendar-filter-overflow-button[disabled]:focus, button.cz-calendar-filter-overflow-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
button.cz-calendar-filter-overflow-button[disabled] svg, button.cz-calendar-filter-overflow-button[disabled]:hover svg, button.cz-calendar-filter-overflow-button[disabled]:focus svg, button.cz-calendar-filter-overflow-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
button.cz-calendar-filter-overflow-button svg {
  fill: var(--text-primary);
}
button.cz-calendar-filter-overflow-button:active {
  background-color: var(--gray-light-200);
}
button.cz-calendar-filter-overflow-button:hover, button.cz-calendar-filter-overflow-button:focus, button.cz-calendar-filter-overflow-button.focus {
  background-color: var(--alpha-black-20);
}
button.cz-calendar-filter-overflow-button[disabled], button.cz-calendar-filter-overflow-button[disabled]:hover, button.cz-calendar-filter-overflow-button[disabled]:focus, button.cz-calendar-filter-overflow-button[disabled]:active {
  background-color: transparent;
  border: none;
}
button.cz-calendar-filter-overflow-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

a.cz-calendar-filter-overflow-button {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  display: inline-grid;
  place-content: center;
}
a.cz-calendar-filter-overflow-button:hover {
  background-color: var(--gray-light-200);
}
a.cz-calendar-filter-overflow-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
a.cz-calendar-filter-overflow-button[disabled], a.cz-calendar-filter-overflow-button[disabled]:hover, a.cz-calendar-filter-overflow-button[disabled]:focus, a.cz-calendar-filter-overflow-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
a.cz-calendar-filter-overflow-button[disabled] svg, a.cz-calendar-filter-overflow-button[disabled]:hover svg, a.cz-calendar-filter-overflow-button[disabled]:focus svg, a.cz-calendar-filter-overflow-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
a.cz-calendar-filter-overflow-button svg {
  fill: var(--text-primary);
}
a.cz-calendar-filter-overflow-button:active {
  background-color: var(--gray-light-200);
}
a.cz-calendar-filter-overflow-button:hover, a.cz-calendar-filter-overflow-button:focus, a.cz-calendar-filter-overflow-button.focus {
  background-color: var(--alpha-black-20);
}
a.cz-calendar-filter-overflow-button[disabled], a.cz-calendar-filter-overflow-button[disabled]:hover, a.cz-calendar-filter-overflow-button[disabled]:focus, a.cz-calendar-filter-overflow-button[disabled]:active {
  background-color: transparent;
  border: none;
}
a.cz-calendar-filter-overflow-button > .cz-svg-button-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

svg.cz-calendar-filter-overflow-button {
  fill: var(--gray-iron-600);
  width: 16px;
}
button:hover > div > svg.cz-calendar-filter-overflow-button, button:focus > div > svg.cz-calendar-filter-overflow-button, a:hover > div > svg.cz-calendar-filter-overflow-button, a:focus > div > svg.cz-calendar-filter-overflow-button {
  fill: var(--gray-iron-600);
}

.cz-calendar-filter-overflow-button:focus {
  outline: 2px solid var(--utility-brand-600);
}

.cz-calendar-overflow-button > button.cz-calendar-filter-overflow-button,
a.cz-calendar-filter-overflow-button {
  background-color: var(--utility-gray-true-400-alpha-25);
}

.cz-calendar-filter-overflow-button-icon-up {
  display: flex;
  transform: rotate(180deg);
}

.cz-calendar-expand-button-group {
  display: inline-block;
}

.cz-calendar-filter-button {
  margin: 0 5px 0 0;
  display: flex;
  justify-content: center;
  height: 34px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 38px;
  padding: 7px 0;
  border: 1px solid var(--alpha-black-10);
  border-radius: 3px;
  cursor: pointer;
}

.cz-calendar-filter-button:hover {
  background: var(--utility-gray-iron-200);
}

.cz-calendar-filter-button svg {
  height: 20px;
  width: 20px;
}

.cz-expand-collapse-calendar-filters {
  overflow: hidden;
}

.cz-pinned-calendar-filter-group {
  height: 34px;
  padding: 3px 0;
}

.cz-pinned-calendar-filter {
  float: left;
  margin: 0 5px;
}

.cz-pinned-calendar-filter-inner-wrapper, .cz-not-pinned-calendar-filter {
  --svg-icon-size: var(--svg-icon-size-large);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 29px;
  min-width: 65px;
  padding: 4px 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
  border-radius: 25px;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  position: relative;
  color: var(--gray-light-600);
  background: var(--utility-gray-dark-50);
  outline: 0;
  border: 1px solid var(--utility-gray-300);
}

.cz-pinned-calendar-filter-inner-wrapper:hover, .cz-not-pinned-calendar-filter:hover {
  background-color: var(--gray-light-100);
}

.cz-pinned-calendar-filter-inner-wrapper > .cz-calendar-filter_icon, .cz-not-pinned-calendar-filter > .cz-calendar-filter_icon {
  padding: 1px;
  height: 24px;
  width: 24px;
}

.cz-calendar-filter_icon {
  position: absolute;
  bottom: 2px;
  left: 3px;
  height: 23px;
  width: 24px;
}

span.cz-pinned-calendar-filter_checkmark svg g circle.st0,
rect.st1,
polygon.st1 {
  opacity: 1;
}

span.cz-pinned-calendar-filter_checkmark svg g circle.st0 {
  fill: var(--utility-green-500);
}

.cz-not-pinned-calendar-filter_icon {
  background: var(--fg-white);
  border-radius: 50%;
  padding: 0 3px;
  border: 1px solid var(--utility-gray-300);
  box-shadow: 0 2px 6px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-not-pinned-calendar-filter_checkmark {
  height: 13px;
  width: 19px;
}

.cz-not-pinned-calendar-filter_checkmark svg {
  fill: var(--utility-gray-dark-600);
  padding-bottom: 1px;
}

.cz-not-pinned-calendar-filter:hover {
  background-color: var(--gray-light-100);
}

.cz-pinned-calendar-filter_text {
  pointer-events: none;
  margin-right: 2px;
  margin-left: 25px;
  line-height: 1.8;
}

.cz-pinned-calendar-filter_text :hover {
  cursor: pointer;
}

label.cz-pinned-calendar-filter_text {
  font-weight: 600;
}

.k-toolbar.k-scheduler-toolbar {
  background: var(--theme-background-main);
  padding: 8px 10px 6px;
  border-color: var(--gray-true-300);
  flex: 0 0 34px;
  min-height: 50px;
}
.k-toolbar.k-scheduler-toolbar > div:first-child {
  gap: unset !important;
}
.k-toolbar.k-scheduler-toolbar span.k-scheduler-views > button {
  padding: 2px 5px;
  border: 1px solid var(--alpha-black-10);
}
.k-toolbar.k-scheduler-toolbar span.k-scheduler-views > button:hover {
  z-index: 1;
}
.k-toolbar.k-scheduler-toolbar span.k-scheduler-views > button.k-button-text {
  padding: 0;
}
.k-toolbar.k-scheduler-toolbar span.k-scheduler-views > button:first-child, .k-toolbar.k-scheduler-toolbar span.k-scheduler-views > button:first-child > span.k-link {
  border-radius: 3px 0 0 3px;
}
.k-toolbar.k-scheduler-toolbar span.k-scheduler-views > button:last-child, .k-toolbar.k-scheduler-toolbar span.k-scheduler-views > button:last-child > span.k-link {
  border-radius: 0 3px 3px 0;
}
.k-toolbar.k-scheduler-toolbar span.k-scheduler-views > button > span.k-button-text {
  padding: 4px 8px;
  box-sizing: border-box;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
}
@media screen and (width <= 1024px) {
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option {
    margin: 0 5px 0 0;
    border: none;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-flex;
    max-width: 314px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--gray-true-300);
    background-color: var(--bg-primary);
    box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
    color: var(--text-primary);
    background-color: var(--bg-primary);
    min-width: 0;
    display: flex;
    align-items: center;
  }
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown:hover,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option:hover {
    background-color: var(--gray-light-200);
  }
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown:focus,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option:focus {
    box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
  }
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown[disabled], .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown[disabled]:hover, .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown[disabled]:focus, .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown[disabled]:active,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option[disabled],
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option[disabled]:hover,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option[disabled]:focus,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option[disabled]:active {
    border: 1px solid var(--border-disabled_subtle);
    background-color: var(--bg-disabled);
    color: var(--fg-disabled);
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
    pointer-events: none;
  }
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown[disabled] svg, .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown[disabled]:hover svg, .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown[disabled]:focus svg, .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown[disabled]:active svg,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option[disabled] svg,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option[disabled]:hover svg,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option[disabled]:focus svg,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option[disabled]:active svg {
    fill: var(--fg-disabled);
  }
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown svg,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option svg {
    fill: var(--text-primary);
  }
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown:active,
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown > option:active {
    background-color: var(--gray-light-200);
  }
  .k-toolbar.k-scheduler-toolbar select.k-dropdown.k-views-dropdown:focus {
    background-color: var(--fg-white);
    box-shadow: none;
  }
}

.k-scheduler-pdf-export > .k-toolbar.k-scheduler-toolbar,
.k-pdf-export .k-scheduler-navigation .k-nav-today,
.k-pdf-export .k-scheduler-navigation .k-nav-prev,
.k-pdf-export .k-scheduler-navigation .k-nav-next,
.k-pdf-export .k-scheduler-footer {
  display: none;
}

.k-widget.k-calendar {
  background: var(--bg-tertiary);
}
.k-widget.k-calendar a.k-link {
  border-radius: 3px;
}
.k-widget.k-calendar .k-header {
  background: var(--bg-primary);
}
.k-widget.k-calendar .k-header a.k-link.k-state-hover,
.k-widget.k-calendar .k-header a.k-link:hover {
  background: var(--bg-primary_hover);
}
.k-widget.k-calendar table.k-content {
  background: var(--bg-primary);
}
.k-widget.k-calendar table.k-content a.k-link {
  text-align: center;
  padding: 0;
}
.k-widget.k-calendar table.k-content th {
  background: var(--bg-primary);
  text-align: center;
  padding: 0;
}
.k-widget.k-calendar td {
  border-radius: 3px;
}
.k-widget.k-calendar td.k-today {
  background: var(--bg-primary);
}
.k-widget.k-calendar td.k-today > a {
  border: 2px solid var(--utility-brand-600);
  color: var(--text-primary);
}
.k-widget.k-calendar td.k-state-focused {
  box-shadow: none;
  background: var(--bg-primary);
}
.k-widget.k-calendar td.k-state-focused > a {
  color: var(--text-primary);
}
.k-widget.k-calendar td.k-state-selected, .k-widget.k-calendar td.k-state-selected.k-today, .k-widget.k-calendar td.k-state-focused.k-today, .k-widget.k-calendar td.k-state-focused.k-state-hover {
  border-radius: 50% !important;
  box-shadow: none;
  background-color: var(--utility-brand-600) !important;
  color: var(--text-white) !important;
}
.k-widget.k-calendar td.k-state-selected > a, .k-widget.k-calendar td.k-state-selected.k-today > a, .k-widget.k-calendar td.k-state-focused.k-today > a, .k-widget.k-calendar td.k-state-focused.k-state-hover > a {
  color: var(--fg-white);
}
.k-widget.k-calendar td.k-other-month > a.k-link {
  color: var(--black);
}
.k-widget.k-calendar td.k-other-month.k-state-hover > a.k-link, .k-widget.k-calendar td.k-other-month:hover > a.k-link {
  color: var(--text-primary);
}

.k-calendar-infinite .k-calendar-header {
  background: var(--bg-primary);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.k-calendar .k-state-focused .k-link {
  box-shadow: none !important;
}

.k-animation-container-fixed > .k-popup {
  border-radius: 10px;
}

.k-calendar .k-state-selected .k-link {
  border-color: var(--utility-brand-600) !important;
  background-color: var(--utility-brand-600) !important;
  border-radius: 50% !important;
}

.k-calendar .k-content .k-today {
  color: var(--utility-brand-600) !important;
  font-weight: 600;
  border-radius: 50%;
}

.k-calendar .k-footer .k-nav-today,
.k-calendar .k-calendar-header .k-today {
  color: var(--gray-light-700) !important;
  font-weight: 600;
  opacity: 0.7;
}
.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-calendar-header .k-today:hover {
  color: var(--utility-brand-600) !important;
  opacity: 1;
}

.k-calendar-header .k-title {
  color: var(--gray-light-700) !important;
}

.k-calendar .k-calendar-navigation li:hover {
  color: var(--utility-brand-500) !important;
}

.k-calendar-navigation .k-calendar-navigation-marker {
  color: var(--utility-brand-600) !important;
}

.k-scheduler-toolbar .k-scheduler-navigation:hover {
  background-image: unset;
}
.k-scheduler-toolbar .k-scheduler-navigation .k-icon {
  display: none;
}
.k-scheduler-toolbar .k-scheduler-navigation > button {
  height: 38px;
  min-width: 38px;
}
.k-scheduler-toolbar .k-scheduler-navigation > button.k-nav-today,
.k-scheduler-toolbar .k-scheduler-navigation > :active.k-nav-current.k-state-default {
  padding: 9px;
  border: 1px solid var(--gray-true-300);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gray-light-700);
  white-space: nowrap;
}
.k-scheduler-toolbar .k-scheduler-navigation > button.k-nav-today {
  border-radius: 3px !important;
  margin-right: 15px;
  background-image: none;
}
.k-scheduler-toolbar .k-scheduler-navigation > .k-nav-prev,
.k-scheduler-toolbar .k-scheduler-navigation .k-nav-next {
  border: none;
  cursor: pointer;
  background: transparent;
}
.k-scheduler-toolbar .k-scheduler-navigation > .k-nav-prev:hover,
.k-scheduler-toolbar .k-scheduler-navigation .k-nav-next:hover {
  background-color: var(--gray-light-200);
  background-image: none;
}
.k-scheduler-toolbar .k-scheduler-navigation > .k-nav-prev {
  width: 32px;
  border-radius: 50% !important;
  padding: 8px;
  background-image: url('arrow-left.579b03a5bbb49b79.svg') !important;
  background-origin: content-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  order: 2;
  margin: 0 10px 0 0;
}
.k-scheduler-toolbar .k-scheduler-navigation > .k-nav-next {
  width: 32px;
  border-radius: 50% !important;
  padding: 8px;
  background-image: url('arrow-right.1ded66d763e32e66.svg') !important;
  background-origin: content-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  order: 3;
  margin: 0 15px 0 0;
}
.k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current {
  border-radius: 3px;
  order: 4;
  text-align: center;
  line-height: 28px;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-true-300);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
  display: flex;
  align-items: center;
}
.k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current:hover {
  background-color: var(--gray-light-200);
}
.k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
.k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current[disabled], .k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current[disabled]:hover, .k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current[disabled]:focus, .k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
.k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current[disabled] svg, .k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current[disabled]:hover svg, .k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current[disabled]:focus svg, .k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current[disabled]:active svg {
  fill: var(--fg-disabled);
}
.k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current svg {
  fill: var(--text-primary);
}
.k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current:active {
  background-color: var(--gray-light-200);
}
.k-scheduler-toolbar .k-scheduler-navigation + .k-nav-current > .k-icon {
  display: none;
}

span.k-scheduler-views,
select.k-dropdown.k-views-dropdown {
  border-color: var(--gray-true-300);
  cursor: pointer;
}
span.k-scheduler-views:hover, span.k-scheduler-views.k-state-hover,
select.k-dropdown.k-views-dropdown:hover,
select.k-dropdown.k-views-dropdown.k-state-hover {
  border-color: var(--gray-true-300);
  background-color: var(--bg-primary);
}
span.k-scheduler-views > span.k-button-text,
select.k-dropdown.k-views-dropdown > span.k-button-text {
  color: var(--text-primary);
}
span.k-scheduler-views > span.k-button-text:hover, span.k-scheduler-views > span.k-button-text:focus,
select.k-dropdown.k-views-dropdown > span.k-button-text:hover,
select.k-dropdown.k-views-dropdown > span.k-button-text:focus {
  text-decoration: none !important;
  color: var(--text-primary);
}
span.k-scheduler-views button.k-state-selected,
select.k-dropdown.k-views-dropdown button.k-state-selected {
  background-color: var(--brand-600) !important;
  border-color: var(--brand-600) !important;
  box-shadow: none;
}
span.k-scheduler-views button.k-state-selected > span.k-button-text,
select.k-dropdown.k-views-dropdown button.k-state-selected > span.k-button-text {
  color: var(--fg-white);
}
span.k-scheduler-views button.k-state-selected:hover, span.k-scheduler-views button.k-state-selected:focus,
select.k-dropdown.k-views-dropdown button.k-state-selected:hover,
select.k-dropdown.k-views-dropdown button.k-state-selected:focus {
  background: var(--brand-600);
  border-color: var(--brand-600);
}

.k-event div {
  margin-left: 5px;
}

.k-event-actions {
  display: flex;
  align-items: center;
}

.k-event-actions:first-child {
  margin-top: 3px !important;
  color: var(--black);
}

.k-event-actions:last-child {
  color: var(--black);
}

.k-webkit .k-event-actions:first-child {
  margin-top: 3px !important;
  color: var(--black);
}

.k-webkit .k-event-actions:last-child {
  margin-top: 2px;
  color: var(--black);
}

.cz-calendar-edit-filter-outer-container {
  height: 100%;
  overflow-y: auto;
}

.cz-calendar-filter-list-container {
  min-height: 100%;
  width: 100%;
  max-width: 655px;
  margin-right: 15px;
  background-color: var(--bg-primary);
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border-primary);
  position: relative;
}

.cz-calendar-filter-list-inner-container, .cz-admin-calendar-filter-list-inner-container {
  width: 100%;
  position: absolute;
  top: 40px;
  bottom: 0;
  flex: 1 1 0px;
  display: flex;
  flex-direction: column;
  padding-bottom: 44px;
}
.cz-calendar-filter-list-inner-container .cz-calendar-filter-list, .cz-admin-calendar-filter-list-inner-container .cz-calendar-filter-list {
  align-self: stretch;
  padding: 15px;
  overflow-y: auto;
  flex: 1 1 0px;
}
.cz-calendar-filter-list-inner-container .cz-calendar-filter-list-buttons, .cz-admin-calendar-filter-list-inner-container .cz-calendar-filter-list-buttons {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid var(--border-primary);
  display: flex;
  justify-content: space-between;
}
.cz-calendar-filter-list-inner-container .cz-footer-bar, .cz-admin-calendar-filter-list-inner-container .cz-footer-bar {
  margin-right: 0 !important;
}
.cz-calendar-filter-list-inner-container .cz-footer-bar-content, .cz-admin-calendar-filter-list-inner-container .cz-footer-bar-content {
  border-right: none;
}

.cz-calendar-user-hide-cal-config {
  margin-bottom: 15px;
}

.cz-calendar-filter-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 36px;
}

.cz-calendar-filter-switch-checkbox {
  pointer-events: none;
}

.cz-calendar-filter-name {
  position: relative;
  flex: 1 1 auto;
  margin-left: 20px;
}

.cz-calendar-filter-name-label {
  font-weight: 600;
}

.cz-calendar-filter {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  min-height: 42px;
  border: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  margin-bottom: 8px;
  border-radius: 3px;
}
.cz-calendar-filter .cz-calendar-filter-inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 42px;
  padding: 0 10px;
}
.cz-calendar-filter .cz-pin-button-group {
  margin-right: 10px;
}
.cz-calendar-filter .cz-pin-button-group button:active svg {
  fill: var(--brand-600);
  width: 20px;
}
.cz-calendar-filter .cz-checkbox + label span {
  margin-top: 0;
}
.cz-calendar-filter .cz-calendar-filter-details {
  display: flex;
  align-items: center;
}
.cz-calendar-filter .cz-calendar-filter-buttons {
  flex: 0 0 auto;
}
.cz-calendar-filter .cz-calendar-filter-buttons button {
  margin-right: 5px;
}
.cz-calendar-filter ul.cz-calendar-filter-person-list {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  margin: 0;
  box-sizing: border-box;
  border-top: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  padding: 5px 0 5px 40px;
  border-radius: 0 0 3px 3px;
}
.cz-calendar-filter ul.cz-calendar-filter-person-list li.cz-calendar-filter-person-list-item {
  height: 28px;
  font-size: 1rem;
  width: 100%;
  float: left;
  padding: 0 5px;
  color: var(--gray-light-900);
  list-style: initial;
}

label.cz-calendar-edit-filter-checkbox {
  font-weight: 600;
}

.cz-calendar-filter-apply-buttons {
  display: flex;
  margin: 0 15px;
  align-items: center;
  justify-content: space-between;
}

.cz-calendar-edit-filter-container {
  width: 100%;
  max-width: 655px;
  min-height: 100%;
  background-color: var(--bg-primary);
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border-primary);
  position: relative;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container {
  width: 100%;
  flex: 1 1 0px;
  position: absolute;
  top: 40px;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-footer-bar {
  margin-right: 0 !important;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-footer-bar-content {
  border-right: none;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-calendar-edit-filter-person-list-wrapper {
  flex: 1 1 0px;
  margin-bottom: 44px;
  padding: 15px;
  overflow-y: auto;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-calendar-edit-filter-person-list-wrapper-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-calendar-edit-filter-person-list {
  display: flex;
  flex-wrap: wrap;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-calendar-edit-filter-person-wrapper {
  width: 100%;
  padding: 5px;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-calendar-edit-filter-person {
  display: flex;
  align-items: center;
  height: 42px;
  justify-content: space-between;
  padding: 0 10px;
  border: 1px solid var(--border-primary);
  width: 100%;
  flex: 1 1 0px;
  border-radius: 3px;
  background-color: var(--bg-primary);
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-calendar-edit-filter-person span.cz-calendar-edit-filter-person-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-calendar-edit-filter-buttons {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid var(--border-primary);
  display: flex;
  justify-content: space-between;
}

.cz-calendar-edit-filter-top-section {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  border-bottom: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  margin: 0;
  padding: 15px;
  position: relative;
}

.cz-calendar-edit-filter-top-section-inner-controls {
  display: flex;
  align-items: center;
}
.cz-calendar-edit-filter-top-section-inner-controls input {
  flex: 1 1 0px;
}
.cz-calendar-edit-filter-top-section-inner-controls button {
  flex: 0 0 auto;
}

.k-scheduler-table td {
  padding: 0;
  border-color: var(--gray-true-300);
}

.k-scheduler {
  border-radius: 3px;
}
.k-scheduler .k-scheduler-table th {
  font-weight: 600;
}
.k-scheduler .k-scheduler-table td,
.k-scheduler .k-scheduler-table th {
  box-sizing: border-box;
  border-color: var(--gray-true-300);
  padding: 0.334em 0.5em;
}
.k-scheduler .k-button-group .k-button:focus,
.k-scheduler .k-button-group .k-button.k-state-focused,
.k-scheduler .k-button:focus {
  box-shadow: none;
}

.k-scheduler-times th.k-slot-cell {
  max-width: 220px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  border-bottom-color: var(--gray-true-300) !important;
}

.k-scheduler-times th.k-slot-cell > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.k-scheduler-weekview .k-today,
.k-scheduler-monthview .k-today,
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
  background-color: var(--brand-100) !important;
}
.k-scheduler-weekview .k-today.cz-nonwork-hour,
.k-scheduler-monthview .k-today.cz-nonwork-hour,
.k-scheduler-table .k-today.cz-nonwork-hour,
.k-today > .k-scheduler-datecolumn.cz-nonwork-hour,
.k-today > .k-scheduler-groupcolumn.cz-nonwork-hour {
  background: repeating-linear-gradient(45deg, var(--gray-light-200), var(--gray-light-200) 2.5%, var(--bg-primary) 2.5%, var(--bg-primary) 5%, var(--gray-light-200) 5%) top left fixed;
  background-size: 60px 60px;
}

.k-scheduler-dayview .k-today {
  background-color: var(--bg-primary);
}

.k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-monthview .k-hidden {
  height: 150px;
  padding: 0;
}
.k-scheduler-monthview .k-scheduler-table td span.cz-calendar-month-day,
.k-scheduler-monthview .k-hidden span.cz-calendar-month-day {
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--border-primary);
  font-size: 0.875rem;
  padding: 5px 5px 5px 10px;
  box-sizing: border-box;
  font-weight: 600;
  background-color: var(--brand-50);
  text-align: left;
}

.k-scheduler-monthview .k-scheduler-content tr {
  height: 150px;
}
.k-scheduler-monthview .k-scheduler-content div.k-more-events {
  border-width: 0;
  background: transparent;
}
.k-scheduler-monthview .k-event {
  background-clip: content-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.k-scheduler-dayview .k-scheduler-header {
  background-color: var(--brand-50);
}
.k-scheduler-dayview tr:first-child .k-scheduler-times tr {
  height: 24px;
  box-sizing: border-box;
  padding: 0;
}
.k-scheduler-dayview tr:first-child .k-scheduler-times tr th {
  height: 30px;
  padding: 0;
  box-sizing: border-box;
  border-right: none;
  background-color: var(--bg-primary);
}
.k-scheduler-dayview tr:first-child .k-scheduler-times tr:first-child th {
  border-bottom: none;
}
.k-scheduler-dayview .k-scheduler-header-wrap tr th {
  height: 19px;
  line-height: 19px;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  background-color: var(--bg-primary);
}
.k-scheduler-dayview .k-scheduler-header-wrap tr:first-child th {
  border-bottom: none;
}
.k-scheduler-dayview .k-scheduler-table tr {
  height: 34px;
  padding: 0;
  box-sizing: border-box;
}
.k-scheduler-dayview .k-scheduler-pane th {
  height: 38px;
}
.k-scheduler-dayview .k-scheduler-pane .k-scheduler-times-all-day {
  height: 38px;
}
.k-scheduler-dayview .k-scheduler-pane td {
  height: 38px;
}
.k-scheduler-dayview .k-scheduler-header-wrap .k-scheduler-table {
  height: 38px;
}
.k-scheduler-dayview .k-scheduler-header-wrap .k-scheduler-header-all-day {
  height: 38px;
}

.k-scheduler-weekview .k-scheduler-header {
  background-color: var(--bg-primary);
}
.k-scheduler-weekview tr:first-child .k-scheduler-times tr {
  height: 34px;
  box-sizing: border-box;
  padding: 0;
}
.k-scheduler-weekview tr:first-child .k-scheduler-times tr th {
  height: 34px;
  padding: 0;
  box-sizing: border-box;
  background-color: var(--bg-primary);
}
.k-scheduler-weekview .k-scheduler-header-wrap tr th {
  height: 34px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  background-color: var(--bg-primary);
}
.k-scheduler-weekview .k-scheduler-table tr {
  height: 34px;
  padding: 0;
  box-sizing: border-box;
}

.k-scheduler-pdf-export > .k-scheduler-layout {
  border-right: 1px solid var(--border-primary);
  border-left: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
}

.k-scheduler-layout.k-scheduler-timeline-week-view tr + tr .k-scheduler-times tr:last-child > th,
.k-scheduler-layout.k-scheduler-timeline-month-view tr + tr .k-scheduler-times tr:last-child > th {
  border-bottom-width: 1px;
}
.k-scheduler-layout.k-scheduler-timeline-week-view tr + tr .k-scheduler-times th.k-slot-cell,
.k-scheduler-layout.k-scheduler-timeline-month-view tr + tr .k-scheduler-times th.k-slot-cell {
  border-bottom-color: var(--gray-true-300);
}
.k-scheduler-layout.k-scheduler-timeline-week-view .k-scheduler-times th.k-slot-cell,
.k-scheduler-layout.k-scheduler-timeline-month-view .k-scheduler-times th.k-slot-cell {
  padding: 0 10px;
}
.k-scheduler-layout.k-scheduler-timeline-week-view > tbody > tr:nth-child(1),
.k-scheduler-layout.k-scheduler-timeline-month-view > tbody > tr:nth-child(1) {
  border-bottom: 1px solid var(--border-primary);
}
.k-scheduler-layout.k-scheduler-timeline-week-view > tbody > tr:nth-child(1) .k-scheduler-times th,
.k-scheduler-layout.k-scheduler-timeline-month-view > tbody > tr:nth-child(1) .k-scheduler-times th {
  border-right: 1px solid var(--border-primary);
}
.k-scheduler-layout.k-scheduler-timeline-week-view > tbody > tr:nth-child(1) .k-scheduler-times .k-scheduler-table tr:nth-child(2),
.k-scheduler-layout.k-scheduler-timeline-week-view > tbody > tr:nth-child(1) .k-scheduler-header-wrap .k-scheduler-table tr:nth-child(2),
.k-scheduler-layout.k-scheduler-timeline-month-view > tbody > tr:nth-child(1) .k-scheduler-times .k-scheduler-table tr:nth-child(2),
.k-scheduler-layout.k-scheduler-timeline-month-view > tbody > tr:nth-child(1) .k-scheduler-header-wrap .k-scheduler-table tr:nth-child(2) {
  display: none;
}
.k-scheduler-layout.k-scheduler-timeline-week-view > tbody > tr:nth-child(1) th,
.k-scheduler-layout.k-scheduler-timeline-month-view > tbody > tr:nth-child(1) th {
  background-color: var(--bg-primary);
  border-bottom: none;
}
.k-scheduler-layout.k-scheduler-timeline-week-view tr th,
.k-scheduler-layout.k-scheduler-timeline-month-view tr th {
  padding: 0;
  line-height: 24px;
}
.k-scheduler-layout.k-scheduler-timeline-week-view .k-scheduler-content .k-scheduler-table tr td:nth-child(even),
.k-scheduler-layout.k-scheduler-timeline-month-view .k-scheduler-content .k-scheduler-table tr td:nth-child(even) {
  border-left: none;
}
.k-scheduler-layout.k-scheduler-timeline-week-view .k-event,
.k-scheduler-layout.k-scheduler-timeline-month-view .k-event {
  margin-top: 2px;
}

.k-scheduler-timeline-view > tbody > tr:nth-child(2) > td:nth-child(1),
.k-scheduler-timeline-week-view > tbody > tr:nth-child(2) > td:nth-child(1),
.k-scheduler-timeline-month-view > tbody > tr:nth-child(2) > td:nth-child(1),
.k-scheduler-dayview > tbody > tr:nth-child(2) > td:nth-child(1),
.k-scheduler-week-view > tbody > tr:nth-child(2) > td:nth-child(1) {
  border-right: 1px solid var(--border-primary);
}

.k-scheduler-table tr td:first-child {
  border-right: none;
}

.k-scheduler-layout tbody > tr:nth-child(1) td {
  border-bottom: 1px solid var(--border-primary);
}
.k-scheduler-layout tbody > tr:nth-child(1) td th {
  border-bottom: none;
}
.k-scheduler-layout tbody > tr:nth-child(1) .k-scheduler-times th {
  border-right: 1px solid var(--border-primary);
}

.k-scheduler-layout.k-scheduler-dayview tbody > tr:nth-child(1):not(.k-middle-row) td {
  border-bottom: none;
}

.k-scheduler .k-middle-row td {
  border-bottom-style: dotted !important;
}

.k-scheduler-layout.k-scheduler-dayview div.k-scheduler-times th.k-scheduler-times-all-day {
  border-left: none;
  min-width: 60px;
  height: 36px;
  padding: 0 0.6em;
}

.k-scheduler-layout.k-scheduler-dayview .k-scheduler-table.k-scheduler-header-all-day {
  border: 1px solid var(--border-primary);
  border-width: 1px 0;
}

.k-scheduler-timelineview .k-scheduler-header > .k-scheduler-header-wrap > .k-scheduler-table tr:first-child th {
  border-bottom: 1px solid var(--border-primary);
}

.k-scheduler-pane .k-scheduler-times {
  min-width: 150px !important;
  flex: 0 0 auto;
}

.k-scheduler-header-all-day > tr > td {
  border-bottom: none;
}

.k-scheduler-times {
  border-bottom: none;
  min-width: 150px !important;
}
.k-scheduler-times th {
  border-bottom: 1px solid var(--border-primary);
  border-right: none;
}

.k-scheduler-footer {
  border-radius: 0 0 2px 2px;
  line-height: initial;
  padding-top: 8px;
}
.k-scheduler-footer > ul.k-header {
  background: transparent;
}
.k-scheduler-footer .k-scheduler-fullday {
  margin: 0;
  border: none;
  font-weight: 600;
  line-height: 0;
  display: flex;
  align-items: center;
}
.k-scheduler-footer .k-scheduler-fullday:hover {
  background-color: var(--gray-light-200);
}
.k-scheduler-footer span.k-icon {
  display: none;
}

.cz-calendar-event-label {
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative;
  height: inherit;
  padding-right: 3px;
}
.cz-calendar-event-label.cz-calendar-draft, .cz-calendar-event-label.cz-calendar-pending {
  background-repeat: no-repeat;
  padding-left: 15px;
  background-position: 0 2px;
}
.cz-calendar-event-label.cz-calendar-draft {
  background-image: url('draft.a1be7a9531066b90.svg');
  background-size: 13px 13px;
}
.k-event-inverse > .cz-calendar-event-label.cz-calendar-draft {
  background-image: url('draft.inverse.2ada51dbe3cde9fd.svg');
}
.cz-calendar-event-label.cz-calendar-pending {
  background-image: url('pending.a458bef6b423839a.svg');
  background-size: 14px 14px;
}
.k-event-inverse > .cz-calendar-event-label.cz-calendar-pending {
  background-image: url('pending.inverse.c915cd29e79cabeb.svg');
}

.cz-calendar-event-label__inner {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.cz-calendar-event-partial--end > .cz-calendar-event-label__inner, .cz-calendar-event-partial--start > .cz-calendar-event-label__inner {
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.cz-calendar-event-partial--end.cz-calendar-event-partial--start > .cz-calendar-event-label__inner {
  padding-right: 17px;
  padding-left: 15px;
  background-position: 100% 2px, 0 2px;
  background-image: url('partial.7c33cd1c6356cf1a.svg'), url('partial.start.fb29106ff3c8be40.svg');
}
.cz-calendar-event-partial--end > .cz-calendar-event-label__inner {
  padding-right: 17px;
  background-position: 100% 2px;
  background-image: url('partial.7c33cd1c6356cf1a.svg');
}
.cz-calendar-event-partial--start > .cz-calendar-event-label__inner {
  padding-left: 15px;
  background-position: 0 2px;
  background-image: url('partial.start.fb29106ff3c8be40.svg');
}
.cz-calendar-event--crossing > .cz-calendar-event-label__inner {
  padding-right: 15px;
}

.cz-calendar-event-label__text {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-calendar-event-label.cz-calendar-event-all-day {
  margin-top: 3px;
}

.k-nonwork-hour {
  background-color: transparent !important;
}

.cz-nonwork-hour {
  background: repeating-linear-gradient(45deg, var(--gray-light-200), var(--gray-light-200) 2.5%, var(--bg-primary) 2.5%, var(--bg-primary) 5%, var(--gray-light-200) 5%) top left fixed;
  background-size: 60px 60px;
}

@media screen and (width <= 1024px) {
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views {
    right: 10px;
    top: 10px;
  }
}
@media screen and (width >= 580px) {
  .cz-calendar-edit-filter-container .cz-calendar-edit-filter-inner-container .cz-calendar-edit-filter-person-wrapper {
    width: 50%;
  }
}
@media print {
  .cz-calendar-container {
    position: static;
    display: block;
  }
  .cz-calendar-container .k-scheduler .k-scheduler-layout {
    position: static;
    display: block;
  }
  .k-toolbar.k-scheduler-toolbar,
  .cz-calendar-filter-button-container {
    display: none;
  }
}
.k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th,
.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td,
.k-scheduler-table > tbody > tr > .k-last {
  border-bottom-width: 1px;
}

.k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell,
.k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day {
  border-bottom-color: var(--gray-true-300);
}

.cz-admin-calendar-filter-list-inner-container {
  width: 601px;
  background-color: var(--fg-white);
  top: 0;
  border-right: 1px solid var(--utility-gray-300);
}

.k-scheduler-timeline-week-view tr {
  height: 37px;
}
.k-scheduler-timeline-week-view .k-scheduler-pane:nth-of-type(1) .k-scheduler-table tr:nth-of-type(2) {
  display: none;
}

.k-scheduler-timeline-month-view tr {
  height: 37px;
}
.k-scheduler-timeline-month-view .k-scheduler-pane:nth-of-type(1) .k-scheduler-table tr:nth-of-type(2) {
  display: none;
}

timeline-multi-day-view + .k-scheduler-footer {
  display: none !important;
}

.k-scheduler .k-other-month {
  color: var(--utility-gray-400);
}

cz-scheduler-control .k-scheduler .k-button.k-more-events {
  height: 13px;
}
cz-scheduler-control .k-scheduler .k-other-month {
  background-color: var(--utility-gray-100);
}

cz-scheduler-control .k-scheduler-toolbar .k-views-dropdown {
  background-color: var(--fg-white);
  margin: 0 5px 0 0;
  padding: 9px;
  border: 1px solid var(--utility-gray-300);
  border-radius: 3px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  color: var(--gray-light-700);
  min-width: 0;
}

/* Abstracts */
.cz-cl-inbox-container {
  position: relative;
  max-width: 1000px;
  min-width: 700px;
  padding: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cz-cl-inbox-container > * {
  flex-grow: 0;
}
.cz-cl-inbox-container > .cz-cl-inbox-card {
  flex-grow: 1;
}

.cz-cl-inbox-container .cz-cl-inbox-task_desc {
  max-width: 600px;
}

.cz-cl-inbox-tabbed_container {
  display: flex;
  height: 42px;
  border-bottom: none;
}

.cz-cl-inbox-tab_item {
  position: relative;
  height: 42px;
  display: flex;
  background: var(--utility-gray-dark-100);
  border: 1px solid var(--utility-gray-300);
  border-bottom: 0;
  border-right: 0;
  cursor: pointer;
}

.cz-cl-inbox-tab_item:last-child {
  border-right: 1px solid var(--utility-gray-300);
}

.cz-cl-inbox-tab-item-content_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 30px;
  height: 100%;
}

.cz-cl-inbox-tab-item_count {
  position: absolute;
  top: -22px;
  right: -4px;
  margin-right: 0;
}

.cz-cl-inbox-tab-item_content {
  position: relative;
  display: flex;
  height: 25px;
  width: 100%;
  padding-left: 15px;
}

.cz-cl-inbox-tab-item_icon {
  height: 25px;
  width: 25px;
  margin-right: 5px;
  background-size: 20px 20px;
}

.cz-inbox-combined_icon {
  background: url('no-tasks_icon.128a73267444b07e.svg');
  background-repeat: no-repeat;
}

.cz-inbox-wf_icon {
  background: url('wf.4ae270ac4a7384cb.svg');
}

.cz-inbox-checklist_icon {
  background: url('checklist-task_icon.38de8a0bc485825f.svg');
}

.cz-cl-inbox-task-icon_wf,
.st0-wf {
  fill: var(--utility-gray-400);
}

.cz-cl-inbox-task_icon {
  --svg-icon-size: 24px;
  height: 100%;
  display: grid;
  place-content: center;
}

.cz-cl-inbox-task_count {
  height: 24px;
  width: 24px;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0 10px;
  border-radius: 50%;
  display: flex;
  display: flexbox;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  background: var(--utility-brand-600);
}

.cz-cl-inbox-task_count span {
  height: 18px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--fg-white);
}

.cz-wf-inbox-delegation {
  margin: 0 !important;
}

.cz-combined-inbox,
.cz-checklist-inbox {
  background: var(--fg-white);
  display: flex;
  flex-direction: column;
}

.cz-combined-inbox-refresh-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  min-width: 50px;
  max-width: 50px;
}

.cz-cl-inbox-refresh-container {
  position: absolute !important;
  top: -42px;
  right: 10px;
  display: flex;
  padding-top: 5px;
  cursor: pointer;
}
.cz-cl-inbox-refresh-container button {
  max-width: 32px;
  max-height: 32px;
}

.cz-cl-inbox-refresh-container h1 {
  font-size: 0.875rem;
  text-decoration: underline;
  font-weight: 700;
  color: var(--utility-gray-700-alpha-50);
  margin: 0;
}

.cz-cl-inbox-tab_item-selected {
  background: var(--fg-white);
  height: 42.5px;
  z-index: 1;
}

.cz-cl-inbox-tab_item h1 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: var(--gray-light-900);
  font-weight: 600;
}

.cz-cl-inbox-card {
  position: relative;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  background: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-top: none;
  box-shadow: 0 2px 5px 0 var(--alpha-black-10);
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.cz-cl-inbox-card > * {
  flex-grow: 0;
}
.cz-cl-inbox-card > .cz-cl-inbox-mode {
  flex-grow: 1;
}
.cz-cl-inbox-card > .cz-cl-inbox-mode-empty {
  flex-grow: 0 !important;
}

.cz-cl-inbox-mode {
  display: flex;
  flex-direction: column;
}
.cz-cl-inbox-mode > * {
  flex-grow: 0;
}
.cz-cl-inbox-mode > .cz-combined-inbox,
.cz-cl-inbox-mode .cz-checklist-inbox {
  flex-grow: 1;
}

.cz-cl-inbox-task-card_header {
  width: 100%;
  height: 40px;
}

.cz-cl-inbox-task_body {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.cz-cl-inbox-task_row {
  display: flex;
  min-height: 75px;
  width: 100%;
  border-bottom: 1px solid var(--border-primary);
}

.cz-cl-inbox-task_row:first-child {
  border-top: 1px solid var(--border-primary);
}

.cz-cl-inbox-task-desc_container, .cz-cl-inbox-task-desc_container-body {
  display: flex;
  flex: 1 1 auto;
  text-decoration: none !important;
  min-width: 300px;
  cursor: pointer;
}

.cz-cl-inbox-task-desc_container-body:hover {
  background: var(--utility-gray-dark-50);
}

.cz-cl-inbox-task_desc {
  position: relative;
  display: flex;
  min-height: 75px;
  height: 100%;
  padding: 10px;
  background: none;
  max-width: 600px;
  min-width: 300px;
  flex: 4 4 auto;
}

.cz-cl-inbox-task_button {
  display: none;
}

.cz-cl-inbox-task-time_text {
  display: block;
}

.cz-cl-inbox-task-desc_container-body.show-button:hover div.cz-cl-inbox-task_button {
  display: block;
}

.cz-cl-inbox-task-desc_container-body.show-button:hover div.cz-cl-inbox-task-time_text {
  display: none;
}

.cz-cl-inbox-category-label_container {
  margin: 0 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-cl-inbox-task-text_container {
  width: 95%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto 0;
}

.cz-cl-inbox-task-text_title {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2px;
}

.cz-cl-inbox-task-text_title span {
  font-size: 1rem;
  font-weight: 600;
  color: var(--utility-gray-true-600);
  margin: 0;
  line-height: 1.1;
}

.cz-cl-inbox-task_text {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--utility-gray-700-alpha-75);
}

.cz-cl-inbox-task-text_deadline {
  color: var(--utility-green-600-alpha-75);
}

.cz-cl-inbox-task_time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  text-align: right;
  margin: auto 15px auto auto;
  min-width: 140px;
  color: var(--utility-gray-600-alpha-75);
  font-weight: 600;
}

.cz-cl-inbox-task_arrow {
  height: 20px;
  margin: auto 20px;
  flex: 0.5;
  max-width: 15px;
  width: 15px;
}

svg.cz-cl-inbox-task_arrow-svg {
  height: 16px;
  width: 16px;
  fill: var(--utility-gray-600);
}

.cz-checklist-inbox {
  position: relative;
}

.cz-combined-inbox-ctl-detail {
  position: relative;
  height: 100%;
}

.cz-cl-inbox-task_wf:hover {
  background: var(--utility-gray-true-400-alpha-25);
}

.cz-cl-inbox-task_wf:hover .st0-wf {
  fill: var(--utility-green-500);
}

.cz-cl-inbox-task_input, .cz-cl-inbox-task_wf {
  position: relative;
  min-height: 75px;
  width: 75px;
  border-right: 1px solid var(--border-primary);
  background: var(--utility-gray-true-400-alpha-10);
  flex: 0 0 auto;
  cursor: pointer;
}

.cz-cl-inbox-task_input:hover, .cz-cl-inbox-task_wf:hover {
  background: var(--utility-gray-true-400-alpha-25);
}

.cz-inbox-checklist-list__item-checkbox_IsNotChecked {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: var(--utility-gray-dark-300);
  cursor: pointer;
  outline: none;
  border-radius: 50%;
  height: 18px;
  width: 18px;
}

.cz-inbox-checklist-list__item-checkbox_IsChecked {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('completed-tick.3235a3fcc1349f73.svg');
  opacity: 0.8;
  height: 18px;
  width: 18px;
}

.cz-cl-inbox-task_input:hover .cz-inbox-checklist-list__item-checkbox_IsNotChecked, .cz-cl-inbox-task_wf:hover .cz-inbox-checklist-list__item-checkbox_IsNotChecked {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('completed-tick.3235a3fcc1349f73.svg');
  opacity: 0.65;
  height: 18px;
  width: 18px;
}

.cz-inbox-switch_container {
  display: flex;
  height: auto;
  padding-left: 15px;
  border-top: 1px solid var(--border-primary);
}

.cz-inbox-switch-list_container {
  display: flex;
  flex-wrap: wrap;
  flex: 3 3 auto;
  width: 800px;
  min-width: 400px;
  margin: 20px 0 10px;
}

.cz-inbox-switch-menu_icon {
  display: none;
}

.cz-inbox-switch {
  position: relative;
  height: 35px;
  padding: 5px 8px;
  background-image: none !important;
  background: var(--utility-gray-dark-50);
  border: 1px solid var(--border-primary);
  border-radius: 3px;
  flex: 0 0 auto;
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
}

.cz-inbox-switch h1 {
  font-size: 0.875rem;
  line-height: 1.8;
  font-weight: 600;
  color: var(--utility-gray-true-600);
  margin: 0;
}

.cz-inbox-checklist-switch {
  position: relative;
  height: 35px;
  padding: 5px 8px;
  background: var(--utility-gray-dark-50);
  border: 1px solid var(--utility-gray-300);
  border-radius: 3px;
  flex: 0 0 auto;
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
  background-image: none !important;
}

.cz-inbox-checklist-switch h1 {
  font-size: 0.875rem;
  line-height: 1.8;
  font-weight: 600;
  color: var(--utility-gray-true-600);
  margin: 0;
}

.cz-cl-inbox-category-list-label_container {
  margin: auto 5px;
}

.cz-cl-inbox-button {
  height: 25px !important;
  padding: 2px 5px !important;
}

.cz-inbox-switch-label_container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 3px;
  cursor: pointer;
  cursor: hand;
}

.cz-inbox-switch-label_container input {
  position: absolute;
  left: -999em;
}

.cz-inbox-switch-label_container input[type=checkbox] + .cz-inbox-switch-label span::before {
  content: "";
  display: inline-block;
  margin: 1px 0 1px 10px;
  background-color: var(--fg-white);
  height: 17px;
  width: 17px;
  position: relative;
  outline: 0;
  appearance: none;
  border: 1px solid var(--utility-gray-300-alpha-75);
  border-radius: 3px;
  padding-right: 5px;
  cursor: pointer;
  cursor: hand;
  overflow: hidden;
  z-index: 1;
}

.cz-inbox-switch-label_container input:checked + .cz-inbox-switch-label span::before {
  width: 17px;
  height: 17px;
  appearance: none;
  background-color: var(--fg-white);
  background-image: url('switch-on-tick.26afc5a5c25a1a4c.svg');
  background-repeat: no-repeat;
  outline: 0;
  z-index: 5;
  border: 1px solid var(--utility-gray-300-alpha-75);
}

.cz-inbox-switch-label {
  cursor: pointer;
}

.cz-cl-inbox-empty-state--view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 20px;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 20px 0;
  gap: 20px;
  position: relative;
  padding: 60px;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  border-top: 1px solid var(--border-primary);
}
.cz-card__body .cz-root-ctl-content .cz-cl-inbox-empty-state--view {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 0;
}

.cz-cl-inbox-empty-state__message {
  font-size: 0.875rem;
  text-align: center;
  color: var(--gray-light-900);
  font-weight: 600;
  max-width: 90%;
  margin: 0;
}

/* Top section load more */
.cz-cl-inbox-top-btn-more {
  display: flex;
  flex: 1 1 auto;
  height: 30px;
  width: intrinsic;
  width: max-content;
  width: max-content;
  margin: 25px 10px;
}

.cz-cl-inbox-top-btn-more h1 {
  color: var(--utility-gray-true-600);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
}

.cz-cl-inbox-top-btn-more svg {
  fill: var(--utility-gray-true-500);
  height: 16px;
}

.cz-cl-inbox-btn-task_count_text {
  min-width: 70px;
}

.cz-cl-inbox-btn-task_count, .cz-cl-inbox-btn-task_count_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-cl-inbox-btn-task_count button, .cz-cl-inbox-btn-task_count_text button {
  height: 27px;
  min-width: 34px;
  max-width: 34px;
  border-radius: 0.25em;
  padding: 4px 8px;
  background-color: var(--utility-gray-50);
  border: 1px solid var(--alpha-black-10);
}

/* Bottom section load more */
.cz-cl-inbox-bottom-btn-more_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 75px;
  max-width: 900px;
}

.cz-cl-inbox-bottom-btn-more {
  display: flex;
  justify-content: center;
}

/* Widget design */
.cz-cl-inbox-container_widget {
  height: 100%;
  width: 100%;
  padding: 0;
}

.cz-cl-inbox-container_widget .cz-cl-inbox-task_row {
  min-width: 430px;
}

.cz-cl-inbox-container_widget .cz-cl-inbox-task_row:first-child {
  border-top: 1px solid var(--border-primary);
}

.cz-cl-inbox-container_widget > .cz-cl-inbox-task_row,
.cz-cl-inbox-task_desc {
  max-width: 550px;
  min-width: 150px;
}

.cz-cl-inbox-container_widget .cz-cl-inbox-empty-state--view {
  height: 100%;
  margin: 0;
  padding: 20px;
  border-top: 0;
}

.cz-cl-inbox-container_widget > .cz-cl-inbox-card {
  border: 0;
  height: 100%;
  box-shadow: none;
  max-width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cz-cl-inbox-task-field_text {
  margin-left: 2px;
}

/* Overdue task */
.cz-cl-inbox-checklist-task-overdue {
  color: var(--error-500) !important;
}

/* IPad Responsivness */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cz-cl-inbox-tab_item,
  .cz-inbox-switch,
  .cz-cl-inbox-top-btn-more,
  .cz-cl-inbox-task_text,
  .cz-cl-inbox-task_time,
  h1 {
    font-size: 0.75rem;
  }
  .cz-cl-inbox-task-text_title span {
    font-size: 0.875rem;
  }
  .cz-cl-inbox-tab-item-content_container {
    margin: 0 10px;
    top: -24px;
    right: -18px;
  }
  .cz-cl-inbox-tab-item_content {
    padding: 0 5px;
  }
  .cz-cl-inbox-task_count {
    height: 20px;
    width: 20px;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .cz-cl-inbox-container {
    min-width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .cz-cl-inbox-card {
    max-width: 100%;
    min-width: 100%;
    border-left: 0;
  }
  .cz-cl-inbox-task_wf,
  .cz-cl-inbox-task_input {
    width: 60px;
    display: none;
  }
  .cz-inbox-switch-list_container {
    display: none;
    min-width: 55%;
    width: 55%;
    max-width: 70%;
    margin: 15px 0 10px 5px;
  }
  .cz-cl-inbox-refresh-container {
    display: none;
  }
  .cz-cl-inbox-tab-item_icon {
    height: 22px;
    width: 22px;
    margin-right: 8px;
    margin-top: 2px;
  }
  .cz-cl-inbox-task_count {
    display: none;
  }
  .cz-cl-inbox-tab_item,
  .cz-cl-inbox-task-text_title,
  .cz-cl-inbox-top-btn-more h1 {
    font-size: 0.75rem;
  }
  .cz-cl-inbox-task_text {
    padding: 0;
    max-width: 80%;
    font-size: 0.75rem;
  }
  .cz-cl-inbox-top-btn-more {
    margin: 15px 0;
  }
  .cz-cl-inbox-task-desc_container-body {
    min-width: 100%;
    max-width: 100%;
  }
  .cz-cl-inbox-task_desc {
    padding: 2px 2px 2px 20px;
    min-width: 0;
    background: var(--bg-primary) !important;
  }
  .cz-cl-inbox-task_time {
    display: none;
  }
  .cz-cl-inbox-tab-item-content_container {
    margin: 0;
    min-width: 100%;
  }
  .cz-cl-inbox-tab_item {
    height: 48px;
    min-width: 33%;
    border-top: 0;
  }
  .cz-cl-inbox-tab_item-selected {
    height: 49px;
  }
  .cz-cl-inbox-tabbed_container {
    display: none;
    height: 48px;
  }
  .cz-cl-inbox-tab-item_content {
    padding-left: 0;
    text-align: center;
    min-width: 70px;
    max-width: 100px;
    justify-content: center;
  }
  .cz-inbox-switch {
    display: none;
    height: 30px;
  }
  .cz-inbox-switch-menu_icon {
    display: flex;
    height: 100%;
    width: 20px;
  }
  .cz-inbox-switch-menu_icon svg path {
    fill: var(--utility-gray-true-500);
  }
  .cz-inbox-switch-menu_icon ellipse.st0 {
    fill: var(--fg-white);
    stroke: var(--utility-gray-true-500);
    stroke-width: 9;
  }
  .cz-cl-inbox-category-label_container {
    margin-right: 15px;
  }
  .cz-wf-category-label-class1 {
    background-color: var(--green-800);
    background-image: none;
  }
  .cz-wf-category-label-class2 {
    background-color: var(--gray-dark-900);
    background-image: none;
  }
  .cz-wf-category-label-class3 {
    background-color: var(--cyan-700);
    background-image: none;
  }
  .cz-wf-category-label-class4 {
    background-color: var(--orange-dark-900);
    background-image: none;
  }
  .cz-wf-category-label-class5 {
    background-color: var(--orange-400);
    background-image: none;
  }
  .cz-wf-category-label-class6 {
    background-color: var(--gray-blue-400);
    background-image: none;
  }
  .cz-wf-category-label-class7 {
    background-color: var(--success-500);
    background-image: none;
  }
  .cz-wf-category-label-class8 {
    background-color: var(--warning-300);
  }
  .cz-wf-category-label-class9 {
    background-color: var(--green-400);
  }
  .cz-cl-inbox-task-text_container {
    width: 100%;
  }
  .cz-cl-inbox-container .cz-cl-inbox-task_row:first-child {
    border-top: 0;
  }
  .cz-cl-inbox-task-desc_container-body:hover {
    background: none;
  }
  .cz-cl-inbox-container > .cz-cl-inbox-card {
    border: 0;
    height: 100%;
    box-shadow: none;
    max-width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .cz-inbox-switch_container {
    border-top: 0;
    border-bottom: 1px solid var(--utility-gray-300);
  }
}
/* Abstracts */
/* Contacts List */
/* ------------- */
.cz-contacts-search-input-container {
  display: flex;
  align-items: center;
  padding-left: 20px;
  flex: 0 0 60px;
  border-bottom: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
}

.cz-contacts-search-input {
  width: 300px;
  margin-bottom: 0;
  margin-right: 10px;
}

.cz-contacts-result-panel {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}

.cz-contacts-details-div {
  margin: 0 15px 15px 0;
}

.cz-contacts-card__pic {
  margin-right: 10px;
  align-self: flex-start;
}

.cz-contacts-card__header,
.cz-contacts-card__footer {
  display: flex;
  width: 280px;
  padding: 10px;
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.cz-contacts-card__header-info,
.cz-contacts-card__name {
  margin-bottom: 3px;
  font-weight: 600;
  text-align: center;
  max-width: 190px !important;
}

.cz-contacts-card__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
}

.cz-contacts-card__footer {
  flex-wrap: wrap;
  min-height: 100px;
  flex-direction: column;
  padding-bottom: 0;
}
.cz-contacts-card__footer .cz-contacts-buttons-container {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 10px;
  gap: 12px;
}

.cz-contacts-card__header-details {
  flex-grow: 1;
  align-self: center;
  max-width: 190px;
}

.cz-contacts-body {
  flex: 1 1 0px;
  overflow-y: auto;
  padding: 20px 0 0 20px;
  position: relative;
}

.cz-contacts-footer {
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  border-top: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
}
.cz-contacts-footer p {
  margin-bottom: 0;
  font-weight: 600;
}

.cz-contacts-loadmore-button {
  margin-left: 15px;
}

.cz-contacts > cz-contacts-control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cz-contacts-info,
.cz-contacts-card__header-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.cz-contacts-info > .cz-contacts-info__link,
.cz-contacts-info > .cz-contacts-info__text,
.cz-contacts-card__header-info > .cz-contacts-info__link,
.cz-contacts-card__header-info > .cz-contacts-info__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0 10px;
  font-weight: 600;
}

.cz-contacts-configuration {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  background-color: var(--bg-secondary);
}

.cz-contacts-configuration-pic {
  flex-shrink: 0;
  height: 60px;
  width: 60px;
  margin-right: 10px;
  align-self: center;
}

.cz-contacts-configuration-card-header,
.cz-contacts-configuration-card-footer {
  display: flex;
  min-width: 300px;
}

.cz-contacts-configuration-card-header {
  flex-direction: column;
}

.cz-contacts-configuration-checkboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 630px;
  padding-bottom: 15px;
}

.cz-contacts-configuration-checkbox {
  display: flex;
  height: 38px;
  width: 50%;
  padding-top: 4px;
}
.cz-contacts-configuration-checkbox .cz-contacts-configuration-checkbox-field-name {
  margin: 8px 0 0 8px;
}

.cz-contacts-configuration-card-footer-wrapper {
  display: inline-block;
  border-top: 1px solid var(--border-primary);
  width: 100%;
}

.cz-contacts-configuration-card-footer {
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 15px;
  padding-right: 0;
}

.column-heading {
  font-size: 1rem;
  font-weight: 600;
}

.cz-contacts-configuration-column-label {
  height: 30px;
  display: flex;
  align-items: center;
}

.cz-contacts-configuration-card-details {
  flex-grow: 1;
  width: 650px;
  padding: 15px 15px 0;
}

.cz-contacts-configuration-header {
  flex-shrink: 0;
}

.cz-contacts-configuration-select {
  width: 210px;
  padding: 0;
}
.cz-contacts-configuration-select option {
  min-height: 35px;
  border-bottom: 1px solid var(--border-primary);
  display: flex;
  align-items: center;
  padding-left: 5px;
}

select:-internal-list-box option:checked {
  background-color: var(--bg-brand-primary) !important;
}

.cz-contacts-configuration-header-column-buttons {
  margin-top: 30px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}
.cz-contacts-configuration-header-column-buttons button:first-child {
  margin-bottom: 5px;
}

.cz-contacts-configuration-footer-column-buttons {
  margin-top: 151px;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}
.cz-contacts-configuration-footer-column-buttons button:first-child {
  margin-bottom: 5px;
}

.cz-contacts-configuration-header-columns p.cz-contacts-configuration-header-name-column {
  padding-left: 5px;
  border: 1px solid var(--border-primary);
  margin-bottom: 0;
  color: var(--fg-secondary);
  display: flex;
  align-items: center;
  height: 35px;
  background-color: var(--bg-primary);
  border-bottom: none;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
}
.cz-contacts-configuration-header-columns .cz-contacts-configuration-select {
  min-height: 141px;
}

.cz-contacts-configuration-footer-columns p.column-heading {
  margin-top: 15px;
}
.cz-contacts-configuration-footer-columns .cz-contacts-configuration-select {
  height: 172px;
}

.cz-contacts-configuration-fullheight {
  height: 380px;
}
.cz-contacts-configuration-fullheight .cz-contacts-configuration-select {
  height: 350px;
}

.cz-contacts-list-config-width {
  min-width: 601px;
}

.cz-people-summary-select-template {
  display: flex;
  flex-direction: row;
}

.cz-people-summary-select-template__delete-button {
  margin-left: 5px;
  max-height: 38px;
}

.cz-people-summary-button-group {
  margin-bottom: 15px;
}
.cz-people-summary-button-group button {
  max-height: 38px;
}
.cz-people-summary-button-group:focus {
  box-shadow: none;
}

.cz-people-summary-button-group.cz-form-cols-2 {
  flex-direction: column;
}
.cz-people-summary-button-group.cz-form-cols-2 > .cz-people-summary-button-group__option-button:first-child {
  border-radius: 3px 3px 0 0;
}
.cz-people-summary-button-group.cz-form-cols-2 > .cz-people-summary-button-group__option-button:last-child {
  border-radius: 0 0 3px 3px;
}

button.cz-template-button {
  width: 50%;
}
button.cz-template-button:focus {
  box-shadow: none;
}
button.cz-template-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
button.cz-template-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Abstracts */
/* App */
.cz-personal-summary {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 0 20px 0 0;
}

.cz-personal-summary-employment-section-inner, .cz-payroll-summary-card {
  width: 50%;
  display: flex;
}

.cz-personal-summary-show-more-button {
  margin-right: auto;
}

.cz-personal-summary-section {
  display: flex;
  border: none;
  background-color: transparent;
  max-width: 980px;
}

header.cz-personal-summary-section {
  max-width: 980px;
  margin: 0 0 10px 0;
  min-width: 320px;
}

.cz-personal-summary-header-card {
  padding: 15px 15px 10px;
  position: relative;
  max-width: 980px;
  min-width: 500px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cz-personal-summary-header-card__picture-container {
  margin: 0 15px auto 0;
}

.cz-personal-summary-header-card__data-container {
  max-width: 840px;
  overflow: hidden;
  flex: 1 1 auto;
}

.cz-personal-summary-header-primary-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--border-primary);
  margin-bottom: 10px;
}

.cz-personal-summary-header-primary-info__name,
.cz-personal-summary-header-primary-info__details,
.cz-personal-summary-header-primary-info__info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-personal-summary-header-primary-info__details {
  flex: 1 1 auto;
}

.cz-personal-summary-header-primary-info__info {
  max-width: 100%;
}

.cz-personal-summary-header-buttons {
  display: flex;
  padding-left: 15px;
  flex: 0 0 auto;
  --drop-down-directive-menu-padding: 5px 0;
}
.cz-personal-summary-header-buttons button:focus {
  box-shadow: none;
}

.cz-personal-summary-header-buttons__hire-terminate-buttons {
  margin-right: 5px;
  margin-left: 5px;
}

.cz-personal-summary-header-secondary-info {
  display: flex;
  flex-wrap: wrap;
}

.cz-personal-summary-header-secondary-info__field-container, .cz-payroll-summary-card .cz-form-body {
  flex: 1 1 50%;
  overflow: hidden;
}

.cz-personal-summary-header-secondary-info__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
  margin-bottom: 10px;
  min-height: 18px;
}
.cz-personal-summary-header-secondary-info__value a:focus {
  box-shadow: none;
}

@media screen and (max-width: 760px) {
  .cz-personal-summary-header-card {
    flex-direction: column;
    align-items: stretch;
  }
  .cz-personal-summary-header-card__picture-container {
    margin: 0 auto 5px;
  }
  .cz-personal-summary-header-card__picture {
    margin: 0 auto;
  }
  .cz-personal-summary-header-primary-info {
    flex-direction: column;
    margin-left: 0;
    padding-bottom: 10px;
    text-align: center;
  }
  .cz-personal-summary-header-primary-info__name,
  .cz-personal-summary-header-primary-info__details {
    max-width: 400px;
  }
  .cz-personal-summary-header-primary-info__details {
    margin-bottom: 10px;
  }
  .cz-personal-summary-header-primary-info__info {
    max-width: none;
  }
  .cz-personal-summary-header-secondary-info {
    margin-left: 0;
    padding-left: 20px;
  }
  .cz-personal-summary-header-secondary-info__field-container, .cz-payroll-summary-card .cz-form-body {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 620px) {
  .cz-personal-summary-header-primary-info__name,
  .cz-personal-summary-header-primary-info__details {
    max-width: 250px;
  }
  .cz-personal-summary-header-primary-info__info {
    display: block;
  }
  .cz-personal-summary-header-primary-info__interpunct {
    display: none;
  }
  .cz-personal-summary-header-secondary-info {
    flex-direction: column;
  }
  .cz-personal-summary-header-secondary-info__field-container, .cz-payroll-summary-card .cz-form-body {
    flex: 0 0 auto;
  }
}
.cz-personal-summary-employment-section-inner:nth-child(odd), .cz-payroll-summary-card:nth-child(odd),
.cz-personal-summary-absence-plan:nth-child(odd) {
  padding: 0 5px 10px 0;
}
.cz-personal-summary-employment-section-inner:nth-child(even), .cz-payroll-summary-card:nth-child(even),
.cz-personal-summary-absence-plan:nth-child(even) {
  padding: 0 0 10px 5px;
}

.cz-personal-summary-header-card,
.cz-personal-summary-absence-plan-card,
.cz-personal-summary-employment-card,
.cz-personal-summary-timeline-container {
  flex: 1 1 0px;
}

.cz-personal-summary-length-of-service-fields > div:last-child > .cz-length-of-service-value {
  margin-bottom: 0;
}

.cz-length-of-service-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
  min-height: 18px;
}

.cz-personal-summary-section-body.cz-personal-summary-length-of-service-fields {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}
.cz-personal-summary-section-body.cz-personal-summary-length-of-service-fields > div {
  display: inline-block;
  min-width: 160px;
}

.cz-working-time-pattern {
  max-width: 980px;
  min-width: 320px;
  flex: 1 1 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cz-working-time-pattern div.cz-working-time-pattern-wrapper {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  width: 100%;
}

div.cz-working-time-pattern table {
  table-layout: fixed;
  width: 90%;
}

div.cz-working-time-pattern table tr {
  border-top: 1px solid var(--border-primary);
}
div.cz-working-time-pattern table tr th {
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--gray-light-100);
  height: 28px;
}

div.cz-working-time-pattern table tr:last-child {
  border-bottom: 1px solid var(--border-primary);
}

div.cz-working-time-pattern table tr th,
div.cz-working-time-pattern table tr td {
  width: 40px;
  border-right: 1px solid var(--border-primary);
  text-align: center;
}

div.cz-working-time-pattern table tr th:first-child,
div.cz-working-time-pattern table tr td:first-child {
  border-left: 1px solid var(--border-primary);
}

div.cz-working-time-pattern table tr td {
  font-weight: 600;
  height: 40px;
}

@media screen and (max-width: 820px) {
  .cz-working-time-pattern {
    height: auto;
    padding: 0;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section {
    flex-direction: column;
    margin-bottom: 0;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-fields,
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-working-time-pattern {
    flex: 1 1 auto;
    margin: 0;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-fields {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-fields div.cz-card__body {
    width: 100%;
    display: flex;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-section-inner, .cz-personal-summary-section.cz-personal-summary-employment-section .cz-payroll-summary-card {
    flex: 1 1 auto;
  }
}
.cz-personal-summary-absence-section {
  display: flex;
  flex-wrap: wrap;
  max-width: 980px;
}

.cz-personal-summary-absence-plan {
  width: 50%;
  min-width: 320px;
  display: flex;
}

@media screen and (max-width: 820px) {
  .cz-personal-summary-absence-section {
    flex-direction: column;
    margin-bottom: 0;
  }
  .cz-personal-summary-absence-plan,
  .cz-personal-summary-employment-section-inner,
  .cz-payroll-summary-card {
    width: 100%;
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 320px;
  }
  .cz-personal-summary-absence-plan:nth-child(odd), .cz-personal-summary-absence-plan:nth-child(even),
  .cz-personal-summary-employment-section-inner:nth-child(odd),
  .cz-payroll-summary-card:nth-child(odd),
  .cz-personal-summary-employment-section-inner:nth-child(even),
  .cz-payroll-summary-card:nth-child(even) {
    padding: 0 0 10px 0;
  }
}
.cz-personal-summary-absence-plan-table {
  width: 100%;
  display: flex;
}
.cz-personal-summary-absence-plan-table .cz-personal-summary-absence-plan-taken,
.cz-personal-summary-absence-plan-table .cz-personal-summary-absence-plan-remaining {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: center;
}
.cz-personal-summary-absence-plan-table .cz-personal-summary-absence-plan-taken span.value,
.cz-personal-summary-absence-plan-table .cz-personal-summary-absence-plan-remaining span.value {
  font-size: 1.875rem;
  font-weight: 600;
}
.cz-personal-summary-absence-plan-table .cz-personal-summary-absence-plan-taken span.label,
.cz-personal-summary-absence-plan-table .cz-personal-summary-absence-plan-remaining span.label {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
}

span.cz-personal-summary-absence-plan-year-type {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}

.cz-personal-summary-weekday-heat-map-container {
  width: 100%;
  max-width: 980px;
  min-width: 320px;
  margin: 0 0 10px 0;
}

div.cz-personal-summary-weekday-heat-map table {
  min-width: 100%;
  table-layout: fixed;
}
div.cz-personal-summary-weekday-heat-map table tr {
  border-top: 1px solid var(--border-primary);
}
div.cz-personal-summary-weekday-heat-map table tr:last-child {
  border-bottom: 1px solid var(--border-primary);
}
div.cz-personal-summary-weekday-heat-map table tr th,
div.cz-personal-summary-weekday-heat-map table tr td {
  width: 14.2857142857%;
  border-right: 1px solid var(--border-primary);
  text-align: center;
}
div.cz-personal-summary-weekday-heat-map table tr th:first-child,
div.cz-personal-summary-weekday-heat-map table tr td:first-child {
  border-left: 1px solid var(--border-primary);
}
div.cz-personal-summary-weekday-heat-map table tr td {
  font-size: 1.25rem;
  height: 40px;
  font-weight: 600;
}
div.cz-personal-summary-weekday-heat-map table tr th {
  font-weight: 600;
  text-transform: uppercase;
  height: 28px;
  background-color: var(--gray-light-100);
}

.cz-personal-summary-timeline-container {
  max-width: 980px;
  min-width: 320px;
  padding: 1em;
  margin-bottom: 20px;
}

.cz-personal-summary-timeline {
  position: relative;
  overflow: auto;
}
.cz-personal-summary-timeline:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 5px;
  background: var(--blue-500);
  left: 0;
}
.cz-personal-summary-timeline ul {
  padding-inline-start: 40px;
  z-index: 1;
}
.cz-personal-summary-timeline li.cz-personal-summary-timeline-event {
  background-color: var(--bg-primary);
  margin-bottom: 1em;
  position: relative;
}
.cz-personal-summary-timeline li.cz-personal-summary-timeline-event:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid var(--blue-500);
  position: absolute;
  left: -16px;
  top: 0;
}
.cz-personal-summary-timeline h3 {
  margin-top: 0;
}
.cz-personal-summary-timeline time {
  display: block;
  height: 32px;
  font-size: 1.125rem;
  padding: 0 10px;
  line-height: 32px;
  background-color: var(--blue-500);
  color: var(--text-white);
  font-weight: 600;
}
.cz-personal-summary-timeline .cz-personal-summary-timeline-event-inner-wrapper {
  box-shadow: inset 3px 3px var(--blue-500), inset -3px -3px var(--blue-500);
  margin-top: -3px;
  padding: 3px;
}
.cz-personal-summary-timeline .cz-personal-summary-timeline-event-inner-wrapper > div {
  min-height: 32px;
  border-bottom: 1px solid var(--brand-50);
  display: flex;
  align-items: center;
}
.cz-personal-summary-timeline .cz-personal-summary-timeline-event-inner-wrapper > div p {
  margin: 0;
  padding: 5px;
}
.cz-personal-summary-timeline .cz-personal-summary-timeline-event-inner-wrapper > div:nth-child(even) {
  background-color: var(--gray-light-100);
}
.cz-personal-summary-timeline .cz-personal-summary-timeline-event-inner-wrapper > div:last-child {
  border-bottom: none;
}

.cz-personal-summary-timeline-year {
  background-color: var(--blue-50);
  max-width: 100px;
  margin: 0 20px 15px;
  padding: 5px 10px;
  text-align: center;
  position: relative;
  clear: both;
  border: 2px solid var(--blue-500);
  border-radius: 5px;
  font-size: 1.25rem;
  line-height: 1.1;
}
.cz-personal-summary-timeline-year ul {
  padding-inline-start: 40px;
}

@media screen and (min-width: 640px) {
  .cz-personal-summary-timeline-container {
    max-width: 980px;
    margin: 0 auto 20px;
  }
  .cz-personal-summary-timeline:before {
    left: 50%;
  }
  .cz-personal-summary-timeline .cz-personal-summary-timeline-year {
    margin: 0 auto 15px;
  }
  .cz-personal-summary-timeline ul {
    padding-left: 0;
    max-width: 900px;
    margin: 0 auto;
  }
  .cz-personal-summary-timeline li {
    width: 46%;
  }
  .cz-personal-summary-timeline li:nth-child(even) {
    float: right;
    margin-top: 2em;
  }
  .cz-personal-summary-timeline li:nth-child(odd) {
    float: left;
  }
  .cz-personal-summary-timeline li:nth-child(odd):before {
    border-left: 16px solid var(--blue-500);
    border-right: none;
    right: -16px;
    left: auto;
  }
  .cz-personal-summary-timeline li:nth-of-type(2n + 1) {
    clear: both;
  }
}
@media print {
  .cz-personal-summary {
    position: static;
    padding: 20px 0;
    overflow: hidden !important;
  }
  .cz-personal-summary-absence-plan-card {
    box-shadow: none;
  }
  .cz-personal-summary-header-fields {
    display: block;
  }
  .cz-personal-summary-header-buttons {
    display: none;
  }
  .cz-personal-summary-section {
    width: 100%;
    display: inline-block;
    page-break-inside: avoid;
  }
  div.cz-personal-summary-section-header {
    border-bottom: 1px solid var(--border-primary);
    padding: 0;
  }
  .cz-personal-summary-section-body.cz-personal-summary-length-of-service-fields {
    padding: 0;
  }
  .cz-personal-summary-section-body.cz-personal-summary-length-of-service-fields > div {
    display: inline-block;
    width: 32%;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section {
    display: inline-block;
    margin-bottom: 15px;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-section-inner, .cz-personal-summary-section.cz-personal-summary-employment-section .cz-payroll-summary-card {
    width: 100%;
    float: left;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-section-inner:first-child, .cz-personal-summary-section.cz-personal-summary-employment-section .cz-payroll-summary-card:first-child {
    padding-right: 0;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-section-inner:last-child, .cz-personal-summary-section.cz-personal-summary-employment-section .cz-payroll-summary-card:last-child {
    padding-left: 0;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-section-inner .cz-personal-summary-employment-fields, .cz-personal-summary-section.cz-personal-summary-employment-section .cz-payroll-summary-card .cz-personal-summary-employment-fields {
    display: inline-block;
    margin: 0;
    min-width: 0;
    height: 88px;
    margin-bottom: 20px;
    width: 100%;
  }
  .cz-personal-summary-section.cz-personal-summary-employment-section .cz-personal-summary-employment-section-inner .cz-working-time-pattern, .cz-personal-summary-section.cz-personal-summary-employment-section .cz-payroll-summary-card .cz-working-time-pattern {
    width: 100%;
    display: inline-block;
    margin: 0;
    min-width: 0;
    height: 140px;
  }
  .cz-personal-summary-absence-plan {
    width: 50%;
    float: left;
    max-width: 490px;
    page-break-inside: avoid;
    min-width: 0;
  }
  .cz-working-time-pattern div.cz-working-time-pattern-wrapper {
    display: block;
    width: 100%;
    padding: 15px;
  }
  .cz-working-time-pattern div.cz-working-time-pattern-wrapper table {
    width: 100%;
  }
  .cz-personal-summary-timeline-container {
    padding: 20px 0 0 0;
    border-top: 1px solid var(--border-primary);
    border-radius: 0;
  }
  .cz-personal-summary-timeline {
    position: relative;
    overflow: auto;
    display: inline-block;
    width: 100%;
  }
  .cz-personal-summary-timeline h2 {
    background-color: transparent;
    border: none;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
    float: left;
    width: 70px;
    height: 40px;
    text-align: left;
    margin-right: 0;
    padding-top: 8px;
  }
  .cz-personal-summary-timeline ul {
    float: left;
    padding: 0;
    page-break-inside: avoid;
  }
  .cz-personal-summary-timeline:before,
  .cz-personal-summary-timeline li.cz-personal-summary-timeline-event:before {
    display: none;
  }
  .cz-personal-summary-timeline-event time {
    border: none;
    background-color: var(--bg-primary);
    color: var(--fg-secondary);
  }
  .cz-personal-summary-timeline .cz-personal-summary-timeline-event-inner-wrapper {
    box-shadow: none;
    margin-left: 3px;
  }
  .cz-personal-summary-timeline .cz-personal-summary-timeline-event-inner-wrapper > div {
    border: none;
  }
}
@media screen and (max-width: 640px) {
  .cz-personal-summary-header-card {
    padding: 15px 15px 10px;
    position: relative;
    max-width: 980px;
    min-width: 320px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
/* Abstracts */
.cz-fs-categories-grid-first-column > cz-text-block {
  width: 100%;
  overflow: hidden;
}
.cz-fs-categories-grid-first-column > cz-text-block span.cz-text-block {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-fs-categories-grid-grants-column {
  width: 80px;
  margin: 0 !important;
}

.cz-fs-category-grid-container.cz-data-entry-ctl-body {
  padding: 0;
  border-right: 0px;
}

.cz-fs-category-grid-container > .cz-grid-table-container {
  width: 100%;
  overflow-y: auto;
}
.cz-fs-category-grid-container > .cz-grid-table-container table {
  width: 100%;
  table-layout: fixed;
}

.cz-file-category-grants {
  min-width: 100%;
}
.cz-file-category-grants .cz-form-field {
  min-width: 100%;
}

/***** TEAM PEOPLE BUTTON CONTAINER *****/
.cz-team-people-button {
  padding: 20px 0;
}

.cz-team-people-manage-button {
  margin-left: 0px;
}

/***** TEAM PEOPLE GRID *****/
.cz-team-people-list {
  position: relative;
  width: 560px;
}

.cz-team-people-stacked-transclude-container {
  height: 100%;
}

.cz-team-people-list .cz-list__item--standard-no-hover {
  border-top: 0;
}

.cz-team-people-list .cz-list__item--standard-no-hover:last-child {
  border-radius: 0 0 3px 3px;
}

.cz-team-people-list-empty {
  padding: 20px 0;
  text-align: center;
}

.cz-team-people-list-formatted-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1;
}

/****** TEAM SECURITY GRID ******/
.cz-team-security-grid {
  position: relative;
  width: 100%;
}

.cz-team-security-grid .cz-data-entry-ctl-body {
  border-right: none;
}

/***** FOOTERBAR *****/
.cz-team-footer_container {
  position: absolute;
  width: 601px;
  bottom: 0px;
}

/***** SECURITY TAB CONTAINER *****/
.cz-security-container-ctl-child {
  position: absolute;
  width: 100%;
  height: 100%;
}

/****** INHERITED CLASSES *******/
.cz-team-people-data-entry-ctl-container {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.cz-team-people-data-entry-ctl-body {
  flex: 1 0 auto;
  padding: 20px;
  background-color: var(--bg-primary);
  border-right: 1px solid var(--border-primary);
  width: 601px;
}
.cz-footer-bar-fixed-parent > .cz-team-people-data-entry-ctl-body {
  padding-bottom: 68px;
}

.cz-team-people-data-entry-ctl-footer {
  flex: 0 0 auto;
}

@media print {
  .cz-team-people-data-entry-ctl-container {
    display: block;
    height: auto;
  }
  .cz-footer-bar-fixed-parent > .cz-team-people-data-entry-ctl-body {
    padding-bottom: 20px;
  }
}
.cz-team-security-grid .cz-data-entry-ctl-container .cz-data-entry-ctl-body {
  overflow: visible;
  border-right: 0;
}

/***** TEAM PEOPLE BUTTON CONTAINER *****/
.cz-oc-people-button {
  position: relative;
  top: 5px;
  padding-bottom: 10px;
}

.cz-oc-people-manage-button {
  margin-left: 0px;
}

/***** TEAM PEOPLE GRID *****/
.cz-oc-people-list {
  position: relative;
  width: 560px;
}

.cz-oc-people-stacked-transclude-container {
  height: 100%;
}

.cz-oc-people-list .cz-list__item--standard-no-hover {
  border-top: 0;
}

.cz-oc-people-list .cz-list__item--standard-no-hover:last-child {
  border-radius: 0 0 3px 3px;
}

.cz-oc-people-list-empty {
  padding: 20px 0;
  text-align: center;
}

.cz-oc-people-list-formatted-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1;
}

/****** TEAM SECURITY GRID ******/
.cz-oc-security-grid {
  position: relative;
  width: 140%;
  margin-top: -20px;
}

.cz-oc-security-grid .cz-data-entry-ctl-body {
  border-right: none;
}

/***** FOOTERBAR *****/
.cz-oc-footer_container {
  position: absolute;
  width: 601px;
  bottom: 0px;
}

/***** SECURITY TAB CONTAINER *****/
.cz-security-container-ctl-child {
  position: absolute;
  width: 100%;
  height: 100%;
}

/****** INHERITED CLASSES *******/
.cz-oc-people-data-entry-ctl-container {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.cz-oc-people-data-entry-ctl-body {
  flex: 1 0 auto;
  padding: 20px;
  background-color: var(--bg-primary);
  border-right: 1px solid var(--border-primary);
  width: 601px;
}
.cz-footer-bar-fixed-parent > .cz-oc-people-data-entry-ctl-body {
  padding-bottom: 68px;
}

.cz-oc-people-data-entry-ctl-footer {
  flex: 0 0 auto;
}

@media print {
  .cz-oc-people-data-entry-ctl-container {
    display: block;
    height: auto;
  }
  .cz-footer-bar-fixed-parent > .cz-oc-people-data-entry-ctl-body {
    padding-bottom: 20px;
  }
}
/* Abstracts */
.cz-count-widget-form {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.cz-count-widget-form > div > div > .cz-data-entry-ctl-form-container {
  border-style: none;
  padding: 0;
}
.cz-count-widget-form .cz-hyperlink-count-ctl {
  border-bottom: 1px solid var(--gray-modern-200);
  padding: 5px 15px;
  min-height: 42px;
}
.cz-count-widget-form div:last-child > div > .cz-hyperlink-count-ctl {
  border-bottom: none;
}

/* Abstracts */
.cz-form-builder-no-height {
  min-height: 0 !important;
}

.cz-form-builder-invalid {
  border-color: var(--error-700) !important;
  background-color: var(--utility-error-300) !important;
}

.cz-form-builder_remove-button {
  margin: auto auto 7px 4px;
}

.cz-row-component-min-height {
  min-height: 133px;
}

.cz-form-builder-restorable-field-pane {
  box-shadow: 0 4px 5px 0 var(--utility-gray-dark-500-alpha-10);
  margin-bottom: 15px;
  border: 1px solid var(--utility-gray-300);
  border-radius: 5px;
  background-color: var(--fg-white);
  flex-direction: column;
  max-width: 618px;
  min-width: 350px;
  width: 100%;
  transition: all 0.2s ease;
  display: flex;
}

.cz-form-builder_files-button {
  margin-bottom: 5px;
  margin-right: 5px;
}

.cz-form-builder_files-button.cz-form-builder_delete-all-files-button {
  margin-left: 7px;
}

.cz-form-builder-restorable-field-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-form-builder-restorable-field-item-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 100px;
  width: 100px;
  flex: 1 1 auto;
}

.cz-form-builder_restorable-field-buttons.cz-form-builder-restorable-file-buttons button {
  margin-bottom: 0;
}

.cz-form-builder_restorable-field-buttons button {
  margin-bottom: 15px;
}

.cz-form-builder_restorable-field-buttons > button.cz-svg-round-green-focus-button:hover {
  background-color: var(--utility-green-500);
}

.cz-form-builder-restorable-field-header-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  width: 100%;
}

.cz-form-builder-restorable-field-header-text label {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.cz-form-builder-restorable-fields-header-text-container {
  padding-left: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.cz-form-builder-restorable-fields-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.cz-form-builder_no-restorable-fields {
  height: 100%;
  min-height: 70px;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
}

.cz-form-builder_no-restorable-fields .cz-empty-state__icon svg {
  border-radius: 50%;
}

.cz-form-builder_no-restorable-fields .cz-empty-state--view {
  padding-bottom: 63px;
}

.cz-form-builder_no-restorable-fields.cz-form-builder_no-restorable-files {
  padding: 0;
  display: flex;
  flex: 1;
}

.cz-form-builder_no-restorable-files .cz-empty-state--view {
  position: static;
  flex: 1;
  border: 2px dashed var(--utility-gray-300);
  margin: 0;
}

.cz-form-field.cz-form-builder-field-width {
  width: 265px;
  padding: 0;
}

.cz-form-builder-field-width.cz-lg {
  width: 100%;
}

.cz-form-builder_document-attachments-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 601px;
  overflow-y: auto;
  padding-bottom: 50px;
}

.cz-form-builder_document-attachments-container .cz-statuses-change-status__action-button {
  margin-left: 0;
}

.cz-form-builder_document-attachments-container .cz-form-section-body {
  padding-bottom: 15px;
  padding-top: 15px;
}

.cz-form-builder_document-attachments-container .cz-data-entry-ctl-form-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  overflow-y: auto;
  flex-direction: column;
}

.cz-form-builder_document-attachments-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bg-primary);
  margin: 15px;
  padding: 15px;
}

.cz-form-builder_no-height {
  max-height: 0 !important;
}

.cz-form-builder_deleted-item-arrow {
  height: 16px;
  width: 16px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 15px;
}

.cz-form-builder_deleted-item-container {
  min-height: 82px;
}

.cz-form-builder_deleted-item {
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--utility-gray-300);
  padding: 10px;
  padding-top: 12px;
}
.cz-form-builder_deleted-item:hover {
  cursor: pointer;
  background-color: var(--utility-gray-dark-50);
}

.cz-form-builder_restorable-field-buttons {
  margin-top: 10px;
  justify-content: flex-end;
  min-width: 110px;
  flex-shrink: 0;
}

.cz-form-builder-restorable-field-text {
  justify-content: center;
  display: flex;
  flex-shrink: 1;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  padding-left: 5px;
}

.cz-form-builder_message-class {
  right: 12px;
  bottom: 43px;
}

.cz-form-builder_form-tab {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
}

.cz-form-builder_form-tab-content-container {
  overflow-x: auto;
  display: flex;
  height: 100%;
}

.cz-form-builder_security-tab {
  height: 100%;
  width: 100%;
}

.cz-form-builder_security-tab .cz-master-detail-ctl {
  height: 100%;
  margin: 0 !important;
}

.cz-form-builder_security-tab .cz-data-entry-ctl-container {
  overflow-x: auto;
}

.cz-form-builder_security-tab .cz-data-entry-ctl-body {
  background-color: var(--gray-light-100) !important;
  padding: 0;
}

.cz-form-builder_security-tab .cz-grid-table-body {
  max-height: 100%;
}

.cz-form-builder_form-tab .cz-master-detail-ctl {
  height: 100%;
  margin: 0 !important;
}

.cz-form-builder_restorable-field-container {
  display: flex;
  height: 100%;
  overflow-x: auto;
}

.cz-form-builder_restorable-field-container > .popover {
  max-width: none !important;
}

.cz-form-builder_dialog-default-size {
  max-width: 400px;
}
.cz-form-builder_dialog-default-size .cz-data-entry-ctl-form-container {
  padding-bottom: 0;
}

.cz-form-builder-large-dialog.cz-form-builder-large-dialog {
  max-width: 600px;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .cz-form-builder-large-dialog.cz-form-builder-large-dialog {
    max-width: 560px;
  }
}
@media (max-width: 768px) {
  .cz-form-builder-large-dialog.cz-form-builder-large-dialog {
    max-width: 343px;
  }
}
.cz-form-builder_dialog-default-size > .cz-dialog-body {
  padding: 0;
}

.cz-form-builder-root-class .cz-form-builder-hide .cz-data-entry-ctl-container {
  display: none !important;
}

.cz-form-builder-config-element > .cz-form-builder-element-catalog-item {
  resize: none;
}

.cz-form-builder-translatable-field-wrapper > .form-control {
  border-radius: 3px 0 0 3px !important;
}

.cz-form-builder_tab-container {
  overflow-y: auto;
  width: 100%;
  padding: 15px;
  padding-top: 5px;
}

.cz-form-builder_field-options-body {
  display: flex;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 15px;
}

.cz-radio-button-text {
  max-width: 100%;
}

.cz-dialog-inner-container > .popover {
  max-width: none !important;
}

.cz-form-builder_form-tab-content-container > .popover {
  max-width: none !important;
}

.cz-form-builder-tab-outer_container {
  position: relative;
  width: 100%;
  height: 40px;
}

.cz-form-builder-tab-container {
  width: 100%;
  height: 35px;
  display: flex;
  overflow: hidden;
  list-style: none;
  padding-left: 0;
}
.cz-form-builder-tab-container li:nth-child(1) {
  z-index: 0;
}
.cz-form-builder-tab-container li:nth-child(2) {
  z-index: 1;
}
.cz-form-builder-tab-container li:nth-child(3) {
  z-index: 2;
}

.cz-form-builder-tab-container::after {
  position: absolute;
  content: "";
  left: 20px;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--utility-gray-300);
}

li.cz-form-builder-tab {
  border-right: 1px solid var(--utility-gray-300);
  border-bottom: 1px solid var(--utility-gray-300);
  transform-origin: bottom;
  max-width: 100px;
  cursor: pointer;
  width: 100%;
  background: linear-gradient(to bottom, var(--utility-gray-dark-200) 50%, var(--utility-gray-200) 100%);
  padding: 2px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  box-shadow: 0 2px 0 0 var(--utility-gray-dark-500-alpha-10);
  text-shadow: 0 1px var(--fg-white);
}

li.cz-form-builder-tab-selected {
  z-index: 3 !important;
  border-bottom: var(--bg-primary);
  background: var(--bg-primary);
}

li.cz-form-builder-tab-selected span {
  color: var(--utility-gray-true-600);
}

li.cz-form-builder-tab-selected::before {
  box-shadow: 2px 0 0 var(--fg-white);
}

li.cz-form-builder-tab-selected::after {
  box-shadow: -2px 0 0 var(--fg-white);
}

.cz-form-builder-checkbox {
  padding-top: 4px;
}

.cz-form-builder-option-container {
  margin-bottom: 10px;
}

.cz-form-builder-drag-handle-container {
  display: flex;
  justify-content: center;
  margin: auto 0;
  height: 25px;
  width: 80px;
  border-radius: 3px;
}

.cz-form-builder-drag-handle > .cz-form-builder-drag-handle-container:hover {
  background: var(--utility-gray-300-alpha-75);
  z-index: 100;
}

.cz-form-builder-drag-handle-container svg {
  height: 16px;
  width: 16px;
  fill: var(--utility-gray-600);
}

.cz-form-builder-drag-handle {
  height: 25px;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 8px 0;
  order: 5;
  fill: var(--gray-light-700);
}

.cz-form-builder-config-elem-container {
  min-width: 50%;
  max-width: 50%;
  display: flex;
  flex: 1 1 auto;
}

.cz-form-builder-config-elem-inner-container {
  display: flex;
  flex-direction: column-reverse;
  flex: 1 1 auto;
  width: 100%;
}

.cz-form-builder-root-class {
  width: 100%;
}

.cz-form-builder-root-class cz-tab-strip-control {
  height: 100%;
  margin-right: 0;
}

.cz-form-builder-root-class .cz-tab-strip-ctl-body {
  overflow: hidden;
  height: 100%;
}

.cz-form-builder-root-flex {
  display: flex;
  flex-wrap: wrap;
}

.cz-form-builder-root-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  touch-action: none;
  height: 100%;
}

.cz-form-builder-tools-empty-state {
  width: 100%;
  height: 100%;
  background-color: var(--fg-white);
  display: flex;
  flex: 1 1 auto;
}

.cz-fb-footer-bar {
  flex: 1 1 auto;
  max-height: 50px;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3 !important;
}

.cz-form-builder_rich-text-mask {
  pointer-events: none;
  touch-action: none;
}

.cz-fb-footer-bar > .cz-footer-bar-content {
  width: 100%;
}

.cz-form-builder-footer-buttons > .cz-footer-bar-transaction-buttons {
  flex-direction: row !important;
  margin-left: 0 !important;
}

.cz-form-builder-footer-buttons > .cz-footer-bar-action-buttons {
  flex: none !important;
}

.cz-form-builder-footer-buttons {
  display: flex;
  width: 100%;
  max-width: 300px;
}

.cz-form-builder {
  display: flex;
  flex: 1 1 auto;
  min-width: 964px;
  height: 100%;
  padding-bottom: 40px;
  overflow: auto;
}

.cz-form-builder_input-text-max-width {
  max-width: 90px !important;
  padding-right: 0 !important;
}

.cz-form-builder-hidden {
  display: none !important;
}

.cz-form-builder-large {
  min-width: 90%;
}

.cz-form-builder-right {
  order: 2 !important;
}

.cz-form-builder-tall {
  min-height: 50px;
}

.cz-form-builder-input-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
  display: inline-block;
  opacity: 1;
  transition: opacity 1s ease;
  padding-right: 20px;
}

.cz-form-builder-draggable {
  display: inline-block;
}

.cz-form-builder-component-tools {
  display: flex;
  flex-direction: column;
  background-color: var(--fg-white);
  border: 1px solid var(--utility-gray-300);
  box-shadow: 0 4px 5px 0 var(--utility-gray-dark-500-alpha-10);
  max-width: 277px;
  min-width: 277px;
  max-height: 100%;
  margin-left: 15px;
  z-index: 2;
  border-radius: 5px;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.6s;
}

/* Configuration pane classes */
.cz-form-builder_icon-collapsed {
  position: absolute;
  bottom: 12px;
  left: 15px;
}

.cz-form-builder_icon-collapsed svg path {
  fill: var(--gray-light-700) !important;
}

.cz-form-builder-collapse-button_margin {
  margin-left: 3px !important;
  position: absolute !important;
  left: 0;
  top: 10px;
}

.cz-form-builder_side-bar-collapsed {
  max-width: 0 !important;
  min-width: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.6s;
}
.cz-form-builder_side-bar-collapsed.cz-form-builder_field-options-body {
  height: 50px;
  overflow-y: hidden;
}

.cz-form-builder_add-fields-collapsed-width, .cz-form-builder-add-fields-icon-width {
  position: relative;
  max-width: 52.3px !important;
  min-width: 52.3px !important;
}
.cz-form-builder_add-fields-collapsed-width.cz-form-builder-component-tools, .cz-form-builder-component-tools.cz-form-builder-add-fields-icon-width {
  overflow: hidden;
  height: 100px;
}

.cz-form-builder-add-fields-icon-width {
  height: 412px !important;
}

.cz-from-builder-disable-interaction {
  cursor: not-allowed !important;
  touch-action: none !important;
  opacity: 0.5;
  z-index: 2;
  overflow-x: hidden;
  transition: all 0.6s;
}

.cz-form-builder-config-pane {
  box-shadow: 0 4px 5px 0 var(--utility-gray-dark-500-alpha-10);
  margin-bottom: 15px;
  border: 1px solid var(--utility-gray-300);
  border-radius: 5px;
  background-color: var(--fg-white);
  display: flex;
  flex-direction: column;
  max-width: 618px;
  min-width: 618px;
  width: 100%;
  transition: all 0.2s ease;
}

.cz-form-builder-form-header {
  display: flex;
  height: 50px;
  min-height: 50px;
  background: var(--utility-gray-dark-50);
  padding-left: 25px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid var(--utility-gray-300-alpha-75);
  color: var(--utility-gray-500);
  font-weight: 600;
  box-shadow: 0 1px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-form-builder-form_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 25px !important;
  color: var(--utility-gray-500);
  padding: 2px 0;
}

.cz-form-builder-form-header_content, .cz-form-builder-form-preview_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  flex: 1 1 auto;
}

.cz-form-builder-form-preview_container {
  max-width: 180px;
  flex: 1 1 auto;
}

.cz-form-builder-form-header_preview {
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  color: var(--utility-gray-600-alpha-90);
}

.cz-form-builder-switch-checkbox .cz-switch-label {
  display: block;
  transition: all 0.3s ease-in 0s;
  margin: 1px 0 1px 10px;
  background: var(--utility-gray-100);
  height: 20px;
  position: relative;
  width: 50px;
  box-shadow: 0 0 0 1pt var(--utility-gray-300);
  border-radius: 20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}
.cz-form-builder-switch-checkbox .cz-switch-label::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  background-color: var(--bg-primary);
  box-shadow: 0 0 0 1pt var(--utility-gray-300);
  padding: 5px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('switch-off.4dbbd7182e146f04.svg');
  background-repeat: no-repeat;
  transition: all 0.5s ease;
  z-index: 5;
}

.cz-form-builder-switch-checkbox input {
  position: absolute;
  left: 15px;
  opacity: 0;
}
.cz-form-builder-switch-checkbox input[disabled] + label {
  opacity: 0.65;
  box-shadow: 0 0 0 1px var(--gray-light-200);
}
.cz-form-builder-switch-checkbox input[disabled] + label > span.cz-pl-switch-on, .cz-form-builder-switch-checkbox input[disabled] + label > span.cz-pl-switch-off {
  background-color: var(--bg-disabled);
}
.cz-form-builder-switch-checkbox input[disabled] + label > span.cz-switch-off {
  color: var(--gray-light-900);
}
.cz-form-builder-switch-checkbox input:checked + label::after {
  left: 30px;
  background-color: var(--bg-primary);
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 0 1pt var(--utility-gray-300);
  background-image: url('switch-on.63d1c2dbc349e1b0.svg');
  background-repeat: no-repeat;
}
.cz-form-builder-switch-checkbox input:checked + label > .cz-switch-on {
  background: var(--utility-gray-dark-50);
  padding-left: 10px;
}
.cz-form-builder-switch-checkbox input:focus {
  outline: none;
}
.cz-form-builder-switch-checkbox input:focus + label {
  outline: none;
  border-color: var(--utility-brand-500-alpha-75);
  box-shadow: 0 0 10px var(--utility-brand-500-alpha-75);
  margin-left: 10px;
}

.cz-form-builder-switch-checkbox .cz-switch-on,
.cz-form-builder-switch-checkbox .cz-switch-off {
  width: 100%;
  height: 100%;
  line-height: 1.2;
  padding-top: 5px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 20px;
  transition: all 0.5s ease;
}
.cz-form-builder-switch-checkbox .cz-switch-on {
  padding-left: 15px;
  color: var(--utility-gray-dark-600-alpha-50);
  position: absolute;
  margin-left: -63%;
}
.cz-form-builder-switch-checkbox .cz-switch-off {
  padding-right: 8px;
  border-radius: 20px;
  color: var(--utility-gray-dark-600-alpha-50);
  text-align: right;
  position: absolute;
  margin-left: 0;
}
.cz-form-builder-switch-checkbox .cz-switch-off::after {
  position: absolute;
  inset: 0;
  margin: auto;
}

.cz-form-builder-switch-checkbox:checked + .cz-form-builder-switch-label > .cz-switch-on {
  margin-left: 0;
  z-index: 3;
}
.cz-form-builder-switch-checkbox:checked + .cz-form-builder-switch-label > .cz-switch-on + .cz-switch-off {
  margin-left: 63%;
}

.cz-form-builder-form-preview {
  position: relative;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.2s ease;
}

.cz-fb-initial-drop-pane {
  height: 100%;
  position: absolute;
  inset: 0;
  padding: 10px;
}

.cz-fb-initial-drop-pane-inner-container {
  height: 100%;
  background: none;
  gap: 15px;
}

.cz-form-builder-input_icon {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 50.3px;
  min-width: 50.3px;
  padding-top: 13px;
}

.cz-form-builder-draggable-input-icon {
  margin: 0 7px;
  height: 18px;
  width: 22px;
  display: inline-block;
  vertical-align: text-top;
  fill: var(--utility-gray-600);
}

/* Row classes */
.cz-form-builder-row-component {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 2px 0;
  padding: 0 10px;
  min-height: min-content;
  min-width: 601px;
  max-width: 601px;
}

.cz-form-builder-instruction-config {
  margin: 5px;
  max-width: 550px;
}

.cz-form-builder-popover-container {
  min-width: 100%;
  min-height: 100%;
}

.cz-form-builder-no-max-width.popover {
  max-width: 530px !important;
}

.cz-form-builder__instructions-default > table {
  min-width: 0 !important;
}

.cz-form-builder-configurable-element {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 5px 0 5px 5px;
  background: var(--fg-white);
  min-height: 88px;
  border: 2px solid transparent;
  order: 0;
  touch-action: none;
}

.cz-form-builder-no-min-height {
  min-height: 0 !important;
}

/*
.cz-form-builder_field-types-body{
    overflow-y:auto;
    overflow-x:hidden;
}
*/
.cz-form-builder-configurable-element.cz-form-builder-dashed-borders {
  border: 3px dashed var(--utility-gray-300);
  border-radius: 3px;
  box-shadow: 0 1px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-form-builder-configurable-element.cz-form-builder-dashed-borders.cz-form-builder-selected-element {
  background-color: var(--utility-brand-25);
  border: 3px dashed var(--utility-brand-500-alpha-75);
}

.cz-form-builder_creator-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding-bottom: 45px;
}
.cz-form-builder_creator-container > .cz-info--small {
  margin-bottom: 10px;
}

.cz-form-builder_search-wrapper {
  display: inline-block;
  border-top: 1px solid var(--border-primary);
  width: 100%;
  height: 100%;
}

.cz-form-builder_search-inner-container {
  flex-flow: row nowrap;
  padding: 15px;
  padding-right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  min-width: 300px;
  padding-bottom: 5px;
  overflow-y: auto;
}

.cz-form-builder-tool-box-component > .cz-section-ctl > .cz-form-section-body {
  border-top: 1px solid var(--utility-gray-300) !important;
  padding: 15px !important;
}

.cz-row-header-visible {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px !important;
  color: var(--utility-gray-500);
  font-size: 1rem;
  font-weight: 600;
  height: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid var(--utility-gray-300);
}

.cz-form-builder-is-in-title {
  padding: 0 0 0 10px;
  margin-top: 5px;
}

.cz-form-builder-rows {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
}

.cz-form-builder-row-container {
  display: flex;
}

.cz-row-header-visible .cz-form-builder-row-icon {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}

.cz-row-header-visible .cz-form-builder-row-icon path.st0 {
  fill: var(--utility-gray-600);
}

/* Drop area classes */
.cz-no-scroll {
  overflow: hidden !important;
}

.cz-top-tab {
  z-index: 100;
}

.cz-form-builder > .popover {
  max-width: none !important;
}

.cz-form-builder-translatable-field-wrapper {
  align-items: flex-end;
  width: 100%;
  display: flex;
  gap: 5px;
}
.cz-form-builder-translatable-field-wrapper cz-text-box {
  overflow-x: auto;
}

.cz-form-builder-translatable-field-wrapper > .cz-form-control {
  flex: 1 1 auto;
}

.cz-form-builder-drop-area {
  background: var(--utility-brand-25);
  border: 3px dashed var(--utility-brand-500-alpha-75);
  margin: 5px 10px 5px 5px;
  border-radius: 0.25em;
  flex: 1 1 auto;
  order: 4;
  background-clip: content-box;
  padding: 3px;
  margin-top: 48px;
  min-height: 80px;
}

.cz-footer-bar-fixed-parent .cz-form-builder_restorable-field-container {
  padding-bottom: 40px;
}

.cz-form-builder-drop-mask {
  visibility: hidden;
  display: none !important;
}

/* Initial tool box classes */
.cz-form-builder-tool-box-pane {
  background-color: var(--bg-primary);
  border-right: none;
  max-width: 225px;
  min-width: 225px;
  width: 225px;
  border-radius: 5px;
  max-height: 576px;
  box-shadow: 0 4px 5px 0 var(--utility-gray-dark-500-alpha-10);
  z-index: 2;
  margin-right: 15px;
  overflow-y: hidden;
  overflow-x: hidden;
  transition: all 0.6s;
  display: flex;
  flex-direction: column;
}

.cz-form-builder-tool-box-component {
  flex-direction: column;
}

.cz-form-builder_field-options-container {
  width: 100%;
}

.cz-form-builder-field-options-container {
  max-width: 277px;
  padding: 0 10px;
}

.cz-form-builder-field-options-header, .cz-form-builder-restorable-fields-header {
  display: flex;
  max-height: 50px;
  min-height: 50px;
  flex: 1 1 auto;
  width: 100%;
  background: var(--gray-light-700);
}

.cz-form-builder-field-options-sub-header {
  display: flex;
  gap: 10px;
  padding: 5px 10px;
  background: var(--utility-gray-dark-50);
  border-bottom: 1px solid var(--utility-gray-300);
}

.cz-form-builder-field-options-button {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 50.3px;
}

.cz-form-builder-field-options-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--fg-white);
  font-weight: 600;
}

.cz-form-builder-field-options-title_content {
  display: flex;
  padding-left: 20px;
}

.cz-form-builder-field-options-title span {
  height: 22px;
  width: 22px;
  margin-right: 10px;
}

.cz-form-builder-field-options-title svg path {
  fill: var(--bg-primary);
}

.cz-form-builder-light-font-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500 !important;
}

.cz-form-builder-element-catalog .cz-form-section-title {
  color: var(--bg-primary);
}

.cz-form-builder_collapse-button {
  flex: 0 0 auto;
  transition: all 0.01s;
}
.cz-form-builder_collapse-button.cz-form-builder_collapse-button-rotate {
  transform: rotate(180deg);
  transition: all 0.01s;
}

.cz-form-builder_add-fields-collapsed-width > .cz-form-builder-instructions-text-container, .cz-form-builder-add-fields-icon-width > .cz-form-builder-instructions-text-container, .cz-form-builder_add-fields-collapsed-width > .cz-form-builder-restorable-fields-header-text-container, .cz-form-builder-add-fields-icon-width > .cz-form-builder-restorable-fields-header-text-container {
  padding-right: 0 !important;
}

.cz-form-builder_field-options-expanded {
  transition: opacity 1s ease;
  opacity: 1;
}

.cz-form-builder-field-item-delete {
  display: grid;
  place-content: center;
}

.cz-form-builder-button-text, .cz-form-builder-delete-button {
  font-size: 0.75rem;
  display: inline-block;
}

.cz-form-builder-delete-button {
  color: var(--fg-error-primary);
}

.cz-form-builder-buttons {
  padding: bottom 1px;
}

.cz-form-builder-configuration-panel-container {
  padding: 10px 10px 10px 20px;
}

.cz-form-builder-add-fields {
  overflow-y: auto;
  border: 1px solid var(--utility-gray-300);
  border-top: 0;
}

.cz-form-builder-add-fields_container {
  position: relative;
  flex-wrap: wrap;
}

.hide-this {
  display: none;
}

.cz-form-builder-draggable-fields-collapsed-width {
  width: 90px;
}

.cz-input-elem {
  display: flex;
  width: 100%;
  height: 44px;
  background: var(--fg-white);
}

.cz-input-elem-padding {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding-top: 14px;
  width: 148px;
}

.cz-form-builder-form-name {
  margin-bottom: 15px;
}

.cz-form-builder-form-name-control > .input-group {
  width: 100%;
}

.cz-form-builder-date-defaults {
  width: 100%;
}

.cz-form-builder-form-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.cz-form-builder-config-element-large {
  min-width: 100% !important;
}

.cz-form-builder-config-element,
.cz-form-builder-config-rich-text {
  position: relative;
  width: 100%;
  height: 100%;
}

.cz-form-builder-config-element {
  padding: 7px 10px;
}

.cz-form-builder-config-rich-text {
  padding: 2px 4px 5px;
}

.cz-form-builder-config-element div {
  max-width: 550px !important;
  overflow-wrap: break-word;
}

.cz-form-builder-config-element img {
  max-height: 100%;
  max-width: 100%;
}

.cz-form-builder-config-element-label-wrapper {
  min-width: 87%;
  max-width: 87% !important;
  margin: 8px 0;
  color: var(--utility-gray-700);
  font-size: 0.875rem;
  vertical-align: top;
  min-height: 18px;
  display: inline-block;
}

.cz-form-builder-config-element-wrapper-large {
  min-width: 94% !important;
}

.cz-form-builder-catalog-input-elem_desc {
  display: flex;
  flex-direction: column;
  padding-top: 6px;
  flex: 1 1 auto;
  min-height: 30px;
  max-height: 30px;
  min-width: 100%;
  max-width: 100%;
  border-bottom: 1px solid var(--utility-gray-300);
  font-size: 0.75rem;
  color: var(--utility-gray-400);
  font-weight: 600;
}

.cz-form-builder-catalog-input-elem {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 45px;
  max-height: 45px;
  min-width: 100%;
  max-width: 100%;
  color: var(--utility-gray-500);
  font-weight: 600;
  border-bottom: 1px solid var(--utility-gray-300);
  touch-action: none;
}

.cz-form-builder-catalog-input-elem:hover {
  box-shadow: 0 1.5px 2px 0 var(--utility-gray-dark-500-alpha-10);
  z-index: 1;
  background: var(--bg-primary);
  border-right: 0;
}

.cz-form-builder-quick-tips {
  flex: 1 1 auto;
  min-height: 10%;
}

.cz-form-builder-quick-tips-list {
  display: flex;
  flex-flow: column wrap;
  margin: 5px;
}

.cz-form-builder-quick-tips-list-item {
  flex: 1 1 auto;
  min-height: 5px;
  display: block;
  padding: 10px;
}

.cz-form-builder-form-controls {
  flex: 1 1 auto;
  min-height: 10%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px;
}

.cz-form-builder-form-name-control {
  flex: 1 1 auto;
  min-width: 90%;
  margin-bottom: 10px;
}

.cz-form-builder-tool-box-footer-controls {
  flex: 1 1 auto;
  min-height: 50%;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0;
}

.cz-form-builder-tool-box-control {
  flex: 1 1 auto;
  min-width: 30%;
  margin: 5px;
}

.cz-form-builder-resize-options {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}

.cz-form-builder-resize-option {
  flex: 1 1 auto;
  min-width: 100%;
  margin: 5px;
}

.cz-form-builder-field-options-drop-down-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cz-form-builder_drop-down-container {
  width: 100%;
}

.cz-form-builder_drop-down-collapsing {
  visibility: hidden;
  width: 100%;
}

.cz-form-builder-back-to-tools-button {
  max-width: 120px;
  min-width: 70px;
  margin-right: 8px;
  height: 32px;
  display: inline-block;
}

.cz-form-builder-field-options-drop-down-wrapper {
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 10px;
}

.cz-form-builder-text-box-container {
  width: 95%;
  margin: 5px 10px;
  padding-top: 4px;
}

.cz-form-builder-default-numeric-text {
  max-width: 12.4em;
}

.cz-form-builder-instructions-text-container, .cz-form-builder-restorable-fields-header-text-container {
  display: flex;
  justify-content: flex-end;
  flex: 1 1 auto;
  color: var(--fg-white);
  max-height: 50px;
  min-height: 50px;
  height: 50px;
  padding-right: 10px;
  font-weight: 600;
  background: var(--utility-gray-modern-500);
}

.cz-form-builder-instructions-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  width: 100%;
  padding-left: 15px;
}

.cz-form-builder-instructions-text span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 15px;
  width: 22px;
  height: 22px;
}

.cz-form-builder-instructions-text svg {
  width: 20px;
  height: 20px;
}

.cz-form-builder-instructions-text label {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.cz-form-builder-catalog-input-elem_desc .cz-form-builder-instructions-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
  max-width: 190px;
  padding-left: 15px;
}

.cz-form-builder-instructions-add_button {
  display: flex;
  flex-direction: column;
  padding-top: 9px;
}

.cz-form-builder-instructions-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--utility-gray-modern-500);
}

.cz-form-builder-instructions-button button {
  margin-right: 7px;
}

.cz-form-builder-field-options-button svg {
  fill: var(--fg-white) !important;
}

.cz-form-builder-field-options-button.cz-svg-round-button:hover {
  background-color: var(--fg-white);
}

.cz-form-builder-instructions-text-container svg path, .cz-form-builder-restorable-fields-header-text-container svg path {
  fill: var(--bg-primary);
}

.cz-form-builder-large-field {
  max-height: none !important;
}

.cz-form-builder-disable-pointer-events {
  pointer-events: none;
}

.cz-form-builder-row-animation {
  transition: all ease 0.25s;
}

.cz-form-builder-row-animation.ng-hide {
  opacity: 0;
}

.cz-form-builder-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-bottom: 10px;
}

.cz-form-builder-clone {
  opacity: 0.5;
  position: absolute;
  flex: none !important;
  z-index: 1000;
  pointer-events: none;
  touch-action: none;
}

.cz-fb-instructions-content p {
  min-height: 18px;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

@media (max-width: 768px) {
  .cz-form-builder_dialog-default-size {
    min-width: 300px;
    max-width: 343px;
  }
}
@media print {
  .cz-form-builder_form-tab {
    position: unset;
    height: 100%;
    width: 100%;
  }
  .cz-form-builder-tool-box-pane {
    display: none;
  }
  .cz-form-builder-root-class .cz-data-entry-ctl-footer {
    display: none;
  }
  .cz-form-builder-form-preview_container {
    display: none;
  }
}
/* Abstracts */
/* Accruals Table */
/* -------------- */
.cz-accruals-list {
  padding: 20px;
}

.cz-accruals-table {
  border-collapse: separate;
  border-spacing: 8px;
  display: flex;
  flex-direction: column;
  max-width: 720px;
}

.cz-accruals-table-header {
  display: flex;
}

.cz-accruals-table-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  height: 42px;
}
.cz-accruals-table-row .cz-accruals-number-cell {
  padding: 0 5px;
  border: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  border-radius: 3px;
  flex: 5;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1rem;
}

.cz-accruals-table-header .cz-accruals-number-cell {
  text-align: center;
  padding: 3px;
  border: none;
  background-color: transparent;
  border-radius: 0;
  flex: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.cz-accruals-date-cell {
  font-weight: 600;
  flex: 6;
  padding-right: 10px;
}

.cz-accruals-unit-cell {
  flex: 5;
  padding-left: 10px;
}

.cz-accruals-button-cell {
  flex-basis: 30px;
  margin-left: 5px;
}

.cz-accruals-operator-cell {
  font-size: 1rem;
  flex: 2;
  text-align: center;
}

.cz-accruals-details-button {
  margin-top: -3px;
  margin-bottom: -3px;
  padding-left: 16px;
  padding-right: 16px;
}

.cz-accrual-details-outer-container {
  min-height: 100%;
  position: relative;
  display: flex;
}

.cz-accrual-details-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  border-right: 1px solid var(--border-primary);
  max-width: 800px;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-primary);
}

.cz-accrual-details-container .cz-absence-plan-details-taken {
  flex: 0 0 66px;
  max-width: 100%;
  padding: 20px 0 0 20px;
}

.cz-absence-sub-accruals-grid {
  flex: 1 0 auto;
}
.cz-absence-sub-accruals-grid div.cz-data-entry-ctl-body {
  border: none;
}
.cz-absence-sub-accruals-grid .cz-grid-table {
  padding: 15px 0;
}

.cz-absence-sub-accruals-footer {
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background-color: var(--gray-light-100);
  border-top: 1px solid var(--border-primary);
}

div.cz-icon.cz-absence-dirty-icon {
  margin-top: 8px;
  margin-left: 12px;
}

.cz-grid-table-cell.cz-absence-dirty-icon {
  margin: 0;
  width: auto;
}

.cz-summary-accruals-table-header {
  padding: 5px;
}

.cz-summary-accruals-table-header > .cz-accruals-date-cell {
  max-width: 91.91px;
}

.cz-summary-accruals-master-detail {
  background-color: var(--bg-primary);
  height: 100%;
  overflow-y: auto;
  width: 780px;
}

.cz-sub-accruals-detail-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cz-sub-accruals-detail-header-container {
  background: var(--bg-primary);
  padding: 20px;
}

.cz-sub-accruals-detail-grid-container {
  background: var(--bg-primary);
  height: 100%;
}

/* Total Master Detail form */
/* ------------------------ */
.cz-absence-plan-details-toil-total {
  background: var(--bg-primary);
  max-width: 601px;
  padding: 20px 20px 15px 20px;
  text-align: center;
  text-align: -webkit-center;
  border-right: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
}

.cz-abs-plan-toil-container {
  display: flex;
  flex-direction: column;
}

.cz-abs-plan-toil-container .cz-master-detail-ctl .cz-data-entry-ctl-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin: 0px;
  border: 0px;
}

.cz-abs-plan-toil-container .cz-master-detail-ctl {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  border: 0px;
  margin: 0px;
}

.cz-abs-plan-toil-container .cz-master-detail-ctl:last-child {
  margin: 0;
}

/* Total Master Detail form - Total Toil Container */
/* ----------------------------------------------- */
.cz-absence-plan-details-toil-calculation-container {
  margin-bottom: 15px;
}

.cz-absence-plan-details-toil-calculation-container > .cz-toil-different-time-units > .cz-data-block__operator,
.cz-taken-as-pay-data-block {
  margin-top: auto;
  margin-bottom: auto;
}

.cz-toil-total-remaining {
  min-width: 120px;
}

/* Remaining Toil Container */
/* ------------------------ */
.cz-remaining-toil-container {
  margin: 0px;
}

.cz-remaining-toil-container.cz-plan-total-toil .cz-data-entry-ctl-form-container {
  display: flex;
}

.cz-remaining-toil-container.cz-plan-total-toil form {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
}

.cz-absence-toil-remaining-calculation {
  margin-top: -20px;
}

/* Toil to Absence Master Detail form */
/* ---------------------------------- */
.cz-toil-mapping-popup {
  height: 100%;
}

.cz-toil-timeline-content-container .cz-table__header-cell--small,
.cz-table__body-cell--small {
  padding-left: 10px;
}

.cz-toil-timeline {
  padding: 15px 0 0 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100px;
  min-width: min-content;
}

.cz-toil-timeline:before {
  content: "";
  position: absolute;
  top: 68px;
  left: 10px;
  bottom: 0;
  width: 4px;
  background-color: var(--gray-light-200);
  transform: translateX(-50%);
}

.cz-toil-timeline:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  transform: translateX(-50%);
  background-color: var(--gray-light-200);
}

.cz-toil-timeline__row {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 40px;
  margin-left: 15px;
  padding-left: 20px;
  flex: 0 0 auto;
  width: 100%;
}

.cz-toil-timeline__toil-details {
  flex: 0 0 auto;
  margin-right: 40px;
  padding: 5px;
  min-width: 170px;
  position: relative;
  z-index: 1;
  background-color: var(--gray-light-100);
  border-radius: 3px;
}

.cz-toil-timeline__toil-details:before {
  content: "";
  border-radius: 50%;
  height: 15px;
  width: 15px;
  background-color: var(--gray-light-200);
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translate(50%, -50%);
}

.cz-toil-timeline__toil-details:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid var(--gray-light-100);
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translate(50%, -50%);
}

.cz-toil-timeline-taken-pay-details {
  display: flex;
}

.cz-toil-timeline-taken-pay__container:first-child {
  margin-top: 20px !important;
}

.cz-toil-data-list {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  margin-right: 5px;
}

.cz-toil-data-list svg {
  height: 10px;
  position: absolute;
  top: 15%;
}

.cz-toil-data-list__label:empty {
  display: none;
}

.cz-toil-data-list__label {
  margin-right: 3px;
}

.cz-toil-timeline__toil-status {
  padding-left: 70px;
  position: relative;
  min-width: 315px;
}

.cz-toil-timeline__toil-status.cz-has-remaining:before {
  position: absolute;
  content: "";
  width: 10px;
  background-color: var(--gray-light-600);
  top: 14px;
  bottom: 5px;
  left: 0;
}

.cz-toil-used-details {
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
}

.cz-toil-used-details:before {
  position: absolute;
  content: "";
  width: 150px;
  height: 10px;
  background-color: var(--gray-light-600);
  left: -170px;
  top: 50%;
  transform: translateY(-50%);
  overflow: visible;
}

.cz-toil-used-details:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid var(--gray-light-600);
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  overflow: visible;
}

.cz-toil-used-info {
  margin-right: 5px;
  display: flex;
}

.cz-toil-used-info__label {
  margin-right: 3px;
}

.cz-toil-timeline__remaining-details {
  margin-top: 20px;
  position: relative;
}

.cz-toil-timeline__remaining-details:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 10px;
  background-color: var(--success-700);
  left: -70px;
  bottom: 0;
  transform: translateY(-50%);
}

.cz-toil-timeline__remaining-details:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid var(--success-700);
  left: -20px;
  top: 45%;
  transform: translateY(-50%);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-expired:before,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-expired:before {
  background-color: var(--error-600);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-expired:after,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-expired:after {
  border-left: 10px solid var(--error-600);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-unavailable:before,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-unavailable:before {
  background-color: var(--error-600);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-unavailable:after,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-unavailable:after {
  border-left: 10px solid var(--error-600);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-pending:before,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-pending:before {
  background-color: var(--orange-300);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-pending:after,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-pending:after {
  border-left: 10px solid var(--orange-300);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-draft:before,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-draft:before {
  background-color: var(--utility-brand-600);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-draft:after,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-draft:after {
  border-left: 10px solid var(--utility-brand-600);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-approved:before,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-approved:before {
  background-color: var(--success-700);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-approved:after,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-approved:after {
  border-left: 10px solid var(--success-700);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-empty:before,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-empty:before {
  background-color: var(--gray-light-600);
}

.cz-toil-timeline__toil-status .cz-toil-timeline-empty:after,
.cz-toil-timeline__toil-status.cz-has-remaining.cz-toil-timeline-empty:after {
  border-left: 10px solid var(--gray-light-600);
}

.cz-toil-absence-table {
  margin-top: 5px;
}

.cz-toil-table-expand-collapse {
  overflow: hidden;
  transition: height 0.3s ease-out;
  display: block;
  min-width: 258px;
}

.cz-toil-absence-table__header-cell {
  padding: 3px 5px;
  background-color: var(--gray-light-100);
  border-bottom: 1px solid var(--gray-light-200);
  text-align: center;
}

.cz-toil-absence-table__body-cell {
  padding: 3px 5px;
  text-align: center;
}

.cz-toil-absence-table__body-cell:last-child {
  max-width: 110px;
}

.cz-toil-absence-table__body-cell:first-child {
  vertical-align: top;
}

.cz-toil-absence-table__row:not(:last-child) {
  border-bottom: 1px solid var(--gray-light-200);
}

.cz-toil-absence-table__body-cell:first-child,
.cz-toil-absence-table__header-cell:first-child {
  border-right: 1px solid var(--gray-light-200);
}

.cz-absence-table__body-cell {
  text-align: right;
  padding-right: 10px;
}

.cz-future-event-text {
  flex: 6;
}

.cz-future-event-field-group > .cz-form-field-group {
  width: 100%;
}

.cz-future-event-field-group > cz-field-group > div > div > .cz-button {
  display: flex;
  justify-content: flex-end;
}

.cz-future-event-field-group > .cz-form-field-group > * {
  display: flex;
  display: contents;
  flex-direction: row;
  justify-content: flex-end;
  flex: 1 1;
}

.cz-warning-hint-text-block > .cz-form-field-group {
  display: flex;
  display: contents;
  flex: 6;
}

.cz-toil-single-mapping::after {
  display: none;
}

.cz-toil-single-mapping::before {
  display: none;
}

/* Toil Mapping Buttons */
/* -------------------- */
.cz-absence-plan-details-toil-total > .cz-data-block {
  display: inline-flex;
}

.cz-toil-to-absence-mapping-button button {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  padding: 7px;
}

.cz-toil-to-absence-mapping-button img {
  height: 19px;
  width: 19px;
  margin-right: 5px;
}

.cz-single-toil-mapping {
  display: none;
}

.cz-toil-to-absence-mapping {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  max-height: 34px;
  top: 10px;
  bottom: 0;
  right: 10px;
  margin: auto;
}

button.cz-single-toil-mapping {
  min-width: 50px !important;
  background-image: url('toil-records.1aa6d938c4d54ccb.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.cz-single-toil-mapping svg {
  height: 19px;
  width: 19px;
  margin-right: 5px;
}

/* App */
/* Abstracts */
cz-absence-event-statuses .cz-data-entry-ctl-form-container.cz-form-cols-4,
cz-absence-event-statuses .cz-data-entry-ctl-form-footer.cz-form-cols-4 {
  width: 610px;
}

.cz-absences-event-statuses-change-status-container {
  display: flex;
  min-width: 240px;
  flex-flow: row wrap;
}

.cz-absences-event-statuses-change-status {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  min-width: 240px;
  gap: 7px;
}

.cz-absences-event-statuses-change-status__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0;
}
.cz-absences-event-statuses-change-status__fields > .cz-form-field {
  flex: 0 1 40%;
  padding: 0;
}

.cz-absences-event-statuses-change-status__fields--status-only {
  margin-right: 0;
}

.cz-absences-event-statuses-change-status__action-buttons {
  display: flex;
  align-self: flex-end;
  align-items: center;
  gap: 5px;
  height: var(--form-field-height);
}

button.cz-absences-status-change-button {
  margin-bottom: 15px;
}

.cz-absences-event-statuses-status-row {
  justify-content: space-between;
}

.cz-absences-event-statuses-status-row__action {
  display: flex;
  align-items: center;
}

.cz-absence-event-status-current-status {
  border: 2px solid var(--gray-light-200);
  width: 250px;
  padding: 3px 0;
  text-align: center;
  margin: 0 auto 10px;
}

.cz-absence-event-statuses-timeline {
  padding: 0;
  margin-bottom: 10px;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100px;
}
.cz-absence-event-statuses-timeline::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  bottom: 0;
  width: 4px;
  background-color: var(--gray-light-200);
  transform: translateX(-50%);
}
.cz-absence-event-statuses-timeline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  transform: translateX(-50%);
  background-color: var(--gray-light-200);
  z-index: -1;
}

.cz-absence-event-statuses-timeline__stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  flex: 0 0 auto;
}

.cz-absence-event-statuses-timeline__stage--new-process {
  margin-bottom: 80px;
}

.cz-absence-event-statuses-timeline__time {
  line-height: 1;
  font-size: 1rem;
  margin: 5px 0;
  align-self: flex-start;
}
.cz-absence-event-statuses-timeline__time::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 50%;
  height: 10px;
  width: 10px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--gray-light-600);
}
.cz-absence-event-statuses-timeline__stage:first-child > .cz-absence-event-statuses-timeline__time::before {
  border: 3px solid var(--brand-600);
  background: var(--bg-primary);
  height: 15px;
  width: 15px;
}
.cz-absence-event-statuses-timeline__stage--new-process > .cz-absence-event-statuses-timeline__time::before {
  background-color: var(--brand-600);
}

.cz-absence-event-statuses-timeline-actor-list {
  padding: 0;
  list-style: none;
  position: relative;
  width: 250px;
  background-color: var(--gray-light-100);
}
.cz-absence-event-statuses-timeline__stage:first-child > .cz-absence-event-statuses-timeline-actor-list {
  background-color: var(--brand-100);
}

.cz-absence-event-statuses-timeline-actor {
  border-bottom: 1px solid var(--border-primary);
  padding: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.cz-absence-event-statuses-timeline-actor:last-child {
  border-bottom: 0;
}

.cz-absence-event-statuses-timeline-actor__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 3px;
  line-height: 1.2;
  max-width: 200px;
}

.cz-absence-event-statuses-timeline-actor__picture {
  margin-right: 5px;
}

.cz-absence-event-status-label--sub,
.cz-absence-event-status-label--unsub,
.cz-absence-event-status-label--reverted {
  position: relative;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 0.75rem;
  line-height: 12px;
  display: inline-block;
  flex: 0 0 auto;
  background-color: var(--bg-primary);
}
.cz-absence-event-status-label--sub::after,
.cz-absence-event-status-label--unsub::after,
.cz-absence-event-status-label--reverted::after {
  content: "";
  background-repeat: no-repeat;
  width: 15px;
  height: 20px;
  position: absolute;
  top: 0;
  background-size: 12px 12px;
  background-position: 0;
  background-color: var(--bg-primary);
  margin-left: 3px;
  border-radius: 0 4px 4px 0;
}

.cz-absence-event-status-label--sub::after {
  background-image: url('submitted-arrow.fcf3238a884785e6.svg');
}

.cz-absence-event-status-label--unsub::after {
  background-image: url('unsub-arrow.289ee25915a90d69.svg');
}

.cz-absence-event-status-label--reverted {
  margin-left: 5px;
}
.cz-absence-event-status-label--reverted::after {
  background-image: url('revert.a27a0c531d93a296.svg');
  right: -13px;
}

@media screen and (min-width: 677px) {
  .cz-absences-event-statuses-change-status__fields > .cz-form-field {
    margin: 0;
  }
  .cz-absences-event-statuses-change-status-container {
    min-height: 78px;
  }
  .cz-absence-event-statuses-timeline__stage {
    width: 100%;
    flex-direction: row;
  }
  .cz-absence-event-statuses-timeline__stage:nth-last-child(even) {
    flex-direction: row-reverse;
  }
  .cz-absence-event-statuses-timeline__time {
    width: 250px;
    margin-top: 24px;
  }
  .cz-absence-event-statuses-timeline__stage:nth-last-child(odd) > .cz-absence-event-statuses-timeline__time {
    text-align: right;
  }
  .cz-absence-event-statuses-timeline-actor-list::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 5;
    border-right: 10px solid var(--gray-light-100);
    position: absolute;
    top: 32px;
    transform: translateY(-50%);
    left: -10px;
  }
  .cz-absence-event-statuses-timeline__stage:nth-last-child(even) > .cz-absence-event-statuses-timeline-actor-list::before {
    left: 250px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 5;
    border-left: 10px solid var(--gray-light-100);
    border-right: 0;
  }
  .cz-absence-event-statuses-timeline__stage:first-child > .cz-absence-event-statuses-timeline-actor-list::before {
    border-right-color: var(--brand-100);
  }
  .cz-absence-event-statuses-timeline__stage:nth-last-child(even):first-child > .cz-absence-event-statuses-timeline-actor-list::before {
    border-left-color: var(--brand-100);
  }
}
/* Abstracts */
/* App */
/* Absences Summary */
/* ---------------- */
.cz-absences-summary-container {
  max-width: 600px;
  min-width: 220px;
  margin: 15px 15px 20px 20px;
  display: flex;
  flex-direction: column;
}

.cz-absences-summary-button-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.cz-absences-summary-button-container button {
  margin: 0 4px;
}

.cz-absences-summary-wf-container .cz-absences-summary-tab-content {
  flex-grow: 1;
}
.cz-absences-summary-wf-container .cz-absences-summary-tab-content .cz-data-entry-ctl-fixed-width > .cz-data-entry-ctl-body {
  width: 100%;
  border-right: none;
  background-color: transparent;
}

.cz-absences-non-accr-container {
  display: flex;
  flex-wrap: wrap;
}

.cz-absences-non-accr-plan-container {
  width: 50%;
  flex-shrink: 0;
  flex-grow: 1;
  min-width: 200px;
}

.cz-absences-accr-plan-container,
.cz-absences-non-accr-plan-container {
  padding-bottom: 15px;
  padding-right: 8px;
}

.cz-absences-accr-plan-card {
  min-height: 160px;
}

.cz-absences-summary-inner-wrapper {
  display: flex;
}

.cz-absences-accr-plan-total {
  text-align: right;
  margin-bottom: 5px;
  display: block;
}

.cz-absences-accr-plan-text {
  display: flex;
  justify-content: space-between;
  margin-top: 10px !important;
}

.cz-absences-non-accr-plan {
  display: flex;
}

.cz-absences-non-accr-plan-taken,
.cz-absences-non-accr-plan-episodes {
  flex-grow: 1;
  background-color: transparent;
}

.cz-absences-accr-plan-taken {
  flex-shrink: 0;
}

.cz-absences-non-accr-plan-taken {
  width: 50%;
}

.cz-absences-accr-plan-remaining {
  margin-left: 10px;
  text-align: right;
}

.cz-absences-remaining-positive {
  color: var(--success-700);
}

.cz-absences-remaining-negative {
  color: var(--error-700);
}

.cz-absences-accr-plan-toil.cz-absences-remaining-positive {
  color: var(--orange-300);
}

.cz-absences-accr-plan-toil.cz-absences-remaining-negative {
  color: var(--black);
}

.cz-absences-non-accr-plan-episodes {
  color: var(--gray-light-700);
}

.cz-absences-summary-time-unit {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cz-absences-summary-switch-view-button {
  margin: 4px 20px 20px;
}

button.cz-absences-summary-add-absence-button {
  margin-bottom: 15px;
}

/* Absences Summary - Master Detail */
/* -------------------------------- */
.cz-summary-master-detail-header-container {
  background: var(--bg-primary);
  min-width: 485px;
  margin-right: 15px;
  border-top-right-radius: 5px;
}

.cz-summary-master-detail-header {
  max-width: 601px;
}

.cz-absence-summary-master-detail-container {
  width: auto;
}

.cz-absence-summary-master-detail-container > .cz-tab-strip-ctl-body {
  overflow: unset;
}

.cz-absence-summary-master-detail-container > .cz-tab-strip-ctl {
  margin-top: 75px;
  border-top: 1px solid var(--border-primary);
  min-width: 485px;
  width: auto;
}

.cz-non-accrual-skeleton-container {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
}

.cz-non-accrual-loader-flex {
  width: 50%;
  flex: 1 1 auto;
}

.cz-non-accrual-loader-single {
  width: 100%;
  flex: 1 1 auto;
}

.cz-info-banner-row .cz-form-field {
  width: 100% !important;
}

.cz-survey-top-bar {
  padding: 0px 10px 10px 10px;
}

.cz-survey-nps-container {
  flex-grow: 3;
  padding-left: 10px;
}

.cz-survey-toggle {
  flex-grow: 3;
  padding: 20px 0px;
}

.cz-survey-participationrate-container {
  flex-grow: 3;
}

.cz-survey-stat-container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  height: 100px;
  padding-left: 10px;
}

.cz-survey-stat-container > div {
  margin-right: 20px;
}

.cz-survey-distribution-stats {
  display: flex;
  padding-left: 15px;
}

.cz-survey-distribution-bar {
  width: 100%;
  height: 25px;
  display: flex;
  flex-direction: row;
}

.cz-survey-distribution-bar-item {
  height: 100%;
}
.cz-survey-distribution-bar-item.detractor-entry {
  background-color: var(--bg-error-solid);
}
.cz-survey-distribution-bar-item.passive-entry {
  background-color: var(--utility-orange-300);
}
.cz-survey-distribution-bar-item.promoter-entry {
  background-color: var(--utility-green-700);
}

.cz-survey-distribution-entry {
  flex-grow: 1;
}

.cz-survey-tags-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 5px;
  max-width: 100%;
}
.cz-survey-tags-container .cz-label--alert {
  margin-right: 5px;
  margin-bottom: 5px;
}
.cz-survey-tags-container span span {
  height: 13px;
}
.cz-survey-tags-container button.cz-ut-xs-button,
.cz-survey-tags-container button.cz-secondary-utility-button {
  --svg-icon-size: 12px;
  height: 12px;
  width: 12px;
  border-radius: 4px;
}

.survey-tag {
  display: flex;
  align-items: center;
  padding: 8px;
  max-width: 200px;
}
.survey-tag span {
  margin-right: 6px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
}

.cz-survey-tag-delete {
  height: 12px !important;
  width: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  position: relative;
  right: 0px;
}

.cz-survey-tag-delete > svg {
  fill: var(--bg-primary);
  height: 10px !important;
  width: 10px !important;
  min-height: 10px !important;
  max-height: 10px !important;
  min-width: 10px !important;
  max-width: 10px !important;
}

.cz-survey-tag-deleted {
  opacity: 0.5;
}

.cz-survey-instances-people-grid .cz-data-entry-ctl-body {
  padding: 0px;
  border-right: none;
}
.cz-survey-instances-people-grid .cdk-virtual-scroll-viewport {
  overflow-x: hidden;
}
.cz-survey-instances-people-grid .cz-grid-table-cell {
  cursor: default;
}

.cz-survey-add-participants-button > cz-slideover-button-control {
  justify-content: left;
}

.cz-pulse-surveys-repeat-unit-row .cz-md {
  width: 50% !important;
}
.cz-pulse-surveys-repeat-unit-row .cz-md .cz-form-label {
  min-height: 18px;
}

.cz-pulse-surveys-dates-setup cz-slideover-button-control {
  justify-content: flex-start;
}

.cz-survey-participant-container {
  display: flex;
  height: 100%;
}
.cz-survey-participant-container .cz-container-ctl-child {
  height: calc(100% - 44px);
}

.cz-survey-archived {
  margin-bottom: 10px;
}

div.cz-surveys-logo-container img {
  max-width: 100%;
  padding: 5px;
}

/* Abstracts */
/* App */
div.cz-groups-quick-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

div.cz-groups-quick-footer {
  flex: 0 0 44px;
  padding: 5px 10px;
  border-top: 1px solid var(--border-primary);
}

svg.cz-groups-quick-flag {
  fill: var(--utility-brand-600);
}

.cz-groups-quick-urls {
  display: flex;
  flex-direction: column;
  flex: 1 1 0px;
  overflow-y: auto;
}

.cz-groups-quick-urls-link {
  flex: 1 1 0px;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.cz-groups-quick-inner-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 0px;
  overflow-y: auto;
}

.cz-groups-quick-item-text {
  flex: 1 1 0px;
  margin-right: auto;
  padding: 0, 10px;
}

.cz-groups-quick-files {
  display: flex;
  flex-direction: column;
  flex: 1 1 0px;
  overflow-y: auto;
}

.cz-groups-quick-files-table__heading {
  height: 32px;
  text-align: left;
  padding-left: 10px;
}
.cz-groups-quick-files-table__heading:first-child {
  width: 60%;
}

.cz-groups-quick-files-table__row {
  height: 38px;
}

.cz-groups-quick-files-table__cell:first-child {
  width: 60%;
}

.cz-groups-quick-files-table__inner-cell-wrapper {
  display: flex;
  align-items: center;
}

.cz-groups-quick-item-icon {
  margin-right: 5px;
}

.cz-absence-calendar-import-container {
  display: flex;
  flex-direction: column;
}

.cz-absence-calendar-year {
  margin-top: 5px;
}

.cz-absence-calendar-year > .cz-form-section-body {
  padding: 0 !important;
}

.cz-absence-calendar-year-holiday-list {
  overflow-y: hidden;
}

.cz-absence-calendar-import-item > .cz-checkbox-wrapper {
  width: 100%;
}

label.cz-absence-calendar-import-item__detail {
  flex: 1 1 auto;
  padding: 5px 15px;
}

.cz-absence-calendar-import-item__detail span {
  text-decoration: line-through;
  opacity: 0.6;
}

/* Abstracts */
/** Search panel */
.cz-group-users-search-input-container {
  display: flex;
  align-items: center;
  padding: 0 20px;
  min-height: 60px;
  border-bottom: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
}
.cz-group-users-search-input-container input.cz-group-users-search-input {
  width: 300px;
  margin-bottom: 0;
  margin-left: 0;
  background-image: url('search-box.4963a63041e22c95.svg');
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 18px 18px;
  padding-left: 32px;
}

.cz-group-users-top-panel-buttons-text {
  margin-left: auto;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cz-workspace-add-buttons {
  display: flex;
  gap: 8px;
}

/** result body, details container */
.cz-group-users-result-panel-top-message {
  margin-bottom: 15px;
  font-style: italic;
  font-weight: 700;
}

.cz-group-users-body {
  flex-grow: 1;
  overflow-y: auto;
  padding: 10px 15px;
}

.cz-group-users-result-panel {
  display: block;
  overflow-y: auto;
}

.cz-group-users-details-wrapper {
  width: 50%;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 10px;
}

.cz-group-users-details-div {
  margin: 0;
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
}
.cz-group-users-details-div.cz-group-user-card-admin {
  background-color: var(--brand-100);
  font-weight: 600;
}
.cz-group-users-details-div .cz-group-users-info-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
  margin-bottom: 0;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cz-group-users-details-div .cz-group-users-info-name span.cz-group-users-info-name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
}
.cz-group-users-details-div .cz-group-users-info-name .cz-group-users-security-role-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 0.75rem;
}

/** card header and footer */
.cz-group-users-card-header {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
}

.cz-group-users-pic {
  flex: 0 0 34px;
  margin-right: 10px;
  align-self: flex-start;
}

.cz-group-users-card-details {
  align-self: center;
  flex: 1 1 0px;
  display: flex;
  overflow: hidden;
}

.cz-group-users-card-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  justify-content: flex-end;
}

/** result footer */
.cz-group-users-footer {
  flex-shrink: 0;
  min-height: 50px;
  display: flex;
  align-items: center;
  padding-left: 25px;
  border-top: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
}
.cz-group-users-footer p {
  margin-bottom: 0;
  font-weight: 600;
}

.cz-group-users-loadmore-button {
  margin-left: 15px;
}

@media screen and (min-width: 900px) {
  .cz-group-users-details-wrapper {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1280px) {
  .cz-group-users-details-wrapper {
    width: 25%;
  }
}
@media screen and (min-width: 1600px) {
  .cz-group-users-details-wrapper {
    width: 20%;
  }
}
/* Abstracts */
.cz-groups-list-pic {
  --svg-icon-size: 42px;
  width: 41px;
  height: 41px;
  overflow: hidden;
  border-radius: 50%;
}

.cz-groups-list-card-header {
  display: flex;
  flex: 0 0 60px;
  padding: 0 10px;
  align-items: center;
  line-height: initial;
  height: auto;
  gap: 10px;
}

.cz-groups-list-card-header__info {
  margin-bottom: 0;
  color: inherit;
  width: 100%;
  line-height: 1.5;
}

ul.cz-groups-details-dropdown {
  --drop-down-directive-menu-padding: 0;
}

.cz-groups-list-card-footer {
  display: flex;
  padding: 10px 0 0;
  flex-wrap: wrap;
  min-height: 210px;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: space-between;
  width: 100%;
  max-height: 250px;
}
.cz-groups-list-card-footer button {
  flex: 1 0 54px;
}

.cz-groups-list-card-footer-content {
  flex: 1 1 auto;
  position: relative;
  min-width: 100%;
}

.cz-groups-list-card-footer-content__description {
  padding: 10px;
}

.cz-group-details-no-content-message {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-group-details-no-content-message__detail {
  width: 150px;
}

.cz-group-details-link {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 3px;
  font-weight: 600;
  color: var(--text-primary);
  min-width: 100%;
}
.cz-group-details-link:hover, .cz-group-details-link:focus {
  background-color: var(--bg-secondary_hover);
  cursor: pointer;
  text-decoration: none;
}
.cz-group-details-link:last-child {
  margin-bottom: 10px;
}

.cz-group-details-link-skeleton {
  display: flex;
  padding: 0 20px;
  border-radius: 3px;
  font-weight: 600;
  color: var(--text-primary);
  min-width: 100%;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
.cz-group-details-link-skeleton:last-child {
  margin-bottom: 10px;
}

.cz-grp-skeleton-div {
  flex: 1 1 auto;
  display: flex;
  margin: 5px 0;
  max-height: 30px;
}

.cz-groups-list-card-details {
  align-self: center;
  align-items: center;
  flex: 1 1 0px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.cz-groups-list-card-details .cz-groups-list-info-container {
  display: flex;
  flex-direction: column;
  height: 42px;
  flex: 1 1 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-groups-list-card-details .cz-groups-list-buttons {
  display: flex;
  flex: 0 0 auto;
  margin: 0px 5px 0px 10px;
}
.cz-groups-list-card-details .cz-groups-list-buttons .cz-tertiary-utility-button svg {
  fill: var(--bg-primary);
}
.cz-groups-list-card-details .cz-groups-list-buttons .cz-tertiary-utility-button svg:hover, .cz-groups-list-card-details .cz-groups-list-buttons .cz-tertiary-utility-button svg:focus {
  fill: var(--utility-gray-600);
}
.cz-groups-list-card-details .cz-groups-list-buttons .cz-tertiary-utility-button:hover .cz-tertiary-utility-button svg, .cz-groups-list-card-details .cz-groups-list-buttons:focus .cz-tertiary-utility-button svg {
  fill: var(--text-secondary);
}

span.cz-group-details-link-icon {
  display: flex;
  align-items: center;
}

.cz-groups-details-dropdown-background {
  z-index: 5;
}

.cz-groups-list-group-desc {
  align-self: center;
  flex-shrink: 1;
  overflow-wrap: break-word;
}

div.ws-feed-container {
  padding: 20px;
  max-width: 800px;
}
div.ws-feed-container span.ws-feed-groups-dropdown + div.ws-feed-post-new-container {
  margin-top: 10px;
}

.ws-feed-groups-dropdown {
  width: 300px;
  margin-bottom: 5px;
}

.ws-feed-post-new-toolbar-buttons {
  margin-right: 5px;
}

button.cz-groups-feed-remove-link-button {
  flex: 0 0 32px;
}

textarea.ws-feed-post-new {
  border: none;
  border-bottom: 1px solid var(--border-primary);
  border-radius: 3px 3px 0 0;
  min-width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--alpha-black-10);
}

button.cz-groups-feed-share-button {
  margin-left: 10px;
  flex: 0 0 auto;
}

div.ws-feed-post-new-container {
  border-radius: 3px;
  background: var(--fg-white);
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
}

div.ws-feed-post-new-toolbar-buttons {
  margin: 5px 0;
}

div.ws-feed-post-new-toolbar-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 5px;
  background: var(--bg-primary);
  border-radius: 0 0 3px 3px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--alpha-black-10);
}

div.ws-feed-post-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--border-primary);
  border-radius: 3px;
  padding: 0 10px;
  height: auto;
  background-color: var(--bg-primary);
  flex: 1 1 0px;
}

.ws-feed-post-link-container {
  display: flex;
  align-items: center;
  margin-right: 15px;
  flex: 1 1 0px;
}

.cz-groups-feed-file-type-icon {
  margin-right: 10px;
}

button.cz-feed-post-toolbar-button {
  margin-right: 5px;
}

button.ws-feed-add-button {
  margin-top: 10px;
}

button.ws-feed-get-more-button {
  width: 100%;
}

button.ws-feed-delete {
  width: 22px;
  min-width: 22px;
  height: 22px;
}

div.cz-dashboard-widget-body-inner div.ws-feed-container {
  padding: 10px;
}

.cz-post-widget {
  border-width: 1px;
  border-style: solid;
  border-color: var(--alpha-black-10);
  padding: 0 0 10px 0;
  margin: 10px 0 20px 0;
}

.ws-feed-container {
  overflow-x: auto;
  /* Handle */
  /* Handle on hover */
}
.ws-feed-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.ws-feed-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-700-alpha-25);
  border-radius: 10px;
}
.ws-feed-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-700-alpha-25);
}

.cz-activity-feed__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background-color: var(--utility-blue-dark-200);
  border-radius: 10px 10px 0 0;
}

/* Abstracts */
.cz-payslip-import-grid > cz-master-detail-control > div > div > cz-grid-element > div > div > table > tbody > tr > td > div > cz-button-popup-control {
  padding: 0px !important;
}

.cz-payruns-slideover > cz-container > div > cz-grid-control > div > .cz-data-entry-ctl-body {
  width: 601px;
  border-radius: 0px;
  padding-top: 0px;
}

.cz-failure-info-slideover > cz-container > div > div > div > div {
  width: 100% !important;
}

.cz-failure-info-slideover {
  display: flex;
}

.cz-failure-info-slideover > cz-container > .cz-grid-ctl {
  flex: 1 1 auto;
}

.cz-failure-info-slideover > cz-container > .cz-grid-ctl > cz-grid-control > div > div {
  padding-top: 0px;
}

.cz-failure-info-header > cz-row > div {
  max-width: 601px;
}

.cz-payruns-slideover {
  display: flex;
}
.cz-payruns-slideover .cz-form-ctl {
  flex: 0 0 auto;
}
.cz-payruns-slideover .cz-payruns-grid {
  flex: 1 1 auto;
}

.cz-payroll-dps-banner {
  margin-bottom: 20px;
}

cz-slideover-button-control > .cz-payruns-slideover-button {
  height: 38px;
  min-width: 65px;
  padding: 9px;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  position: relative;
  display: inline-block;
  color: var(--fg-white);
  background-color: var(--utility-blue-500);
}

cz-slideover-button-control > .cz-payruns-slideover-button:focus {
  outline: none;
}

cz-slideover-button-control > .cz-payruns-slideover-button:hover {
  background-color: var(--utility-brand-800);
}

.cz-pay-period-dialog {
  padding: 10px;
}

.cz-tax-year-dialog {
  padding: 10px;
}

.cz-ordinal-dialog {
  padding: 10px;
}

.cz-payroll-starter-dec-info .cz-text-block {
  padding-top: 0;
}

.cz-payroll-mappings-grid {
  height: 100%;
}
.cz-payroll-mappings-grid .cz-data-entry-ctl-body {
  display: flex;
  flex-direction: column;
}
.cz-payroll-mappings-grid .cz-grid-table-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-x: auto;
  max-width: 1290px;
}
.cz-payroll-mappings-grid cz-grid-element {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.cz-payroll-mappings-grid .cz-grid-table-body {
  flex-grow: 1;
  max-height: unset !important;
}
.cz-payroll-mappings-grid .cz-grid-table-row {
  border-bottom: 1px var(--alpha-black-10) !important;
}
.cz-payroll-mappings-grid .cz-grid-table-row:not(:first-child):last-child {
  border-bottom: none !important;
}

.cz-journal-employee-totals .cz-data-entry-ctl-form-container,
.cz-journal-employee-totals .cz-data-entry-ctl-body {
  border: none;
}
.cz-journal-employee-totals .cz-data-entry-ctl-form-container form,
.cz-journal-employee-totals .cz-data-entry-ctl-body form {
  width: 601px;
}
.cz-journal-employee-totals .cz-data-entry-ctl-form-container cz-grid-element thead :nth-child(n+6) .cz-grid-table-header-column-text,
.cz-journal-employee-totals .cz-data-entry-ctl-body cz-grid-element thead :nth-child(n+6) .cz-grid-table-header-column-text {
  text-align: right;
}

.cz-grid-right-align {
  justify-content: right;
}

.cz-year-end-grid-table-size th :nth-child(4) > div {
  width: 130px;
}
.cz-year-end-grid-table-size tr :nth-child(4) > div {
  width: 130px;
}
.cz-year-end-grid-table-size tr :nth-child(5) {
  width: 870px;
}
.cz-year-end-grid-table-size .cz-grid-table-header {
  width: 1000px;
}
.cz-year-end-grid-table-size .cz-table--grid-body {
  width: 1000px !important;
  table-layout: auto !important;
}
.cz-year-end-grid-table-size .cz-data-entry-ctl-body {
  border-right: 0px;
}

div.cz-picture-payslip-company-logo img {
  max-width: 100%;
  padding: 5px;
}

.payslip-preview-container {
  width: 1180px;
  height: 840px;
}

.cz-pay-schedules-grid .cz-data-entry-ctl-body {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  width: 100%;
  max-height: 643px;
}
.cz-pay-schedules-grid .cz-data-entry-ctl-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-pay-schedules-grid .cz-data-entry-ctl-body::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-pay-schedules-grid .cz-data-entry-ctl-body::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-pay-schedules-grid .cz-grid-table-body,
.cz-pay-schedules-grid .cz-data-entry-ctl-container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-pay-schedules-grid .cz-grid-table-body::-webkit-scrollbar,
.cz-pay-schedules-grid .cz-data-entry-ctl-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-pay-schedules-grid .cz-grid-table-body::-webkit-scrollbar-thumb,
.cz-pay-schedules-grid .cz-data-entry-ctl-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-pay-schedules-grid .cz-grid-table-body::-webkit-scrollbar-thumb:hover,
.cz-pay-schedules-grid .cz-data-entry-ctl-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-pay-schedules-grid .cz-xs {
  width: 65px;
}
.cz-pay-schedules-grid .cz-sm {
  width: 90px;
}
.cz-pay-schedules-grid .cz-md {
  width: 120px;
}
.cz-pay-schedules-grid .cz-lg {
  width: 150px;
}

.cz-master-detail-list-paid-statuses > .cz-list__item--large > .cz-master-detail-info {
  position: relative;
  padding: 5px 0;
}

.cz-master-detail-list-paid-status {
  position: absolute;
  top: 35%;
  right: 5px;
}

.cz-pension-refund-master-detail-list-paid-status {
  position: absolute;
  top: 29%;
  right: 5px;
}

.cz-master-detail-list-paid-icon {
  position: relative;
}

.cz-paid-icon > cz-icon-control > .cz-icon {
  width: 20px;
  height: 20px;
}

.cz-abs-details-first-row > cz-row > div > :last-child {
  position: absolute;
  z-index: 1;
}

.cz-paid-row > cz-row > div > :last-child {
  position: absolute;
  z-index: 1;
}

.cz-form-field > div[class=cz-paid-icon] {
  position: relative;
  top: 10px;
  left: 250px;
}

.cz-paid-icon-large-field > cz-icon-control > .cz-icon {
  width: 20px;
  height: 20px;
}

.cz-form-field > div[class=cz-paid-icon-large-field] {
  position: relative;
  top: 10px;
  left: 89%;
}

.cz-form-field:has(> div[class=cz-paid-icon-very-large-field]) {
  width: 100% !important;
}

.cz-paid-icon-very-large-field > cz-icon-control > .cz-icon {
  width: 20px;
  height: 20px;
}

.cz-form-field > div[class=cz-paid-icon-very-large-field] {
  position: relative;
  top: 10px;
  left: 94%;
}

.cz-form-field:has(> div[class=cz-paid-icon-large-field]) {
  width: 100% !important;
}

.cz-regular-pay-values-row .cz-form-field {
  width: 33% !important;
}

.cz-payroll-p30-report-container {
  right: unset !important;
  margin-left: 2.5%;
  width: 97.5%;
  height: 100%;
}

.cz-payroll-p30-report-container > cz-container {
  height: 100%;
  overflow: hidden;
  min-width: 600px;
}
.cz-payroll-p30-report-container > cz-container > div.cz-payroll-p30-report-header {
  height: 100%;
}

.cz-payroll-p30-report-form {
  position: absolute;
  top: 62px;
  height: calc(100% - 82px);
  width: 95.5%;
  min-width: 600px;
  margin-top: 20px;
}
.cz-payroll-p30-report-form > div > div.cz-data-entry-ctl-container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-payroll-p30-report-form > div > div.cz-data-entry-ctl-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-payroll-p30-report-form > div > div.cz-data-entry-ctl-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-payroll-p30-report-form > div > div.cz-data-entry-ctl-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}
.cz-payroll-p30-report-form > div > div > div.cz-data-entry-ctl-form-container {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}
.cz-payroll-p30-report-form > div > div > div.cz-data-entry-ctl-form-container form.cz-form-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(540px, 1fr));
}
.cz-payroll-p30-report-form > div > div > div.cz-data-entry-ctl-form-container form.cz-form-body .cz-form-field {
  margin-bottom: 0;
}
.cz-payroll-p30-report-form > div > div cz-footer-bar.cz-data-entry-ctl-form-footer {
  width: 100%;
}
.cz-payroll-p30-report-form > div > div cz-footer-bar.cz-data-entry-ctl-form-footer .cz-footer-bar-content {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.cz-payroll-p30-report-section {
  width: 96%;
  height: 360px;
  margin-bottom: 20px;
  margin-left: 2%;
}
.cz-payroll-p30-report-section .cz-form-section-body {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  overflow-y: scroll;
  height: 315px;
}
.cz-payroll-p30-report-section .cz-form-section-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-payroll-p30-report-section .cz-form-section-body::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-payroll-p30-report-section .cz-form-section-body::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-payroll-p30-total {
  margin-bottom: 15px;
  font-weight: 600;
}

.cz-p30-override-checkbox > cz-checkbox {
  flex-direction: row-reverse;
}

.cz-p30-header {
  overflow: hidden;
  height: 62px;
  width: 98%;
  min-width: 600px;
}

.cz-paid-list-event-container cz-container {
  display: flex;
  align-items: center;
  flex: 1 1 0px;
  flex-direction: row;
  overflow: hidden;
}

.cz-paid-list-text-blocks cz-container {
  display: block;
}

.cz-paid-icon-left {
  margin: 0 5px 0 0;
}

.cz-payroll-pro-rata-payment-flexible-worker-banner {
  margin-bottom: 15px;
}

.cz-hide-right-border .cz-data-entry-ctl-body {
  border-right: none;
}

.cz-payslip-details-nested-grid .cz-data-entry-ctl-body {
  padding: 0 0 0 0;
  border: 0;
}

.cz-payslip-details-nested-grid .cz-grid-table-body {
  max-height: none;
}

cz-payrun-entries-master-detail > div > cz-footer-bar > div > div > div > cz-button-popup-control {
  margin-left: 7px;
}

/* Abstracts */
.cz-payroll-changes-report-container {
  right: unset !important;
  margin-left: 40px;
  width: 96.3%;
}
.cz-payroll-changes-report-container .cz-reporting__container {
  border-radius: 5px;
  margin-bottom: 5vh;
}
.cz-payroll-changes-report-container .cz-tab-strip-ctl {
  margin-top: 70px;
}
.cz-payroll-changes-report-container .cz-tab-list {
  margin-bottom: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.cz-payroll-changes-report-container .cz-tab-list .cz-tab-list__tab-item {
  max-width: unset !important;
}
.cz-payroll-changes-report-container .cz-changes-report-info-banner {
  margin-bottom: 10px;
}
.cz-payroll-changes-report-container .cz-filter-data-source {
  margin-top: 60px;
}
.cz-payroll-changes-report-container .cz-tab-list__tab-item:first-of-type {
  border-bottom-left-radius: 0px !important;
}
.cz-payroll-changes-report-container .cz-info--small {
  border-radius: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 10px;
}
.cz-payroll-changes-report-container .cz-center-checkbox {
  text-align: center !important;
}
.cz-payroll-changes-report-container .cz-right-align-number {
  text-align: right !important;
}
.cz-payroll-changes-report-container .cz-changes-grid-text {
  text-align: left !important;
}

.cz-payroll-changes-report-payments-container .cz-grid-table-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.cz-starters-leavers-data-container > cz-container {
  flex-direction: row;
}

.cz-starters-leavers-data-container .cz-data-entry-ctl-no-items {
  min-height: 56.75vh !important;
}

.cz-starters-leavers-data-container tbody > tr > td:nth-child(2) {
  left: 120px !important;
}

.cz-starters-leavers-data-container :host .cz-reporting-table__sub-header th:nth-child(2) {
  left: 120px !important;
}

.cz-starters-leavers-data-container .cz-grid-table-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
}

.cz-payroll-changes-report-container .cz-absence-generated-reporting-section {
  display: flex;
  align-items: center;
  padding-left: 40px;
}

.cz-payroll-changes-report-container .cz-absence-reporting-param-block__title {
  display: flex;
  margin-left: 20px;
}

.cz-payroll-changes-report-container cz-form-section > div {
  padding: 0px 0px 0px 0px !important;
}

.cz-payroll-summary-card-container {
  margin-left: 10px;
}
.cz-payroll-summary-card-container > cz-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.cz-new-starter-summary-header {
  grid-column: span 2;
  grid-column-end: -1;
}

.cz-payroll-summary-card .cz-form-field .cz-text-block {
  padding: 0px;
}
.cz-payroll-summary-card.cz-payroll-summary-card__full-width {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}

.cz-changes-report-new-tab-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 38px;
  flex: 1 1 auto;
}
.cz-changes-report-new-tab-toolbar h1 {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0px;
}
.cz-changes-report-new-tab-toolbar h2 {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0px;
  padding-right: 80px;
}

.cz-payroll-summary-sickness-card-container .cz-data-entry-ctl-form-container.cz-form-cols-4 {
  width: 100%;
}

.cz-payroll-summary-sickness-card-container cz-footer-bar {
  width: 100% !important;
}

.cz-payroll-summary-sickness-card-container .cz-sickness-details-form {
  min-height: 35vh;
}
.cz-payroll-summary-sickness-card-container .cz-sickness-details-form .cz-xs {
  width: 50px;
}
.cz-payroll-summary-sickness-card-container .cz-sickness-details-form .cz-sm {
  width: 80px;
}
.cz-payroll-summary-sickness-card-container .cz-sickness-details-form .cz-md {
  width: 111px;
}
.cz-payroll-summary-sickness-card-container .cz-sickness-details-form .cz-lg {
  width: 170px;
}
.cz-payroll-summary-sickness-card-container .cz-sickness-details-form .cz-grid-table-body {
  max-height: 200px;
}

cz-grid-control .cz-data-entry-ctl-container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
cz-grid-control .cz-data-entry-ctl-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
cz-grid-control .cz-data-entry-ctl-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
cz-grid-control .cz-data-entry-ctl-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}
cz-grid-control .cz-data-entry-ctl-container .cz-grid-table-body {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
cz-grid-control .cz-data-entry-ctl-container .cz-grid-table-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
cz-grid-control .cz-data-entry-ctl-container .cz-grid-table-body::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
cz-grid-control .cz-data-entry-ctl-container .cz-grid-table-body::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-payroll-summary-sickness-card-container .cz-sickness-data-form {
  min-height: 228.63px;
}

.cz-payroll-summary-sickness-card-container cz-grid-control .cz-data-entry-ctl-body {
  border-right: none;
}

.cz-payroll-summary-sickness-card-container > cz-container {
  gap: 5px;
}

.cz-sickness-details-form .cz-data-entry-ctl-form-container {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cz-payroll-summary-sickness-card-container .cz-maternity-details-form {
  height: 35vh;
}
.cz-payroll-summary-sickness-card-container .cz-maternity-details-form .cz-grid-table-body {
  max-height: 150px;
}
.cz-payroll-summary-sickness-card-container .cz-maternity-details-form cz-grid-control .cz-data-entry-ctl-container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-payroll-summary-sickness-card-container .cz-maternity-details-form cz-grid-control .cz-data-entry-ctl-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-payroll-summary-sickness-card-container .cz-maternity-details-form cz-grid-control .cz-data-entry-ctl-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-payroll-summary-sickness-card-container .cz-maternity-details-form cz-grid-control .cz-data-entry-ctl-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-maternity-details-form .cz-data-entry-ctl-form-container {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cz-payroll-changes-abs-events-nested-view .cz-root-ctl-content-container {
  margin-right: 0px;
}

.cz-payroll-summary-sickness-card-container .cz-reduction-offset-data-form {
  height: 100%;
}

.cz-payroll-summary-sickness-card-container .cz-paternity-data-form {
  height: 100%;
}

.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form {
  height: 100%;
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-grid-table-body {
  max-height: 200px;
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-data-entry-ctl-container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-data-entry-ctl-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-data-entry-ctl-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-data-entry-ctl-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-data-entry-ctl-container .cz-grid-table-body {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-data-entry-ctl-container .cz-grid-table-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-data-entry-ctl-container .cz-grid-table-body::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-payroll-summary-sickness-card-container .cz-holiday-pay-details-form .cz-data-entry-ctl-container .cz-grid-table-body::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-changes-report-abs-events-master-details .cz-master-detail-info {
  display: flex;
  flex-wrap: wrap;
}
.cz-changes-report-abs-events-master-details .cz-master-detail-info .cz-master-detail-info__data {
  max-width: unset;
  width: 100%;
}
.cz-changes-report-abs-events-master-details .cz-changes-report-abs-events-status-label {
  margin-top: 20px;
}
.cz-changes-report-abs-events-master-details .cz-changes-report-abs-events-status-label .cz-text-block {
  padding: 0px;
  margin: 0px;
}
.cz-changes-report-abs-events-master-details .cz-changes-report-abs-events-time-taken {
  flex-grow: 1;
}
.cz-changes-report-abs-events-master-details .cz-changes-report-no-flex .cz-form-field-group {
  display: block;
}
.cz-changes-report-abs-events-master-details .cz-changes-report-abs-event-field-group .cz-changes-report-abs-event-field-group-secondary {
  margin-top: -15px;
}
.cz-changes-report-abs-events-master-details .cz-changes-report-abs-event-list-template {
  width: 180px;
}
.cz-changes-report-abs-events-master-details .cz-changes-report-abs-event-time-taken .cz-form-field {
  width: 100%;
  text-align: right;
  padding-right: 10px;
}

.cz-changes-report-nested-view-container {
  display: flex;
  margin-right: 15px;
}
.cz-changes-report-nested-view-container .cz-changes-report-new-tab-toolbar {
  width: 601px;
  background-color: var(--bg-primary);
  border-right: 1px solid var(--border-primary);
  padding: 5px 5px 5px 20px;
  display: flex;
  justify-content: flex-end;
  border-radius: 5px 5px 0 0;
}
.cz-changes-report-nested-view-container .cz-navigate-button-padding .cz-view-stack {
  top: 38px !important;
}
.cz-changes-report-nested-view-container cz-root-control > .cz-view-stack {
  top: 38px;
}
.cz-changes-report-nested-view-container .cz-view-header {
  max-width: 590px;
}

.cz-changes-report-header-starters > div > cz-root-control > .cz-view-stack {
  top: 0 !important;
}

.cz-payroll-columns.cz-reporting-table-month__header {
  background-color: var(--utility-fuchsia-600);
}
.cz-payroll-columns.cz-reporting-table-cell_md {
  background-color: var(--utility-fuchsia-900);
}
.cz-payroll-columns.cz-reporting-table-cell_md:nth-child(even) {
  background-color: var(--utility-fuchsia-700);
}

.cz-personal-columns.cz-reporting-table-month__header {
  background-color: var(--utility-violet-600);
}
.cz-personal-columns.cz-reporting-table-cell_md {
  background-color: var(--success-600);
}
.cz-personal-columns.cz-reporting-table-cell_md:nth-child(even) {
  background-color: var(--success-500);
}

.cz-emp-dep-columns.cz-reporting-table-month__header {
  background-color: var(--utility-cyan-700);
}
.cz-emp-dep-columns.cz-reporting-table-cell_md {
  background-color: var(--warning-800);
}
.cz-emp-dep-columns.cz-reporting-table-cell_md:nth-child(even) {
  background-color: var(--utility-orange-dark-200);
}

cz-changes-report-timesheets-grid .cz-footer-bar-fixed,
cz-changes-report-payments-grid .cz-footer-bar-fixed {
  bottom: unset !important;
}

cz-changes-report-grid .cz-name-columns.cz-reporting-table-month__header {
  background-color: var(--utility-gray-blue-100);
}
cz-changes-report-grid .cz-employment-columns.cz-reporting-table-month__header {
  background-color: var(--utility-blue-light-100);
}
cz-changes-report-grid .cz-wtp-columns.cz-reporting-table-month__header {
  background-color: var(--utility-yellow-100);
}
cz-changes-report-grid .cz-personal-info-columns.cz-reporting-table-month__header {
  background-color: var(--utility-violet-300);
}
cz-changes-report-grid .cz-regular-pay-columns.cz-reporting-table-month__header {
  background-color: var(--utility-pink-200);
}
cz-changes-report-grid .cz-tax-columns.cz-reporting-table-month__header {
  background-color: var(--utility-violet-100);
}
cz-changes-report-grid .cz-ni-columns.cz-reporting-table-month__header {
  background-color: var(--utility-orange-dark-100);
}
cz-changes-report-grid .cz-payroll-options-columns.cz-reporting-table-month__header {
  background-color: var(--utility-rose-200);
}
cz-changes-report-grid .cz-opening-balances-columns.cz-reporting-table-month__header {
  background-color: var(--utility-orange-200);
}

.cz-employees-grid .cz-reporting-table-month__header > span {
  color: var(--gray-light-700);
}

.cz-employee-slideover-container .cz-data-entry-ctl-form-container {
  border-top-right-radius: unset;
  border-top-left-radius: unset;
}

.cz-employee-slideover-container > cz-container {
  overflow: hidden;
}

.cz-employee-slideover-container .cz-data-entry-ctl-container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-employee-slideover-container .cz-data-entry-ctl-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-employee-slideover-container .cz-data-entry-ctl-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-employee-slideover-container .cz-data-entry-ctl-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-employee-slideover-container > cz-container > .cz-container-ctl-child {
  height: 100%;
  margin-bottom: 0px !important;
}

.cz-employees-grid .cz-reporting-table-cell_xl {
  min-width: 180px !important;
  max-width: 180px !important;
}

.cz-deduction-override .cz-form-field.cz-xs {
  min-width: 40px;
}

.cz-reduction-offset-data-form .cz-data-entry-ctl-form-container {
  padding: 20px 25px 5px 23px;
}

.cz-changes-report-pension-root .cz-pensions-download-button {
  margin-left: 9px;
}
.cz-changes-report-pension-root .cz-pending-container .cz-button-content-icon {
  height: 30px;
  width: 30px;
}
.cz-changes-report-pension-root .cz-pending-container .cz-table__body-cell--small {
  width: 90px;
}

.cz-eeo-container-min-width {
  min-width: 1360px;
  max-width: 1360px;
}

.cz-eeo-parameters {
  display: none;
}

.cz-eeo-outside-categorization {
  margin-bottom: 15px;
  font-style: italic;
}

.cz-eeo-header {
  display: flex;
}

.cz-eeo-header-categories-box {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-primary);
}

.cz-eeo-header-headings-box {
  flex: 5 5 0px;
  display: flex;
  flex-direction: column;
  border-width: 1px 1px 1px 0;
}

.cz-eeo-header-headings-box-1 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-primary);
  border-width: 1px 1px 1px 0;
}
.cz-eeo-header-headings-box-1 span {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex: 0 0 26px;
}
.cz-eeo-header-headings-box-1 span:first-child {
  align-items: flex-end;
  font-weight: 600;
}
.cz-eeo-header-headings-box-1 span:last-child {
  align-items: flex-start;
  font-size: 0.75rem;
}

.cz-eeo-header-headings-box-2 {
  text-align: center;
  border-bottom: 1px solid var(--border-primary);
  border-right: 1px solid var(--border-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
}

.cz-eeo-header-headings-box-3 {
  display: flex;
}

.cz-eeo-header-headings-box-3-races {
  flex: 14 14 0px;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.cz-eeo-header-hl {
  display: flex;
  flex-direction: column;
  flex: 2 2 0px;
  min-height: 100%;
}
.cz-eeo-header-hl > div:first-child {
  text-align: center;
  border-bottom: 1px solid var(--border-primary);
  border-right: 1px solid var(--border-primary);
  flex: 0 0 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cz-eeo-header-hl .cz-eeo-header-genders {
  flex: 1 1 auto;
}

.cz-eeo-header-not-hl {
  display: flex;
  flex-direction: column;
  flex: 12 12 0px;
}
.cz-eeo-header-not-hl > div:first-child {
  text-align: center;
  border-bottom: 1px solid var(--border-primary);
  border-right: 1px solid var(--border-primary);
  flex: 0 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cz-eeo-header-nothl-races {
  display: flex;
  border-top: 1px solid var(--border-primary);
}

.cz-eeo-header-nothl-races-race {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-right: 1px solid var(--border-primary);
  padding: 2px;
}
.cz-eeo-header-nothl-races-race > div {
  flex: 1 1 0px;
}

.cz-eeo-header-genders {
  display: flex;
  flex: 0 0 32px;
}

.cz-eeo-header-genders-gender {
  flex: 1 1 0px;
  border-right: 1px solid var(--border-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cz-eeo-header-total {
  flex: 1 1 0px;
  display: flex;
  flex-direction: column;
}
.cz-eeo-header-total .cz-eeo-header-total-label {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--border-primary);
  text-align: center;
  font-weight: 700;
}
.cz-eeo-header-total .cz-eeo-header-total-label > div {
  flex: 1 1 0px;
  padding: 0 8px;
}
.cz-eeo-header-total .cz-eeo-header-headings-letter-columns {
  width: 100%;
}

.cz-eeo-header-headings-letter-columns {
  display: flex;
  flex: 0 0 32px;
  border-top: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
}
.cz-eeo-header-headings-letter-columns > div {
  flex: 1 1 0px;
  text-align: center;
  border-right: 1px solid var(--border-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cz-eeo-counts {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.cz-eeo-counts-row {
  border-bottom: 1px solid var(--border-primary);
  display: flex;
  flex: 0 0 48px;
}
.cz-eeo-counts-row:last-of-type {
  font-weight: 700;
}
.cz-eeo-counts-row:last-of-type > .cz-eeo-counts-cell.cz-eeo-counts-cell-transparent div {
  display: flex;
}

.cz-eeo-counts-cell {
  flex: 2 2 0px;
  border-right: 1px solid var(--border-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cz-eeo-counts-cell.cz-eeo-counts-cell-transparent:not(:last-of-type) > div {
  display: none;
}
.cz-eeo-counts-cell:first-child {
  flex: 5 5 4px;
  border-right: none;
  border-left: 1px solid var(--border-primary);
  justify-content: flex-start;
}
.cz-eeo-counts-cell:first-child > div {
  padding-left: 4px;
  flex: 1 1 0px;
}
.cz-eeo-counts-cell:nth-child(2) {
  flex: 1 1 0px;
  justify-content: flex-end;
}
.cz-eeo-counts-cell:nth-child(2) > div {
  padding-right: 5px;
}
.cz-eeo-counts-cell:last-of-type {
  font-weight: 700;
}

@media print {
  page {
    min-width: 27.9cm;
    max-width: 27.9cm;
  }
  .cz-fill-vertical-scroll {
    position: static !important;
    width: 100%;
    overflow-y: hidden;
  }
  .cz-analytics-column {
    width: 100%;
    max-width: 27.9cm;
  }
  .cz-analytics-top-bar {
    display: none;
  }
  .cz-eeo-parameters {
    display: flex;
    width: 100%;
  }
  .cz-eeo-parameters-param {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
  }
  span.cz-eeo-paramaters-param-title {
    font-weight: 600;
  }
  div.cz-criteria-summary-form-container-outer {
    padding: 0 20px;
  }
  div.cz-criteria-summary-form-container {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .cz-criteria-summary-buttons,
  .cz-eeo-criteria-summary-main-section {
    display: none;
  }
  div.cz-analytics-column > div.cz-analytics-content {
    box-shadow: none;
  }
  .cz-eeo-outside-categorization {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .cz-eeo-header,
  .cz-eeo-counts {
    font-size: 0.75rem;
  }
  .cz-eeo-header-headings-box-1 span {
    flex: 0 0 18px;
  }
  .cz-eeo-header-headings-box-2 {
    flex: 0 0 18px;
  }
  .cz-eeo-header-hl > div:first-child {
    flex: 0 0 37px;
  }
  .cz-eeo-header-not-hl > div:first-child {
    flex: 0 0 18px;
  }
  .cz-eeo-header-genders {
    flex: 0 0 18px;
  }
  .cz-eeo-header-headings-letter-columns {
    flex: 0 0 18px;
  }
  .cz-eeo-header-headings-letter-columns > div {
    padding: 0;
    line-height: 18px;
  }
  .cz-eeo-counts-row {
    flex: 0 0 34px;
  }
  .cz-eeo-counts-row:last-of-type {
    flex: 0 0 24px;
  }
  .cz-eeo-container-min-width {
    min-width: 0;
    max-width: 100%;
  }
  .cz-eeo-header-nothl-races-race {
    font-size: 0.75rem;
  }
}
.cz-nested-wtp-grid {
  position: inherit !important;
  margin: 0 0 20px 0;
}

.cz-nested-wtp-grid > cz-grid-control > div > .cz-data-entry-ctl-body {
  display: flex;
  flex-direction: column;
  border: none;
  padding: 0;
}

.cz-nested-wtp-grid .cz-data-entry-ctl-body .cz-data-entry-ctl-title {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 1rem;
}

.cz-nested-wtp-grid .cz-data-entry-ctl-body .cz-grid-table-header-column-order-icon {
  display: none;
}

.cz-nested-wtp-grid .cz-data-entry-ctl-footer .cz-footer-bar-content {
  padding: 0px;
  background-color: var(--bg-primary);
  border-top: none;
  border-right: none;
}

.cz-grid-ctl.cz-wtp-grid .cz-grid-table-body {
  overflow-x: hidden;
}

div.cz-appraisal-form-unlock-button {
  margin-top: 23px;
}

/* Abstracts */
.cz-review-generation-process_container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  min-width: 850px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.cz-review-generation-process_container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-review-generation-process_container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-review-generation-process_container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-review-generation-overview_container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}

.cz-review-generation-status-expand-collapse {
  overflow: hidden;
  transition: height 0.3s ease-out;
  min-height: 224px;
  background: var(--bg-primary);
  display: flex;
  flex-direction: column;
}

.cz-review-generation-status {
  flex: 1 1 auto;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  border-bottom: 1px solid var(--alpha-black-10);
}

.cz-ag-stage-breakdown_header {
  min-height: 100px !important;
  max-height: 100px !important;
  height: 100px !important;
}

.cz-review-generation-filter_container {
  display: flex;
  flex: 1 1 auto;
  background: var(--utility-gray-dark-50);
  padding: 10px 0;
  border-bottom: 1px solid var(--alpha-black-10);
}

.cz-review-generation-table_container {
  position: relative;
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
  min-height: 300px;
  background: var(--bg-primary);
}

.cz-review-generation-header_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 50px;
  min-height: 50px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--alpha-black-10);
}

.cz-review-generation-header {
  display: flex;
  padding-left: 25px;
}

.cz-review-header_text {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.cz-review-header_text .cz-review-header_text-label {
  color: var(--alpha-black-50);
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}
.cz-review-header_text .cz-review-header_text-value {
  color: var(--alpha-black-75);
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  margin-left: 8px;
}

.cz-review-header_buttons {
  display: flex;
  flex: 1 1 auto;
  min-width: 250px;
  padding-left: 25px;
  margin: 0;
}

.cz-review-button, .cz-ag-run-button {
  height: 28px;
  min-width: 65px;
  padding: 0 10px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  background: var(--utility-gray-300);
  white-space: nowrap;
  position: relative;
  display: inline-block;
  color: var(--gray-light-600);
  background-color: var(--bg-primary);
  outline: 0;
  border: 1px solid var(--alpha-black-10);
}

.cz-review-button:hover, .cz-ag-run-button:hover {
  background-color: var(--utility-gray-dark-200);
  border-color: var(--utility-gray-dark-200);
}

.cz-review-button_is-selected {
  background-color: var(--utility-gray-dark-200);
  border-color: var(--utility-gray-dark-200);
}

.cz-ag-run-button {
  min-width: 50px;
  padding: 0 5px;
  background-color: var(--utility-brand-800);
  height: 27px;
  margin: 0;
  color: var(--text-white);
  border: none;
}

.cz-ag-run-button:hover {
  background-color: var(--utility-brand-800);
}

.cz-review-generation-status-card_container, .cz-review-stage-breakdown_empty-state {
  position: relative;
  display: flex;
  padding: 5px 15px;
}

.cz-review-generation-stage-breakdown_container {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}

.cz-review-stage-breakdown_empty-state {
  flex-direction: column;
  min-height: 100px;
  justify-content: center;
}

.cz-review-stage-breakdown_empty-state h1 {
  font-size: 0.875rem;
  text-align: center;
  color: var(--alpha-black-50);
  font-weight: 700;
  margin: 0;
}

.cz-review-generation-status_card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  height: 100px;
  max-width: 220px;
  border-radius: 3px;
  margin: 10px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-pending-status-card {
  background: var(--utility-orange-dark-500);
}

.cz-failed-status-card {
  background: var(--utility-error-500);
}

.cz-completed-status-card {
  background: var(--success-500);
}

.cz-inprogress-status-card {
  background: var(--utility-blue-dark-500);
}

.cz-queued-status-card {
  background: var(--blue-900);
}

.cz-terminated-status-card {
  background: var(--gray-light-600);
}

.cz-ag-status-card-sm {
  max-width: 120px;
  min-width: 120px;
  border-right: 1px solid var(--alpha-black-10);
  box-shadow: none;
}

.cz-ag-status-card_text-sm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 55px;
  width: 70px;
}

.cz-ag-status-card_text-sm h2 {
  margin: 0 !important;
  color: var(--text-primary) !important;
}

.cz-ag-status-card_text-sm h1 {
  color: var(--text-primary) !important;
  font-size: 1.875rem !important;
  margin: 5px 0 !important;
}

.cz-ag-status-card_text-sm > .cz-ag-status-card_text {
  margin: 0 7px;
  padding-left: 0;
  text-align: center;
}

.cz-ag-status-card_text {
  height: 20px;
  flex: 1 1 auto;
}

.cz-ag-status-card_text h1 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-white);
  margin: 0 10px 5px 17px;
}

.cz-ag-status-card_text h2 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-white);
  margin: 10px 10px 10px 17px;
}

.cz-appraisal-generation-status_list {
  display: flex;
  justify-content: space-between;
  max-width: 150px;
  font-weight: 600;
  margin-left: 15px;
  color: var(--brand-500);
}

.cz-review-generation-table_container > .cz-master-detail-ctl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 100%;
  min-width: 100%;
}

.cz-review-generation-table_container > .cz-master-detail-ctl > .cz-data-entry-ctl-container > .cz-data-entry-ctl-body {
  background: var(--utility-gray-dark-100);
}

.cz-ag-filter-dropdown {
  min-width: 200px;
  margin-right: 10px;
}

/* ------ Grid ------- */
.cz-review-generation-ctl-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 200px;
  overflow-y: hidden;
  flex: 1 1 auto;
}

.cz-review-generation-ctl-body {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 auto;
  max-height: 100%;
  margin-bottom: 23px;
}

.cz-review-generation-ctl-body > .cz-data-entry-ctl-no-items {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 150px;
}

.cz-ag-grid-list-body {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  display: flex;
  border-left: 1px solid var(--utility-gray-300);
  border-right: 1px solid var(--utility-gray-300);
  max-height: 100%;
  flex: 1 1;
}
.cz-ag-grid-list-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-ag-grid-list-body::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-ag-grid-list-body::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-review-grid-padding-fix {
  padding-bottom: 25px;
  flex-grow: 1;
}

.cz-ag-table--grid-body {
  table-layout: fixed;
  width: 100%;
}

.cz-review-grid-table-header-container {
  display: inline-block;
  flex: 1 1;
  overflow: hidden;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  border-bottom: 1px solid var(--alpha-black-10);
  border-top: 1px solid var(--alpha-black-10);
  min-height: 45px;
  max-height: 45px;
}

.cz-review-grid-table-header {
  overflow: hidden;
  height: 45px;
}

.cz-ag-table--grid-header {
  table-layout: fixed;
  width: 100%;
  min-width: 100%;
  padding-right: 18px;
  margin-bottom: 0;
  border-bottom-style: none;
  border-collapse: separate;
}

.cz-ag-table--grid-header thead tr {
  height: 45px;
}

.cz-ag-table--grid-header__row {
  height: 45px;
}

.cz-ag-table--grid-header__row > .cz-ag-table__header-cell {
  padding-left: 5px;
  vertical-align: middle;
  position: relative;
}

.cz-ag-table__header-cell {
  height: 40px;
  text-align: left;
  padding: 3px 3px 3px 10px;
  font-weight: 600;
  border-left: 1px solid var(--alpha-black-10);
}

.cz-review-grid-table-header-column-container {
  display: flex;
  justify-content: space-between;
  margin: 0 5px;
  align-items: center;
}

.cz-review-grid-table-header-column-content {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.cz-review-grid-table-header-column-text {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  flex: 1 1 0px;
  text-align: left;
}

.cz-review-grid-table-header-column-text a {
  color: var(--text-primary);
}

.cz-review-grid-table-row {
  height: 43px;
  border-bottom: 1px solid var(--alpha-black-10);
}

.cz-review-table__cell {
  display: table-cell;
  color: var(--text-primary);
  padding: 3px 3px 3px 10px;
  word-break: break-word;
}

.cz-ag-table-cell_profile {
  display: flex;
}

.cz-table-cell-profile_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-review-table-cell_profile-picture {
  flex: 1 1;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  padding-left: 10px;
}

.cz-review-table-cell_status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--text-white);
  border-radius: 3px;
  height: 24px;
  padding: 3px 6px;
  font-size: 0.875rem;
  min-height: 22px;
  text-align: center;
  max-width: 150px;
  max-width: min-content;
  font-weight: 600;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-review-table-cell_status.cz-ag-status--pending {
  background: var(--utility-orange-dark-500);
}

.cz-review-table-cell_status.cz-ag-status--failed {
  background: var(--utility-error-500);
}

.cz-review-table-cell_status.cz-ag-status--running {
  background: var(--utility-blue-dark-500);
}

.cz-review-table-cell_status.cz-ag-status--completed {
  background: var(--brand-green);
}

.cz-review-table-cell_status.cz-ag-status--terminated {
  background: var(--utility-gray-600);
}

.cz-review-table-cell_status.cz-ag-status--queued {
  color: var(--black);
  box-shadow: none;
}

.cz-ag-data-entry-ctl-footer {
  position: fixed;
  bottom: 0;
  left: auto;
  right: auto;
  width: 100%;
}

.cz-ag-selected {
  background: var(--utility-gray-100);
  font-weight: 600;
}

.cz-ag-lg {
  width: 190px;
}

.cz-ag-sm {
  width: 50px;
}

.cz-ag-people-search-empty-state__icon {
  width: 75px;
  height: 75px;
  flex-shrink: 0;
}

.cz-ag-people-search-empty-state__icon svg {
  fill: var(--alpha-black-50);
}

/* -------- Stage Breakdown -------- */
.cz-review-stage-timeline_container {
  display: flex;
  width: 100%;
  position: relative;
  background: var(--bg-primary);
}

.cz-review-stage-content_container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin: 15px 0;
}

.cz-review-stage-timeline_content {
  position: relative;
  display: flex;
  border-bottom: 1px solid var(--utility-gray-dark-200);
  padding: 9px 30px;
}

.cz-review-stage-timeline_content:last-child {
  border-bottom: none;
}

.cz-ag-stage_icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1.5px solid var(--utility-gray-200);
  background: var(--bg-primary);
  z-index: 1;
}

.cz-review-stage_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  padding-right: 20px;
  position: relative;
  min-width: 150px;
  max-width: 150px;
  word-break: break-word;
  border-right: 1px solid var(--alpha-black-10);
}

.cz-review-stage_text h1 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--alpha-black-50);
  margin: 0;
  line-height: 1.1;
}

.cz-review-stage_value {
  display: flex;
  justify-content: center;
  min-width: 35px;
  max-width: 50px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  color: var(--utility-gray-500);
  font-weight: 600;
}

.cz-review-stage_value h1 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-white);
  padding: 5px;
  margin: 0;
  max-width: 150px;
}

.cz-review-stage_value h1.cz-review-stage_total {
  background: var(--utility-blue-dark-500);
  color: var(--text-white);
}

.cz-review-status-card_progress-bar {
  --kendo-progressbar-height: 15px;
  flex: 1 1 auto;
  margin: auto;
  margin-left: 10px;
  min-width: 90%;
  max-width: 90%;
  min-height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-review-process-details_container {
  background: var(--bg-primary);
}

.cz-review-process_details {
  display: flex;
  margin: auto;
  background: var(--bg-primary);
  height: 75px;
  padding: 5px;
  border-bottom: 1px solid var(--alpha-black-10);
}

.cz-review-process_details-title {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  margin: 0 20px;
}

.cz-review-process_details-title h1 {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 3px 0;
}

.cz-review-process_details-title h2 {
  font-size: 0.875rem;
  margin: 3px 0;
  display: flex;
  align-items: center;
}

.cz-review-process-details_status-label {
  background: var(--utility-brand-500-alpha-90);
  color: var(--text-white);
  border-radius: 3px;
  height: 25px;
  padding: 4px 6px;
  font-size: 0.875rem;
  min-height: 25px;
  font-weight: 600;
}

.cz-review-process-details_status-label.cz-review-status--pending {
  background: var(--utility-orange-dark-500);
}

.cz-review-process-details_status-label.cz-review-status--failed {
  background: var(--utility-error-500);
}

.cz-review-process-details_status-label.cz-review-status--running {
  background: var(--utility-blue-dark-500);
}

.cz-review-process-details_status-label.cz-review-status--completed {
  background: var(--utility-green-500);
}

.cz-review-process-details_status-label.cz-review-status--terminated {
  background: var(--utility-gray-600);
}

.cz-review-process-details_status-label.cz-review-status--queued {
  background: var(--fg-white);
  color: var(--black);
}

.cz-review-process-details_label {
  color: var(--utility-gray-true-500);
  border-radius: 3px;
  height: 25px;
  padding: 5px 0;
  min-height: 25px;
  max-width: min-content;
  min-width: max-content;
}

.cz-review-process-details_date {
  display: flex;
  padding: 10px 5px;
  padding-bottom: 0;
}

.cz-stage-breakdown-progress {
  padding-left: 10px;
  width: 70%;
}

.cz-stage-breakdown-progress .cz-progress-bar .cz-progress-bar-value {
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 0;
  position: relative;
  min-height: 26px;
  border-radius: 3px;
  float: left;
  min-width: 35px;
}

.cz-ag-tab-ctl-content {
  display: flex;
  flex-direction: column;
}

.cz-ag-grid-ctl {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.cz-ag-grid-ctl > .cz-data-entry-ctl-container > .cz-data-entry-ctl-body {
  position: relative;
}

.cz-ag-grid-ctl > .cz-data-entry-ctl-container > .cz-data-entry-ctl-body > .cz-data-entry-ctl-no-items {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 20px;
  max-height: 20px;
}

.cz-review-process-details_input {
  appearance: none;
  appearance: none;
  background: var(--utility-gray-dark-200);
  border: 1px solid var(--gray-modern-200);
  border-radius: 3px;
  outline: none;
  height: 30px;
  margin-top: 5px;
  padding: 5px;
}

.cz-pm-kickoff-owner-container {
  height: 100%;
}

/* Abstracts */
/* General */
/* ------- */
.cz-check-ins-section, .cz-check-ins-instructions-body {
  max-width: 601px;
  background-color: var(--fg-white);
}

@media print {
  .cz-check-ins-section, .cz-check-ins-instructions-body {
    border-style: none;
    border-top: 2pt solid var(--black);
    border-radius: 0;
    page-break-inside: avoid;
  }
}
/* Date and Participants */
/* --------------------- */
.cz-check-ins-participants-people {
  display: flex;
  margin: 15px 0px;
  padding-right: 15px;
}

.cz-check-ins-participants__reviewer {
  display: flex;
  width: 100%;
  min-width: 150px;
  height: 40px;
  margin-right: 10px;
}

.cz-check-ins-reviewer-buttons {
  margin-top: auto;
  margin-bottom: auto;
}

.cz-participant-table-cell_profile-picture {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 10px;
}

.cz-participant-table-cell_reviewer_field {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.cz-participant-no-reviewer-table-cell {
  margin-top: auto;
  margin-bottom: auto;
}

/* Instructions */
/* ------------ */
.cz-check-ins-instruction-section {
  border: 1px solid var(--utility-gray-300);
  border-radius: 3px;
}

.cz-check-ins-instructions-body {
  background-color: var(--bg-primary);
  margin-top: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  height: 100%;
  border: none;
}
.cz-check-ins-instructions-body img {
  max-width: 100%;
}

@media print {
  .cz-check-ins-instructions-body {
    padding: 10px 0px 20px 0px;
  }
}
/* Outcome Overview Cards */
/* ---------------------- */
.cz-outcome-overview-status_container {
  padding-left: 10px;
}

.cz-outcome-overview-status-card_container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  max-width: 260px;
  font-size: 0.875rem;
  color: var(--text-white);
  margin: 0;
}

.cz-outcome-overview-status_card {
  position: relative;
  height: 30px;
  border-radius: 3px;
  margin: 0px 0px 5px 0;
  display: flex;
  flex: 1 1 auto;
  text-align: left;
  min-width: 160px;
  max-width: 70%;
}

.cz-outcome-overview-status-card_text {
  flex: 1 1 auto;
  padding: 0 8px;
  display: flex;
  align-items: center;
}

.cz-outcome-overview-status-card_value {
  background: var(--alpha-black-20);
  min-height: 26px;
  min-width: 35px;
  display: grid;
  place-content: center;
}

.cz-outcome-overview-status_card_inProgress {
  background: var(--utility-blue-dark-500);
}

.cz-outcome-overview-status_card_completed {
  background: var(--success-500);
}

.cz-outcome-overview-status_card_removed {
  background: var(--utility-error-500);
}

/* Abstracts */
.cz-cont-obj-dialog .cz-data-entry-ctl-form-container {
  border: 0;
  width: 100%;
}

.cz-cont-obj-form-builder-tool-box-pane .cz-form-builder-add-fields {
  height: 100%;
}

/* My Review Objectives Screen */
/* --------------------------- */
/* Data Source Filter */
/* ------------------ */
.cz-review-objectives-filter-row {
  width: 100%;
  max-width: 100% !important;
}

.cz-review-objectives_checkbox {
  display: flex;
  flex-direction: row-reverse;
  max-width: 300px;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
}
.cz-review-objectives_checkbox .cz-form-label,
.cz-review-objectives_checkbox .cz-checkbox {
  margin: 0;
}

.cz-review-objectives-sm {
  width: 20%;
  min-width: 260px;
  max-width: 260px;
  margin: 0;
  max-height: 38px;
  padding-left: 0;
}

.cz-review-objectives-nested-view {
  position: relative;
  flex: 1 1 auto;
}

.cz-review-objective-nested-view-container .cz-filter-data-source__filter {
  display: none;
}

/* Person List Grid */
/* ---------------- */
.cz-review-objectives-filter-datasource-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  border-right: 1px solid var(--utility-gray-300);
}
.cz-review-objectives-filter-datasource-container > cz-container {
  flex-direction: row;
}
.cz-review-objectives-filter-datasource-container > cz-container > div {
  background: var(--bg-primary);
  border-radius: 5px;
}
.cz-review-objectives-filter-datasource-container .cz-grid-ctl {
  border-right: 1px solid var(--utility-gray-300);
  margin-bottom: 5px;
}

.cz-review-objectives-section > cz-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: visible !important;
}

.cz-review-objectives-sub-section {
  flex: 1 1;
  min-width: 150px;
  margin-bottom: 15px;
  max-width: 50%;
}
.cz-review-objectives-sub-section cz-container {
  overflow: visible !important;
}

.cz-review-objectives-sub-section-lg {
  flex: 1 1;
  min-width: 50%;
}

.cz-continuous-objectives-reviewer-root-control * .cz-header-bar__inner-wrapper {
  visibility: collapse;
  width: 0px;
}

.cz-grid-table-container.cz-review-objectives-grid-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-y: hidden;
  flex: 1 1 auto;
  max-width: 250px;
  min-width: 250px;
}
.cz-grid-table-container.cz-review-objectives-grid-container > div.cz-grid-table-body {
  border-bottom: 0;
}

.cz-grid-table-body.cz-review-objectives-table-body {
  border-right: none;
  max-width: 250px;
  min-width: 250px;
  max-height: 100%;
  border: 0;
}

.cz-table--grid-body.cz-review-objectives-grid-body {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.cz-grid-table-row.cz-review-objectives-grid-row {
  display: flex;
  position: relative;
  min-height: 50px;
  padding: 5px;
  min-width: 250px;
  border-bottom: 1px solid var(--alpha-black-10) !important;
}
.cz-grid-table-row.cz-review-objectives-grid-row.cz-grid-table-row:nth-child(even):not(.cz-selected) {
  background-color: var(--bg-primary) !important;
}
.cz-grid-table-row.cz-review-objectives-grid-row:active {
  background: var(--gray-light-100) !important;
}

.cz-review-objectives-grid-body.cz-grid-table-row.cz-review-objectives-grid-row,
.cz-review-objectives-grid-body tr.cz-selected {
  background: var(--gray-light-100);
  color: var(--utility-gray-true-600);
}
.cz-review-objectives-grid-body .cz-selected-highlight {
  position: absolute;
  top: 0;
  right: 0;
  min-height: 100%;
  width: 10px;
  background: var(--utility-gray-600);
}
.cz-review-objectives-grid-body.cz-grid-table-row.cz-review-objectives-grid-row,
.cz-review-objectives-grid-body tr.cz-selected:hover,
.cz-review-objectives-grid-body tr.cz-selected:hover:hover,
.cz-review-objectives-grid-body tr.cz-selected:focus:hover,
.cz-review-objectives-grid-body tr.cz-selected:focus,
.cz-review-objectives-grid-body tr.cz-selected:hover:focus,
.cz-review-objectives-grid-body tr.cz-selected:focus:focus {
  background-color: var(--utility-gray-200);
  color: var(--black);
}
.cz-review-objectives-grid-body.cz-grid-table-row.cz-review-objectives-grid-row,
.cz-review-objectives-grid-body tr.cz-selected:focus {
  background: var(--utility-gray-600);
}

.cz-review-objectives-grid-row > .cz-table__cell {
  min-width: 220px;
  max-width: 220px;
}
.cz-review-objectives-grid-row > .cz-table__cell > .cz-ag-table-cell_profile > .cz-grid-table-cell {
  align-items: flex-start;
}

.cz-goals-form {
  height: 100%;
  flex: 1 1 auto;
}
* .cz-data-entry-ctl-form-container .cz-goals-form .cz-data-entry-ctl-form-container {
  min-width: 600px !important;
}

/* Form Builder */
/* ------------ */
.cz-cont-obj-form-builder-tool-box-pane {
  max-height: none;
}

.cz-contobj-formbuilder-grantsmasterdetails {
  height: 100%;
}
.cz-contobj-formbuilder-grantsmasterdetails .cz-master-detail-info {
  display: flex !important;
  flex-direction: row !important;
  flex: 1 0 auto;
}
.cz-contobj-formbuilder-grantsmasterdetails .cz-group-card_header {
  border-bottom-color: var(--utility-brand-600) !important;
}

.cz-objective-formbuilder-status-label {
  font-weight: 600;
  flex-grow: 1;
  max-width: 30% !important;
}

.cz-objective-formbuilder-grants-label {
  flex-grow: 3;
  justify-content: flex-end;
  max-width: 60% !important;
}

.cz-person-company-car-dialog-question {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Abstracts */
.cz-pbs-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.cz-pbs-data-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.cz-pbs-empty-state {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  font-size: 1rem;
  text-align: center;
  min-width: 200px;
  max-width: 400px;
}

.cz-pbs-radio-button-bar {
  height: 41px;
  flex-shrink: 0;
}

.cz-pbs-radio-button-list {
  display: flex;
  flex: 1 0 auto;
  list-style: none;
  padding: 5px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--border-primary);
  background: var(--bg-primary);
  min-width: 350px;
  height: 41px;
  align-items: center;
}

.cz-pbs-radio-button-list__item {
  margin: 5px 20px 5px 0;
  font-weight: 600;
  font-size: 1rem;
}

div.cz-pbs-employment-dropdown-wrapper {
  text-align: left;
  font-weight: 600;
}

.cz-pbs-outer-wrapper {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  position: relative;
}

.cz-pbs-inner-wrapper {
  padding: 20px;
  display: flex;
  flex-direction: column;
  max-width: 601px;
  min-width: 200px;
  flex: 1 1 auto;
  min-height: 100%;
}

.cz-pbs-p60-wrapper,
.cz-pbs-p11d-wrapper {
  border: 1px solid var(--border-primary);
  border-radius: 3px;
}

.cz-pbs-payslip-table,
.cz-pbs-p60-table,
.cz-pbs-p11d-table {
  position: relative;
  display: table;
  width: 100%;
}

thead.cz-pbs-p60-header,
thead.cz-pbs-p11d-header {
  height: 40px;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0 10px;
  background-color: var(--bg-primary-solid);
  outline: 0;
  outline: none;
}
thead.cz-pbs-p60-header th.cz-pbs-p60-header-title,
thead.cz-pbs-p60-header th.cz-pbs-p11d-header-title,
thead.cz-pbs-p11d-header th.cz-pbs-p60-header-title,
thead.cz-pbs-p11d-header th.cz-pbs-p11d-header-title {
  flex: 1 1 0px;
  color: var(--utility-gray-700);
  text-transform: uppercase;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-pbs-table-text-cell {
  flex: 3 0 0px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 100px;
}

.cz-pbs-payslip-table-body,
.cz-pbs-p60-table-body,
.cz-pbs-p11d-table-body {
  flex: 1 0 0px;
  width: 100%;
}
.cz-pbs-payslip-table-body tr,
.cz-pbs-p60-table-body tr,
.cz-pbs-p11d-table-body tr {
  height: 50px;
  border-bottom: 1px solid var(--brand-50);
  display: flex;
  background: var(--bg-primary);
}
.cz-pbs-payslip-table-body tr:nth-child(odd),
.cz-pbs-p60-table-body tr:nth-child(odd),
.cz-pbs-p11d-table-body tr:nth-child(odd) {
  background: var(--gray-light-50);
}
.cz-pbs-payslip-table-body tr:nth-child(even),
.cz-pbs-p60-table-body tr:nth-child(even),
.cz-pbs-p11d-table-body tr:nth-child(even) {
  background: var(--gray-light-100);
}
.cz-pbs-payslip-table-body tr:last-child,
.cz-pbs-p60-table-body tr:last-child,
.cz-pbs-p11d-table-body tr:last-child {
  border-bottom: none;
}
.cz-pbs-payslip-table-body td,
.cz-pbs-p60-table-body td,
.cz-pbs-p11d-table-body td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-pbs-payslip-table-body td.cz-pbs-button-cell,
.cz-pbs-p60-table-body td.cz-pbs-button-cell,
.cz-pbs-p11d-table-body td.cz-pbs-button-cell {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.cz-pbs-payslip-form-section-body {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.cz-pbs-payslip-headed-section {
  margin-bottom: 15px;
}
.cz-pbs-payslip-headed-section .cz-form-section-body {
  padding: 0;
  overflow-x: auto;
}

.cz-personal-security-settings-root > cz-root-control > cz-view-stack {
  margin-left: 15px;
}

.cz-user-security-settings-root > cz-root-control > cz-view-stack > div > div > div > div > div > cz-tab-strip-control {
  margin-left: 15px;
}
.cz-user-security-settings-root > cz-root-control > cz-view-stack > div > div > div > div > div > cz-tab-strip-control > .cz-tab-strip-ctl-body > .cz-container-ctl > cz-container > .cz-container-ctl-child > cz-grid-control > .cz-data-entry-ctl-container {
  border-width: 0 0 1px 0;
  border-color: var(--gray-light-200);
  border-style: solid;
}

.cz-user-security-settings > cz-container > .cz-container-ctl-child {
  max-width: 602px;
  border-width: 0 0 1px 0;
  border-color: var(--gray-light-200);
  border-style: solid;
}

.privacy-policy-row .cz-form-label {
  display: none;
}

.cz-privacy-policy-editor img {
  max-width: 560px;
}

/* Abstracts */
/* Add new Delegation dialog */
.cz-add-delegation-dialog {
  width: 600px;
}

div.cz-dialog-body.cz-add-delegation-dialog-body {
  padding: 0;
  min-height: 100px;
}

.cz-add-delegation-dialog-form {
  padding: 0 20px;
}

/* User Delegation Screen */
div.cz-delegation-settings-process-title {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
}

.cz-delegation-settings-process-terminated {
  color: var(--error-700);
}

.cz-delegation-settings-container > .cz-form-section-body {
  padding: 0;
}

.cz-delegation-settings-row:first-child > .cz-delegation-settings-row-header {
  border-top: none;
}

.cz-delegation-settings-row-details {
  margin: 0;
}

.cz-delegation-settings-button-wrapper {
  border-top: 1px solid var(--border-primary);
}

.cz-delegation-settings-get-more-button {
  margin: 10px;
}

/* Abstracts */
.cz-sso-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  max-width: 601px;
  min-width: 500px;
  margin-right: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: var(--bg-primary);
}
.cz-sso-container .cz-sso-inner-container {
  padding: 20px;
}
.cz-sso-container .cz-data-entry-ctl-footer.cz-footer-bar {
  margin-right: 0 !important;
}
.cz-sso-container .cz-data-entry-ctl-footer.cz-footer-bar .cz-footer-bar-content {
  border-right: none;
}

.cz-sso-featured-providers-tab,
.cz-sso-providers-tab {
  max-width: 601px;
}

.cz-sso-featured-providers-tab,
.cz-sso-providers-tab {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

.cz-sso-providers-section .sso-readonly {
  display: none !important;
  border: none !important;
}

.cz-sso-provider {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  max-width: 400px;
  height: 34px;
}

.cz-sso-provider-container {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.cz-sso-config-btn {
  float: right;
  align-self: center;
}

.cz-sso-trusted-providers-root .cz-container-ctl .cz-form-field {
  width: 100% !important;
}
.cz-sso-trusted-providers-root .cz-container-ctl .cz-form-field .cz-data-entry-ctl-body {
  border-right: none;
}

.cz-sso-info {
  display: block;
  margin-bottom: 20px;
}
.cz-sso-info.cz-sso-info-highlight {
  background-color: var(--yellow-200);
  padding: 5px 10px;
  margin-bottom: 10px;
}

.cz-sso-provider-row {
  cursor: pointer;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid var(--border-primary);
  border-radius: 3px;
}
.cz-sso-provider-row:hover {
  background-color: var(--bg-primary_hover);
}
.cz-sso-provider-row.cz-sso-provider-selected {
  background-color: var(--utility-brand-600);
}
.cz-sso-provider-row.cz-sso-provider-selected:hover {
  background-color: var(--utility-brand-600);
}

.cz-sso-openid-name {
  display: block;
  font-weight: 600;
}

.cz-sso-openid-endpoint {
  color: var(--fg-secondary);
  display: block;
}

.cz-sso-openid-providers-picker {
  max-width: 600px;
}

.cz-sso-logo img {
  max-width: 200px;
  max-height: 200px;
}

/* SAML styles */
.cz-saml-cert-error {
  background-color: var(--bg-error-secondary);
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.cz-oauth-row {
  min-width: 250px;
  max-width: 560px;
}
.cz-oauth-row > .cz-section__body {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cz-oauth-row > div > .cz-section__body {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cz-oauth-row-header {
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.cz-oauth-row-header__title {
  padding-right: 5px;
}

.cz-oauth-description {
  display: block;
  margin-bottom: 5px;
}
.cz-oauth-row-body > .cz-oauth-description, .cz-oauth-row-header > .cz-oauth-description {
  display: none;
}

.cz-oauth-advanced-button {
  margin-top: 15px;
}

.cz-oauth-row-availability {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cz-oauth-row-availability-text {
  display: flex;
  align-items: center;
}
.cz-oauth-row-availability-text .cz-oauth-exceptions {
  margin-left: 10px;
  min-width: 200px;
}

.cz-oauth-scope-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 560px;
}

.cz-oauth-exceptions-section .cz-form-section-body {
  padding: 0 !important;
}

.cz-oauth-exceptions-msg {
  display: block;
  padding: 13px;
}

.cz-oauth .cz-form-label {
  display: block;
}

.cz-oauth-exceptions {
  margin-left: 5px;
}

.cz-oauth-exception {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--brand-50);
  height: 42px;
  padding: 0 15px;
}
.cz-oauth-exception:nth-child(odd) {
  background-color: var(--gray-light-50);
}
.cz-oauth-exception:nth-child(even) {
  background-color: var(--gray-light-100);
}
.cz-oauth-exception:last-of-type {
  border-bottom: none;
  border-radius: 0 0 3px 3px;
}

.cz-oauth-exception-name {
  font-weight: 600;
  flex: 1 1 0px;
  display: flex;
  justify-content: space-between;
  margin-right: 15px;
}
.cz-oauth-exception-name.deleted {
  text-decoration: line-through;
  text-decoration-color: var(--fg-secondary);
}

.cz-oauth-exception-name-username {
  font-weight: 400;
}

div.tenant-mfa-providers-title {
  padding-bottom: 15px;
  font-weight: 600;
}

tr.tenant-mfa-providers-row {
  vertical-align: middle;
  border: solid var(--bg-primary) 0px;
  border-top-width: 10px;
}

div.tenant-mfa-providers-text {
  padding-left: 10px;
  vertical-align: middle;
}

div.tenant-mfa-providers-name {
  font-weight: 600;
}

/* Abstracts */
.cz-oauth-row {
  min-width: 250px;
}

.cz-tenant-admin-privacy-checkbox-control {
  margin: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.cz-tenant-admin-privacy-checkbox-control > div > div > .cz-data-entry-ctl-form-container {
  min-height: 100px;
}

.cz-tenant-admin-privacy-container {
  display: flex;
  flex-direction: column;
  margin: 0px;
  overflow-x: hidden;
}

.cz-tenant-admin-privacy-lang-control {
  flex-grow: 1;
  overflow-x: hidden;
}
.cz-tenant-admin-privacy-lang-control .cz-data-entry-ctl-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cz-tenant-admin-privacy-lang-control .cz-data-entry-ctl-title {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 0.875rem;
}
.cz-tenant-admin-privacy-lang-control .cz-data-entry-ctl-body {
  padding-top: 0px;
  border-radius: 0;
}

.cz-webhook-label.cz-label--info,
.cz-webhook-label.cz-label--deleted {
  margin-top: 5px;
  overflow: hidden;
  margin-right: 5px;
}
.cz-webhook-label.cz-label--info + .cz-label--transition,
.cz-webhook-label.cz-label--deleted + .cz-label--transition {
  overflow: hidden;
}

button.cz-next-planned-move-job-position-details-button,
button.cz-individual-preferred-move-job-position-details-button {
  margin-top: 5px;
}

/* Abstracts */
/* App */
.cz-nine-box-grid-none {
  display: none;
}

.cz-nine-box-grid-category-detail-title {
  max-width: 455px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.cz-nine-box-grid-outer-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  height: 100%;
}

.cz-nine-box-grid-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 960px;
  display: flex;
  flex-direction: column;
  touch-action: none;
}

.cz-nine-box-grid-header {
  border-bottom: 1px solid var(--border-primary);
  width: 100%;
  padding: 10px 20px;
  flex: 0 0 auto;
}

.cz-nine-box-grid-filters {
  padding: 20px 20px 0 70px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.cz-nine-box-grid-filters__label {
  white-space: nowrap;
}

.cz-nine-box-grid-filters__label-wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.cz-nine-box-grid__ghost {
  opacity: 0;
}

.cz-nine-box-grid-no-min-width {
  min-width: 0 !important;
}

.cz-nine-box-grid-filters__label-text {
  max-width: 70px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: 17px;
  overflow-y: hidden;
  padding: 0 5px 0 15px;
}

.cz-nine-box-grid-filters__label-text-first {
  padding: 0 5px 0 0;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 70px;
}

.cz-nine-box-grid-filters__hidden-label-text {
  opacity: 0;
  position: absolute;
}

.cz-nine-box-grid-filters__date-field {
  width: 150px;
  display: inline-block;
  font-weight: 400;
}

.cz-nine-box-grid-filters__sort-controls-wrapper {
  flex: 0 0 auto;
}

.cz-nine-box-grid-filters__sort-controls {
  display: flex;
  align-items: center;
}

.cz-nine-box-grid-filters__dropdown,
.cz-nine-box-grid-filters__dropdown--primary {
  font-weight: 400;
}

.cz-nine-box-grid-filters__dropdown {
  max-width: 160px;
}

.cz-nine-box-grid-filters__dropdown--primary {
  width: 180px;
}

.cz-nine-box-grid-filters__legend {
  margin: auto 0 auto auto;
}

.cz-nine-box-grid {
  position: relative;
  display: flex;
  height: 100%;
  min-height: 695px;
  flex: 1 1 auto;
  overflow-x: hidden;
}

.cz-nine-box-grid__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 50px;
}

.cz-nine-box-grid__grid {
  margin: 15px 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-left: 50px;
  position: relative;
  height: 100%;
  padding-bottom: 20px;
}

.cz-three-box-grid__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
  height: 100%;
}

.cz-nine-box-grid__vertical-axis {
  position: absolute;
  top: 40px;
  left: 20px;
  bottom: 10px;
  width: 25px;
  background-color: var(--utility-gray-true-300);
}
.cz-nine-box-grid__vertical-axis::after {
  content: "";
  position: absolute;
  top: -30px;
  left: -8px;
  width: 40px;
  height: 40px;
  transform: rotate(-90deg);
  background-image: url('arrow-end.ecfad1941edc7bf6.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cz-nine-box-grid__horizontal-axis {
  height: 25px;
  left: 20px;
  background-color: var(--utility-gray-true-300);
  position: absolute;
  width: calc(100% - 60px);
}
.cz-nine-box-grid__horizontal-axis::after {
  content: "";
  position: absolute;
  right: -30px;
  top: -8px;
  width: 40px;
  height: 40px;
  background-image: url('arrow-end.ecfad1941edc7bf6.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cz-nine-box-grid__axis-heading {
  text-align: center;
  line-height: 25px;
  margin-left: 40px;
}

.cz-nine-box-grid__axis-heading--vertical {
  transform: rotate(-90deg) translateY(-50%);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 10px;
}

.cz-three-box-grid_buttons-container {
  display: flex;
  flex-direction: column;
  margin-right: 6px;
}

.cz-nine-box-grid_buttons-container {
  display: flex;
  flex-direction: column;
  margin-right: 6px;
}

.cz-nine-box-grid__unrated-button-container {
  width: 38px;
  flex: 0 0 auto;
  transition: all 0.1s;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  display: inline-block;
  position: relative;
  visibility: visible;
}
.cz-nine-box-grid__unrated-button-container.cz-js-hidden {
  width: 0;
  visibility: hidden;
}

.cz-three-box-grid__unrated-button-container {
  width: 38px;
  flex: 0 0 auto;
  transition: all 0.1s;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  display: inline-block;
  position: relative;
  visibility: visible;
}
.cz-three-box-grid__unrated-button-container.cz-js-hidden {
  width: 0;
  visibility: hidden;
}

.cz-secondary-button.cz-nine-box-grid__unrated-button {
  flex: 0 0 auto;
  width: 160px;
  transform: rotate(-90deg) translateX(-50%);
  position: absolute;
  top: 75px;
  left: 50%;
  transform-origin: center left;
}

.cz-secondary-button.cz-three-box-grid__unrated-button {
  flex: 0 0 auto;
  width: 160px;
  transform: rotate(-90deg) translateX(-50%);
  position: absolute;
  top: 245px;
  left: 50%;
  transform-origin: center left;
}

.cz-secondary-button.cz-nine-box-grid__bulk-button {
  flex: 0 0 auto;
  width: 160px;
  transform: rotate(-90deg) translateX(-50%);
  position: absolute;
  top: 75px;
  left: 50%;
  transform-origin: center left;
}

.cz-nine-box-grid__unrated-button-text {
  text-align: center;
  float: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 115px;
}
.cz-nine-box-grid__unrated-button-text:first-child {
  margin-right: 3px;
}

.cz-nine-box-grid__unrated-button-icon {
  float: right;
  display: flex;
  align-items: center;
  margin-left: 3px;
  margin-top: 1px;
  transform: rotate(45deg);
}

.cz-category-colour--middle {
  border-color: var(--orange-400);
}

.cz-category-colour--highest {
  border-color: var(--success-500);
}

.cz-category-colour--lowest {
  border-color: var(--error-600);
}

.cz-category-colour--high-one-axis {
  border-color: var(--yellow-400);
}

.cz-category-colour--next-highest {
  border-color: var(--green-light-400);
}

.cz-nine-box-grid-category {
  padding: 0 10px 10px 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.cz-nine-box-grid-block {
  display: block;
}

.cz-nine-box-grid-category-card {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.cz-nine-box-grid-category-card__header {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  z-index: 5;
}

.cz-nine-box-grid-category-card__title-wrapper {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  opacity: 1;
  transition: opacity 0.7s ease;
  transition-delay: 0.1s;
  overflow: hidden;
}
.cz-js-hidden .cz-nine-box-grid-category-card__title-wrapper {
  opacity: 0;
}

.cz-nine-box-grid-category-card__count {
  margin-right: 10px;
  overflow: unset;
}

.cz-nine-box-grid-category-card__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-nine-box-grid-category-card__body {
  overflow-y: auto;
  flex: 1 1 auto;
  height: 100%;
  display: flex;
}
.cz-nine-box-grid-category-card__body.cz-js-drop-target {
  background-color: var(--gray-light-200);
  margin: 5px;
  border: 2px dashed var(--brand-600);
}

.cz-three-box-grid-category-card__body--bulk {
  overflow-y: auto;
  flex: 1 1 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 10px;
  overflow: hidden;
}
.cz-three-box-grid-category-card__body--bulk.cz-js-drop-target {
  background-color: var(--gray-light-200);
  margin: 5px;
  border: 2px dashed var(--brand-600);
}

.cz-nine-box-grid__category-y-row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  top: 0;
  height: 100%;
  width: 25px;
  left: -28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cz-nine-box-grid-category__y-label {
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 auto;
  writing-mode: tb-lr;
  writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  transform: rotate(180deg) translateX(50%);
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}

.cz-nine-box-grid__category-x-row {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 20px;
  margin-top: -5px;
}

.cz-nine-box-grid__category-x-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin: 0 10px 0;
}
.cz-nine-box-grid__category-x-label:first-child {
  margin: 0 10px 0 0;
}
.cz-nine-box-grid__category-x-label:last-child {
  margin: 0 0 0 10px;
}

.cz-nine-box-grid-category--unrated {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  width: 33%;
  visibility: visible;
  transition: all ease 0.5s;
}
.cz-nine-box-grid-category--unrated.cz-js-hidden {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}

.cz-three-box-grid-category--bulk {
  margin: 15px 0 15px 0;
  visibility: visible;
  transition: all ease 0.5s;
}
.cz-three-box-grid-category--bulk.cz-js-hidden {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}

.cz-three-box-grid-category--bulk-header {
  display: flex;
  justify-content: space-between;
}

.cz-three-box-grid-category--unrated {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  visibility: visible;
  transition: all ease 0.5s;
  height: 100%;
  overflow: hidden;
}
.cz-three-box-grid-category--unrated.cz-js-hidden {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}

.cz-three-box-clear-button {
  width: 100%;
  margin: 7px auto 0;
}

button.cz-nine-box-grid-category--unrated__expand-button {
  margin-left: auto;
  margin-right: 8px;
}

.cz-pointer-event-clone {
  opacity: 0.5;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  touch-action: none;
}

.cz-nine-box-grid-dialog {
  min-width: 480px;
}

.cz-nine-box-grid-empty-state {
  inset: 0;
  text-align: center;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  height: 100%;
}

.cz-nine-box-grid-empty-state--block-large {
  inset: 0;
  text-align: center;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  height: 100%;
}

/*
.cz-nine-box-grid-change-dialog-expanded{
    height: 240px !important;
}
*/
.cz-nine-box-grid-change-dialog-legend {
  width: 100%;
}

.cz-nine-box-grid-change-dialog {
  width: 300px;
}

.cz-dialog-button-large {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 110px;
}

.cz-dialog-button-small {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 70px;
}

.cz-list__item.cz-nine-box-grid-person-list-person {
  touch-action: none;
  border-bottom: 1px solid var(--utility-gray-300);
}

.cz-nine-box-grid-person-list-empty {
  /* min-height: 80px;
    // prevent scrollbar showing for margin
    height: 95%;
    height: -webkit-calc(100%-10px);
    height: -o-calc(100%-10px);
    height: -moz-calc(100%-10px);
    height: "calc(100% - 10px)"; */
  margin: 5px;
}

.cz-js-drop-target .cz-nine-box-grid-person-list-empty__message {
  opacity: 0;
}

.cz-nine-box-grid-person-list-person__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  margin: 0 5px 0 0;
}

.cz-nine-box-grid-person-list-person__icon {
  width: 11px;
  height: 26px;
  flex: 0 0 auto;
}
div.cz-nine-box-grid-person-list-person__icon {
  margin-right: 5px;
  opacity: 0;
}

svg.cz-nine-box-grid-person-list-person__icon {
  fill: var(--gray-light-600);
  width: 100%;
}

.cz-nine-box-grid-person-list-person:not(.cz-list__item--standard-no-hover):hover > div.cz-nine-box-grid-person-list-person__icon {
  opacity: 1;
}

cz-nbg-person-list .cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
  width: 100%;
}

.cz-nine-box-grid-person-list-person cz-nbg-popover {
  margin-left: auto;
}

.cz-nine-box-grid-person-list {
  height: 100%;
  width: 100%;
  flex-grow: 1;
}
.cz-js-drop-target > .cz-nine-box-grid-person-list {
  visibility: hidden;
}

.cz-nbg-popover.popover {
  --bs-popover-zindex: 970;
  max-width: initial;
}
.cz-nbg-popover.popover.left > .arrow {
  z-index: 5;
  right: -10px;
}
.cz-nbg-popover.popover.right > .arrow {
  z-index: 5;
  left: -10px;
}
.cz-nbg-popover.popover .popover-body {
  padding: unset;
}

.cz-nine-box-grid-chart-wrapper {
  padding: 15px 0 22px;
  overflow-x: auto;
}

.cz-nine-box-grid-chart-wrapper,
.cz-nine-box-grid-chart-empty-state-wrapper {
  inset: 40px 0 0 0;
  position: absolute;
  display: flex;
}

.cz-nine-box-grid-chart,
.cz-nine-box-grid-chart--gender {
  display: flex;
  position: relative;
  margin-left: 30px;
  border-left: 1px solid var(--border-primary);
  height: 100%;
  min-height: 90px;
  flex: 1 1 auto;
  min-width: 200px;
}

.cz-nine-box-grid-chart--gender {
  justify-content: center;
}

.cz-nine-box-grid-chart__y-axis {
  display: flex;
  flex-direction: column;
  position: absolute;
  inset: 0;
  z-index: 1;
}

.cz-nine-box-grid-chart__y-legend {
  font-weight: 600;
  position: absolute;
  transform: rotate(-90deg) translateY(-50%);
  top: 50%;
  left: -45px;
  font-size: 0.75rem;
}

.cz-nine-box-grid-chart__x-legend {
  font-weight: 600;
  position: absolute;
  transform: translateX(-50%);
  bottom: -35px;
  left: 50%;
  font-size: 0.75rem;
  white-space: nowrap;
}

.cz-nine-box-grid-chart__y-axis-text, .cz-nine-box-grid-chart__y-axis-text--bottom, .cz-nine-box-grid-chart__y-axis-text--top {
  position: absolute;
  left: -20px;
  transform: translateY(50%);
  width: 100%;
  font-size: 0.75rem;
  font-weight: 400;
}
.cz-nine-box-grid-chart__y-axis-text::after, .cz-nine-box-grid-chart__y-axis-text--bottom::after, .cz-nine-box-grid-chart__y-axis-text--top::after {
  content: "";
  width: 100%;
  border-bottom: 1px solid var(--border-primary);
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.cz-nine-box-grid-chart__y-axis-text--top {
  bottom: 100%;
}

.cz-nine-box-grid-chart__y-axis-text--bottom {
  bottom: 0;
}

.cz-nine-box-grid-chart__bar,
.cz-nine-box-grid-chart__bar--gender {
  width: 100%;
  flex: 0 0 auto;
  position: relative;
}
.cz-nine-box-grid-chart__bar:hover,
.cz-nine-box-grid-chart__bar--gender:hover {
  opacity: 0.9;
}

.cz-nine-box-grid-chart__bar {
  background-color: var(--brand-600);
  animation: grow 1s;
}

.cz-nine-box-grid-chart__bar--gender {
  flex: 1 1 auto;
  margin: 0 2px;
  animation: grow 1s;
  min-width: 5px;
}

.cz-nine-box-grid-chart__group,
.cz-nine-box-grid-chart__group--gender {
  position: relative;
  height: 100%;
  width: 20%;
  padding: 0 5px;
  z-index: 2;
  display: flex;
  align-items: flex-end;
}

.cz-nine-box-grid-chart__group {
  width: 20%;
}

.cz-nine-box-grid-chart__group--gender {
  width: 30%;
}

.cz-nine-box-grid-chart__value {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: var(--gray-light-200);
  font-size: 0.75rem;
  text-align: center;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  padding: 1px;
  transition: opacity 0.1s ease-in;
}
.cz-nine-box-grid-chart__bar--gender:hover > .cz-nine-box-grid-chart__value, .cz-nine-box-grid-chart__bar:hover > .cz-nine-box-grid-chart__value {
  opacity: 1;
}

.cz-nine-box-grid-chart__x-axis-text {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  white-space: nowrap;
}

@keyframes grow {
  0% {
    height: 0;
  }
}
@media print {
  .cz-nine-box-grid-container {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cz-nine-box-grid-filters,
  .cz-nine-box-grid__unrated-button-container,
  .cz-card cz-nine-box-grid-category--unrated,
  .cz-nine-box-grid-person-list-person__icon,
  .cz-nine-box-grid-person-list__button,
  .cz-nine-box-grid-category__dialog-button {
    display: none;
  }
  .cz-nine-box-grid,
  .cz-nine-box-grid__wrapper {
    width: 100%;
    overflow: hidden;
  }
  .cz-nine-box-grid-person-list,
  .cz-nine-box-grid__horizontal-axis {
    overflow: hidden;
  }
  .cz-nine-box-grid-category-card {
    border: 1px solid var(--text-primary);
    page-break-inside: avoid;
    height: auto !important;
    margin: 0 3px 3px 0;
  }
  .cz-nine-box-grid-category-card__body {
    page-break-inside: avoid;
    border: none;
  }
  .cz-nine-box-grid-chart-empty-state-wrapper {
    height: 100px;
  }
  .cz-nine-box-grid-chart__bar,
  .cz-nine-box-grid-chart__bar--gender {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
}
/* Abstracts */
/* App */
.cz-person-box-dialog-container {
  max-width: 320px;
  width: 320px;
}

.cz-person-box-dialog-backdrop {
  z-index: 1;
  background-color: var(--gray-light-100);
}

.cz-person-box-dialog {
  position: relative;
  z-index: 2;
}

.cz-person-box-dialog-wrapper {
  background-color: var(--bg-primary);
}

.cz-person-box-dialog-body {
  display: flex;
  flex-direction: column;
}

.cz-person-box-dialog-ref-date {
  position: relative;
  top: -10px;
}

.cz-person-box-dialog-header, .cz-talent-details-dialog-header {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-person-box-dialog-header__picture, .cz-nbg-category-detail-dialog-item__picture, .cz-talent-details-dialog-header__picture {
  margin-right: 10px;
}

.cz-person-box-dialog-header__info, .cz-nbg-category-detail-dialog-item__info, .cz-talent-details-dialog-header__info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.cz-person-box-dialog-header__info > p, .cz-nbg-category-detail-dialog-item__info > p, .cz-talent-details-dialog-header__info > p {
  margin: 0;
}

.cz-person-box-dialog-header__status-label, .cz-talent-details-dialog-header__status-label {
  margin-right: 5px;
}

.cz-person-box-dialog-info-row, .cz-nbg-category-detail-dialog-item-info-row, .cz-talent-details-dialog-info-row {
  display: flex;
}

.cz-person-box-dialog-info-row__icon, .cz-nbg-category-detail-dialog-item-info-row__icon, .cz-talent-details-dialog-info-row__icon {
  margin-right: 5px;
}

.cz-person-box-dialog-info-row__detail, .cz-nbg-category-detail-dialog-item-info-row__detail, .cz-talent-details-dialog-info-row__detail {
  max-width: 100%;
  margin: 0;
}
.cz-person-box-dialog-info-row__detail p, .cz-nbg-category-detail-dialog-item-info-row__detail p, .cz-talent-details-dialog-info-row__detail p {
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}

.cz-talent-details-dialog {
  width: 400px;
}

.cz-talent-details-dialog-ref-date {
  position: relative;
  top: -10px;
}

.cz-talent-details-dialog-header {
  max-width: 400px;
}

.cz-talent-details-dialog-header__info {
  display: inline;
}

.cz-talent-details-table-cell,
.cz-talent-details-table-cell-body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cz-talent-details-table-cell:first-child,
.cz-talent-details-table-cell-body:first-child {
  min-width: 140px;
  max-width: 140px;
}
.cz-talent-details-table-cell:nth-child(2),
.cz-talent-details-table-cell-body:nth-child(2) {
  min-width: 60px;
  max-width: 60px;
  text-align: center;
}
.cz-talent-details-table-cell:last-child,
.cz-talent-details-table-cell-body:last-child {
  max-width: 100px;
  min-width: 60px;
  text-align: center;
}

.cz-talent-details-table-cell-body:last-child {
  max-width: 80px;
}

.cz-talent-details-dialog-empty-state-wrapper {
  background-color: var(--gray-light-100);
  height: 140px;
  position: relative;
}

.cz-nbg-category-detail-dialog {
  display: flex;
  flex-direction: column;
}

.cz-category-detail-dialog__filter-container {
  border-bottom: 1px solid var(--border-primary);
  padding: 15px;
  flex: 0 0 auto;
}

.cz-category-detail-dialog__body {
  height: 282px;
  width: 100%;
}

.cz-nbg-category-detail-dialog-item-list {
  min-width: 450px;
}

.cz-nbg-category-detail-dialog-list-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

.cz-nbg-category-detail-dialog-item__details {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}

.cz-nbg-category-detail-dialog-item__unrated-reason {
  display: block;
  margin: 0 20px 0 auto;
  white-space: nowrap;
}

.cz-nbg-category-detail-dialog-item__info-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}

.cz-nbg-category-detail-dialog-item__info {
  display: inline;
}

div.cz-nbg-category-detail-dialog-item__button {
  margin-left: auto;
}

hr.cz-dialog-divider {
  margin: 0;
  border-color: var(--gray-true-300);
}

/* Abstracts */
/* App */
.cz-career-plan-report-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cz-career-plan-report-main {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  width: 100%;
  min-width: 390px;
  z-index: 1;
  padding-right: 20px;
  padding-left: 20px;
  align-items: flex-start;
  justify-content: space-around;
}
.cz-career-plan-report-main:after {
  content: "";
  height: 8px;
  right: 0;
  background-color: var(--utility-gray-true-400);
  position: absolute;
  top: 93px;
  width: 100%;
}

.cz-career-plan-report-main__arrow {
  pointer-events: none;
  transition: opacity 0.1s ease-in-out;
  opacity: 1;
}
div.cz-career-plan-report-main__arrow {
  height: 40px;
  width: 140px;
  margin: 50px 15px 0;
  flex: 0 0 auto;
}

svg.cz-career-plan-report-main__arrow {
  width: 100%;
  height: 100%;
}

.cz-career-plan-report-future-card-incumbent-name-wrapper {
  height: 20px;
}

.cz-career-plan-report-future-card-footer-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--cz-bold);
  min-height: 20px;
  max-width: 115px;
  display: block;
}

.cz-career-plan-report-incumbent-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  display: block;
  min-height: 19px;
}

.cz-career-plan-report-main__arrow.ng-hide-add,
.cz-career-plan-report-main__arrow.ng-hide-remove {
  opacity: 0;
  width: 0px;
}

.cz-career-plan-report-card {
  max-width: 366px;
  min-width: 366px;
  margin: 20px 20px 15px;
  z-index: 2;
  flex: 1 1 auto;
}

.cz-career-plan-report-card__header {
  margin-bottom: 10px;
}

.cz-career-plan-report-card__details:not(:last-child) {
  margin-bottom: 15px;
}

.cz-career-plan-report-card-popover-row {
  display: flex;
}

.cz-career-plan-report-card-popover-row__detail {
  flex: 0 0 auto;
  margin-right: 3px;
}

.cz-career-plan-report-card-popover-row__button {
  flex: 0 1 auto;
}

.cz-career-plan-report-history-open {
  width: 38px;
  flex: 0 0 auto;
  transition: all 0.1s;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  display: inline-block;
  max-height: 190px;
  position: relative;
  visibility: visible;
}
.cz-career-plan-report-history-open.cz-js-hidden {
  width: 0;
  opacity: 0;
  visibility: hidden;
}

.cz-secondary-button.cz-career-plan-report-history-open__button {
  flex: 0 0 auto;
  width: 180px;
  transform: rotate(-90deg) translateX(-50%);
  position: absolute;
  top: calc(50% - 22px);
  left: 50%;
  transform-origin: center left;
}
.cz-secondary-button.cz-career-plan-report-history-open__button:focus {
  box-shadow: unset;
}

.cz-career-plan-report-history-open__text {
  float: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 137px;
  text-align: center;
}

.cz-history-button {
  display: inline-block;
  float: right;
}

.cz-career-plan-report-history-open__icon {
  float: right;
  display: flex;
  align-items: center;
  margin-left: 3px;
  margin-top: 1px;
  transform: rotate(45deg);
}

.cz-career-plan-report-history-pane {
  width: 300px;
  min-height: 100%;
  overflow: hidden;
  flex: 0 0 auto;
  transition: all 0.6s;
  display: flex;
  flex-direction: column;
  visibility: visible;
  z-index: 2;
}
.cz-career-plan-report-history-pane.cz-js-hidden {
  width: 0;
  visibility: hidden;
}

.cz-career-plan-report-history-pane__heading {
  display: flex;
  align-items: center;
  width: 100%;
}

button.cz-career-plan-report-history-pane__collapse-button {
  margin-right: 5px;
}

.cz-career-plan-report-history-pane__tab {
  width: 50%;
}

.cz-career-plan-report-history-timeline-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  position: relative;
  flex: 1 1 auto;
}

.cz-career-plan-report-history-timeline {
  padding: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100px;
  margin: 20px;
}
.cz-career-plan-report-history-timeline:before, .cz-career-plan-report-history-timeline:after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: var(--utility-gray-true-300);
  transform: translateX(-50%);
  left: 50%;
}
.cz-career-plan-report-history-timeline:before {
  top: 30px;
  width: 4px;
}
.cz-career-plan-report-history-timeline:after {
  height: 10px;
  width: 10px;
  border-radius: 50%;
}

.cz-career-plan-report-history-timeline__event-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  flex: 0 0 auto;
  width: 100%;
}

.cz-career-plan-report-time-text {
  display: flex;
  justify-content: space-between;
}

.cz-career-plan-report-history-timeline__time {
  position: relative;
  z-index: 1;
  margin: 5px 0;
  align-self: flex-start;
  line-height: 1;
  width: 100%;
}

.cz-career-plan-report-history-timeline-event {
  position: relative;
  padding: 10px;
  width: 100%;
  background-color: var(--gray-light-100);
  min-height: 57px;
}

.cz-career-plan-report-history-timeline__event-wrapper-current {
  background-color: var(--brand-50);
}

.cz-career-plan-report-history-timeline-event__title,
.cz-career-plan-report-history-timeline-event__details {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.cz-career-plan-report-history-timeline-event__title {
  margin-bottom: 3px;
  line-height: 1.2;
  cursor: pointer;
}

.cz-career-plan-report-history-timeline-event__key-position {
  margin-right: 5px;
  display: inline-block;
  max-width: 12px;
}

.cz-career-plan-report-history-timeline-event__details {
  margin: 0;
  display: block;
}

.cz-career-plan-report-history-timeline__move-description {
  align-self: flex-end;
  margin: 10px 0;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-career-plan-report-move-description-label {
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.cz-career-plan-report-history-timeline__move-icon {
  margin: 1px 5px 0 0;
  float: left;
}

.cz-career-plan-report-history-timeline__more-button {
  margin: 0 auto 15px;
  display: block;
}

.cz-career-plan-report-future {
  width: 30%;
  min-width: 400px;
  min-height: 100%;
  background-color: var(--gray-light-200);
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 1120px) {
  .cz-career-plan-report-future {
    min-width: 380px;
  }
}
@media screen and (max-width: 780px) {
  .cz-career-plan-report-future {
    min-width: 350px;
  }
}
.cz-career-plan-report-future-pane {
  position: relative;
  overflow: hidden;
  background-color: var(--utility-gray-true-300);
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.cz-career-plan-report-future-pane__header {
  border-bottom: 1px solid var(--gray-light-600);
  padding: 5px;
  height: 70px;
  flex: 0 0 auto;
}

.cz-career-plan-report-future-pane__filter-wrapper {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 780px) {
  .cz-career-plan-report-future-pane__header {
    height: auto;
  }
  .cz-career-plan-report-future-pane__filter-wrapper {
    flex-wrap: wrap;
  }
}
.cz-career-plan-report-future-pane__count {
  padding-top: 5px;
}

.cz-career-plan-report-filter--successors {
  background-color: var(--utility-green-800);
}
.cz-career-plan-report-filter--successors:hover {
  background-color: var(--success-800);
}

.cz-career-plan-report-filter--npm {
  background-color: var(--utility-blue-500);
}
.cz-career-plan-report-filter--npm:hover {
  background-color: var(--utility-brand-600);
}

.cz-career-plan-report-filter--ipm {
  background-color: var(--utility-fuchsia-700);
}
.cz-career-plan-report-filter--ipm:hover {
  background-color: var(--utility-fuchsia-900);
}

.cz-career-plan-report-future-filter {
  max-width: 33%;
}

.cz-career-plan-report-future-pane__list {
  flex: 1 1 auto;
  padding: 0;
  overflow-y: auto;
}

.cz-career-plan-report-future-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin: 15px 0;
}
.cz-career-plan-report-future-item:not(:last-child):before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: -25px;
  width: 8px;
  background-color: var(--utility-gray-true-400);
}

.cz-career-plan-report-future-item__type-wrapper {
  display: flex;
  flex-direction: column;
}

.cz-career-plan-report-future-item__type {
  color: transparent;
  text-align: center;
  width: 80px;
  height: 15px;
  line-height: 15px;
  font-size: 0.75rem;
  background-color: var(--utility-green-800);
  position: relative;
  margin-right: 20px;
  margin-top: 8px;
  padding-left: 10px;
}
.cz-career-plan-report-future-item__type.npm {
  background-color: var(--utility-blue-500);
}
.cz-career-plan-report-future-item__type.ipm {
  background-color: var(--utility-fuchsia-700);
}
.cz-career-plan-report-future-item__type.successor {
  background-color: var(--utility-green-800);
}
.cz-career-plan-report-future-item__type + .cz-career-plan-report-future-item__type {
  margin-top: 10px;
}
.cz-career-plan-report-future-item__type + .cz-career-plan-report-future-item__type:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  height: 10px;
  width: 8px;
  background-color: var(--gray-light-600);
}

@media screen and (max-width: 780px) {
  .cz-career-plan-report-future-item__type {
    width: 30px;
  }
}
div.cz-career-plan-report-future-item__type-arrow {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
}

svg.cz-career-plan-report-future-item__type-arrow {
  height: 100%;
  width: 100%;
}

.npm {
  --svg-icon-fill: var(--utility-blue-500);
}

.ipm {
  --svg-icon-fill: var(--utility-fuchsia-700);
}

.successor {
  --svg-icon-fill: var(--utility-green-800);
}

.cz-career-plan-report-future-card {
  width: 250px;
}

@media screen and (max-width: 780px) {
  .cz-career-plan-report-future-card {
    width: 230px;
  }
}
.cz-career-plan-report-future-card__no-candidacy {
  line-height: 40px;
}

.cz-career-plan-report-future-card__succession-info {
  padding: 5px 10px;
}

.cz-career-plan-report-future-card__status-wrapper {
  width: 50%;
}

.cz-career-plan-report-future-card__succession-status,
.cz-career-plan-report-future-card__no-status {
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-career-plan-report-left-align {
  text-align: left !important;
}

.cz-career-plan-report-future-card__succession-status {
  padding: 3px 5px;
  display: block;
}

.cz-career-plan-report-future-card-footer-wrapper {
  margin: 5px 10px 5px;
}

.cz-career-plan-report-future-card__incumbent-list {
  border-top: 1px solid var(--border-primary);
}

.cz-career-plan-report-future-card__vacancy-wrapper {
  padding-top: 7px;
  margin-bottom: 7px;
  border-top: 1px solid var(--border-primary);
}

.cz-career-plan-report-future-card__vacancy {
  display: block;
  background-color: var(--utility-gray-true-500);
  color: var(--fg-white);
  min-height: 21px;
  padding: 5px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 12px;
}

.cz-career-plan-report-future-filter-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-career-plan-report-incumbents-popover-list {
  width: 150px;
  max-height: 90px;
}

.cz-career-plan-report-incumbents-popover-list__item {
  justify-content: center;
}

.cz-career-plan-report-incumbents-popover-list__link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-career-plan-mobility-popover,
.cz-career-plan-report-replacement-reason {
  overflow-y: auto;
  max-height: 100px;
  width: 250px;
  padding: 5px;
}

.cz-career-plan-mobility-popover-detail,
.cz-career-plan-report-replacement-reason-detail {
  margin: 0;
}

.cz-career-plan-report-dev-activities-table {
  width: auto;
}

.cz-career-plan-report-dev-activities-table__body {
  width: 100%;
  max-height: 112px;
}

.cz-career-plan-report-mobility-text {
  max-width: 80px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.cz-career-plan-report-dev-activities-table__cell:first-child {
  min-width: 140px;
  max-width: 140px;
}
.cz-career-plan-report-dev-activities-table__cell:nth-child(2) {
  min-width: 60px;
  max-width: 60px;
  text-align: center;
}
.cz-career-plan-report-dev-activities-table__cell:last-child {
  min-width: 100px;
  width: 100%;
  max-width: 100px;
}

.cz-career-plan-report-dev-activities-table__cell-body:first-child {
  min-width: 140px;
  max-width: 140px;
}
.cz-career-plan-report-dev-activities-table__cell-body:nth-child(2) {
  min-width: 60px;
  max-width: 60px;
  text-align: center;
}
.cz-career-plan-report-dev-activities-table__cell-body:last-child {
  min-width: 80px;
  width: 100%;
  max-width: 80px;
}

@media print {
  .cz-career-plan-report-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .cz-career-plan-report-history-timeline-event {
    border: 1px solid var(--border-primary);
  }
  .cz-card.cz-career-plan-report-history-pane {
    border-left: 1px solid var(--border-primary);
    border-bottom: 1px solid var(--border-primary);
    border-right: 1px solid var(--border-primary);
    box-shadow: none;
    overflow: hidden;
  }
  .cz-career-plan-report-history-pane:not(.cz-js-hidden) {
    width: 250px;
  }
  .cz-career-plan-report-card {
    margin: 10px 3px 3px 0;
  }
  .cz-card.cz-career-plan-report-card,
  .cz-card.cz-career-plan-report-future-card {
    border: 1px solid var(--border-primary);
    page-break-inside: avoid;
    height: auto !important;
    box-shadow: none;
  }
  .cz-career-plan-report-future {
    min-width: 370px;
    background-color: var(--gray-light-100);
    display: block;
  }
  .cz-career-plan-report-future-card {
    margin-right: 15px;
  }
  button.cz-career-plan-report-history-pane__collapse-button,
  .cz-career-plan-report-future-pane__header {
    display: none;
  }
  .cz-career-plan-report-future-item__type {
    color: var(--fg-white);
  }
  .cz-career-plan-report-history-timeline,
  .cz-career-plan-report-main,
  .cz-career-plan-report-future,
  .cz-career-plan-report-future-pane,
  .cz-career-plan-report-future-item,
  .cz-career-plan-report-future-item__type,
  .cz-career-plan-report-future-card__succession-status {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
  .cz-career-plan-report-history-timeline__move-description {
    align-self: center;
  }
  .cz-career-plan-report-future-pane,
  .cz-career-plan-report-future-card__succession-status {
    border: 1px solid var(--border-primary);
  }
  .cz-career-plan-report-future-item:before,
  .cz-career-plan-report-main:after {
    border: 5px solid var(--gray-light-600);
  }
  .cz-career-plan-report-main {
    padding-right: 0;
  }
  .cz-career-plan-report-main:after {
    position: relative;
  }
  .cz-career-plan-report-future-item__type {
    border: 2px solid var(--gray-light-600);
    line-height: 12px;
  }
}
/* Abstracts */
/* App */
.cz-find-candidates-dialog-body {
  position: relative;
  min-width: 320px;
}

.cz-find-candidates-dialog-none-found {
  width: 350px;
}

.cz-find-candidates-dialog-list-intro {
  margin-bottom: 10px;
}

.cz-find-candidates-dialog-list--npm,
.cz-find-candidates-dialog-list--ipm {
  width: 400px;
  min-width: 300px;
}

.cz-find-candidates-dialog-list--npm {
  margin-bottom: 15px;
}

.cz-find-candidates-dialog-list-item__primary-info {
  margin-right: 10px;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

label.cz-find-candidates-dialog-list-item__candidate {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 40px;
  height: 40px;
}
input[disabled] ~ label.cz-find-candidates-dialog-list-item__candidate {
  text-decoration: line-through;
  opacity: 0.6;
}

.cz-find-candidates-dialog-list-item__candidacies-alert {
  display: block;
  margin: 0 0 0 auto;
  white-space: nowrap;
}

.cz-multiple-priority-popover-table {
  width: auto;
}

.cz-multiple-priority-popover-table__body {
  max-height: 56px;
  width: 100%;
}

.cz-multiple-priority-popover-table__cell:first-child {
  min-width: 160px;
  max-width: 160px;
}
.cz-multiple-priority-popover-table__cell:nth-child(2) {
  min-width: 100px;
  text-align: center;
}
.cz-multiple-priority-popover-table__cell:last-child {
  min-width: 80px;
  width: 100%;
  text-align: center;
  max-width: 80px;
}

.cz-multiple-priority-popover-table__cell-body:first-child {
  min-width: 160px;
  max-width: 160px;
}
.cz-multiple-priority-popover-table__cell-body:nth-child(2) {
  min-width: 100px;
  text-align: center;
}
.cz-multiple-priority-popover-table__cell-body:last-child {
  min-width: 60px;
  width: 100%;
  text-align: center;
  max-width: 60px;
}

.cz-successors-popover-table {
  width: auto;
}

.cz-successors-popover-table__body {
  max-height: 56px;
  width: 100%;
}

.cz-successors-popover-table__cell:first-child {
  min-width: 180px;
  max-width: 180px;
}
.cz-successors-popover-table__cell:nth-child(2) {
  min-width: 60px;
  text-align: center;
  max-width: 60px;
}
.cz-successors-popover-table__cell:last-child {
  width: 100%;
  text-align: center;
  min-width: 70px;
  max-width: 100px;
}

.cz-successors-popover-table__cell-body:first-child {
  min-width: 180px;
  max-width: 180px;
}
.cz-successors-popover-table__cell-body:nth-child(2) {
  min-width: 60px;
  text-align: center;
  max-width: 60px;
}
.cz-successors-popover-table__cell-body:last-child {
  width: 100%;
  text-align: center;
  min-width: 70px;
  max-width: 80px;
}

.cz-successors-incumbents-popover-table {
  width: auto;
}

.cz-successors-incumbents-popover-table__body {
  max-height: 84px;
  width: 100%;
}

.cz-successors-incumbents-popover-table__cell:first-child {
  min-width: 140px;
  max-width: 140px;
}
.cz-successors-incumbents-popover-table__cell:last-child {
  min-width: 140px;
  width: 100%;
  max-width: 160px;
}

.cz-successors-incumbents-popover-table__cell-body:first-child {
  min-width: 140px;
  max-width: 140px;
}
.cz-successors-incumbents-popover-table__cell-body:last-child {
  min-width: 140px;
  max-width: 140px;
}

.cz-multiple-incumbents-popover-table {
  width: auto;
}

.cz-multiple-incumbents-popover-table__body {
  max-height: 84px;
  width: 100%;
}

.cz-multiple-incumbents-popover-table__cell:first-child {
  min-width: 160px;
  max-width: 160px;
}
.cz-multiple-incumbents-popover-table__cell:nth-child(2) {
  min-width: 60px;
  text-align: center;
  max-width: 60px;
}
.cz-multiple-incumbents-popover-table__cell:last-child {
  min-width: 60px;
  width: 100%;
  text-align: center;
  max-width: 125px;
}

.cz-talent-popover-table {
  width: auto;
}

.cz-talent-box-popover-table__body {
  max-height: 56px;
  width: 100%;
}

.cz-talent-popover-table__cell:first-child {
  min-width: 140px;
  max-width: 140px;
}
.cz-talent-popover-table__cell:nth-child(2) {
  min-width: 60px;
  max-width: 60px;
  text-align: center;
}
.cz-talent-popover-table__cell:last-child {
  width: 100%;
  text-align: center;
  max-width: 100px;
  min-width: 80px;
}

.cz-talent-popover-table__cell-body:first-child {
  min-width: 140px;
  max-width: 140px;
}
.cz-talent-popover-table__cell-body:nth-child(2) {
  min-width: 60px;
  max-width: 60px;
  text-align: center;
}
.cz-talent-popover-table__cell-body:last-child {
  width: 100%;
  text-align: center;
  max-width: 80px;
  min-width: 80px;
}

/* Talent Pool and Potential */
/* ------ */
.cz-talent-pool-box-header,
.cz-potentials-box-header {
  margin-bottom: 10px;
}

.cz-next-planned-moves-box-table-body,
.cz-individual-preferred-moves-box-table-body {
  max-height: 56px;
}

.cz-career-succession-box-table-cell-head {
  line-height: 27px;
}

.cz-next-planned-moves-box-table-cell:first-child,
.cz-individual-preferred-moves-box-table-cell:first-child {
  min-width: 180px;
  max-width: 180px;
}
.cz-next-planned-moves-box-table-cell:nth-child(2),
.cz-individual-preferred-moves-box-table-cell:nth-child(2) {
  min-width: 125px;
  text-align: center;
}
.cz-next-planned-moves-box-table-cell:last-child,
.cz-individual-preferred-moves-box-table-cell:last-child {
  width: 100%;
  text-align: center;
}

/* Abstracts */
.cz-position-successors-nomination-button {
  display: block;
}

.cz-position-successors-vacant-message {
  margin: 15px 0;
  flex: 1 1 auto;
}

.cz-position-successors-table {
  width: 100%;
}

.cz-position-successors-table__body {
  max-height: 84px;
}
.cz-position-successors-multiple-incumbents-message ~ .cz-table--fixed-header > .cz-position-successors-table__body {
  max-height: 56px;
}

.cz-position-successors-table__cell:first-child {
  min-width: 60px;
  text-align: center;
  max-width: 60px;
}
.cz-position-successors-table__cell:nth-child(2) {
  min-width: 180px;
  max-width: 180px;
}
.cz-position-successors-table__cell:last-child {
  width: 100%;
  text-align: center;
  max-width: 110px;
}

.cz-position-successors-table__cell-body:first-child {
  min-width: 60px;
  text-align: center;
  max-width: 60px;
}
.cz-position-successors-table__cell-body:nth-child(2) {
  min-width: 180px;
  max-width: 180px;
}
.cz-position-successors-table__cell-body:last-child {
  width: 100%;
  text-align: center;
  max-width: 90px;
}

.cz-position-talent-origins-vacant-message {
  margin: 15px 0;
  flex: 1 1 auto;
}

.cz-position-talent-origins-origin-detail {
  display: block;
}

.cz-position-talent-origins-table {
  width: 100%;
}

.cz-position-talent-origins-table__body {
  max-height: 84px;
}

.cz-position-talent-origins-table__body-multiple-incumbents {
  max-height: 56px;
}

.cz-position-talent-origins-table__cell:first-child {
  min-width: 60px;
  text-align: center;
  max-width: 60px;
}
.cz-position-talent-origins-table__cell:nth-child(2) {
  min-width: 200px;
  max-width: 200px;
}
.cz-position-talent-origins-table__cell:last-child {
  width: 100%;
  max-width: 100px;
  min-width: 90px;
}

.cz-position-talent-origins-table__cell-body:first-child {
  min-width: 60px;
  text-align: center;
  max-width: 60px;
}
.cz-position-talent-origins-table__cell-body:nth-child(2) {
  min-width: 200px;
  max-width: 200px;
}
.cz-position-talent-origins-table__cell-body:last-child {
  width: 100%;
  max-width: 80px;
  min-width: 70px;
}

.cz-position-successor-readiness-successor,
.cz-position-successor-readiness-incumbent {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

div.cz-position-successor-readiness-succession-arrow {
  margin: -5px 0 5px 32px;
}
div.cz-position-successor-readiness-succession-arrow > svg {
  fill: var(--utility-gray-600);
}

.cz-position-successor-readiness-successor {
  padding: 5px 10px 0;
}

.cz-position-successor-readiness-incumbent {
  padding: 10px;
}

.cz-position-successor-readiness-successor__details,
.cz-position-successor-readiness-incumbent__details {
  flex: 0 0 auto;
}

.cz-position-successor-readiness-incumbent__picture {
  margin-right: 20px;
  margin-left: 10px;
}

.cz-position-successor-readiness-incumbent__popover-button {
  max-width: 100px !important;
}

.cz-position-successor-readiness-incumbent__heading-wrapper {
  display: inline-flex;
}

.cz-position-successor-readiness-incumbent__heading {
  display: inline-block;
  margin-right: 3px;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.cz-position-successor-readiness-vacant-message {
  margin: 10px 0;
}

.cz-position-successor-readiness-successor__status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px -10px 0;
}

.cz-position-successor-readiness-status {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 1.25rem;
  text-align: center;
  font-weight: 600;
  padding: 5px;
  line-height: 1.5;
  flex: 0 0 auto;
  margin-bottom: 0;
}

.cz-position-successor-readiness-no-status {
  flex: 1 1 auto;
  margin: 0 0 10px;
  background-color: var(--gray-light-100);
  height: 40px;
}

.cz-position-successor-readiness-other-successions-alert {
  display: flex;
  margin-top: 2px;
}

div.cz-position-successor-readiness-other-successions-alert__icon {
  margin-top: 1px;
}

.cz-position-successor-readiness-multiple-priority-message {
  margin: 0;
}

/* Abstracts */
button.cz-dev-plans-time-taken-button {
  margin-left: 4px;
  max-height: 38px;
  height: 38px;
  width: 38px;
  padding: unset;
}

.cz-time-taken-warning {
  padding: 5px;
}
.cz-time-taken-warning > div.cz-form-field-group {
  align-items: center;
  background-color: var(--warning-50);
  padding: 2px 5px;
}
.cz-time-taken-warning > div.cz-form-field-group div.cz-form-field:first-child {
  flex-shrink: 0;
  width: auto;
}
.cz-time-taken-warning > div.cz-form-field-group div.cz-form-field:last-child {
  flex-grow: 1;
  width: auto;
}

/* Abstracts */
.cz-litmos-teams-search {
  padding: 20px 20px 15px;
  border-bottom: 1px solid var(--border-primary);
  border-right: 1px solid var(--border-primary);
  width: 601px;
  background: var(--bg-primary);
  z-index: 5;
  position: absolute;
}

.cz-litmos-teams-search__input {
  width: 300px;
  margin-bottom: 0;
  background-image: url('search-box.4963a63041e22c95.svg');
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 18px 18px;
  padding-left: 32px;
}

.cz-litmos-teams-team-list-container {
  position: relative;
  height: 800px;
}

.cz-litmos-teams-no-matches {
  margin-top: 70px;
}

.cz-litmos-teams-team-list {
  margin-top: 65px;
  min-width: 200px;
}
.cz-litmos-teams-team-list:empty {
  border: none;
}

.cz-litmos-teams-row {
  display: flex;
  padding: 5px 10px;
  flex-direction: column;
  align-items: stretch;
}

.cz-litmos-teams-row__inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  min-height: 44px;
}

.cz-litmos-teams-row__detail {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}

.cz-litmos-teams-row__title {
  padding-right: 10px;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cz-litmos-teams-row__assigned-icon {
  width: 65px;
}
svg.cz-litmos-teams-row__assigned-icon {
  fill: var(--utility-green-800);
}

.cz-litmos-teams-row__button {
  flex: 0 0 auto;
}

.cz-litmos-teams-row__spinner-wrapper {
  position: relative;
}

.cz-litmos-teams-more-spinner-wrapper {
  position: relative;
}

.cz-litmos-teams-row__no-description {
  margin: 5px 0;
  background-color: var(--gray-light-100);
  min-height: 50px;
}

.cz-litmos-teams-row__description {
  background-color: var(--gray-light-100);
  margin: 5px 0;
  padding: 5px;
  height: 80px;
  width: 100%;
  border: none;
  resize: none;
}
.cz-litmos-teams-row__description:focus {
  border: none;
  outline: none;
}

.cz-litmos-teams-more-button {
  margin-top: 10px;
}

@media screen and (max-width: 500px) {
  .cz-litmos-teams-row__title {
    max-width: 150px;
  }
}
.cz-activ8-dashboard-data-control {
  width: 100%;
  height: 100%;
}

.cz-activ8-dashboard-wrapper {
  display: flex;
  flex-grow: 1;
}

.cz-activ8-dashboard-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
}

/* Abstracts */
/* App */
.cz-recent-items-sidebar {
  background-color: var(--bg-primary);
  overflow-y: auto;
}

a.cz-recent-items-sidebar-link {
  color: var(--utility-brand-600);
}

.cz-recent-items-sidebar-icon {
  fill: var(--text-primary);
}
div.cz-recent-items-sidebar-icon {
  margin-right: 10px;
}

.cz-training-dev-activities-dev-activity-form-element {
  max-width: 560px;
}

.cz-training-dev-activities-dev-vfs > .cz-form-row > .cz-form-field > .cz-vfm-ctl {
  padding: 0;
}

.cz-training-dev-activities-catalog-details-button {
  margin-top: -5px;
}

div.cz-dev-activity-section .cz-form-section-body,
div.cz-dev-activity-section .cz-form-section-boxed {
  display: flex;
  flex-direction: column;
  background: var(--gray-light-100);
  padding: 5px 10px;
  border: none;
}

/* Abstracts */
@media (min-width: 430px) {
  .cz-task-delegation-dialog-form {
    min-width: 400px;
  }
}

@media (max-width: 768px) and (min-width: 373px) {
  .cz-task-delegation-dialog-form {
    min-width: 343px;
  }
}
.cz-copy-delegations-wrapper > .cz-form-section-body {
  padding: 0 !important;
  border: 1px solid var(--utility-gray-300);
}
.cz-copy-delegations-wrapper.cz-form-section-headered {
  margin-bottom: 0;
}

button.cz-copy-delegation-lookup-button {
  margin-left: auto;
}

button.cz-copy-delegations-copy-button {
  margin-left: auto;
  display: block;
}

.cz-data-entry-ctl-body.cz-delegations-no-padding {
  padding: 0px;
  border: none;
}

.cz-copy-delegations-no-delegations {
  min-height: 200px;
  margin-top: 22px;
}

.cz-copy-delegations-total {
  padding-bottom: 5px;
}

.cz-copy-delegation-placeholder {
  margin-top: 5px;
}

.cz-copy-delegations-list-item:last-child {
  border-radius: 0 0 3px 3px;
}

.cz-copy-delegations-dates {
  font-weight: 600;
}

.cz-button.cz-copy-delegations-show-more-button {
  width: 100%;
  border-width: 1px 0 0 0;
}

div.cz-wizard-stage-options-section > .cz-form-section > .cz-form-section-body {
  background: var(--gray-light-100);
  padding-top: 0;
}
div.cz-wizard-stage-options-section > .cz-form-section-headered {
  border: none;
}

/* Abstracts */
/* App */
.cz-movers-leavers-tab-item {
  background: var(--bg-primary);
  padding: 20px;
  flex: 1 1 auto;
  min-width: 590px;
  position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 100%;
}

.cz-movers-leavers-null {
  background: var(--utility-gray-200) !important;
}

.cz-null-records__text {
  margin-top: 30px;
  height: auto;
  display: flex;
  justify-content: center;
}

.cz-null-records__text h2 {
  color: var(--utility-gray-true-500);
  font-weight: 600;
}

.cz-null-records-groupings {
  margin-bottom: 8vh;
}

.cz-null-records {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.cz-null-records__icon svg {
  position: relative;
  height: 90px;
  width: 90px;
  border-radius: 50%;
}

.cz-null-results-text {
  position: relative;
  top: 10%;
  color: var(--utility-gray-true-600);
  font-weight: 600;
  text-align: center;
}

.cz-movers-leavers-empty-state--view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 20px;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
  margin: 20px 0;
}
.cz-card__body .cz-root-ctl-content .cz-movers-leavers-empty-state--view {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 0;
}

.cz-movers-leavers-download-button,
.cz-movers-leavers-download-button--overall {
  margin-left: auto;
  display: flex;
  justify-content: center;
}

.cz-movers-leavers-download-button--overall {
  margin-bottom: 5px;
}

span.cz-movers-leavers-download-button__icon {
  margin-right: 3px;
}

svg.cz-movers-leavers-download-button__icon {
  fill: var(--brand-700);
}

.cz-movers-leavers-section-heading__text {
  margin-right: 50px;
}

.cz-movers-leavers-result-item {
  justify-content: space-between;
}

.cz-movers-leavers-result-item__results {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.cz-movers-leavers-result-item__label {
  width: 80%;
  min-width: 175px;
  color: var(--fg-secondary);
}

.cz-movers-leavers-result-item__label--overall {
  margin-right: 25px;
  width: 175px;
  color: var(--utility-gray-true-600);
  flex-shrink: 0;
  font-weight: 600;
}

.cz-movers-leavers-result-item__data {
  flex: 0 0 auto;
  width: 150px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  color: var(--fg-secondary);
}

.cz-movers-leavers-result-item__num {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  margin-right: 30px;
  flex: 0 0 auto;
  min-width: 60px;
}

.cz-movers-leavers-result-item__num--overall {
  margin: 0 15px;
  text-align: right;
  flex: 0 0 auto;
  width: 23px;
  font-weight: 600;
}

.cz-movers-leavers-result-item__percentage {
  flex: 0 0 auto;
}

.cz-movers-leavers-result-item__meter-wrapper {
  flex: 3 1 auto;
}

.cz-movers-leavers-result-item__meter-bar {
  width: 100%;
}

.cz-movers-leavers-result-item__meter-bar > .cz-progress-bar .cz-progress-bar-value {
  right: 0;
  height: 11px !important;
  border-radius: 2px 4px 4px 2px;
  background-color: var(--brand-500);
  border-color: var(--utility-gray-dark-300);
  float: left;
}

.cz-movers-leavers-result-item__meter-bar > .cz-progress-bar .cz-progress-bar-value-b {
  right: 0;
  height: 11px !important;
  border-radius: 4px 2px 2px 4px;
  background-color: var(--utility-gray-dark-300);
  border-color: var(--utility-gray-dark-300);
  float: left;
}

.cz-movers-leavers-employees-end-data {
  flex: 0 0 auto;
}

.cz-movers-leavers-employees-end-data__change {
  display: flex;
  align-items: center;
}

span.cz-movers-leavers-employees-end-data__icon--increase,
span.cz-movers-leavers-employees-end-data__icon--decrease {
  margin-right: 5px;
}

svg.cz-movers-leavers-employees-end-data__icon--increase {
  fill: var(--utility-brand-600);
}

span.cz-movers-leavers-employees-end-data__icon--decrease {
  transform: rotate(180deg);
}
span.cz-movers-leavers-employees-end-data__icon--decrease svg.cz-icon {
  fill: var(--utility-brand-600);
}

.cz-movers-leavers-list__item--details {
  margin-right: 3px;
}

.cz-movers-leavers-result-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
  justify-content: space-around;
}

.cz-movers-leavers-result-overall__section {
  margin-bottom: 20px;
  border: 1px solid var(--gray-true-300);
}

.cz-movers-leavers-result-row__section {
  background-color: var(--bg-primary);
  flex: 1 1 auto;
  min-width: 45%;
  border: 1px solid var(--gray-true-300);
}
.cz-movers-leavers-result-row__section:first-child {
  margin-right: 10px;
}

.cz-movers-leavers-result-row__bottom__section {
  background-color: var(--bg-primary);
  flex: 1 1 auto;
  width: 49.69%;
  border: 1px solid var(--gray-true-300);
}

.cz-movers-leavers-group-totals {
  display: flex;
  height: 40px;
  width: 100%;
  padding-right: 15px;
  margin-top: 10px;
}

.cz-movers-leavers-group-totals__label {
  font-weight: 600;
  text-align: left;
  flex: 1 1 auto;
  display: table-cell;
  vertical-align: middle;
  min-width: 175px;
}

.cz-movers-leavers-group-totals__label-blank {
  width: 100%;
  flex: 1 1 auto;
}

.cz-movers-leavers-group-totals__button {
  padding-left: 15px;
  width: 25%;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.cz-spacer {
  width: 100%;
  height: 135px;
  background: var(--utility-gray-200);
}

.cz-movers-leavers-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cz-movers-leavers-section-header__title-wrapper {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 180px;
}

.cz-movers-leavers-section-header__title {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cz-movers-leavers-section-header-summary {
  display: table;
}

.cz-movers-leavers-section-header-summary__info {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
  color: var(--black);
  width: 175px;
  position: relative;
}

.cz-dynamics-header {
  color: var(--fg-white);
}

.cz-movers-leavers-section-header-summary__label {
  position: absolute;
  right: -5px;
  transform: translate(100%);
  height: 20px;
}

.cz-movers-leavers-results-wrapper--months,
.cz-movers-leavers-results-wrapper--1-group {
  padding: 15px;
}

.cz-movers-leavers-section-2-groups-wrapper.cz-form-section-headered,
.cz-movers-leavers-section-2-groups-wrapper .cz-form-section-headered.cz-movers-leavers-section {
  margin-bottom: 0;
  border-right: none;
  border-left: none;
  border-radius: 0;
  border-top: none;
}
.cz-movers-leavers-section-2-groups-wrapper.cz-form-section-headered:last-child,
.cz-movers-leavers-section-2-groups-wrapper .cz-form-section-headered.cz-movers-leavers-section:last-child {
  border-bottom: none;
}
.cz-movers-leavers-section-2-groups-wrapper .cz-movers-leavers-result-row__bottom {
  width: 50%;
}
.cz-movers-leavers-section-2-groups-wrapper .cz-form-section-headered.cz-movers-leavers-section {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0 0 0 15px;
}
.cz-movers-leavers-section-2-groups-wrapper .cz-movers-leavers-section-header {
  background-color: var(--bg-primary);
  height: 40px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cz-movers-leavers-section-2-groups-wrapper .cz-heading.cz-movers-leavers-section-header__title {
  font-size: 0.875rem;
  color: var(--gray-light-700);
}
.cz-movers-leavers-section-2-groups-wrapper .cz-movers-leavers-section-header__title-wrapper {
  min-width: 165px;
}
.cz-movers-leavers-section-2-groups-wrapper .cz-movers-leavers-section-header__title {
  flex: 1 1 auto;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1055px) {
  .cz-movers-leavers-result-row__section,
  .cz-movers-leavers-result-row__bottom__section {
    width: 100%;
  }
  .cz-movers-leavers-result-row__section:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 820px) {
  .cz-movers-leavers-group-totals__label {
    min-width: 105px;
  }
  .cz-movers-leavers-section-header-summary__info {
    width: 105px;
  }
}
@media print {
  .cz-reporting-results-header__buttons,
  .cz-movers-leavers-tab-list {
    display: none;
  }
  .cz-movers-leavers-result-row__section:first-child {
    margin-right: 20px;
  }
  .cz-movers-leavers-result-item__meter-bar {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
    border: 1px solid var(--border-primary);
  }
  .cz-movers-leavers-section.cz-open {
    page-break-after: always;
  }
  .cz-movers-leavers-section-header,
  .cz-movers-leavers-result-row__section,
  .cz-movers-leavers-result-row {
    page-break-inside: avoid;
  }
  .cz-movers-leavers-section-header {
    page-break-after: avoid;
  }
  .cz-movers-leavers-tab-item,
  .cz-movers-leavers-result-row__section,
  .cz-movers-leavers-result-item__results {
    overflow: hidden;
  }
}
/* Abstracts */
/* App */
div.cz-movers-leavers-drill-down-root {
  display: flex;
  flex-direction: column;
  overflow: auto !important;
}

div.cz-movers-leavers-drill-down-root table {
  border-collapse: collapse;
}

.cz-movers-leavers-drill-down-header__container {
  width: 100%;
  background: var(--utility-gray-200);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-movers-leavers-drill-down-header-container__fixed {
  /*position:fixed;*/
}

.cz-movers-leavers-drill-down-table {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  position: relative;
  flex: 1 1 auto;
}
.cz-movers-leavers-drill-down-table::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-movers-leavers-drill-down-table::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-movers-leavers-drill-down-table::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-movers-leavers-drill-down__header {
  color: var(--utility-gray-true-600);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-movers-leavers-drill-down-table__header {
  height: 30px;
  color: var(--utility-gray-true-600);
  background: var(--utility-gray-300);
  border-bottom: 1.5px solid var(--utility-gray-200);
}

.cz-movers-leavers-drill-down-table__header th {
  padding-left: 15px;
  padding-right: 20px;
  color: var(--utility-gray-true-600);
  font-weight: 600;
}

div.cz-movers-leavers-drill-down-root td,
.cz-movers-leavers-drill-down-root th {
  white-space: nowrap;
  text-align: left;
  height: 45px;
}

.cz-movers-leavers-drill-down-nav-bar {
  height: 44px;
  display: flex;
  padding-top: 7px;
  padding-left: 15px;
}

.cz-movers-leavers-drill-down-nav-bar h2 {
  color: var(--utility-gray-true-500);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0;
  line-height: 27px;
}

.cz-movers-leavers-section-button > svg {
  fill: var(--bg-primary) !important;
}
.cz-movers-leavers-section-button > svg:hover {
  fill: var(--bg-primary) !important;
}

.cz-movers-leavers-sub-section-button > svg {
  fill: var(--utility-gray-600) !important;
}
.cz-movers-leavers-sub-section-button > svg:hover {
  fill: var(--bg-primary) !important;
  background-color: var(--utility-gray-600) !important;
}

.cz-movers-leavers-drill-down-button__back {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  margin-right: 15px;
  padding-left: 8px;
  border: none;
  border-radius: 50%;
}

.cz-movers-leavers-drill-down-button__back svg {
  height: 30px;
  width: 16px;
  fill: var(--utility-gray-800);
  margin-right: 10px;
}

.cz-movers-leavers-drill-down-button__back:hover {
  background-color: var(--utility-gray-950-alpha-10);
}

.cz-movers-leavers-drill-down-button__back svg {
  color: var(--utility-gray-dark-700);
}

.statisticName {
  height: 45px;
  background: var(--utility-gray-600);
  color: var(--fg-white);
  padding-left: 20px;
  padding-top: 14px;
  padding-bottom: 10px;
}

.statisticName h1 {
  color: var(--fg-white);
  margin: 0;
  font-weight: 500;
  font-size: 1rem;
}

.statisticName:empty {
  display: none;
}

.monthDate {
  height: 45px;
  background: var(--fg-white);
  padding-top: 14px;
  padding-left: 20px;
  padding-bottom: 10px;
  border-bottom: 1.5px solid var(--utility-gray-200);
}

.monthDate h2 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--utility-gray-true-600);
  font-weight: 600;
}

.monthDate:empty {
  display: none;
}

.grouping {
  background: var(--white);
  padding-top: 5px;
  padding-left: 20px;
  padding-bottom: 5px;
  border-bottom: 1.5px solid var(--utility-gray-200);
}

.grouping h2 {
  margin: 10px 0 10px 0;
  font-size: 0.875rem;
  color: var(--utility-gray-dark-400);
  font-weight: 600;
}

.grouping:empty {
  display: none;
}

.groupingDesc {
  color: var(--text-secondary);
}

tr.cz-movers-leavers-drill-down-person-row {
  background: var(--bg-primary);
  height: 50px;
  border-bottom: 1.5px solid var(--utility-gray-200);
}

tr.cz-movers-leavers-drill-down-person-row:nth-child(odd) {
  background: var(--utility-brand-25);
  border-bottom: 1px solid var(--brand-50);
}

tr.cz-movers-leavers-drill-down-person-row td {
  padding-right: 10px;
  padding-left: 15px;
  min-width: 150px;
  border-right: 1px solid var(--utility-gray-200);
}

/* Search results toolbar */
div.cz-movers-leavers-drill-down-toolbar {
  display: flex;
  height: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  flex: 0 0 34px;
  padding: 0 15px;
  white-space: nowrap;
}

div.cz-movers-leavers-drill-down-toolbar-select {
  flex-grow: 2;
}
div.cz-movers-leavers-drill-down-toolbar-select > button {
  margin: 0 2px;
}

div.cz-movers-leavers-drill-down-grid-checkbox {
  padding: 8px 0px;
}
div.cz-movers-leavers-drill-down-grid-checkbox, div.cz-movers-leavers-drill-down-grid-checkbox * {
  box-sizing: border-box;
}

div.cz-movers-leavers-drill-down-actions {
  display: flex;
  align-items: center;
}

div.cz-movers-leavers-drill-down-actions-icon {
  margin-left: 7px;
  height: 12px;
  width: 12px;
  display: flex;
  align-content: center;
  flex-shrink: 0;
}

svg.cz-movers-leavers-drill-down-actions-icon {
  width: 12px;
  fill: var(--gray-iron-600);
}

div.cz-movers-leavers-drill-down-results-grid-checkbox {
  padding: 8px 0px;
}
div.cz-movers-leavers-drill-down-results-grid-checkbox, div.cz-movers-leavers-drill-down-results-grid-checkbox * {
  box-sizing: border-box;
}

.cz-movers-leavers-drill-down-results-grid-checkbox-td {
  min-width: 75px !important;
}

/* App */
/* Abstracts */
/* Onboarding Common */
/* ----------------- */
.cz-user_portal-root-control .cz-root-ctl-content-container {
  display: flex;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.cz-user_portal-root-control .cz-root-ctl-content {
  flex: 1 1 100%;
  overflow: auto;
}

.cz-portal-content-container {
  flex: 3 3 auto;
  height: 100%;
  overflow: auto;
}

.cz-user_portal-middle {
  flex: 1 1 auto;
  width: 100%;
  max-width: 1450px;
}

.cz-user-ob-portals-wf-container #droppable {
  max-height: 85%;
}

.cz-ob-team-members-widget .cz-root-ctl-content-container {
  min-height: 0px !important;
}
.cz-ob-team-members-widget .cz-root-ctl-content-container .cz-root-ctl-content {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-ob-team-members-widget .cz-root-ctl-content-container .cz-root-ctl-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-ob-team-members-widget .cz-root-ctl-content-container .cz-root-ctl-content::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-ob-team-members-widget .cz-root-ctl-content-container .cz-root-ctl-content::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}
.cz-ob-team-members-widget .cz-root-ctl-content-container .cz-user_portal_team_member-image_container {
  --picture-size: var(--picture-size-giant);
  margin-top: 30px;
}
.cz-ob-team-members-widget .cz-root-ctl-content-container .cz-user_portal_team_member-card, .cz-ob-team-members-widget .cz-root-ctl-content-container .cz-user_portal_team_member-bio_card-details {
  min-height: 175px;
}

cz-ob-portal-template-welcome-card-control,
cz-ob-my-user-portal-welcome-card-control,
cz-ob-user-portal-welcome-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
cz-ob-portal-template-welcome-card-control .cz_portal_welcome_card-content,
cz-ob-my-user-portal-welcome-card-control .cz_portal_welcome_card-content,
cz-ob-user-portal-welcome-card .cz_portal_welcome_card-content {
  max-height: calc(100% - 50px);
  height: calc(100% - 50px);
}

.cz-user_portal_welcome_container .cz-master-detail-ctl, .cz-user_portal_welcome-task_container_widget .cz-master-detail-ctl, .cz-user_portal_welcome-task_container .cz-master-detail-ctl {
  height: 100%;
}

.cz-ob-onboarding-widget .cz-root-ctl-content-container,
.cz-ob-tasks-widget .cz-root-ctl-content-container {
  min-height: 100%;
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container cz-ob-widget-container,
.cz-ob-tasks-widget .cz-root-ctl-content-container cz-ob-widget-container {
  height: 100%;
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container cz-ob-user-portal-welcome-card,
.cz-ob-tasks-widget .cz-root-ctl-content-container cz-ob-user-portal-welcome-card {
  height: 100%;
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container cz-ob-user-portal-welcome-card .cz_portal_welcome_card-content,
.cz-ob-tasks-widget .cz-root-ctl-content-container cz-ob-user-portal-welcome-card .cz_portal_welcome_card-content {
  max-height: calc(100% - 50px);
  height: calc(100% - 50px);
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-portal_tab-item_content,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-portal_tab-item_content {
  max-height: 100%;
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-portal_map,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-portal_map {
  height: 100%;
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome-card_text,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome-card_text {
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 30px;
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome_message-container, .cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome_contact-container,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome_message-container,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome_contact-container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome_message-container::-webkit-scrollbar, .cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome_contact-container::-webkit-scrollbar,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome_message-container::-webkit-scrollbar,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome_contact-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome_message-container::-webkit-scrollbar-thumb, .cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome_contact-container::-webkit-scrollbar-thumb,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome_message-container::-webkit-scrollbar-thumb,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome_contact-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome_message-container::-webkit-scrollbar-thumb:hover, .cz-ob-onboarding-widget .cz-root-ctl-content-container .cz-user_portal_welcome_contact-container::-webkit-scrollbar-thumb:hover,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome_message-container::-webkit-scrollbar-thumb:hover,
.cz-ob-tasks-widget .cz-root-ctl-content-container .cz-user_portal_welcome_contact-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-ob-dashboard-container .cz-root-ctl-content-container,
.cz-ob-dashboard-container-my-portal .cz-root-ctl-content-container {
  min-height: 100%;
}

.cz-user-ob-portals-wf-container .cz-view-header {
  display: none;
}
.cz-user-ob-portals-wf-container .cz-root-ctl-content-container {
  min-height: 100%;
}
.cz-user-ob-portals-wf-container .cz-root-ctl-content {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-user-ob-portals-wf-container .cz-root-ctl-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-user-ob-portals-wf-container .cz-root-ctl-content::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-user-ob-portals-wf-container .cz-root-ctl-content::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-ob-tasks-widget .cz-user_portal-container {
  overflow: hidden;
}
.cz-ob-tasks-widget .cz_portal_welcome_card-content {
  min-height: 100%;
}
.cz-ob-tasks-widget .cz_portal-user_task_count-circle {
  margin-top: 10px;
}
.cz-ob-tasks-widget .cz_portal_task_count-btn {
  margin-bottom: 10px;
}

.cz-user_portal-bottom, .cz-user_portal-template_bottom {
  align-self: center;
  width: 100%;
}

.cz-user_portal-template_bottom {
  margin-top: 20px !important;
  background-color: var(--gray-light-200);
}

.cz-user_portal-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: auto;
}

.cz-user_portal-container h1 {
  font-size: 1rem;
  color: var(--alpha-black-50);
  font-weight: 700;
  margin: 0;
}

.cz-user_portal-container h2 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--utility-blue-light-600);
  margin-top: 15px;
}

.cz-portal-map_container {
  flex: 1 1 100%;
  background: var(--bg-secondary);
  overflow: auto;
  display: flex;
}

.cz-user_portal-card--video iframe {
  position: absolute;
  top: 13%;
  left: 0%;
  height: 272px;
  width: 100%;
}

.cz-portal-instructions_container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  max-width: 80%;
  overflow-wrap: break-word;
}

.cz-portal-instructions_icon {
  position: absolute;
  height: 50px;
  left: -115px;
  top: -10px;
}

.cz-user_portal-card, .cz-user_portal-add__card {
  background-color: var(--utility-gray-25);
  flex: 1 1 auto;
  min-width: 404px;
  position: relative;
  max-width: 100%;
  height: 315px;
  border-radius: 5px;
  border: 1px solid var(--utility-gray-300);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  overflow: hidden;
}

.cz-user_portal-card_container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 20px;
  max-width: 1450px;
  min-width: 550px;
}

.cz-user_portal_team_member-card-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}

.cz-user_portal-setting-button {
  width: 140px;
  background: var(--utility-gray-300);
  cursor: pointer;
  margin: 15px 15px 5px 40px;
  font-weight: 600;
  border-radius: 3px;
}

.cz-user_portal-setting-button button:hover {
  background: none;
}

/*
    =======================
    Welcome Message Section
    =======================
*/
.cz-user_portal_welcome_container, .cz-user_portal_welcome-task_container_widget, .cz-user_portal_welcome-task_container {
  height: 370px;
  max-width: 75%;
  min-width: 490px;
  display: flex;
  flex-direction: column;
  flex: 2;
  margin-right: 15px;
}

.cz-user_portal_welcome-task_container {
  max-width: 25%;
  min-width: 25%;
}

/******** Tabbed Navigation ********/
.cz_portal_tab_list-container {
  display: flex;
  flex: 1 1 50px;
  background: var(--bg-secondary);
  max-height: 50px;
  border-bottom: 1px solid var(--utility-gray-300);
}

.cz-user_portal_welcome-task_container_widget {
  max-width: 100%;
  min-width: 100%;
}

.cz_portal_tab-list {
  flex: 6;
  border-bottom: none;
  background: none;
  max-height: 50px;
  min-width: 350px;
  margin-right: 5px;
}

.cz_portal_tab-list__tab-item {
  display: flex;
  min-height: 48px;
  cursor: pointer;
  flex: 1 1;
  max-width: 100px;
  width: 100px;
  flex-direction: column;
}
.cz_portal_tab-list__tab-item.active {
  background: var(--fg-white);
}

.cz_portal_tab-list__tab-item:first-child {
  border-left: none !important;
}

.cz_portal_tab-list > .active {
  border-bottom: 2px solid var(--brand-600);
  border-left: 2px solid var(--utility-gray-300);
  border-right: 2px solid var(--utility-gray-300);
  box-shadow: 0 2px 3px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz_portal-card_empty-state, .cz_portal-card-location_empty-state_icon {
  --svg-icon-size: 120px;
}

/*This stops svg stroke classes overlapping*/
.cz_portal-card-location_empty-state {
  flex: 1 1 auto;
  display: grid;
  place-content: center;
}

.cz-portal_no-location-found_text {
  flex: 1 1 auto;
  height: 100px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.cz_portal-card-location_empty-state_icon {
  top: 15px !important;
  bottom: 0 !important;
  height: 100px;
  width: 100px;
}

.cz_portal-card-location_empty-state_icon .st0 {
  opacity: 0.3;
  fill: var(--utility-gray-400) !important;
  stroke: none;
}

.cz_portal_tab-list_icon {
  --svg-icon-size: 35px;
  background-size: 40px 40px;
}

.cz_portal_welcome_card-edit-container {
  flex: 0.3;
  min-width: 30px;
  margin-right: 5px;
}

.cz_portal_welcome_card-edit-button {
  margin: 8px 10px 8px 0;
}

/******** Tab-list icon svg styling ********/
.cz_portal_tab-list_icon_message .st0 {
  fill: var(--utility-gray-dark-50);
  stroke: var(--utility-gray-600);
  stroke-width: 8;
  opacity: 1;
}
.cz_portal_tab-list_icon_message .st1 {
  fill: var(--utility-gray-true-600);
}

.cz_portal_tab-list_icon_date .st0 {
  opacity: 0.7;
  fill: var(--brand-600);
  enable-background: new;
  stroke: none;
}
.cz_portal_tab-list_icon_date .st1 {
  fill: none;
  stroke: var(--utility-gray-600);
  stroke-width: 7;
  stroke-miterlimit: 10;
}
.cz_portal_tab-list_icon_date .st2 {
  fill: var(--fg-white);
}
.cz_portal_tab-list_icon_date .st3 {
  fill: var(--utility-gray-600);
  opacity: 1;
}
.cz_portal_tab-list_icon_date .st4 {
  fill: none;
  stroke: var(--utility-gray-600);
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.cz_portal_tab-list_icon_date .st5 {
  fill: none;
  stroke: var(--utility-gray-100);
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.cz_portal_tab-list_icon_location .st0 {
  opacity: 0.8;
  fill: var(--utility-error-500);
  enable-background: new;
  stroke: none;
}
.cz_portal_tab-list_icon_location .st1 {
  fill: none;
  stroke: var(--utility-gray-600);
  stroke-width: 7;
  stroke-miterlimit: 10;
}

.cz_portal_tab-list_icon_contact .st0 {
  fill: var(--fg-white);
  stroke: var(--utility-gray-600);
  stroke-width: 5;
  stroke-miterlimit: 10;
  opacity: 1;
}
.cz_portal_tab-list_icon_contact .st1 {
  fill: var(--fg-white);
}
.cz_portal_tab-list_icon_contact .st2 {
  fill: var(--utility-gray-600);
  stroke: var(--utility-gray-600);
  opacity: 1;
  fill-opacity: 1;
}
.cz_portal_tab-list_icon_contact .st3 {
  fill: none;
  stroke: var(--utility-gray-600);
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.cz_portal_tab-list_icon_contact .st4 {
  fill: none;
  stroke: var(--utility-gray-100);
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.cz_portal_tab-list_icon_contact .st5 {
  fill: none;
  stroke: var(--utility-gray-600);
  stroke-width: 5;
  stroke-miterlimit: 10;
}

.cz_portal_empty-state-date_icon .st0 {
  opacity: 0.2;
  stroke: none;
}
.cz_portal_empty-state-date_icon .st1 {
  fill: var(--utility-gray-300);
}
.cz_portal_empty-state-date_icon .st2 {
  opacity: 0.6;
  fill: var(--utility-gray-400);
  enable-background: new;
  stroke-width: 1;
}
.cz_portal_empty-state-date_icon .st3 {
  fill: none;
  stroke: var(--utility-gray-dark-400);
  stroke-width: 3;
  stroke-miterlimit: 10;
}
.cz_portal_empty-state-date_icon .st4 {
  fill: var(--fg-white);
}
.cz_portal_empty-state-date_icon .st5 {
  fill: var(--utility-gray-600);
}
.cz_portal_empty-state-date_icon .st6 {
  fill: none;
  stroke: var(--utility-gray-600);
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.cz_portal_empty-state-date_icon .st7 {
  fill: none;
  stroke: var(--utility-gray-100);
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.cz_portal_empty-state-date_icon .st8 {
  fill: var(--utility-gray-dark-400);
}

.cz_portal_add-task_icon .st0 {
  fill: var(--utility-gray-400);
  opacity: 1;
  stroke: none;
}
.cz_portal_add-task_icon .st1 {
  fill: var(--fg-white);
  opacity: 0.8;
}

.cz-user_portal-add__card:hover {
  border: 3px dashed var(--utility-brand-500-alpha-75);
  cursor: pointer;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-50);
}

.cz-user_portal-add__card:hover .cz-user_portal-add__button .cz_portal_add-task_icon .st0 {
  fill: var(--utility-brand-500-alpha-90);
  fill-opacity: 1;
}
.cz-user_portal-add__card:hover .cz-user_portal-add__button .cz_portal_add-task_icon .st1 {
  fill: var(--bg-primary);
  opacity: 1;
}
.cz-user_portal-add__card:hover .cz-user_portal-add__button .cz-user_portal-add-task_text {
  color: var(--utility-brand-500-alpha-90) !important;
}

/******** Welcome-card content ********/
.cz_portal_welcome_card-content {
  display: flex;
  flex: 1 1 270px;
  justify-content: center;
  overflow: auto;
}

.cz-user_portal_welcome_message-container, .cz-user_portal_welcome_contact-container {
  margin-top: 0;
  padding-bottom: 20px;
  width: 100%;
  display: flex;
  overflow: auto;
}

.cz-user_portal_welcome_contact-container {
  flex-direction: column;
}

.cz-user_portal_welcome_details_container, .cz-portal-welcome-details_center_container {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  padding-top: 30px;
  padding-right: 5px;
}

.cz_portal-card_section-icon_container {
  width: 100px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cz_portal-card_section_icon {
  height: 100px;
  width: 100px;
  background: var(--utility-gray-300-alpha-25);
  border: 1px solid var(--utility-gray-300);
  margin: 0 100%;
}

.cz-portal-welcome-details_center_container {
  margin: 0 auto;
  justify-content: center;
  text-align: center;
  padding-top: 0;
  gap: 20px;
}

.cz-user_portal_welcome_details_container button, .cz-portal-welcome-details_center_container button {
  height: 30px !important;
  padding: 3px 10px !important;
}

.cz-user_portal_welcome_details {
  display: flex;
  padding-left: 30px;
  overflow: auto;
  height: 100%;
  width: 100%;
  margin-bottom: 15px;
}

.cz-portal_tab-item_content {
  display: flex;
  width: 100%;
}

.cz-portal_tab-content_title {
  color: var(--gray-light-600) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  margin: 4px 0 !important;
}

.cz-portal_tab-content-sub_title {
  color: var(--utility-gray-true-600) !important;
  margin-bottom: 10px !important;
}

.cz-portal_tab-content-directions {
  margin-bottom: 10px;
}

/*Welcome Section height*/
.cz-user_portal_welcome-card_text {
  display: flex;
  flex-direction: column;
  max-width: 90%;
  width: 90%;
  margin-top: 30px;
  margin-left: 30px;
  margin-bottom: auto;
}

.cz-user_portal_welcome_location h1 {
  font-weight: 600;
}

.cz-user_portal_welcome_location h1:first-child {
  margin-bottom: 10px;
}

.cz-portal-user_image {
  width: 100px;
  min-width: 100px;
  height: 100px;
  margin: 0 10px;
}

.cz-portal-user_image img {
  background: var(--utility-gray-300-alpha-25);
  width: 100%;
  min-height: 100px;
  min-width: 100px;
}

/*Task Card*/
.cz_portal_task-title {
  height: 100%;
  width: 100%;
  text-align: center;
}

.cz_portal_task-title h1 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 2.8;
  color: var(--gray-light-600);
}

.cz_portal_task_count-content {
  position: relative;
  display: flex;
  height: 300px;
  width: 200px;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.cz_portal_task_count-content button {
  display: flex !important;
  justify-content: center !important;
  margin-top: 20px !important;
}

.cz_portal_task_count-circle, .cz_portal-user_task_count-circle {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 50px;
  border-radius: 50%;
  width: 100%;
}

.cz_portal-user_task_count-circle {
  height: 110px;
  width: 110px;
  margin: 65px 40px 0 40px;
  background: var(--utility-gray-300-alpha-25);
}

.cz_portal_task_empty-state {
  position: relative;
  background-image: url('no-tasks.7a3fd111a32e5bba.svg');
  height: 120px;
  width: 120px;
  background-size: 120px 120px;
}

.cz_portal_task_count-number {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: flex;
  height: 50px;
  flex-direction: column;
  justify-content: center;
}

.cz_portal_task_count-number h1 {
  font-size: 3rem;
  color: var(--utility-gray-600-alpha-75);
}

.cz_portal_task_count-text {
  flex: 1 1 auto;
  margin-top: 30px;
  font-weight: 600;
}

.cz_portal_task_count-body {
  position: relative;
}

.cz_portal_task_count-btn {
  display: flex;
  justify-content: center;
}

/*
    ===========================
    Calendar & Location Section
    ===========================
*/
.cz-user_portal_details_container {
  height: 250px;
  margin: 15px;
  padding-top: 5px;
  display: flex;
  max-width: 680px;
  flex: 2;
}

.cz-user_portal_details_content_container {
  display: flex;
  flex-direction: column;
  width: 94%;
  height: 220px;
  padding-top: 20px;
  justify-content: center;
}

.cz-user_portal_content_container {
  display: flex;
  flex-direction: row;
}

.cz-user_portal_welcome_start_date {
  display: flex;
  flex-direction: column;
  max-width: 50%;
  max-width: 100%;
  max-width: none;
}

.cz-user_portal_welcome_location {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-wrap: break-word;
}

.cz-user_portal_welcome_location .cz-portal_tab-content_title {
  margin-bottom: 18px !important;
}

.cz-portal_no-location-found {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.cz-portal_welcome-location_address {
  line-height: 18px;
  font-weight: 600 !important;
}

.cz-portal_welcome-location_button {
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
  height: 20%;
  width: 100%;
}

.cz-user_portal_calendar, .cz-user_portal_welcome_screen_calendar-icon {
  position: relative;
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 10px;
  height: 60px;
  width: 60px;
  background-image: url('blankCalendar.e0e25c8bc0b6c036.svg');
  background-size: 60px 60px;
  text-align: center;
}

.calendar_value {
  position: absolute;
  top: 43%;
  left: 30%;
}

.calendar_value h1 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: var(--utility-gray-600-alpha-90) !important;
}

.cz-user_portal_location, .cz-user_portal_welcome_screen_location-icon {
  position: relative;
  margin-left: 25px;
  margin-right: 10px;
  margin-top: 10px;
  height: 50px;
  width: 50px;
  background-image: url('location-red.5cd9de8abb9c8124.svg');
  background-size: 50px 50px;
  text-align: center;
}

/*
    ======================
    Portal Sections & Card
    ======================
*/
.cz-user_portal_section {
  min-width: 200px;
}

.cz-portal-edit-section-card-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 20px;
}

.cz-portal-card {
  width: 100%;
}

.cz-portal-section-card, .cz-portal-edit-section-card {
  flex: 2 2 auto;
  flex-grow: 2;
  flex-shrink: 2;
  width: 45%;
  margin: 15px;
  min-width: 404px;
  max-width: 680px;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.cz-portal-section-card:nth-child(odd), .cz-portal-edit-section-card:nth-child(odd) {
  margin-left: 0 !important;
}

.cz-user_portal-card--header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
  max-width: 100%;
  border-bottom: 1px solid var(--utility-gray-300);
  background: var(--utility-gray-dark-50);
  box-shadow: -1px 1px 3px 0 var(--utility-gray-400-alpha-10);
  height: 44px;
}

.cz-user_portal-card--header h1 {
  font-size: 1.125rem;
  color: var(--utility-gray-700);
  font-weight: 600;
  margin: 0;
  padding: 2px;
}

.cz-user_portal-card--description__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 75%;
}

.cz-user_portal-card--content {
  height: 274px;
  overflow-y: auto;
}

.cz-user_portal-card--video {
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-quinary);
}

.cz-user_portal-card--description {
  display: flex;
  margin: 15px;
  max-width: 100%;
}

.cz-user_portal-card--description span {
  width: 100%;
}

.cz-user_portal-card--description h1 {
  color: var(--gray-light-900);
  font-size: 1rem;
}

.cz-portal-card--section-broken-video-container {
  height: 274px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--bg-primary);
}

.cz-portal-card--section-broken-video-icon {
  display: block;
  height: 80px;
  flex: 0 0 90px;
}

.cz-portal-card--section-broken-video-text {
  flex: 0 0 auto;
}

/*
    ====================
    Team Members Section
    ====================
*/
.cz-user_portal_team_members__title {
  display: flex;
  margin-top: 5px;
}

.cz-user_portal_team_members__title h2 {
  flex: 1 1 auto;
  color: var(--utility-gray-true-600);
  font-size: 1rem;
  margin: 8px;
}

.cz-user_portal_team_members-container, .cz-user_portal-template_team_members-container {
  display: flex !important;
  flex-direction: column;
}

.cz-user_portal-template_team_members-container {
  background: var(--utility-gray-300);
}

.cz-user_portal_team_member-card, .cz-user_portal_team_member-bio_card-details {
  position: relative;
  background-color: var(--utility-gray-100);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  min-width: 150px;
  max-width: 200px;
  width: 150px;
  min-height: 200px;
  max-height: 220px;
  border: 1px solid var(--border-primary);
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  margin: 15px;
  text-align: center;
  color: var(--utility-gray-true-500);
  font-weight: 600;
}

.cz-user_portal_team_member-info-card-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  max-height: 80px;
  margin: 5px;
  flex: 1 1 auto;
}

.cz-user_portal_team_member-info-card-container span:nth-child(2) {
  max-height: 50px;
}

.cz-user_portal_team_member-button_container {
  width: 100%;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  height: 35px;
}

.cz-user_portal_team_member-image_container {
  margin-top: 40px;
}

.cz-user_portal_team_member-image {
  --picture-size: var(--picture-size-giant);
  background-color: var(--bg-primary);
  margin: auto;
  filter: brightness(90%);
  border: 1px solid var(--border-primary);
}

.cz-portal_team_member-hierarchy {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  height: 20px;
  min-width: 80px;
  max-width: 100%;
  display: flex;
  justify-content: center;
}

.cz-portal_team_member-hierarchy span {
  min-width: 80px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid var(--border-primary);
  border-top: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: hsl(0, 0%, 93.3%);
}

/*
    ====================
    Team Members Bio
    ====================
*/
/*card container when bio is open*/
.cz-user_portal_team_members-bio_container {
  display: flex;
  min-width: 500px;
}

/*card container when bio is open*/
.cz-user_portal_team_member-bio_card-details {
  flex: 1 1 auto;
}

/*bio container when bio is open*/
.cz-user_portal_team_member-bio_details {
  flex: 1 1 auto;
  width: 70%;
  background: var(--bg-secondary);
  border-left: 1px solid var(--utility-gray-300);
}

.cz-user_portal_team_member-bio_details span {
  margin-left: 70px;
}

/* use .cz-portal_tab-content-sub_title for bio title*/
/*
    ============================
    Portal Owner Contact Section
    ============================
*/
/*Centering contact detail section*/
.cz-user_portal_contact-container {
  text-align: center;
  padding-bottom: 10px;
  padding-top: 5px;
  width: 100%;
  background: var(--gray-light-900);
  display: flex;
  flex-direction: column;
  height: 147px;
}

.cz-user_portal_contact_details-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
}

/**/
.cz-user_portal_welcome-card-contact_info {
  display: flex;
  flex-direction: column;
  margin: 8px 0;
}

.cz-user_portal_welcome-card-contact_info span {
  font-size: 0.875rem;
  color: var(--utility-gray-true-600);
  font-weight: 600;
  height: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*Contact Details: Question to user is made bold*/
.cz-user_portal_contact_details-question {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-primary);
  flex: 0 0 auto;
}

.cz-user_portal_contact_details-question .cz-user_portal-container h1 {
  margin-bottom: 0 !important;
}

.cz-user_portal_contact-details {
  font-weight: 600;
  text-align: left;
  margin-left: 20px;
  line-height: 25px;
  color: var(--text-primary);
}

.cz-user_portal_contact_details-image {
  width: 80px;
  height: 80px;
}

.cz-user_portal_contact_details-owner_user {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cz-portal-contact-details--container {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 20px;
}

.cz-portal-contact-warning {
  background-color: cornsilk;
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  align-items: center;
  color: var(--error-700);
  font-weight: 600;
  padding-right: 5px;
  height: 18px;
}

.cz-portal-contact-warning.ng-hide {
  visibility: hidden;
  display: block !important;
}

.cz-portal-contact-edit {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

.cz-portal-contact-edit--popupsearch {
  flex: 0 0 auto;
}

.cz-portal-contact-edit--buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

button.cz-portal-contact-edit--buttons {
  flex: 0 0 auto;
  margin-left: 4px;
  margin-right: 4px;
}

button.cz-user_portal_contact-button {
  flex: 0 0 auto;
}

button.cz-user_portal_contact-button svg {
  fill: var(--fg-white);
}

button.cz-user_portal_contact-button:hover .cz-user_portal_contact-button svg {
  fill: var(--fg-white);
}

.cz-portal-template-edit-dialog-form > .cz-data-entry-ctl-container > .cz-data-entry-ctl-form-container {
  border-right: none;
}

/*
    ========
    Not Used
    ========
*/
.column-format {
  display: flex;
  flex-direction: column;
  padding-top: 10px !important;
}

/* Abstracts */
/* App */
/* Checklist Template */
/* -------------- */
.cz-checklist-root-control .cz-data-entry-ctl-body {
  background-color: var(--utility-gray-100-alpha-75);
  padding-bottom: 20px;
  max-width: 891px;
  min-width: 800px;
  position: relative;
  margin: 0;
}

.cz-checklist-root-control .cz-root-ctl-content-container {
  margin-bottom: 45px;
}

/*Hiding footer in dialog*/
.cz-checklist-template-edit-dialog-form .cz-data-entry-ctl-footer {
  display: none;
}

.cz-dialog-checklist-translation .cz-data-entry-ctl-footer {
  display: none;
}

.cz-dialog-checklist-template-edit {
  width: 570px;
  height: 600px;
  position: relative;
}

.cz-dialog-checklist-template-edit .cz-dialog-checklist-template-body {
  height: 100%;
}

.cz-checklist-root-control .cz-footer-bar-content {
  max-width: 891px;
}

.cz-checklist-root-control .cz-checklist-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.cz-checklist-root-control .cz-checklist-requirements-grid .cz-data-entry-ctl-footer {
  position: relative;
}

.cz-dialog-checklist-template-body .cz-data-entry-ctl-body {
  padding-bottom: 0;
}

.cz-dialog-checklist-template-body.cz-dialog-body {
  padding: 0;
}

.cz-dialog-checklist-template-body .cz-tab-strip-ctl {
  position: relative;
  height: 100%;
}

.cz-dialog-checklist-template-body .cz-data-entry-ctl-footer {
  display: none;
}

/* Checklist Template */
/* -------------- */
/* ---------------- CHECKLIST TEMPLATE CARD */
.cz-checklist-card {
  position: relative;
  background: var(--fg-white);
  width: 100%;
  min-width: 550px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid var(--gray-light-200);
  box-shadow: 0 2px 5px 0 var(--alpha-black-10);
}

.cz-checklist-card_header {
  height: 50px;
  width: 100%;
  display: flex;
  border-bottom: 2px solid var(--gray-light-200);
}

.cz-checklist-card_body {
  position: relative;
  width: 100%;
  padding: 0;
}

.cz-checklist-card_body ul {
  padding: 0;
  margin-bottom: 0;
}

.cz-checklist-card_body li:last-child {
  padding-bottom: 0;
  border-radius: 0 0 5px 5px;
}

.cz-checklist-card_body .cz-cl_tasks:hover {
  cursor: pointer;
  background-color: var(--utility-gray-dark-50);
}

/* App */
/* Abstracts */
/* Checklist Template */
/* -------------- */
span.cz-cl_span {
  font-size: 0.875rem;
  color: var(--utility-gray-true-600);
  font-weight: 600;
  display: block;
}

.cz-cl_span_margin-right {
  margin-right: 10px;
}

/* ---------------- CHECKLIST STATUS STYLING */
/* checklist task statuts highlight*/
.cz-checklist-category-status-unassigned,
.cz-checklist-item-status-overdue {
  color: var(--utility-error-600-alpha-75) !important;
  font-size: 0.875rem;
  font-weight: 600;
  display: block;
}

.cz-checklist-unassigned {
  color: rgba(224, 42, 44, 0.8);
}

.cz-checklist-card_header .cz-checklist-category-status-unassigned {
  margin-left: 5px;
}

.cz-checklist-item-status-remove {
  opacity: 0.5;
}

.cz-checklist-item-status-input-remove {
  pointer-events: none;
}

.cz-checklist-item-status-done {
  opacity: 0.6;
}

.cz-cl-span_fade {
  color: var(--utility-gray-600-alpha-75) !important;
}

.cz-checklist-list_item_input_noClick--radio {
  pointer-events: none;
}

/* ---------------- CHECKLIST INSTANCE CARD */
.cz-checklist-task-section {
  position: static !important;
}

.cz-checklist_container {
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}

.cz-checklist-content_container, .cz-running-checklist_container {
  flex: 1 1 auto;
  float: left;
  width: 100%;
  position: relative;
}

.cz-checklist-card_container {
  max-width: 850px;
  width: 100%;
}

.cz-checklist-task-container {
  display: flex;
  height: 55px;
  border-bottom: 1px solid var(--gray-light-200);
}

.cz-checklist-card_body > .cz-checklist-task-row:last-child > .cz-checklist-task-container {
  border: none;
}

.cz-checklist-card_body > .cz-ag-table--grid-header {
  padding-right: 0px;
}

.cz-checklist-instance-input_header {
  flex: 0 0 83px;
  display: none;
}

.cz-checklist_label-template {
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-checklist_label-template h1 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--gray-light-900);
  margin: 0;
  line-height: 2;
}

.cz-checklist_label {
  flex: 6;
  height: 30px;
  max-width: 650px;
  line-height: 2;
  margin: 10px 0 10px 30px;
}

.cz-checklist_label h1 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--gray-light-900);
  margin: 0;
  line-height: 2;
}

.cz-checklist-list__item, .cz-checklist-list__item-template {
  background-color: var(--fg-white);
  display: flex;
  background: var(--utility-gray-200-alpha-10);
  align-items: center;
  flex: 1 1 auto;
  min-width: 100px;
  border-left: 1px solid var(--gray-light-200);
  height: 100%;
}

.cz-checklist-list__item-template {
  max-width: none;
  border-left: 0;
  border-bottom: 1px solid var(--gray-light-200);
  height: 59px;
}

.cz-checklist-list__item, .cz-checklist-list__item-template {
  border-bottom-right-radius: 5px;
}

.cz-checklist-card_details, .cz-checklist-card-template_details {
  position: relative;
  display: flex;
  flex: 5;
  height: 45px;
  margin: 8px 0 5px 25px;
  align-items: center;
}

.cz-myreviews-checklist-card_details {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 5;
  height: inherit;
  margin-left: 25px;
}

.cz-checklist-card-template_details {
  flex: 3;
  display: flex;
  align-items: unset;
  flex-direction: column;
  justify-content: center;
  height: 55px;
  margin-left: 30px;
}

.cz-checklist-addTask-button {
  cursor: pointer;
  display: inline-block;
  min-height: 2em;
  outline: 0;
  border: none;
  vertical-align: baseline;
  background: transparent none !important;
  color: var(--alpha-black-50) !important;
  padding: 0.5em 0.5em 0.5em;
  font-weight: 600;
  border-radius: 0.179rem;
  text-transform: none;
  text-shadow: none !important;
  box-shadow: 0 0 0 1px var(--utility-gray-900-alpha-10) inset;
  line-height: 1.2em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
}
.cz-checklist-addTask-button:hover, .cz-checklist-addTask-button:focus {
  background-color: var(--utility-gray-300-alpha-50) !important;
  background-image: none;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 var(--utility-gray-900-alpha-10) inset;
}

.cz-checklist-addTask-button svg {
  height: 10px;
  margin-left: 2px;
  fill: var(--alpha-black-50);
}

.cz-running-checklist-user_image {
  height: 40px;
  width: 40px;
  margin-right: 25px;
  background: var(--utility-gray-300);
  border: 1px solid var(--border-primary);
}

.cz-checklist-addTask_details {
  display: flex;
  flex-direction: row;
  padding: 2px 5px 0 50px;
  height: 30px;
  margin: 8px 0 10px 90px;
}
.cz-checklist-addTask_details button {
  max-height: 2em;
}

.cz-checklist-addTask_text {
  line-height: 2;
  margin-right: 10px;
}

/* Checklist task checkbox */
.cz-checklist-list__item-input {
  position: relative;
  background: var(--utility-gray-true-400-alpha-10);
  height: 55px;
  width: 55px;
  flex: 0 0 auto;
  cursor: pointer;
}

.cz-checklist-list__item-input:hover {
  background: var(--utility-gray-true-400-alpha-25);
}

.cz-checklist-list__item-checkbox_IsNotChecked {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: var(--utility-gray-dark-300);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

.cz-checklist-list__item-checkbox_IsChecked {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('completed-tick.3235a3fcc1349f73.svg');
  opacity: 0.8;
  height: 16px;
  width: 16px;
}

.cz-checklist-list__item-input:hover .cz-checklist-list__item-checkbox_IsNotChecked {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('completed-tick.3235a3fcc1349f73.svg');
  opacity: 0.65;
  height: 16px;
  width: 16px;
}

/* Checklist task content */
.cz-checklist-card_info {
  position: relative;
}

.cz-checklsit-list__item-header-name {
  width: 200px;
}

.cz-checklist-list__item-name {
  display: flex;
  flex-direction: column;
  color: var(--gray-light-900);
}
.cz-checklist-list__item-name .cz-checklist-list__item-name-task-name {
  font-weight: bold;
}

.cz-checklist-list__item-active {
  background-color: #eff8ff;
  text-align: center;
  font-weight: 600;
  border: 2px solid #b2ddff;
  color: #175cd3;
  display: block;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 10px 0 10px;
  max-width: 100%;
}

.cz-checklist-list__item-active:before {
  content: "•";
  color: #175cd3;
}

.cz-checklist-list__item-inactive {
  background-color: #f9fafb;
  text-align: center;
  font-weight: 600;
  border: 2px solid #e4e7ec;
  color: #344054;
  display: block;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 10px 0 10px;
  max-width: 100%;
}

.cz-checklist-list__item-inactive:before {
  color: #344054;
  content: "•";
}

.cz-checklist-checkbox-header {
  width: 55px;
}

.cz-checklist-card_body .cz-table__header-cell {
  background-color: transparent;
  background: transparent;
}

.cz-checklist-table_header {
  background-color: #f9fafb;
}

.cz-checklist-card_info-details {
  position: relative;
  display: flex;
  height: 26px;
  line-height: 2;
}

.cz-checklist-card_info-template-details {
  height: 23px;
}

.cz-checklist-task-row {
  position: relative;
}

.cz-checklist-card_time, .cz-checklist-template-card_time {
  position: relative;
  flex: 1.5;
  height: 40px;
  margin: 5px 10px 5px 10px;
  line-height: 3;
  text-align: right;
  min-width: 250px;
}

.cz-checklist-card_time, .cz-checklist-template-card_time,
.cz-checklist-template-card_time .cz-checklist-card_info {
  color: var(--utility-green-600-alpha-90);
  font-weight: 600;
}

.cz-checklist-template-card_time {
  flex: 2;
  min-width: 200px;
}

.cz-checklist-card_icon {
  position: relative;
  height: 55px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  line-height: 0.5;
  flex: 0.5;
  max-width: 50px;
  align-items: center;
}

.cz-checklist-list__item-cell {
  padding-left: 10px;
}

div.cz-checklist-card-arrow-svg {
  height: inherit;
  display: flex;
  align-items: center;
}

svg.cz-checklist-card-arrow-svg {
  --svg-icon-size: 16px;
  --svg-icon-fill: colors.$primary-gray;
}

.cz-checklist-card_info-null {
  margin-top: 20px;
  color: var(--utility-gray-dark-400);
}

.cz-checklist-card_info-null:last-child {
  margin-bottom: 30px;
}

.cz-checklist-requirements-table-row .cz-form-field {
  width: 100% !important;
}

.cz-checklist-requirements-table-row .cz-data-entry-ctl-body {
  min-width: none;
}

.cz-checklist-requirements-grid .cz-data-entry-ctl-body {
  min-width: 100%;
}

.cz-checklist-requirements-grid .cz-grid-table-container {
  width: 100%;
}
.cz-checklist-requirements-grid .cz-grid-table-container table {
  width: 100% !important;
}
.cz-checklist-requirements-grid .cz-grid-table-container .cz-grid-table-body {
  border-bottom: 0px;
}
.cz-checklist-requirements-grid .cz-grid-table-container .cz-footer-bar-content {
  padding: 10px 20px;
}

.cz-checklist-requirements-drop-down .cz-text-block {
  padding: 0px;
}

/*ChecklistInstance Summary*/
.cz-checklist-instance-summary {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
  background: var(--bg-primary);
  width: 850px;
  min-width: 550px;
  height: 120px;
  margin-bottom: 20px;
  border: 1px solid var(--gray-light-200);
  border-radius: 0.25em;
  box-shadow: 0 2px 5px 0 var(--alpha-black-10);
}

.cz-checklist-instance-content {
  width: 100%;
  height: 100%;
  display: flex;
}

.radial-progress-meter {
  --svg-icon-height: 100px;
  --svg-icon-width: 120px;
  position: relative;
  margin-top: 10px;
}

.radial-progress__value {
  stroke-dasharray: 339.292;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: normal;
}

.radial-percentage {
  position: absolute;
  display: flex;
  justify-content: center;
  margin-top: 37.5px;
  margin-left: 1px;
  width: 120px;
  height: 30px;
}

.radial-percentage_value {
  color: var(--utility-gray-dark-500);
  font-weight: 600;
}

.cz-checklist-task-sort {
  display: flex;
  padding-bottom: 20px;
  width: 35%;
  min-width: 200px;
}

.cz-checklist-task-sort .cz-dialog-field {
  display: flex;
  flex: 2 2;
}

.cz-checklist-task-sort_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 5px;
  white-space: nowrap;
}

.cz-checklist-instance-details-percentage {
  position: relative;
  font-size: 1.125rem;
  flex: 1 1 60px;
  min-width: 120px;
  max-width: 140px;
  margin-left: 20px;
}
.cz-checklist-instance-details-percentage > .cz-checklist-instance-details-block {
  margin: 0;
}

.cz-checklist-instance-details {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  max-width: 250px;
}

.cz-checklist-instance-details_content {
  display: flex;
  flex-direction: column;
}

.cz-checklist-instance-progress-dial {
  margin-left: 50px;
}

.cz-checklist-instance-details-block {
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  margin: 5px 0;
}

.cz-checklist-instance-details-block_content {
  font-weight: 600;
  color: var(--gray-light-900);
}

svg.cz-scheduled-export-user-icon path.inactive-cross {
  fill: var(--error-700);
}

/* cz-checklist-form-section-body  -- Not used in .html but as a class control property in checklistinstance views */
.cz-checklist-form-section-body > .cz-form-section-boxed {
  margin: 0;
}

.cz-checklist-form-section-body > .cz-form-section-headered {
  margin: 0;
}

.cz-checklist-form-section-body > .cz-form-section-headered > .cz-form-section-body {
  padding: 0;
}

/* ---------------- RESPONSIVENESS */
@media screen and (max-width: 1110px) {
  .cz-checklist-card {
    width: 99%;
  }
  .cz-checklist-instance-summary {
    width: 99%;
  }
  .cz-checklist-card_container {
    width: 100%;
  }
}
/* Checklist Template */
/* -------------- */
.cz-running-checklist_container {
  max-width: 1100px;
  width: 100%;
  min-width: 750px;
}

.cz-running-checklist_filter {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}

.cz-running-checklist_filter .cz-dialog-field {
  flex: 1 1 auto;
  max-height: 40px;
  margin-bottom: 0;
}

.cz-running-checklist_filter .cz-checklist-task-sort {
  display: flex;
  justify-content: flex-end;
  min-width: 200px;
  padding-bottom: 0;
}

.cz-checklist_instance {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 20px;
}

.cz-checklist-instance-root-control .cz-checklist-instance-ctl-body {
  position: relative;
  background-color: var(--utility-gray-200);
}

.cz-checklist-instance-ctl-body_container {
  display: flex;
  flex: 1 0 auto;
}

.cz-checklist-instance-root-control .cz-data-entry-ctl-body {
  background-color: var(--utility-gray-100-alpha-75);
  max-width: 891px;
  min-width: 100%;
  margin-top: 0;
  flex: 3 3 auto;
}

.cz-checklist-instance-root-control .cz-footer-bar-content {
  position: relative;
  max-width: 891px;
}

.cz-checklist-instance-root-control .cz-checklist-instance-footer {
  position: fixed;
  bottom: 0;
}

.cz-running-checklist_container .cz-root-ctl-content-container {
  margin-bottom: 0px;
}

.cz-add-edit-checklist-instance_container {
  position: absolute;
  height: 100%;
  width: 100%;
  min-height: 520px;
}

.cz-add-edit-checklist-instance {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 575px;
  width: 400px;
}

.cz-add-edit-checklist-instance-body .cz-data-entry-ctl-container > .cz-data-entry-ctl-form-container {
  width: 100% !important;
  overflow: hidden;
}

.cz-add-edit-checklist-instance-body > div > div > div > .cz-data-entry-ctl-form-container {
  padding: unset;
  border: unset;
}
.cz-add-edit-checklist-instance-body > div > div > div > .cz-data-entry-ctl-form-container div.cz-form-field,
.cz-add-edit-checklist-instance-body > div > div > div > .cz-data-entry-ctl-form-container div.cz-form-field:last-child {
  margin: 0px 5px 15px 5px;
}

.cz-checklist-footer_container {
  bottom: 0;
  width: 100%;
}

/*Hiding footer in dialog*/
.cz-add-edit-checklist-instance .cz-data-entry-ctl-footer {
  display: none;
}

.cz-running-checklist-card_details {
  margin-right: 15px;
  max-width: 140px;
  min-width: 140px;
}

.cz-running-checklist-deadline {
  text-align: right;
  min-width: 150px;
  max-width: 210px;
}

.cz-running-instances-progress {
  --kendo-progressbar-height: 15px;
  width: 100%;
  margin-right: 20px;
}

.cz-running-instances-search {
  width: 50%;
  max-width: 300px;
}

.cz-running-checklist-instance .cz-checkbox-filter {
  color: var(--utility-gray-dark-700);
}

.cz-running-checklist-instance .cz-checkbox-filter__hidden-input {
  cursor: pointer;
}

.cz-running-checklist-empty-state {
  text-align: center;
  margin-top: 250px;
}

.cz-running-checklist-instance-percentage {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 25px;
  margin: 12px 0 12px 0;
}

.cz-running-checklist-percentage_value {
  position: absolute;
  right: -5px;
  top: -1px;
  width: 100%;
  font-size: 0.75rem !important;
}

.checklist-percentage-value_null {
  color: var(--utility-gray-500) !important;
  font-weight: 700 !important;
}

.checklist-percentage-value_not-null {
  color: var(--fg-white) !important;
  font-size: 0.75rem !important;
}

.cz-running-checklist-overdue-tasks {
  display: flex;
  text-align: right;
  margin: 0 16px;
  min-width: 150px;
}

.cz-running-checklist-instance-flag-tasks {
  position: relative;
  margin-right: 10px;
  height: 16px;
  width: 16px;
  opacity: 0.8;
  background-image: url('warning-small.79f374ff5fc54cde.svg');
}

.cz-running-checklist-overdue-task_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 20px;
  border-radius: 0.25em;
  background: var(--utility-error-600-alpha-75);
  padding: 0 5px;
}

.cz-running-checklist-overdue-task_text h1 {
  font-size: 0.75rem;
  color: var(--text-white);
  font-weight: 600;
  display: block;
  margin: 0;
}

.cz-running-checklist-item-status-no-tasks .cz-running-checklist-instance-flag-tasks {
  position: relative;
  margin-left: 60px;
  height: 16px;
  width: 16px;
  opacity: 0.8;
  background-image: url('warning-small.79f374ff5fc54cde.svg');
}

.cz-running-checklist-instance-flag-tasks span {
  margin-left: 30px;
}

.cz-running-checklist-instance-due-date {
  color: var(--utility-success-600-alpha-50);
  font-weight: 600;
}

div.cz-running-checklist-item-status-due .cz-running-checklist-instance-due-date {
  color: var(--fg-error-primary);
}

.cz-running-checklist-instance .cz-data-entry-ctl-body {
  position: relative;
  max-width: 100%;
  border: 0;
  background: unset;
}

.cz-running-checklist-instance .cz-empty-state--view {
  position: absolute;
}

/* Overdue task */
.cz-running-checklist-task-overdue {
  color: var(--error-500) !important;
}

/* Onboarding User Portal Responsiveness */
/* -------------- */
@media screen and (min-width: 1200px) {
  .cz-portal_no-location_container {
    height: 100%;
    display: grid;
    place-content: center;
    gap: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .cz-user_portal_welcome_container {
    max-width: 96%;
    width: 100%;
    flex: inherit;
  }
  .cz-user_portal_welcome-task_container {
    max-width: 96%;
    width: 96%;
    flex: 1;
    margin: 10px 0;
  }
  .cz-user_portal_welcome_details_container {
    flex: 1 1 50%;
    flex-direction: row;
    margin-top: 0;
    justify-content: center;
    overflow-y: auto;
    padding-top: 10px;
    display: flex;
  }
  .cz-portal_welcome-location_button {
    display: grid;
    place-content: center;
    height: 100%;
  }
  .cz-user_portal_welcome_details {
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: unset;
    overflow: unset;
    margin-top: auto;
    margin-bottom: auto;
  }
  .cz-portal-instructions_container {
    margin-left: 60px;
    margin-top: 25px;
    max-height: 160px;
  }
  .cz-portal_tab-item_content-location {
    flex-direction: column-reverse;
    justify-content: center;
    overflow: auto;
    max-height: 100%;
    height: 100%;
  }
  .cz-portal-map_container {
    display: flex;
    flex: 1 1 50%;
    height: 160px;
    min-height: 160px;
    border-bottom: 1px solid var(--utility-gray-300);
    box-shadow: inset 0px -10px 70px var(--utility-gray-200);
  }
  .cz-portal_map {
    height: 159px;
  }
  .cz-portal_no-location_container {
    display: flex;
  }
  .cz-portal_no-location-found {
    flex-direction: row;
  }
  .cz_portal-card-location_empty-state {
    height: 100%;
    min-width: 200px;
  }
  .cz_portal-card-location_empty-state_icon {
    top: 0 !important;
  }
  .cz-portal_no-location-found_text {
    height: 100%;
    flex-direction: column;
    text-align: left;
  }
}
@media screen and (max-width: 1105px) {
  .cz-user_portal_details_container,
  .cz-user_portal_welcome-task_container {
    max-width: 96% !important;
    min-width: 490px;
    margin: 10px 0;
  }
  .cz-user_portal-add__card {
    margin-top: 20px !important;
  }
  .cz-user_portal_welcome_message-user_image {
    margin: auto;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .cz-user_portal_welcome-card_text {
    max-width: 90%;
    margin-bottom: 20px;
  }
  .cz-user_portal_team_members_icon-container {
    justify-content: flex-start !important;
    width: 97% !important;
  }
  .cz-user_portal_team_members__icon {
    margin-right: 0 !important;
    flex: none !important;
  }
}
@media screen and (max-width: 800px) {
  .cz-user_portal_welcome_container {
    max-width: 100%;
    margin: 10px;
  }
  .cz-user_portal_details_container,
  .cz-user_portal_welcome-task_container {
    max-width: 100% !important;
    min-width: 490px;
    margin: 10px;
  }
}
.cz-portal-section-card:nth-child(1):nth-last-child(1) {
  margin-right: 51%;
}

.cz-portal-section-card:nth-child(3):nth-last-child(1) {
  margin-right: 51%;
  min-width: 490px;
}

.cz-portal-section-card:nth-child(5):nth-last-child(1) {
  margin-right: 51%;
}

.cz-portal-section-card:nth-child(7):nth-last-child(1) {
  margin-right: 51%;
}

@media screen and (max-width: 1200px) {
  .cz-portal-section-card,
  .cz-portal-edit-section-card {
    max-width: 100% !important;
    min-width: 490px;
  }
  .cz-portal-edit-section-card-container {
    padding-left: 0;
  }
  .cz-user_portal-card_container {
    padding-left: 0;
    flex: 1 1 auto;
    width: 100%;
  }
  .cz-user_portal_team_member-card-container {
    display: flex !important;
  }
  .cz-user_portal_team_members__title {
    margin-left: 20px;
  }
  .cz-portal-section-card:nth-child(1):nth-last-child(1) {
    margin-right: 15px !important;
  }
  .cz-portal-section-card:nth-child(3):nth-last-child(1) {
    margin-right: 15px !important;
  }
  .cz-portal-section-card:nth-child(5):nth-last-child(1) {
    margin-right: 15px !important;
  }
  .cz-portal-section-card:nth-child(7):nth-last-child(1) {
    margin-right: 15px !important;
  }
}
/*  ----------- IPad Responsivness  ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cz-portal-edit-section-card,
  .cz-portal-section-card {
    width: 100% !important;
    min-width: unset !important;
  }
  .cz-user_portal_team_members_icon-container {
    justify-content: center !important;
    width: 97% !important;
  }
  .cz-user_portal_team_members__icon:last-child {
    display: none !important;
  }
  .cz-user_portal_welcome_screen-form {
    height: 75% !important;
  }
  .cz-ob_portal_template_team_members-container button {
    right: 4% !important;
  }
}
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .cz-user_portal-card_container {
    display: flex;
  }
  .cz-user_portal_welcome_container {
    max-width: 70%;
    display: flex;
    flex-direction: column;
    flex: 2;
  }
  .cz-user_portal_details_container,
  .cz-user_portal_welcome-task_container {
    max-width: 300px !important;
    min-width: 0 !important;
  }
  .cz-user_portal-add__card {
    width: unset !important;
    margin-top: 50px !important;
    min-width: 450px !important;
    max-width: 450px !important;
  }
  .cz-portal-content-container {
    display: flex;
    flex-direction: column;
  }
  .cz-portal-edit-section-card,
  .cz-portal-section-card {
    width: unset !important;
    min-width: 404px !important;
  }
  .cz-user_portal_welcome_screen-form {
    max-height: 700px;
  }
}
/* ----------- iPad Pro 12.9" ----------- */
/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: Landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .cz-user_portal-add__card {
    width: unset !important;
    margin-top: 50px !important;
    min-width: 450px !important;
    max-width: 540px !important;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .cz-user_portal-card_container {
    min-width: 0;
  }
  .cz_portal_tab-list_icon {
    height: 28px !important;
    width: 28px !important;
  }
  .cz-user_portal_welcome_details_container {
    min-width: 0 !important;
  }
  .cz_portal_tab_list-container {
    max-height: 50px;
    min-height: 50px;
  }
  .cz_portal_tab-list {
    min-width: 0;
    min-height: 50px;
    max-height: 50px;
    justify-content: center;
  }
  .cz_portal_tab-list__tab-item {
    max-height: 49px;
    min-height: 48.5px;
    max-width: 25%;
    width: 25%;
  }
  .cz_portal_tab-list__tab-item:last-child {
    border-right: none !important;
  }
  .cz_portal_welcome_card-edit-button svg {
    width: 13px !important;
  }
  .cz-portal_welcome-location_button {
    right: 5% !important;
    width: 130px !important;
  }
  .cz_portal-card-location_empty-state_icon {
    height: 80px !important;
    width: 80px !important;
  }
  .cz-user_portal_welcome-card_text {
    margin-left: 15px;
    margin-top: 15px;
  }
  .cz-user_portal-container h1 {
    font-size: 0.875rem !important;
    font-weight: 700 !important;
  }
  .cz_portal_task_count-number h1 {
    font-size: 3rem !important;
  }
  .cz-user_portal_welcome_details {
    padding-left: 20px;
  }
  .cz-user_portal_welcome_location {
    width: 80%;
  }
  .cz-user_portal_details_container,
  .cz-user_portal_welcome-task_container {
    margin: 10px 5% !important;
    width: 90%;
    min-width: 0;
    max-width: 100% !important;
  }
  .cz-user_portal_welcome_screen-form {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    border: 0;
    border-radius: 0;
  }
  .cz-user_portal_welcome-task_container {
    height: 200px;
  }
  .cz_portal_task_count-content {
    flex-direction: row;
    height: 150px;
    width: 95%;
  }
  .cz_portal_task_count-circle {
    margin-top: 0;
    flex-direction: column;
    width: 140px;
  }
  .cz_portal_task_empty-state {
    height: 90px;
    width: 90px;
    background-size: 90px 90px;
  }
  .cz_portal_task_count-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    margin-top: 0;
  }
  .cz_portal_task-title h1 {
    font-size: 1rem !important;
    line-height: 3.1;
  }
  .cz_portal-user_task_count-circle {
    height: 100%;
    flex-direction: column;
    margin: 0 10px 0 0;
    background: none;
  }
  .cz_portal_task_count-number {
    height: 90px;
    width: 90px;
    max-height: 90px;
    border-radius: 50%;
    background: var(--utility-gray-300-alpha-25);
  }
  .cz_portal_task_count-btn {
    justify-content: flex-start;
  }
  .cz_portal_task_count-btn button {
    height: 28px !important;
    font-size: 0.75rem !important;
  }
  .cz_portal_task_count-body {
    padding-top: 20%;
  }
  .cz-user_portal-add__card,
  .cz-portal-edit-section-card,
  .cz-user_portal-card {
    margin: 10px 3.5% !important;
    min-width: 0 !important;
    width: 93% !important;
  }
  .cz-portal-section-card__body > .cz-user_portal-card {
    margin: 0 !important;
    width: 100% !important;
  }
  .cz-portal-section-card {
    min-width: 0 !important;
    width: 93% !important;
    margin: 0 !important;
    margin-right: 0 !important;
  }
  .cz-user_portal_team_member-card {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
    min-height: 170px;
    max-height: 170px;
  }
  .cz-portal_team_member-hierarchy span {
    min-width: 60px !important;
  }
  .cz-portal-section-card:nth-child(1):nth-last-child(1) {
    margin-right: 0 !important;
  }
  .cz-portal-section-card:nth-child(3):nth-last-child(1) {
    margin-right: 0 !important;
  }
  .cz-portal-section-card:nth-child(5):nth-last-child(1) {
    margin-right: 0 !important;
  }
  .cz-portal-section-card:nth-child(7):nth-last-child(1) {
    margin-right: 0 !important;
  }
  .cz-user_portal_team_members_icon-container {
    min-width: 0 !important;
    justify-content: center !important;
  }
  .cz-user_portal_team_members__icon img {
    height: 60px !important;
    width: 60px !important;
  }
  .cz-user_portal_team_members__icon:nth-child(-n+3) {
    display: none !important;
  }
}
/*Hiding footer in dialog*/
.cz-add-ob-user-portal .cz-data-entry-ctl-footer {
  display: none;
}

/* Abstracts */
/* OBPortal */
/* -------- */
/*
    ===========
    Drag & Drop
    ===========
*/
.highlight {
  font-weight: 700 !important;
  font-size: 1.125rem !important;
}

.cz-pointer-event-clone {
  opacity: 0.5;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  touch-action: none;
}

.cz-js-drop-target {
  background-color: var(--gray-light-200);
  margin: 5px;
  border: 2px dashed var(--brand-600);
}
.cz-js-drop-target > * {
  visibility: hidden;
}

.cz-user_portal_section-drop {
  width: 50px;
  flex: 1 auto;
}

/*
    ================
    Sections & Cards
    ================
*/
.cz-portal-section-card__body {
  width: 100%;
}

.cz-user_portal-add__card {
  height: 315px;
  background: none;
  width: 45%;
  margin: 50px 15px 15px 15px;
  max-width: 680px;
  min-width: 490px;
  flex: 2 2 auto;
  border: 3px dashed var(--utility-gray-300);
  transition: all 0.15s ease;
}

.cz-user_portal-add__button {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.cz-user_portal-add--button__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cz-user_portal-add__button span {
  --svg-icon-size: 45px;
  margin-bottom: 10px;
}

.cz-user_portal-add__button h1 {
  margin-top: 5px;
  color: var(--utility-gray-400);
  font-weight: 600;
  font-size: 1.125rem;
}

.cz-user_portal-card--description__buttons {
  position: absolute;
  right: 3%;
  top: 2%;
}

.cz-user-portal-card--section-placeholder-image {
  height: 85px;
  display: block;
  fill: var(--utility-gray-true-600);
}

.cz-user-portal-card--section-placeholder-image-container {
  height: 274px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cz-portal-edit-section-card {
  min-width: 490px;
}
.cz-portal-edit-section-card:nth-child(odd) {
  margin-left: 0 !important;
}

.cz-portal-card-drag__container {
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  justify-content: center;
}

.cz-portal-card-drag {
  display: flex;
  justify-content: center;
  width: 100px;
  border-radius: 3px;
}

.cz-portal-card-drag svg {
  height: 30px;
}

.cz-portal-card-drag:hover {
  background: var(--utility-gray-300);
}

/*
    ============
    Team Members
    ============
*/
.cz-ob_portal_template_team_members-container button {
  right: 2%;
  margin: 0 !important;
}

.cz-user_portal_team_members_icon-container, .cz-user_portal_team_members_hidden-container {
  display: flex;
  flex-wrap: inherit;
  justify-content: center;
  margin: 10px;
  max-width: 1400px;
  min-width: 500px;
}

.cz-user_portal_team_members__icon {
  display: flex;
  justify-content: center;
  margin-right: 20px;
  flex: 1 1;
}

.cz-user_portal_team_members__icon img {
  height: 90px;
  width: 90px;
  margin: 15px;
  opacity: 0.5;
}

.cz-user_portal_team_members_hidden-container {
  flex-direction: column;
  height: 150px;
  margin-top: 0;
}

.cz-user_portal_team_members__hidden {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80px;
  width: 90%;
  margin: 35px;
  border-radius: 3px;
  background: var(--utility-gray-25);
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  border: 3px dashed var(--utility-gray-300);
}

.cz-user_portal_team_members-hidden_content {
  display: flex;
  justify-content: center;
  height: 30px;
  width: 100%;
  margin: 25px 0;
}

.cz-user_portal_team_members-hidden-center_content {
  width: 250px;
  display: flex;
}

.cz-user_portal_team_members-hidden_text {
  height: 25px;
  margin-right: 10px;
}

.cz-user_portal_team_members-hidden_text h1 {
  line-height: 2;
}

.cz-user_portal_team_members-hidden_icon {
  height: 25px;
  width: 25px;
  opacity: 0.7;
}

.cz-user_portal_team_members-hidden_icon .disabled .st0 {
  fill: none;
  stroke: var(--bg-quinary);
  stroke-width: 10;
  stroke-miterlimit: 10;
}

/*
    ==========================
    Add Portal Template Dialog
    ==========================
*/
/* Empty state for add-portal in wf */
.cz-add-portal-empty-state {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 20px;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 20px 0;
  gap: 20px;
  z-index: 1;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 100%;
  width: 100%;
}
.cz-card__body .cz-root-ctl-content .cz-add-portal-empty-state {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 0;
}

.cz-add-portal-empty-state .cz-empty-state__icon {
  --svg-icon-size: 120px;
}

.cz-add-ob-user-portal_dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  min-height: 100%;
}

.cz-add-ob-user-portal-outer_container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}

.cz-add-ob-user-portal-inner_container {
  width: 400px;
}

div.cz-add-ob-user-portal > div.cz-data-entry-ctl-container > div.cz-data-entry-ctl-form-container {
  border-right: none;
}

/*
.cz-add-ob-user-portal {
    height: 300px;
}
*/
.cz-add-ob-user-portal > div > div > .cz-data-entry-ctl-form-container {
  border: none;
  border-radius: 0px;
  padding: unset;
  overflow-x: hidden;
}

/*Hiding footer in dialog*/
.cz-dialog-portal-template-body.cz-dialog-body {
  padding: 0;
}

/* Add template dialog form*/
.cz-portal-template-edit-dialog-form .cz-data-entry-ctl-footer {
  display: none;
}

.cz-dialog-portal-template {
  width: 640px;
  position: relative;
  max-height: 90vh;
}

.cz-dialog-portal-template .cz-data-entry-ctl-form-container {
  width: 100% !important;
  padding: 10px;
  border: 0;
}

.cz-dialog-portal-template .cz-dialog-footer {
  width: 100%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .cz-add-ob-user-portal-inner_container {
    max-height: 70%;
    min-height: 70%;
    max-width: 100vh;
    position: relative;
  }
  .cz-dialog-portal-template {
    max-height: 80vh;
  }
}
/* My OBPortal*/
/* ---------- */
/*
    ==============
    Welcome Screen
    ==============
*/
/* ---------------- Custom Framework */
.cz-user_portal_welcome_screen-body {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.cz-user_portal_welcome_screen-footer {
  position: relative;
}

/* ---------------- CONTENT */
.cz-user_portal_welcome_screen_details_container h1.cz-user_portal_welcome_screen_details-title {
  color: var(--gray-light-600) !important;
  font-weight: 600;
}

.cz-user_portal_welcome_screen_details {
  height: 215px;
  width: 100%;
  display: flex;
  margin: 0 auto;
}

.cz-user_portal_welcome_screen_content-container {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  max-width: 950px;
}

.cz-user_portal_welcome_screen_details_container {
  display: flex;
  gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  padding: 5px;
  flex: 1 1 auto;
  height: 200px;
  max-width: 300px;
  min-width: 300px;
}

.cz-user_portal_welcome_screen_details_container h1 {
  width: 100%;
  font-size: 1rem;
  color: var(--utility-gray-true-600);
  font-weight: 500;
  margin: 0;
}

.cz-user_portal_welcome_screen_icon-container {
  flex: 1 1 auto;
  position: relative;
  width: 100%;
  height: 70px;
  max-height: 70px;
  min-height: 70px;
  margin-top: 10px;
  justify-content: center;
}

.cz-user_portal_welcome_screen-start_date {
  display: flex;
  position: relative;
}

.cz-user_portal_welcome_screen_details-text {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  max-width: 300px;
  text-align: center;
  font-size: 1rem;
  color: var(--gray-light-900);
  font-weight: 600;
}

.cz-user_portal_divider {
  border-left: 1px solid var(--border-primary);
  border-right: 1px solid var(--border-primary);
}

.cz-template_portal_welcome_screen_calendar-icon {
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 10px;
  height: 60px;
  width: 60px;
  text-align: center;
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cz-template_portal_welcome_screen_calendar-icon .cz_portal_tab-list_icon {
  --svg-icon-size: 60px;
}

.cz-template_portal_welcome_screen_calendar-icon > .cz_portal_tab-list_icon_date .st1 {
  stroke-width: 5px;
}

.cz-user_portal_welcome_screen_location-icon {
  height: 55px;
  width: 55px;
  background-size: 55px 55px;
}

.cz-user_portal_welcome_screen_contact-container {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.cz-user_portal_welcome_screen_contact-img {
  background: var(--utility-gray-300-alpha-25);
  border: 1px solid var(--border-primary);
  height: 60px;
  width: 60px;
}

.cz-user_portal_welcome_screen_no_display-checkbox--container {
  display: flex;
  width: 50%;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 0px 8px 8px;
}
.cz-user_portal_welcome_screen_no_display-checkbox--container .cz-user-portal-checkbox {
  display: grid;
  place-content: center;
}

/* ---------------- MIXINS */
.cz-portal_center-element, .cz-user_portal_welcome_screen_calendar-icon, .cz-user_portal_welcome_screen_location-icon, .cz-user_portal_welcome_screen_contact-img {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* ---------------- RESPONSIVENESS */
@media screen and (max-width: 1024px) {
  .cz-user_portal_welcome_screen-form {
    height: 90%;
  }
  .cz-user_portal_welcome_screen_content-container {
    padding-bottom: 0;
  }
  .cz-user_portal_welcome_screen_details {
    flex-direction: column;
  }
  .cz-user_portal_welcome_screen-body {
    height: 550px;
  }
  .cz-user_portal_divider {
    border-bottom: 1px solid var(--border-primary);
    border-top: 1px solid var(--border-primary);
    border-left: none;
    border-right: none;
  }
  .cz-user_portal_welcome_screen_details_container {
    flex-direction: column;
  }
  .cz-user_portal_welcome_screen_details-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 10px;
    text-align: left !important;
    align-items: flex-start !important;
    padding: 0;
    margin: auto;
  }
  .cz-user_portal_welcome_screen_icon-container {
    display: flex;
    flex: 0.5;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .cz-user_portal_welcome_screen-form {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    border: 0;
    border-radius: 0;
    margin: 0;
  }
  .cz-user_portal_welcome_screen-body {
    height: 550px;
  }
  .cz-user_portal_welcome_screen_details_container {
    flex-direction: column;
  }
}
/* New Hire Splash Screen  */
/* ----------------- */
/* Containers */
.cz-nh-splash-screen_outer_container {
  position: absolute;
  height: 100%;
  width: 100%;
  min-height: 520px;
}

.cz-nh-splash-screen-inner_container {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  height: 75%;
  width: 53%;
  max-width: 550px;
  min-width: 550px;
  max-height: 500px;
  min-height: 500px;
  overflow: hidden;
}

.cz-nh-splash-screen-body_container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--fg-white);
  border: 2px solid var(--utility-gray-200);
  border-radius: 5px;
}

.cz-nh-splash-screen_content_container {
  margin-top: 30px;
  padding-left: 35px;
}

.cz-nh-splash-screen_content_button {
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.cz-nh-splash-screen_selected-icon {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url('arrow-up-selected.ccbf1a4b28649d7b.svg');
  height: 40px;
  width: 40px;
}

.cz-nh-splash-screen_nav_highlight {
  color: var(--fg-white) !important;
}

.cz-nh-splash-screen_list-item_icon {
  height: 20px;
  width: 20px;
  opacity: 0.95;
}

.cz-nh-splash-screen_container ul {
  list-style-type: none;
  padding-left: 0;
  line-height: 2;
}

.cz-nh-splash-screen_icon, .cz-nh-splash-screen_new-hire_icon, .cz-nh-splash-screen_on-boarding_icon {
  height: 50px;
  width: 50px;
}

.cz-nh-splash-screen_nav {
  display: flex;
  height: 150px;
  width: 100%;
  border-bottom: 2px solid var(--utility-gray-200);
}

.cz-nh-splash-screen_nav_on-boarding h1 {
  color: var(--fg-white) !important;
}

.cz-nh-splash-screen_nav_section {
  position: relative;
  flex: 1 1 50%;
  cursor: pointer;
}

.cz-nh-splash-screen_nav_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.cz-nh-splash-screen_nav_title h1 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 15px;
  color: var(--utility-gray-true-600);
}

.cz-nh-splash-screen_on-boarding_icon {
  margin: auto;
}

.cz-nh-splash-screen_content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.cz-nh-splash-screen_info {
  display: flex;
  flex-direction: column;
  color: var(--utility-gray-true-600);
  height: 100%;
}

.cz-nh-splash-screen_text {
  height: 100%;
  width: 80%;
  min-height: 40px;
  margin-bottom: 15px;
  flex: 1 1 auto;
}

.cz-nh-splash-screen_list {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin-top: 5px;
  margin-bottom: 20px;
}

.cz-nh-splash-screen_list-item {
  display: flex;
  padding: 5px;
  height: 30px;
  min-height: 30px;
  margin: 5px 0;
  border-bottom: 1px solid var(--utility-gray-200);
}

.cz-nh-splash-screen_list-item h1 {
  font-size: 0.875rem !important;
  margin: 0;
  min-width: 200px;
  width: 90%;
}

.cz-nh-splash-screen_new-hire {
  position: relative;
  flex: 1 1 auto;
  background-color: var(--fg-white);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 130px;
}

.cz-nh-splash-screen_new-hire_icon {
  height: 73px;
  width: 73px;
  position: absolute;
  top: 5%;
  right: 0;
  left: 0;
  margin: auto;
}

.cz-nh-splash-screen_new-hire_body {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  width: 250px;
}

.cz-nh-splash-screen_new-hire_body h1 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: auto 0;
  color: var(--utility-gray-600-alpha-75);
}

.cz-nh-splash-screen_new-hire_title {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.cz-nh-splash-screen_new-hire_text {
  display: flex;
  height: 72%;
  justify-content: center;
  text-align: center;
}

.cz-nh-splash-screen_new-hire_list-item {
  text-align: center;
  margin: 10px 0;
}

.cz-nh-splash-screen_new-hire_list-item h1 {
  font-size: 0.875rem;
  margin: 0;
}

@media screen and (width <= 670px) {
  .cz-nh-splash-screen-inner_container {
    position: relative;
    min-height: 100%;
    min-width: 100%;
  }
  .cz-nh-splash-screen-body_container {
    border: unset;
    border-radius: unset;
  }
  .cz-nh-splash-screen_nav_on-boarding_active {
    border-top-left-radius: unset;
  }
}
@media screen and (width <= 420px) {
  .cz-nh-splash-screen-inner_container {
    position: relative;
    min-width: 400px;
  }
}
.cz-nh-splash-screen_nav_on-boarding_active {
  background-color: var(--theme-background-highlight);
  border-top-left-radius: 5px;
}

.cz-nh-splash-screen_nav_new-hire_active {
  background-color: var(--theme-background-highlight);
  border-top-right-radius: 5px;
}

/* Abstracts */
/* Final Stage OB WF */
/* -------- */
.cz-wf-final-shell_container {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.cz-wf-final-outer_container {
  position: absolute;
  height: 100%;
  width: 100%;
  min-height: 580px;
}

.cz-wf-final-inner_container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  height: 75%;
  width: 53%;
  max-width: 900px;
  min-width: 900px;
  max-height: 500px;
  min-height: 500px;
  overflow: hidden;
  border: 1px solid var(--utility-gray-300);
  box-shadow: 0px 1px 1px var(--utility-gray-dark-500-alpha-10);
  border-radius: 5px;
}

.cz-wf-final-body_container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--fg-white);
}

.cz-wf-final-body_header {
  width: 100%;
  height: 45px;
  padding: 15px;
  border-bottom: 1px solid var(--alpha-black-10);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.cz-wf-final-body_header h1 {
  color: var(--utility-gray-true-600);
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.cz-wf-final-body_content {
  display: flex;
  flex: 1 1 auto;
}

.cz-wf-final-body_section {
  position: relative;
  flex: 1 1 auto;
  min-width: 33%;
  width: 33%;
}

.cz-wf-final-body-section_content {
  height: 90%;
  top: 0;
  width: 80%;
  margin: auto;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
}

.cz-wf-final-body-section_title h1 {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.8;
  color: var(--alpha-black-50);
  font-weight: 700;
}

.cz-wf-final-body-section_top {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 145px;
  max-height: 145px;
  margin-bottom: 10px;
}

.cz-wf-final-body-section_middle {
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 100px;
  margin: 20px 0;
}

.cz-wf-final-body-section_middle ul {
  text-align: left;
  padding-right: 10px;
  padding-left: 20px;
}

.cz-wf-final-body-section-middle-text_container {
  height: auto;
  margin: auto;
}

.cz-wf-final-body-section_middle h1 {
  color: var(--utility-gray-true-600);
  font-weight: 600;
  font-size: 0.875rem;
  margin: 0;
  margin-right: 10px;
  text-align: left;
}

.cz-wf-final-body-section_bottom {
  display: flex;
  flex-direction: column;
  min-height: 70px;
  max-height: 70px;
  justify-content: flex-end;
  flex: 1 1 auto;
}

.cz-wf-final-body-content_section {
  max-width: 200px;
}

.cz-wf-final-body-content_section ul .cz-radio-button-list__item {
  word-break: normal;
}

.cz-wf-final-body-section_fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  margin: auto;
  height: 180px;
  width: 190px;
  max-height: 180px;
  min-height: 180px;
}

.cz-wf-final-body-section_status {
  height: 25px;
  width: 25px;
  margin: 20px auto 20px auto;
  border-radius: 50%;
  border: 2px solid var(--utility-gray-300);
  background: var(--bg-primary);
  z-index: 1;
}

.cz-wf-final-body-section_status_completed {
  height: 25px;
  width: 25px;
  background: url('checkmark.ac4accb3a4d60448.svg');
  background-color: var(--utility-green-500) !important;
}

.cz-wf-final-body_section:last-child::after {
  content: "";
}

.cz-wf-final-body_section:not(:last-child)::after {
  background: var(--utility-gray-200);
  position: absolute;
  right: -47.5%;
  top: 151px;
  width: 95%;
  height: 2px;
  content: "";
}

.cz-wf-final-body-section_icon {
  position: relative;
  margin: auto;
  height: 80px;
  width: 80px;
  max-height: 80px;
  min-height: 80px;
  background-size: 80px 80px;
  background-repeat: no-repeat;
}

.cz-wf-final-body-section-sub_text {
  word-break: all;
  text-align: left;
}

.cz-wf-section-icon_checklist {
  background: url('checklist-task_icon.38de8a0bc485825f.svg');
}

.cz-wf-section-icon_email {
  background: url('welcome-email_icon.498aaf279d4568a3.svg');
}

.cz-wf-section-icon_next-stage {
  background: url('next-stage.af33006967b27cbe.svg');
}

.cz-wf-final-body-section_text, .cz-wf-final-body-section_label {
  margin: 10px 0;
  height: 40px;
  justify-content: center;
}

.cz-wf-final-body-section_label {
  justify-content: flex-start;
  margin: 0;
  flex-wrap: unset;
}

.cz-wf-final-body-section-sub_text h1 {
  font-size: 0.875rem;
  margin: 0;
  font-weight: 600;
  color: var(--alpha-black-50);
}

.cz-wf-final-body-section_button button.cz-wf-final-body-section-button_disabled {
  background-color: var(--gray-light-200) !important;
  color: var(--alpha-black-50) !important;
  opacity: 0.8 !important;
}

@media screen and (max-width: 1100px) {
  .cz-wf-final-inner_container {
    max-width: 95%;
    min-width: 95%;
  }
}
@media screen and (max-width: 900px) {
  .cz-wf-final-body_content {
    flex-direction: column;
    width: 100%;
  }
  .cz-wf-final-body_section {
    display: flex;
    width: 100%;
    min-width: 100%;
    border-bottom: 2px solid var(--utility-gray-200);
  }
  .cz-wf-final-body_section:last-child {
    border-bottom: none;
  }
  .cz-wf-final-body-section_content {
    flex-direction: row;
  }
  .cz-wf-final-body-section_top {
    min-height: 100px;
    max-height: 200px;
    min-width: 150px;
    max-width: 150px;
  }
  .cz-wf-final-body-section_fill {
    max-height: 100px;
    min-height: 100px;
    height: 100px;
    width: 100px;
  }
  .cz-wf-final-body-section_status {
    position: absolute;
    top: 27px;
    left: -45px;
  }
  .cz-wf-final-body-content_section {
    width: 90%;
    justify-content: flex-start;
  }
  .cz-wf-final-body-content_section ul .cz-wf-final-body-section_label {
    height: unset;
  }
  .cz-wf-final-body_section:not(:last-child)::after {
    height: 0;
    width: 0;
  }
  .cz-wf-final-inner_container {
    max-height: 580px;
    min-height: 580px;
  }
  .cz-wf-final-body-section_middle {
    min-width: 250px;
    max-width: 250px;
    margin-right: 0;
    margin-left: 10px;
  }
  .cz-wf-final-body-section_middle ul {
    padding-left: 0;
  }
  .cz-wf-final-body-section_middle:last-child {
    margin-top: 0;
  }
  .cz-wf-final-body-section_text, .cz-wf-final-body-section_label {
    display: inline block;
    justify-content: flex-start;
  }
  .cz-wf-final-body-section_bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto 15px;
    min-width: 260px;
    max-width: 260px;
    max-height: 120px;
  }
  .cz-wf-final-body-section_button {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    max-height: 40px;
  }
  .cz-wf-final-body-section_icon {
    width: 60px;
    height: 60px;
    max-height: 60px;
    min-height: 60px;
    background-size: 60px 60px;
  }
}
@media screen and (max-width: 800px) {
  .cz-wf-final-body-section_content {
    margin-right: 30px;
  }
}
@media screen and (max-width: 800px) {
  .cz-wf-final-inner_container {
    max-width: 830px;
    min-width: 830px;
    border: 0;
    box-shadow: none;
    border-radius: 0;
  }
}
/* App */
/* --------- GENERIC USERS LIST --------- */
.cz-users-list-caption {
  display: flex;
}

.cz-users-list-table-caption {
  font-weight: 600;
  flex-grow: 1;
  margin-bottom: 5px;
  padding-left: 20px;
}

.cz-users-list-content-container {
  flex: 1 0;
  overflow: auto;
  padding: 10px 20px;
}

.cz-users-list-content-list {
  width: 560px;
  overflow: hidden;
  max-height: inherit;
  margin-bottom: 50px;
}

.cz-users-list-footer-bar {
  position: relative;
}

svg.cz-users-list-user-icon path.inactive-cross {
  fill: var(--error-700);
}

.cz-users-list-email {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 1;
}

.cz-users-list-deleted {
  text-decoration: line-through;
}

/* Abstracts */
.cz-gdpr_container {
  position: relative;
  background: var(--utility-gray-dark-100);
  height: 100%;
  width: 100%;
  padding-bottom: 45px;
}

.cz-gdpr-group_container {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  background: var(--utility-gray-dark-100);
}

.cz-gdpr_group, .cz-gdpr-overview_group {
  max-height: 350px;
  max-width: 300px;
  min-width: 300px;
  flex: 1 1 auto;
  margin: 15px;
  background: var(--bg-primary);
  border: 1px solid var(--alpha-black-10);
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-policy-name {
  font-size: 1.875rem;
}

.cz-policy-time {
  font-size: 2.25rem;
  font-weight: 700;
}

.cz-gdpr-select-all_section {
  background: var(--fg-white);
  border-bottom: 1px solid var(--utility-gray-300);
  display: flex;
}

.cz-gdpr-select-all-sub_section {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.cz-gdpr-select-all-sub_section.cz-gdpr-select-all-sub-section-full_width {
  width: 100%;
  justify-content: flex-end;
}
.cz-gdpr-select-all-sub_section:first-child {
  flex: 5;
}

.cz-gdpr-select-all_section h1 {
  font-size: 0.875rem;
  color: var(--utility-gray-true-600);
  margin: 0 10px 0 5px;
}

.cz-gdpr-group-title_container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-300-alpha-10);
}

.cz-gdpr-group-title {
  display: flex;
  flex: 1 1 auto;
  padding: 15px 0 15px 15px;
  border-bottom: 1px solid var(--alpha-black-10);
}

.cz-gdpr-group-title h1 {
  font-size: 1rem;
  color: var(--text-primary);
  font-weight: 600;
  margin: 0 0 0 10px;
}

.cz-gdpr-group-counter {
  color: var(--utility-blue-500) !important;
  margin-left: 5px !important;
  opacity: 0.9;
}

.cz-gdpr-group-item_input, .cz-gdpr-group-item_text {
  position: relative;
  padding-left: 25px;
  margin-bottom: 17px;
  cursor: pointer;
  font-size: 1.5rem;
  -webkit-user-select: none;
          user-select: none;
}

.cz-gdpr-group-item_input input, .cz-gdpr-group-item_text input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.cz-gdpr-group-item_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border-radius: 3px;
  background-color: var(--fg-white);
  border: 1px solid var(--utility-gray-300-alpha-75);
}

.cz-gdpr-group-item_input:hover input ~ .cz-gdpr-group-item_checkmark, .cz-gdpr-group-item_text:hover input ~ .cz-gdpr-group-item_checkmark {
  background-color: var(--fg-white);
}

.cz-gdpr-group-item_input input:checked ~ .cz-gdpr-group-item_checkmark, .cz-gdpr-group-item_text input:checked ~ .cz-gdpr-group-item_checkmark {
  width: 18px;
  height: 18px;
  background: url('switch-on-tick-white.0230d83c4f7d63c7.svg');
  background-size: 17px 17px;
  border-radius: 3px;
  background-color: var(--utility-green-500);
  border: 1px solid var(--utility-green-500);
}

.cz-gdpr-group-item_input input:disabled ~ .cz-gdpr-group-item_checkmark, .cz-gdpr-group-item_text input:disabled ~ .cz-gdpr-group-item_checkmark {
  background-color: var(--utility-green-light-600-alpha-50);
  border: 1px solid var(--bg-primary);
  cursor: auto;
}

.cz-gdpr-group-item_overview-selected input:checked ~ .cz-gdpr-group-item_checkmark {
  background-color: var(--utility-green-light-600-alpha-50);
}

.cz-gdpr-select-all-sub_section > .cz-gdpr-group-item_input input:checked ~ .cz-gdpr-group-item_checkmark, .cz-gdpr-select-all-sub_section > .cz-gdpr-group-item_text input:checked ~ .cz-gdpr-group-item_checkmark {
  background-color: var(--utility-green-light-600-alpha-50);
  border: 1px solid var(--bg-primary);
  cursor: auto;
}

.cz-gdpr-select-all-sub_section > .cz-gdpr-group-item_input input:disabled ~ .cz-gdpr-group-item_checkmark, .cz-gdpr-select-all-sub_section > .cz-gdpr-group-item_text input:disabled ~ .cz-gdpr-group-item_checkmark {
  background-color: var(--black);
}

.cz-gdpr-group-item_overview-unselected input:checked ~ .cz-gdpr-group-item_checkmark {
  background: url('disabled.899306a2b566d334.svg');
  opacity: 0.3;
  height: 21px;
  width: 21px;
}

.cz-gdpr-group-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid var(--alpha-black-10);
}

/*
.cz-gdpr-group-row:last-child {
    border: none;
}
*/
.cz-gdpr-group-row h1 {
  font-size: 0.875rem;
  color: var(--utility-gray-true-600);
  margin: 0 0 0 10px;
  padding: 2px;
}

.cz-gdpr-group-row_input {
  display: flex;
  min-height: 15px;
}

.cz-gdpr-group-icon {
  display: flex;
  justify-content: center;
  min-height: 120px;
  flex: 3 3 auto;
  width: 100%;
}

.cz-gdpr-group-icon span {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cz-gdpr-group-icon span svg {
  height: 60px;
  width: 60px;
  fill: var(--utility-gray-700-alpha-75);
}

.cz-gdpr-group-content_container, .cz-gdpr-overview-group-content_container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  flex: 1 1 auto;
  max-height: 273px;
  min-height: 273px;
  overflow: auto;
}
.cz-gdpr-group-content_container::-webkit-scrollbar, .cz-gdpr-overview-group-content_container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-gdpr-group-content_container::-webkit-scrollbar-thumb, .cz-gdpr-overview-group-content_container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-gdpr-group-content_container::-webkit-scrollbar-thumb:hover, .cz-gdpr-overview-group-content_container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-gdpr-overview-body_container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cz-gdpr-overview-body_container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-gdpr-overview-body_container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-gdpr-overview-body_container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-gdpr-overview_container {
  display: flex;
  flex-direction: column;
  background: var(--utility-gray-dark-100);
  height: 100vh;
}

.cz-gdpr-tab-strip > cz-tab-strip-control {
  height: 100%;
}
.cz-gdpr-tab-strip .cz-tab-strip-ctl-body {
  overflow: hidden;
}

.cz-gdpr-overview-body {
  flex: 1 1;
  padding-bottom: 100px;
}

.cz-gdpr-overview_details {
  display: block;
  flex: 1 1 auto;
  background: var(--bg-primary);
  min-width: 100%;
  padding: 10px;
  box-shadow: 0 0.25rem 0.5rem -0.625rem var(--utility-blue-dark-950-alpha-10), 0 0 0 1px var(--utility-gray-100);
  border-bottom: 1px solid var(--alpha-black-10);
}

.cz-gdpr-overview-selected-items_container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
  display: inline-block;
  overflow: auto;
  width: 100%;
  height: 90vh;
}
.cz-gdpr-overview-selected-items_container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-gdpr-overview-selected-items_container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-gdpr-overview-selected-items_container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}
@media screen and (max-width: 800px) {
  .cz-gdpr-overview-selected-items_container {
    height: 80vh;
  }
}

.cz-gdpr-overview-selected-items {
  display: flex;
  flex-wrap: wrap;
  background: var(--utility-gray-dark-100);
  padding-bottom: 300px;
}

.cz-gdpr-overview-selected-items_content {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cz-gdpr-group-item_text {
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: initial;
}

.cz-gdpr-overview_group {
  max-height: none;
}

.cz-gdpr-overview-group-content_container {
  max-height: none;
}

/*
.cz-gdpr-overview-details_container {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}
*/
.cz-gdpr-policy-title {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  margin: 10px 0;
}

.cz-gdpr-policy-title h1 {
  font-size: 1rem;
  color: var(--alpha-black-75);
  font-weight: 600;
  margin: 0;
}

.cz-gdpr-overview-details_content {
  display: flex;
  padding-left: 20px;
}

.cz-gdpr-overview-details_time h1 {
  font-size: 1rem;
  color: var(--alpha-black-75);
  margin: 0;
  margin-right: 5px;
}

.cz-gdpr-overview-details_content:nth-child(2n) {
  margin-top: 0;
}

.cz-gdpr-overview-details_label {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}

.cz-gdpr-overview-details_label h2 {
  font-size: 0.875rem;
  color: var(--utility-gray-dark-500);
  margin: 0;
}

.cz-gdpr-overview-details-label_text {
  width: max-content;
  padding: 7px;
  border-radius: 3px;
  margin-top: 5px;
}

.cz-gdpr-overview-details-label_text h1 {
  font-size: 0.875rem;
  color: var(--text-white);
  font-weight: 600;
  margin: 0;
}

div.cz-gdpr-policy-overview-footer {
  flex: 0 0 auto;
  position: fixed;
  left: 200px;
}
div.cz-gdpr-policy-overview-footer div.cz-footer-bar-shadow {
  border-right: none;
}

.cz-gdpr-section-title-container {
  display: flex;
  background: var(--bg-primary);
  padding: 20px;
  padding-left: 30px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
}

.cz-gdpr-section-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px;
}

.cz-gdpr-section-title_text h1 {
  font-size: 1.25rem;
  color: var(--text-primary);
  font-weight: 600;
  margin: 0;
}

.cz-gdpr-section_icon {
  height: 25px;
  width: 25px;
  margin: 0 10px;
}

.cz-gdpr-section_icon svg {
  height: 25px;
  width: 25px;
  fill: var(--text-primary);
}

.cz-footer-bar-button.cz-button.cz-run-policy-button {
  background-color: var(--success-700);
  color: var(--fg-white);
}

.cz-footer-bar-button.cz-button.cz-run-policy-button:hover {
  background-color: var(--success-800);
}

.cz-footer-bar-button.cz-button.cz-deactivate-policy-button {
  background-color: var(--utility-brand-600);
  color: var(--fg-white);
}

.cz-footer-bar-button.cz-button.cz-deactivate-policy-button:hover {
  background-color: var(--utility-brand-800);
}

button.cz-select-person-button {
  background-color: var(--utility-brand-600);
  color: var(--fg-white);
}
button.cz-select-person-button:focus {
  box-shadow: unset;
}

button.cz-select-person-button:hover {
  background-color: var(--utility-brand-800);
  color: var(--fg-white);
}

button.cz-unselect-person-button:focus {
  box-shadow: unset;
}

.cz-pending-actions .cz-data-entry-ctl-body {
  padding-top: 0px;
  border-right: none;
}

.cz-pending-people .cz-selected {
  background: transparent;
  color: var(--utility-gray-dark-700);
}
.cz-pending-people .cz-selected:hover,
.cz-pending-people .cz-selected:focus,
.cz-pending-people .cz-selected:hover:hover,
.cz-pending-people .cz-selected:focus:hover,
.cz-pending-people .cz-selected:hover:focus,
.cz-pending-people .cz-selected:focus:focus {
  background: var(--utility-gray-200);
  color: var(--utility-gray-dark-700);
}

.cz-gdpr-overview-details-label-info {
  background: var(--brand-600);
}

.cz-gdpr-overview-details-label-status {
  background: var(--blue-700);
}

/* Abstracts */
/* App */
.cz-reporting-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  min-width: 650px;
}
.cz-reporting-view > .cz-grid-ctl {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

button.cz-open-report-button {
  margin-top: 18px;
}

.cz-reporting-results-section-subheading, .cz-reporting-results-section-mainheading {
  background-color: var(--utility-gray-500);
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  color: var(--bg-primary);
}

.cz-reporting__container {
  height: 100%;
  background: var(--bg-primary);
  display: flex;
  flex-direction: column;
  min-width: 760px;
}

.cz-reporting-grid__container {
  height: 100%;
  margin: 0;
}

.cz-reporting-results__view {
  display: flex;
  flex-direction: column;
}

.cz-reporting-results-header__container {
  position: sticky;
  box-shadow: 0 2px 5px 0 var(--utility-gray-dark-500-alpha-10);
  width: 100%;
}

.cz-reporting-results-title__container {
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

.cz-changes-report-results-title__container {
  display: flex;
  align-items: center;
  padding: 10px 7px 10px 20px;
}

.cz-reporting-results-header {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 100%;
  background: var(--bg-primary);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: space-between;
  padding: 7px 20px 4px 30px;
}

.cz-reporting-results-header h1 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--utility-gray-true-600);
  margin-top: 9px;
  margin-bottom: 9px;
}

.cz-reporting-results-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
}

.cz-changes-report-results-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  margin-right: 10px;
}

.cz-reporting-results-title h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.cz-absence-reporting-section {
  display: flex;
  margin-bottom: 15px;
  padding-left: 20px;
}

.cz-absence-date-reporting-section {
  display: flex;
  margin-bottom: 15px;
  padding-left: 20px;
}

.cz-absence-generated-reporting-section {
  display: flex;
  align-items: center;
}

.cz-absence-criteria-reporting-section {
  display: flex;
  background: var(--utility-gray-dark-200);
  border-radius: 5px;
  margin: 0 20px 10px 20px;
  padding: 10px 15px;
}

.cz-absence-reporting-section__text {
  margin-right: 8px;
  color: var(--utility-blue-dark-400);
  font-weight: 500;
}

.cz-absence-reporting_empty-state {
  position: relative;
  padding: 200px;
}

.cz-reporting-results-header__param-block, .cz-reporting-results-header__param-block-header {
  margin-bottom: 5px;
  line-height: 30px;
  display: flex;
  align-items: center;
}

.cz-reporting-results-section-mainheading {
  padding: 0;
  background-color: var(--utility-gray-500);
  display: flex;
  color: var(--fg-white);
}

.cz-reporting-results-param-title-header {
  color: var(--fg-white);
  margin-right: 5px;
  font-weight: 500;
}

.cz-reporting-results-header__param-block-header {
  margin-bottom: 0;
  padding-left: 30px;
}

.cz-absence-reporting-param-block__title {
  display: flex;
  margin-left: 5px;
}

.cz-reporting-results-header-param-block__title {
  flex: 1 1 auto;
  margin-right: 15px;
}

.cz-absence-date-reporting-param-block__text {
  background: var(--utility-gray-dark-200);
  padding: 3px 7px;
  border-radius: 3px;
  font-size: 0.75rem;
}

.cz-absence-reporting-param-block__text {
  margin-right: 8px;
  display: flex;
  align-items: center;
}

.cz-changes-reporting-param-block__text {
  margin: 0 8px 0 8px;
  display: flex;
  align-items: center;
}

.cz-absence-reporting-param-block__text dd {
  padding: 3px 7px;
}

.cz-reporting-results-param-text {
  color: var(--gray-light-700);
  font-weight: 500;
}

.cz-reporting-results-header-param-block__text {
  flex: 15 1 auto;
}

.cz-reporting-results-header__params {
  min-width: 300px;
  flex: 1 1 auto;
  display: flex;
  margin-right: 20px;
}

.cz-reporting-results-header__info {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  background: var(--bg-primary);
  justify-content: space-between;
  padding: 10px 20px 7px 30px;
}

.cz-reporting-results-param-title {
  font-weight: 600;
  color: var(--gray-light-700);
  flex: 0 0 auto;
  text-overflow: ellipsis;
}

.cz-reporting-results-header__buttons {
  flex: 0 0 auto;
  margin-top: 25px;
  padding: 1;
}
.cz-reporting-results-header__buttons > button:last-child {
  margin-left: 5px;
}

.cz-reporting-table__header > .cz-table__body-cell--small {
  border-top: 1px solid var(--border-tertiary);
  text-align: right;
  padding: 0 5px;
}

.cz-absence-reporting-results-header__buttons button {
  margin-right: 8px;
}

.cz-absence-reporting-results-header__buttons {
  display: flex;
}

.cz-reporting-results-grid-container {
  height: 100%;
  font-size: 0.75rem;
  background: var(--utility-gray-200);
  overflow-y: auto;
}

.cz-reporting-results-grid-container .cz-row {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: thin;
}

.cz-reporting-results-grid-container .cz-row.cz-header-row {
  font-weight: 700;
  border-bottom-width: medium;
  border-top-style: solid;
  font-size: 0.75rem;
  align-items: center;
}

.cz-reporting-results-grid-container .cz-row.cz-header-row .cz-person-name-col {
  font-size: 0.75rem;
}

.cz-reporting-results-grid-container .cz-row .cz-person-name-col {
  flex: 5;
}

.cz-reporting-results-grid-container .cz-row .cz-col {
  flex: 1;
  display: inline;
  text-align: center;
  border-left-style: solid;
  border-left-width: thin;
  min-width: 0px;
  overflow: hidden;
  /* text-overflow: clip; */
  /* word-break: break-word; */
}

.cz-reporting-results-grid-container .cz-row .cz-2-col-span {
  flex: 2;
  display: flex;
}

.cz-reporting-table-cell__text {
  text-align: left !important;
  max-width: 170px;
  min-width: 170px;
  white-space: unset;
  padding: 5px 10px 5px 10px !important;
}

.cz-reporting-person-name-popup {
  z-index: 1;
}

.cz-reporting-table-cell__text > .popover {
  max-width: 300px;
  border: 1px solid var(--utility-gray-neutral-300);
  box-shadow: 0 2px 5px 0 var(--utility-gray-iron-800-alpha-25);
}

.cz-reporting-person-details_content {
  display: flex;
  text-align: left;
  margin: 12px;
}

.cz-reporting-person-name-cell {
  cursor: pointer;
  text-align: left !important;
}

.cz-reporting__table {
  background: var(--gray-light-200);
}

.cz-reporting__table > thead {
  display: block;
}

.cz-reporting__table > tbody {
  display: block;
  overflow-y: scroll;
  height: calc(100vh - 300px);
}
.cz-reporting__table > tbody .cz-table__body-row:nth-child(odd):not(.cz-selected) {
  background-color: var(--bg-primary);
}
.cz-reporting__table > tbody .cz-table__body-row:nth-child(even):not(.cz-selected) {
  background-color: var(--utility-blue-light-50);
}

.cz-reporting__table > tbody > .cz-table__body-row > td {
  text-align: right;
}
.cz-reporting__table > tbody > .cz-table__body-row > td button {
  position: initial;
}

.cz-reporting-person-details_profileImg {
  background-color: transparent;
  height: 36px;
  width: 36px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.cz-reporting-person-details_body {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
.cz-reporting-person-details_body h1 {
  font-weight: 600;
  font-size: 0.875rem;
  margin: 0;
  padding: 8px 0 5px 0;
}

.cz-table__body-cell_content {
  display: flex;
  padding-top: 5px;
}

.cz-table-cell_icon svg {
  fill: var(--bg-primary);
  height: 17px;
  width: 17px;
  margin-right: 8px;
}

.cz-new-hire-and-leaver-cells {
  background: repeating-linear-gradient(45deg, var(--fg-white) 0 6px, var(--utility-brand-25) 6px 12px);
  color: var(--bg-primary);
}

.cz-inactive-emp-cell {
  background: var(--utility-gray-iron-200);
  border-right: none !important;
  box-shadow: inset 0 2px 0 0 var(--utility-gray-600-alpha-10);
}

.cz-part-month-report-start-column-header {
  background: linear-gradient(to top right, red 50%, var(--utility-gray-300) 50%);
}

.cz-part-month-report-end-column-header {
  background: linear-gradient(to top right, red 50%, var(--utility-gray-300) 50%);
}

.cz-reporting-results-grid-container .cz-2-stacked-col-header {
  flex: 2;
  display: block;
  text-align: center;
  font-size: 0.75rem;
}

.cz-reporting-results-grid-container .cz-2-stacked-col-header .cz-2-col-span {
  font-size: 0.75rem;
}

.cz-reporting-table__header {
  height: 30px;
  color: var(--utility-gray-true-500);
  background: var(--utility-gray-true-300);
}

.cz-reporting-table__header th {
  color: var(--utility-gray-true-600);
  font-size: 0.75rem;
  font-weight: 600;
  text-align: left;
  padding: 0 10px 0 10px;
  border-color: var(--utility-gray-200);
  border-style: solid;
  border-width: 0 0 1px 1px;
  min-width: 90px;
  max-width: 90px;
}

.cz-reporting-table-cell_sm {
  min-width: 60px !important;
  width: 60px !important;
  max-width: 60px !important;
}

.cz-reporting-table-cell_md {
  min-width: 90px !important;
  width: 90px !important;
  max-width: 90px !important;
}

.cz-reporting-table-cell_lg {
  min-width: 120px !important;
  max-width: 120px !important;
  width: 120px !important;
}

.cz-reporting-table-cell_xl {
  min-width: 170px !important;
  max-width: 170px !important;
}

.cz-starters-leavers-container .cz-reporting-table-cell_xl {
  min-width: 120px !important;
  max-width: 120px !important;
}

.cz-reporting-table-cell_max {
  min-width: 400px !important;
  max-width: 400px !important;
}

.cz-reporting-table-cell-border-right {
  border-right: 2px solid var(--border-primary) !important;
}

.cz-reporting-table-cell-border-left {
  border-left: 2px solid var(--border-primary) !important;
}

div.cz-reporting-table-column-order-icon {
  display: inline-flex;
  align-items: center;
  flex: 0 0 8px;
  margin-left: 10px;
  height: 8px;
  width: 8px;
}

svg.cz-reporting-table-column-order-icon {
  height: 8px;
  width: 8px;
}

th.cz-reporting-table-month__header {
  background: var(--utility-gray-cool-500);
  color: var(--text-white);
  text-align: center;
  border: 0;
}

.cz-reporting-table_text {
  text-align: left !important;
}

.cz-reporting-table__footer {
  height: 30px;
  color: var(--utility-gray-true-500);
  background: var(--utility-gray-300);
  border-bottom: 1px solid var(--utility-gray-blue-100);
}
.cz-reporting-table__footer td {
  color: var(--utility-gray-true-600);
  font-size: 0.75rem;
  font-weight: 600;
  text-align: right;
  padding: 0 10px;
}

.cz-reporting-table__sub-header {
  height: 30px;
}

.cz-reporting-table__sub-header th {
  background: var(--utility-gray-cool-400);
  color: var(--text-white);
  min-width: 80px;
  max-width: 80px;
  width: 80px;
  font-weight: 500;
  font-size: 0.75rem;
  text-align: center;
}

.cz-reporting-table__sub-header th:nth-child(even) {
  background: var(--utility-gray-cool-300);
}

.cz-report-generating-illustration {
  width: 120px;
  height: 120px;
}
.cz-report-generating-illustration > svg {
  width: 100%;
}

@keyframes draw-lines {
  to {
    stroke-dasharray: 100, 100;
    fill-opacity: 1;
  }
}
@keyframes draw-data {
  to {
    stroke-dasharray: 60, 60;
  }
}
@keyframes draw-value {
  to {
    stroke-dasharray: 80, 80;
  }
}
@supports (background-color: var(--bg-color)) {
  .progress,
  .line {
    stroke-dasharray: 0, 100;
    animation: draw-lines 1.5s infinite linear;
  }
  .value {
    stroke-dasharray: 0, 80;
    animation: draw-value 1.5s infinite linear;
  }
  .data {
    animation: draw-data 1.5s infinite linear;
    stroke-dasharray: 0, 60;
  }
}
@supports (background-color: var(--bg-color)) {
  .cz-report-generating-illustration path,
  .cz-report-generating-illustration rect {
    animation: draw-lines 1.5s infinite linear;
    fill-opacity: 0;
  }
}
@media print {
  .cz-reporting-view {
    display: block;
    height: 100%;
    width: 100%;
    position: static;
    min-width: 100%;
    background-color: var(--gray-light-100);
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
  .cz-reporting-view > .cz-grid-ctl {
    display: block;
    height: 100%;
    width: 100%;
  }
  .cz-reporting-results-section-subheading, .cz-reporting-results-section-mainheading {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
    border-top: 1px solid var(--gray-light-600);
    border-bottom: 1px solid var(--gray-light-600);
  }
}
.cz-sms-generation-nested-grid .cz-data-entry-ctl-body {
  border-right: 0;
  padding: 0 0 20px 0;
}

.cz-sms-message-details-error-form-control .cz-data-entry-ctl-form-container {
  padding-left: 0;
  padding-top: 0;
  border-right: 0;
}

.cz-sms-message-details-error-form-control .cz-data-entry-ctl-container {
  overflow: hidden;
}

.cz-sms-message-details-error-grid-control {
  margin-bottom: 40px;
}

.cz-sms-message-details-error-grid-control .cz-data-entry-ctl-no-items {
  text-align: left;
}

.cz-sms-message-details-error-grid-control .cz-data-entry-ctl-body {
  padding-bottom: 0;
}

.cz-kudos-icon {
  width: 80px;
  height: 80px;
}

.cz-kudos-uploaded-image img {
  max-width: 80px;
  max-height: 80px;
  margin: auto;
}

.cz-kudos-details-headline-text {
  margin-top: 30px;
  color: var(--gray-light-700);
  font-weight: 600;
  font-size: 0.875rem;
}

.cz-kudos-details-icon-text {
  color: var(--gray-light-700);
  text-align: center;
  width: 100px;
  margin-bottom: 10px;
  margin-top: 8px;
}

.cz-kudos-details-top-row div {
  margin-bottom: 2px;
}

.cz-kudos-badge-selector div {
  width: 100%;
}

.cz-kudos-filter_icon {
  position: absolute;
  bottom: 2px;
  left: 3px;
  height: 24px;
  width: 24px;
  padding: 1px;
}

.cz-kudos-filter_icon circle {
  fill: var(--utility-brand-600);
}

.cz-kudos-timeline-comments-icon rect svg {
  width: 10px;
  height: 10px;
}

.cz-kudos-details-divider .cz-md {
  width: 100% !important;
  margin: 0;
}

div.cz-iban-verified-icon svg g circle,
div.cz-iban-verified-icon svg g rect,
div.cz-iban-verified-icon svg g polygon {
  opacity: 1;
}

div.cz-iban-verified-icon svg g circle.cz-completed-tick-st0 {
  fill: var(--success-700);
}

/* Abstracts */
.cz-sickness-absence-event-details-grid .cz-grid-table-body,
.cz-sickness-absence-event-details-grid .cz-data-entry-ctl-container {
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
.cz-sickness-absence-event-details-grid .cz-grid-table-body::-webkit-scrollbar,
.cz-sickness-absence-event-details-grid .cz-data-entry-ctl-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin: 8px;
}
.cz-sickness-absence-event-details-grid .cz-grid-table-body::-webkit-scrollbar-thumb,
.cz-sickness-absence-event-details-grid .cz-data-entry-ctl-container::-webkit-scrollbar-thumb {
  background: var(--utility-gray-400);
  border-radius: 10px;
}
.cz-sickness-absence-event-details-grid .cz-grid-table-body::-webkit-scrollbar-thumb:hover,
.cz-sickness-absence-event-details-grid .cz-data-entry-ctl-container::-webkit-scrollbar-thumb:hover {
  background: var(--utility-gray-true-600);
}

.cz-hmrc-rti-view-root .cz-xl {
  width: 400px;
}
.cz-hmrc-rti-view-root .cz-team-footer_container {
  width: 100%;
}
.cz-hmrc-rti-view-root .cz-nvr-data-entry-ctl-container,
.cz-hmrc-rti-view-root .cz-nvr-data-entry-ctl-body,
.cz-hmrc-rti-view-root .cz-nvr-list-empty {
  height: 100%;
  width: 100%;
}
.cz-hmrc-rti-view-root .cz-nvr-data-entry-ctl-container > cz-container,
.cz-hmrc-rti-view-root .cz-nvr-data-entry-ctl-body > cz-container,
.cz-hmrc-rti-view-root .cz-nvr-list-empty > cz-container {
  height: 100%;
  width: 100%;
}
.cz-hmrc-rti-view-root .cz-nvr-list-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 5%;
}
.cz-hmrc-rti-view-root .view-nav-bar {
  display: flex;
  size: 30px;
  height: 40px;
  position: relative;
  margin-bottom: 10px;
}
.cz-hmrc-rti-view-root .cz-filter-data-source__filter {
  width: 600px;
}

/*
 * Maternity Schedule
 */
.cz-maternity_schedule_container {
  height: 100%;
  overflow: hidden;
  min-height: 190px;
}
.cz-maternity_schedule_container > cz-container {
  height: 100%;
  min-height: 190px;
  overflow: hidden;
  padding-bottom: 45px;
}

.cz-maternity_schedule_grid {
  min-height: 140px;
}

.cz-maternity_schedule_info .cz-info--small {
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 var(--utility-gray-500-alpha-10);
  margin-bottom: 10px;
}

/*
 * Keeping in Touch Days
 */
.cz-kitday-list-event-container cz-container {
  display: flex;
  align-items: center;
  flex: 1 1 0px;
  flex-direction: row;
  overflow: hidden;
}

.cz-kitday-list-date-notes cz-container {
  display: block;
}

.cz-kitday-icon-left {
  margin: 0 5px 0 0;
}

/*
 * Maternity Payroll Details
 */
.cz-maternity_average_weekly_earnings_grid {
  margin-top: 15px;
}

.cz-maternity_average_weekly_earnings_grid .cz-data-entry-ctl-body {
  padding: 0;
  border: none;
}

.cz-maternity_average_weekly_earnings_grid .cz-grid-table-body .cz-text-block {
  padding: 0;
}

.cz-maternity_average_weekly_earnings_grid .cz-data-entry-ctl-body .cz-data-entry-ctl-title {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 600;
}

.cz-hmrc_notices-list-container .cz-master-detail-info {
  display: flex;
  align-items: center;
}

.cz-hmrc_notices-list-event-info-container {
  display: block;
}

.cz-hmrc_notices-status-container {
  display: flex;
  justify-content: right;
  margin-right: 10px;
}

.cz-hmrc_notices_filter-sm {
  width: 20%;
  max-width: 260px;
  max-height: 38px;
  padding-left: 0;
}

.cz-earlier-year-fps-view-root .cz-data-entry-ctl-form-container.cz-form-cols-4 {
  width: unset;
}
.cz-earlier-year-fps-view-root .cz-data-entry-ctl-form-footer.cz-form-cols-4 {
  width: unset !important;
}

.cz-engine-pensions-tab-strip {
  padding-top: 50px;
}

/* Base */
/*
    This file is for custom intentionally globally-scoped element overrides,
    when we need or want something beyond what Normalize and the-new-css-reset do.
    It is the only file that these should be done in, to avoid debugging issues.
 */
html {
  background: var(--bg-tertiary);
  background-size: cover;
  -webkit-tap-highlight-color: transparent;
  font-size: 16px;
}

html:lang(el) body {
  font-family: var(--inter-font-family);
}

body {
  font-family: nunito, inter, helvetica neue, arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.428571429;
  color: var(--text-primary);
}

@media print {
  body {
    color: var(--black);
  }
}
fieldset {
  padding: 0;
}

table tr {
  vertical-align: middle;
}
table th,
table td {
  vertical-align: inherit;
}

h1,
.h1 {
  font-size: 2.25rem;
}

h2,
.h2 {
  font-size: 1.875rem;
}

h3,
.h3 {
  font-size: 1.5rem;
}

h4,
.h4 {
  font-size: 1.125rem;
}

h5,
.h5 {
  font-size: 0.875rem;
}

h6,
.h6 {
  font-size: 0.875rem;
}

p {
  margin: 0 0 0.5rem;
}

a {
  color: var(--text-brand-secondary);
  cursor: pointer;
}

dt {
  font-weight: 600;
}

input,
button,
select,
textarea {
  line-height: inherit;
}

input[type=radio],
input[type=checkbox]:not(.k-checkbox) {
  appearance: auto;
}

svg {
  fill: var(--svg-icon-fill);
  height: var(--svg-icon-height, var(--svg-icon-size));
  width: var(--svg-icon-width, var(--svg-icon-size));
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid var(--gray-true-300);
}

textarea {
  overflow-wrap: break-word;
  resize: revert;
}

textarea::placeholder {
  font-style: italic;
}

input[type=search] {
  appearance: none;
}

[role=link] {
  cursor: pointer;
}

@media screen and (min-device-pixel-ratio: 0) {
  input[type=date],
  input[type=time],
  input[type=datetime-local],
  input[type=month] {
    line-height: 38px;
  }
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox]:not(.k-checkbox)[disabled],
input[type=checkbox]:not(.k-checkbox).disabled,
fieldset[disabled] input[type=checkbox]:not(.k-checkbox) {
  cursor: not-allowed;
}

/* Change Autocomplete styles in Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  height: 20px;
  -webkit-text-fill-color: unset;
  box-shadow: 0 0 0 1000px var(--fg-white) inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input::placeholder,
textarea::placeholder {
  color: var(--text-placeholder);
  font-style: normal !important;
}

/* Themes */
body.blue-theme {
  --theme-nav-bar-background: var(--bg-primary);
  --theme-nav-bar-icon: var(--gray-light-700);
  --theme-nav-bar-icon-focus: var(--gray-light-900);
  --theme-nav-bar-disclosure-color: var(--gray-light-700);
  --theme-nav-bar-scroll-background-enabled: transparent;
  --theme-nav-bar-scroll-background-disabled: transparent;
  --theme-nav-bar-scroll-background-focused: var(--gray-light-200);
  --theme-nav-bar-scroll-foreground: var(--gray-light-700);
  --theme-nav-bar-scroll-foreground-focused: var(--gray-light-900);
  --theme-header-bar-divider-color: var(--gray-light-200);
  --theme-header-bar-close-button-foreground-color: var(--gray-light-600);
  --theme-header-bar-close-button-focus-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-background-color: var(--gray-light-200);
  --theme-background-main: #eaebea;
  --theme-background-search: #eaebea;
  --theme-background-highlight: var(--utility-gray-600);
  --theme-card-header-foreground: var(--fg-white);
  --theme-card-header-background: var(--brand-700);
  --theme-workspace-header-button-focus-foreground: var(--fg-white);
  --theme-grid-header-background: var(--gray-light-100);
  --theme-grid-header-border-color: var(--alpha-black-10);
  --theme-grid-row-border: 1px solid var(--utility-brand-500);
  --theme-grid-header-foreground: var(--alpha-black-70);
  --theme-grid-row-background-odd: var(--bg-primary);
  --theme-grid-row-background-even: var(--gray-light-100);
  --theme-grid-row-foreground: var(--text-primary);
  --theme-grid-row-background-hover: var(--gray-light-100);
  --theme-grid-header-link-color: var(--brand-800);
  --theme-grid-header-link-color-hover: var(--text-primary);
}

body.dark-theme {
  --theme-nav-bar-background: var(--gray-light-700);
  --theme-nav-bar-icon: var(--fg-white);
  --theme-nav-bar-icon-focus: var(--brand-100);
  --theme-nav-bar-disclosure-color: var(--gray-light-200);
  --theme-nav-bar-scroll-background-enabled: transparent;
  --theme-nav-bar-scroll-background-disabled: transparent;
  --theme-nav-bar-scroll-background-focused: var(--gray-light-900);
  --theme-nav-bar-scroll-foreground: var(--gray-light-200);
  --theme-nav-bar-scroll-foreground-focused: var(--fg-white);
  --theme-header-bar-divider-color: var(--gray-light-600);
  --theme-header-bar-close-button-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-background-color: var(--gray-light-100);
  --theme-background-main: var(--gray-light-100);
  --theme-background-search: var(--gray-light-100);
  --theme-background-highlight: var(--gray-light-900);
  --theme-card-header-foreground: var(--fg-white);
  --theme-card-header-background: var(--gray-light-700);
  --theme-workspace-header-button-focus-foreground: var(--fg-white);
  --theme-grid-header-background: var(--gray-light-100);
  --theme-grid-header-border-color: var(--gray-light-100);
  --theme-grid-row-border: 1px solid var(--bg-tertiary);
  --theme-grid-header-foreground: var(--text-primary);
  --theme-grid-row-background-odd: var(--bg-primary);
  --theme-grid-row-background-even: var(--bg-tertiary);
  --theme-grid-row-foreground: var(--text-primary);
  --theme-grid-row-background-hover: var(--gray-light-200);
  --theme-grid-header-link-color: var(--brand-800);
  --theme-grid-header-link-color-hover: var(--text-primary);
}

body.green-theme {
  --theme-nav-bar-background: var(--brand-50);
  --theme-nav-bar-icon: var(--gray-light-700);
  --theme-nav-bar-icon-focus: var(--gray-light-900);
  --theme-nav-bar-disclosure-color: var(--gray-light-700);
  --theme-nav-bar-scroll-background-enabled: transparent;
  --theme-nav-bar-scroll-background-disabled: transparent;
  --theme-nav-bar-scroll-background-focused: var(--brand-50);
  --theme-nav-bar-scroll-foreground: var(--brand-600);
  --theme-nav-bar-scroll-foreground-focused: var(--brand-700);
  --theme-header-bar-divider-color: var(--gray-light-600);
  --theme-header-bar-close-button-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-background-color: var(--gray-light-100);
  --theme-background-main: var(--bg-tertiary);
  --theme-background-search: var(--bg-tertiary);
  --theme-background-highlight: var(--brand-600);
  --theme-card-header-foreground: var(--gray-light-900);
  --theme-card-header-background: var(--gray-light-200);
  --theme-workspace-header-button-focus-foreground: var(--gray-light-900);
  --theme-grid-header-background: var(--gray-light-100);
  --theme-grid-header-border-color: var(--gray-light-600);
  --theme-grid-row-border: 1px solid var(--brand-100);
  --theme-grid-header-foreground: var(--gray-light-900);
  --theme-grid-row-background-odd: var(--brand-50);
  --theme-grid-row-background-even: var(--bg-primary);
  --theme-grid-row-foreground: var(--text-primary);
  --theme-grid-row-background-hover: var(--gray-light-200);
  --theme-grid-header-link-color: var(--brand-800);
  --theme-grid-header-link-color-hover: var(--text-primary);
}

body.light-theme {
  --theme-nav-bar-background: var(--brand-50);
  --theme-nav-bar-icon: var(--gray-light-700);
  --theme-nav-bar-icon-focus: var(--gray-light-900);
  --theme-nav-bar-disclosure-color: var(--gray-light-700);
  --theme-nav-bar-scroll-background-enabled: transparent;
  --theme-nav-bar-scroll-background-disabled: transparent;
  --theme-nav-bar-scroll-background-focused: var(--brand-50);
  --theme-nav-bar-scroll-foreground: var(--brand-600);
  --theme-nav-bar-scroll-foreground-focused: var(--brand-700);
  --theme-header-bar-divider-color: var(--gray-light-600);
  --theme-header-bar-close-button-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-background-color: var(--gray-light-100);
  --theme-background-main: var(--bg-tertiary);
  --theme-background-search: var(--bg-tertiary);
  --theme-background-highlight: var(--brand-600);
  --theme-card-header-foreground: var(--gray-light-900);
  --theme-card-header-background: var(--gray-light-200);
  --theme-workspace-header-button-focus-foreground: var(--gray-light-900);
  --theme-grid-header-background: var(--gray-light-100);
  --theme-grid-header-border-color: var(--gray-light-600);
  --theme-grid-row-border: 1px solid var(--brand-100);
  --theme-grid-header-foreground: var(--gray-light-900);
  --theme-grid-row-background-odd: var(--brand-50);
  --theme-grid-row-background-even: var(--bg-primary);
  --theme-grid-row-foreground: var(--text-primary);
  --theme-grid-row-background-hover: var(--gray-light-200);
  --theme-grid-header-link-color: var(--brand-800);
  --theme-grid-header-link-color-hover: var(--text-primary);
}

body.purple-theme {
  --theme-nav-bar-background: var(--bg-primary);
  --theme-nav-bar-icon: $purple-theme-grey;
  --theme-nav-bar-icon-focus: var(--gray-light-900);
  --theme-nav-bar-disclosure-color: var(--gray-light-700);
  --theme-nav-bar-scroll-background-enabled: transparent;
  --theme-nav-bar-scroll-background-disabled: transparent;
  --theme-nav-bar-scroll-background-focused: var(--gray-light-200);
  --theme-nav-bar-scroll-foreground: var(--gray-light-700);
  --theme-nav-bar-scroll-foreground-focused: var(--gray-light-900);
  --theme-header-bar-divider-color: var(--gray-light-600);
  --theme-header-bar-close-button-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-background-color: var(--gray-light-100);
  --theme-background-main: var(--gray-light-100);
  --theme-background-search: var(--gray-light-100);
  --theme-background-highlight: $purple-theme-purple;
  --theme-card-header-foreground: var(--fg-white);
  --theme-card-header-background: var(--gray-light-700);
  --theme-workspace-header-button-focus-foreground: var(--fg-white);
  --theme-grid-header-background: var(--gray-light-100);
  --theme-grid-header-border-color: var(--gray-light-100);
  --theme-grid-row-border: 1px solid var(--bg-tertiary);
  --theme-grid-header-foreground: var(--text-primary);
  --theme-grid-row-background-odd: var(--bg-primary);
  --theme-grid-row-background-even: var(--bg-tertiary);
  --theme-grid-row-foreground: var(--text-primary);
  --theme-grid-row-background-hover: var(--gray-light-200);
  --theme-grid-header-link-color: var(--brand-800);
  --theme-grid-header-link-color-hover: var(--text-primary);
}

body.red-theme {
  --red-theme-red: #c91c51;
  --red-theme-dark-red: rgb(173 4 60);
  --red-theme-grey: rgb(113 113 113);
  --theme-nav-bar-background: var(--bg-primary);
  --theme-nav-bar-icon: var(--red-theme-grey);
  --theme-nav-bar-icon-focus: var(--gray-light-900);
  --theme-nav-bar-disclosure-color: var(--gray-light-700);
  --theme-nav-bar-scroll-background-enabled: transparent;
  --theme-nav-bar-scroll-background-disabled: transparent;
  --theme-nav-bar-scroll-background-focused: var(--gray-light-200);
  --theme-nav-bar-scroll-foreground: var(--gray-light-700);
  --theme-nav-bar-scroll-foreground-focused: var(--gray-light-900);
  --theme-header-bar-divider-color: var(--gray-light-600);
  --theme-header-bar-close-button-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-foreground-color: var(--gray-light-700);
  --theme-header-bar-close-button-focus-background-color: var(--gray-light-100);
  --theme-background-main: var(--gray-light-100);
  --theme-background-search: var(--gray-light-100);
  --theme-background-highlight: var(--red-theme-red);
  --theme-card-header-foreground: var(--fg-white);
  --theme-card-header-background: var(--gray-light-700);
  --theme-workspace-header-button-focus-foreground: var(--fg-white);
  --theme-grid-header-background: var(--gray-light-100);
  --theme-grid-header-border-color: var(--gray-light-100);
  --theme-grid-row-border: 1px solid var(--bg-tertiary);
  --theme-grid-header-foreground: var(--text-primary);
  --theme-grid-row-background-odd: var(--bg-primary);
  --theme-grid-row-background-even: var(--bg-tertiary);
  --theme-grid-row-foreground: var(--text-primary);
  --theme-grid-row-background-hover: var(--gray-light-200);
  --theme-grid-header-link-color: var(--brand-800);
  --theme-grid-header-link-color-hover: var(--text-primary);
}

/* Vendors */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #587b89;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #3895ff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #587b89;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #587b89;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #3895ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3895ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #3895ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3895ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: var(--base-font-family);
  --mat-option-label-text-line-height: var(--line-height);
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: var(--base-font-family);
  --mat-optgroup-label-text-line-height: var(--line-height);
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-card-title-text-font: var(--base-font-family);
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--base-font-family);
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #587b89;
  --mdc-linear-progress-track-color: rgba(88, 123, 137, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #3895ff;
  --mdc-linear-progress-track-color: rgba(56, 149, 255, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font: var(--base-font-family);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #587b89;
  --mdc-filled-text-field-focus-active-indicator-color: #587b89;
  --mdc-filled-text-field-focus-label-text-color: rgba(88, 123, 137, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #587b89;
  --mdc-outlined-text-field-focus-outline-color: #587b89;
  --mdc-outlined-text-field-focus-label-text-color: rgba(88, 123, 137, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(88, 123, 137, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #3895ff;
  --mdc-filled-text-field-focus-active-indicator-color: #3895ff;
  --mdc-filled-text-field-focus-label-text-color: rgba(56, 149, 255, 0.87);
  --mdc-outlined-text-field-caret-color: #3895ff;
  --mdc-outlined-text-field-focus-outline-color: #3895ff;
  --mdc-outlined-text-field-focus-label-text-color: rgba(56, 149, 255, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(56, 149, 255, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mdc-filled-text-field-label-text-font: var(--base-font-family);
  --mdc-filled-text-field-label-text-size: 0.875rem;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--base-font-family);
  --mdc-outlined-text-field-label-text-size: 0.875rem;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--base-font-family);
  --mat-form-field-container-text-line-height: var(--line-height);
  --mat-form-field-container-text-size: 0.875rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 0.875rem;
  --mat-form-field-subscript-text-font: var(--base-font-family);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(88, 123, 137, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(56, 149, 255, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-select-trigger-text-font: var(--base-font-family);
  --mat-select-trigger-text-line-height: var(--line-height);
  --mat-select-trigger-text-size: 0.875rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

html {
  --mdc-dialog-subhead-font: var(--base-font-family);
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: var(--base-font-family);
  --mdc-dialog-supporting-text-line-height: var(--line-height);
  --mdc-dialog-supporting-text-size: 0.875rem;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #587b89;
  --mdc-chip-elevated-selected-container-color: #587b89;
  --mdc-chip-elevated-disabled-container-color: #587b89;
  --mdc-chip-flat-disabled-selected-container-color: #587b89;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3895ff;
  --mdc-chip-elevated-selected-container-color: #3895ff;
  --mdc-chip-elevated-disabled-container-color: #3895ff;
  --mdc-chip-flat-disabled-selected-container-color: #3895ff;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--base-font-family);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #466c78;
  --mdc-switch-selected-handle-color: #466c78;
  --mdc-switch-selected-hover-state-layer-color: #466c78;
  --mdc-switch-selected-pressed-state-layer-color: #466c78;
  --mdc-switch-selected-focus-handle-color: #203037;
  --mdc-switch-selected-hover-handle-color: #203037;
  --mdc-switch-selected-pressed-handle-color: #203037;
  --mdc-switch-selected-focus-track-color: #89a3ad;
  --mdc-switch-selected-hover-track-color: #89a3ad;
  --mdc-switch-selected-pressed-track-color: #89a3ad;
  --mdc-switch-selected-track-color: #89a3ad;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #3b86ff;
  --mdc-switch-selected-handle-color: #3b86ff;
  --mdc-switch-selected-hover-state-layer-color: #3b86ff;
  --mdc-switch-selected-pressed-state-layer-color: #3b86ff;
  --mdc-switch-selected-focus-handle-color: #3840b7;
  --mdc-switch-selected-hover-handle-color: #3840b7;
  --mdc-switch-selected-pressed-handle-color: #3840b7;
  --mdc-switch-selected-focus-track-color: #68b6ff;
  --mdc-switch-selected-hover-track-color: #68b6ff;
  --mdc-switch-selected-pressed-track-color: #68b6ff;
  --mdc-switch-selected-track-color: #68b6ff;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--base-font-family);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #587b89;
  --mdc-radio-selected-hover-icon-color: #587b89;
  --mdc-radio-selected-icon-color: #587b89;
  --mdc-radio-selected-pressed-icon-color: #587b89;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #587b89;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3895ff;
  --mdc-radio-selected-hover-icon-color: #3895ff;
  --mdc-radio-selected-icon-color: #3895ff;
  --mdc-radio-selected-pressed-icon-color: #3895ff;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3895ff;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--base-font-family);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mdc-slider-handle-color: #587b89;
  --mdc-slider-focus-handle-color: #587b89;
  --mdc-slider-hover-handle-color: #587b89;
  --mdc-slider-active-track-color: #587b89;
  --mdc-slider-inactive-track-color: #587b89;
  --mdc-slider-with-tick-marks-inactive-container-color: #587b89;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #587b89;
  --mat-slider-hover-state-layer-color: rgba(88, 123, 137, 0.05);
  --mat-slider-focus-state-layer-color: rgba(88, 123, 137, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #3895ff;
  --mat-slider-hover-state-layer-color: rgba(56, 149, 255, 0.05);
  --mat-slider-focus-state-layer-color: rgba(56, 149, 255, 0.2);
  --mdc-slider-handle-color: #3895ff;
  --mdc-slider-focus-handle-color: #3895ff;
  --mdc-slider-hover-handle-color: #3895ff;
  --mdc-slider-active-track-color: #3895ff;
  --mdc-slider-inactive-track-color: #3895ff;
  --mdc-slider-with-tick-marks-inactive-container-color: #3895ff;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mdc-slider-label-label-text-font: var(--base-font-family);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: var(--base-font-family);
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: var(--line-height);
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #587b89;
  --mdc-radio-selected-hover-icon-color: #587b89;
  --mdc-radio-selected-icon-color: #587b89;
  --mdc-radio-selected-pressed-icon-color: #587b89;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3895ff;
  --mdc-radio-selected-hover-icon-color: #3895ff;
  --mdc-radio-selected-icon-color: #3895ff;
  --mdc-radio-selected-pressed-icon-color: #3895ff;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #587b89;
  --mdc-checkbox-selected-hover-icon-color: #587b89;
  --mdc-checkbox-selected-icon-color: #587b89;
  --mdc-checkbox-selected-pressed-icon-color: #587b89;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #587b89;
  --mdc-checkbox-selected-hover-state-layer-color: #587b89;
  --mdc-checkbox-selected-pressed-state-layer-color: #587b89;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3895ff;
  --mdc-checkbox-selected-hover-icon-color: #3895ff;
  --mdc-checkbox-selected-icon-color: #3895ff;
  --mdc-checkbox-selected-pressed-icon-color: #3895ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3895ff;
  --mdc-checkbox-selected-hover-state-layer-color: #3895ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #3895ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #587b89;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #587b89;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font: var(--base-font-family);
  --mdc-list-list-item-label-text-line-height: var(--line-height);
  --mdc-list-list-item-label-text-size: 0.875rem;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--base-font-family);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--base-font-family);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px var(--base-font-family);
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
}

html {
  --mat-paginator-container-text-font: var(--base-font-family);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #587b89;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #587b89;
  --mat-tab-header-active-ripple-color: #587b89;
  --mat-tab-header-inactive-ripple-color: #587b89;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #587b89;
  --mat-tab-header-active-hover-label-text-color: #587b89;
  --mat-tab-header-active-focus-indicator-color: #587b89;
  --mat-tab-header-active-hover-indicator-color: #587b89;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #3895ff;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3895ff;
  --mat-tab-header-active-ripple-color: #3895ff;
  --mat-tab-header-inactive-ripple-color: #3895ff;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3895ff;
  --mat-tab-header-active-hover-label-text-color: #3895ff;
  --mat-tab-header-active-focus-indicator-color: #3895ff;
  --mat-tab-header-active-hover-indicator-color: #3895ff;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #587b89;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #3895ff;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: var(--base-font-family);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3895ff;
  --mdc-checkbox-selected-hover-icon-color: #3895ff;
  --mdc-checkbox-selected-icon-color: #3895ff;
  --mdc-checkbox-selected-pressed-icon-color: #3895ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3895ff;
  --mdc-checkbox-selected-hover-state-layer-color: #3895ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #3895ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #587b89;
  --mdc-checkbox-selected-hover-icon-color: #587b89;
  --mdc-checkbox-selected-icon-color: #587b89;
  --mdc-checkbox-selected-pressed-icon-color: #587b89;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #587b89;
  --mdc-checkbox-selected-hover-state-layer-color: #587b89;
  --mdc-checkbox-selected-pressed-state-layer-color: #587b89;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--base-font-family);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #587b89;
  --mat-text-button-state-layer-color: #587b89;
  --mat-text-button-ripple-color: rgba(88, 123, 137, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #3895ff;
  --mat-text-button-state-layer-color: #3895ff;
  --mat-text-button-ripple-color: rgba(56, 149, 255, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #587b89;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #3895ff;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #587b89;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #3895ff;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #587b89;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #587b89;
  --mat-outlined-button-ripple-color: rgba(88, 123, 137, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #3895ff;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3895ff;
  --mat-outlined-button-ripple-color: rgba(56, 149, 255, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-text-button-label-text-font: var(--base-font-family);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--base-font-family);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--base-font-family);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--base-font-family);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #587b89;
  --mat-icon-button-state-layer-color: #587b89;
  --mat-icon-button-ripple-color: rgba(88, 123, 137, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #3895ff;
  --mat-icon-button-state-layer-color: #3895ff;
  --mat-icon-button-ripple-color: rgba(56, 149, 255, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
}

html {
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #587b89;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #3895ff;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #587b89;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #3895ff;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-extended-fab-label-text-font: var(--base-font-family);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #3895ff;
}

html {
  --mdc-snackbar-supporting-text-font: var(--base-font-family);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-table-header-headline-font: var(--base-font-family);
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: var(--base-font-family);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: var(--base-font-family);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #587b89;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #3895ff;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #587b89;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #3895ff;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: var(--base-font-family);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: var(--base-font-family);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-legacy-button-toggle-label-text-font: var(--base-font-family);
  --mat-legacy-button-toggle-label-text-line-height: var(--line-height);
  --mat-legacy-button-toggle-label-text-size: 0.875rem;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: var(--base-font-family);
  --mat-standard-button-toggle-label-text-line-height: var(--line-height);
  --mat-standard-button-toggle-label-text-size: 0.875rem;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #587b89;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(88, 123, 137, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(88, 123, 137, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(88, 123, 137, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #587b89;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(88, 123, 137, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3895ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(56, 149, 255, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(56, 149, 255, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(56, 149, 255, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(56, 149, 255, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #3895ff;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: var(--base-font-family);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-expansion-header-text-font: var(--base-font-family);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--base-font-family);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #587b89;
}
.mat-icon.mat-accent {
  --mat-icon-color: #3895ff;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #587b89;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #587b89;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #587b89;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3895ff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3895ff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3895ff;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-stepper-container-text-font: var(--base-font-family);
  --mat-stepper-header-label-text-font: var(--base-font-family);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #587b89;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #3895ff;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-toolbar-title-text-font: var(--base-font-family);
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-tree-node-text-font: var(--base-font-family);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-focus-indicator-border-color: #587b89;
}

html {
  --mat-mdc-focus-indicator-border-color: #587b89;
}

html {
  --mat-form-field-container-height: 38px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 7px;
  --mat-form-field-filled-with-label-container-padding-top: 7px;
  --mat-form-field-filled-with-label-container-padding-bottom: 7px;
}

html {
  --mat-icon-button-touch-target-display: none;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 36px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 6px;
}

html {
  --mat-select-arrow-transform: none;
}

@font-face {
  font-family: "WebComponentsIcons";
  font-style: normal;
  font-weight: normal;
  src: url('kendo-font-icons.fc94f36039593e27.ttf') format("truetype");
}
.k-font-icon {
  width: 1em;
  height: 1em;
  outline: 0;
  font-size: 16px;
  font-family: "WebComponentsIcons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  text-decoration: none;
  flex-shrink: 0;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.k-font-icon:hover, .k-font-icon:focus {
  text-decoration: none;
}

.k-i-none::before {
  display: none !important;
}

.k-icon-xs {
  font-size: calc(16px * 0.75);
}

.k-icon-sm {
  font-size: calc(16px * 0.875);
}

.k-icon-md {
  font-size: 16px;
}

.k-icon-lg {
  font-size: calc(16px * 1.25);
}

.k-icon-xl {
  font-size: calc(16px * 1.5);
}

.k-icon-xxl {
  font-size: calc(16px * 2);
}

.k-icon-xxxl {
  font-size: calc(16px * 3);
}

.k-flip-h {
  transform: scaleX(-1);
}

.k-flip-v {
  transform: scaleY(-1);
}

.k-flip-h.k-flip-v,
.k-flip-both {
  transform: scale(-1, -1);
}

.k-rotate-0 {
  transform: rotate(0deg);
}

.k-rotate-45 {
  transform: rotate(45deg);
}

.k-rotate-90 {
  transform: rotate(90deg);
}

.k-rotate-135 {
  transform: rotate(135deg);
}

.k-rotate-180 {
  transform: rotate(180deg);
}

.k-rotate-225 {
  transform: rotate(225deg);
}

.k-rotate-270 {
  transform: rotate(270deg);
}

.k-rotate-315 {
  transform: rotate(315deg);
}

.k-i-caret-tr::before {
  content: "\e000";
}

.k-i-arrow-45-up-right::before {
  content: "\e000";
}

.k-i-collapse-ne::before {
  content: "\e000";
}

.k-i-resize-ne::before {
  content: "\e000";
}

.k-i-caret-br::before {
  content: "\e001";
}

.k-i-arrow-45-down-right::before {
  content: "\e001";
}

.k-i-collapse-se::before {
  content: "\e001";
}

.k-i-resize-se::before {
  content: "\e001";
}

.k-i-caret-bl::before {
  content: "\e002";
}

.k-i-arrow-45-down-left::before {
  content: "\e002";
}

.k-i-collapse-sw::before {
  content: "\e002";
}

.k-i-resize-sw::before {
  content: "\e002";
}

.k-i-caret-tl::before {
  content: "\e003";
}

.k-i-arrow-45-up-left::before {
  content: "\e003";
}

.k-i-collapse-nw::before {
  content: "\e003";
}

.k-i-resize-nw::before {
  content: "\e003";
}

.k-i-caret-alt-up::before {
  content: "\e004";
}

.k-i-arrow-60-up::before {
  content: "\e004";
}

.k-i-arrow-n::before {
  content: "\e004";
}

.k-i-kpi-trend-increase::before {
  content: "\e004";
}

.k-i-expand-n::before {
  content: "\e004";
}

.k-i-sarrow-n::before {
  content: "\e004";
}

.k-i-caret-alt-right::before {
  content: "\e005";
}

.k-i-arrow-60-right::before {
  content: "\e005";
}

.k-i-arrow-e::before {
  content: "\e005";
}

.k-i-expand::before {
  content: "\e005";
}

.k-i-expand-e::before {
  content: "\e005";
}

.k-i-sarrow-e::before {
  content: "\e005";
}

.k-i-caret-alt-down::before {
  content: "\e006";
}

.k-i-arrow-60-down::before {
  content: "\e006";
}

.k-i-arrow-s::before {
  content: "\e006";
}

.k-i-kpi-trend-decrease::before {
  content: "\e006";
}

.k-i-expand-s::before {
  content: "\e006";
}

.k-i-collapse::before {
  content: "\e006";
}

.k-i-sarrow-s::before {
  content: "\e006";
}

.k-i-caret-alt-left::before {
  content: "\e007";
}

.k-i-arrow-60-left::before {
  content: "\e007";
}

.k-i-arrow-w::before {
  content: "\e007";
}

.k-i-expand-w::before {
  content: "\e007";
}

.k-i-sarrow-w::before {
  content: "\e007";
}

.k-i-caret-alt-to-top::before {
  content: "\e008";
}

.k-i-arrow-end-up::before {
  content: "\e008";
}

.k-i-seek-n::before {
  content: "\e008";
}

.k-i-caret-alt-to-right::before {
  content: "\e009";
}

.k-i-arrow-end-right::before {
  content: "\e009";
}

.k-i-seek-e::before {
  content: "\e009";
}

.k-i-caret-alt-to-bottom::before {
  content: "\e00a";
}

.k-i-arrow-end-down::before {
  content: "\e00a";
}

.k-i-seek-s::before {
  content: "\e00a";
}

.k-i-caret-alt-to-left::before {
  content: "\e00b";
}

.k-i-arrow-end-left::before {
  content: "\e00b";
}

.k-i-seek-w::before {
  content: "\e00b";
}

.k-i-caret-double-alt-up::before {
  content: "\e00c";
}

.k-i-arrow-double-60-up::before {
  content: "\e00c";
}

.k-i-arrow-seek-up::before {
  content: "\e00c";
}

.k-i-caret-double-alt-right::before {
  content: "\e00d";
}

.k-i-arrow-double-60-right::before {
  content: "\e00d";
}

.k-i-arrow-seek-right::before {
  content: "\e00d";
}

.k-i-forward-sm::before {
  content: "\e00d";
}

.k-i-caret-double-alt-down::before {
  content: "\e00e";
}

.k-i-arrow-double-60-down::before {
  content: "\e00e";
}

.k-i-arrow-seek-down::before {
  content: "\e00e";
}

.k-i-caret-double-alt-left::before {
  content: "\e00f";
}

.k-i-arrow-double-60-left::before {
  content: "\e00f";
}

.k-i-arrow-seek-left::before {
  content: "\e00f";
}

.k-i-rewind-sm::before {
  content: "\e00f";
}

.k-i-caret-alt-expand::before {
  content: "\e010";
}

.k-i-arrows-kpi::before {
  content: "\e010";
}

.k-i-kpi::before {
  content: "\e010";
}

.k-i-caret-alt-sort::before {
  content: "\e010";
}

.k-i-arrows-no-change::before {
  content: "\e011";
}

.k-i-arrow-overflow-down::before {
  content: "\e012";
}

.k-i-chevron-up::before {
  content: "\e013";
}

.k-i-arrow-chevron-up::before {
  content: "\e013";
}

.k-i-arrowhead-n::before {
  content: "\e013";
}

.k-i-chevron-right::before {
  content: "\e014";
}

.k-i-arrow-chevron-right::before {
  content: "\e014";
}

.k-i-arrowhead-e::before {
  content: "\e014";
}

.k-i-chevron-down::before {
  content: "\e015";
}

.k-i-arrow-chevron-down::before {
  content: "\e015";
}

.k-i-arrowhead-s::before {
  content: "\e015";
}

.k-i-chevron-left::before {
  content: "\e016";
}

.k-i-arrow-chevron-left::before {
  content: "\e016";
}

.k-i-arrowhead-w::before {
  content: "\e016";
}

.k-i-arrow-up::before {
  content: "\e017";
}

.k-i-arrow-right::before {
  content: "\e018";
}

.k-i-arrow-down::before {
  content: "\e019";
}

.k-i-arrow-left::before {
  content: "\e01a";
}

.k-i-level-down::before {
  content: "\e01b";
}

.k-i-arrow-drill::before {
  content: "\e01b";
}

.k-i-level-up::before {
  content: "\e01c";
}

.k-i-arrow-parent::before {
  content: "\e01c";
}

.k-i-level-to-top::before {
  content: "\e01d";
}

.k-i-arrow-root::before {
  content: "\e01d";
}

.k-i-level-root::before {
  content: "\e01d";
}

.k-i-col-resize::before {
  content: "\e01e";
}

.k-i-arrows-resizing::before {
  content: "\e01e";
}

.k-i-arrows-axes::before {
  content: "\e01f";
}

.k-i-arrows-dimensions::before {
  content: "\e01f";
}

.k-i-dimension::before {
  content: "\e01f";
}

.k-i-arrows-swap::before {
  content: "\e020";
}

.k-i-drag-and-drop::before {
  content: "\e021";
}

.k-i-categorize::before {
  content: "\e022";
}

.k-i-grid::before {
  content: "\e023";
}

.k-i-grid-layout::before {
  content: "\e024";
}

.k-i-group::before {
  content: "\e025";
}

.k-i-ungroup::before {
  content: "\e026";
}

.k-i-handle-drag::before {
  content: "\e027";
}

.k-i-handler-drag::before {
  content: "\e027";
}

.k-i-layout::before {
  content: "\e028";
}

.k-i-layout-1-by-4::before {
  content: "\e029";
}

.k-i-layout-2-by-2::before {
  content: "\e02a";
}

.k-i-page-layout::before {
  content: "\e02a";
}

.k-i-layout-side-by-side::before {
  content: "\e02b";
}

.k-i-layout-stacked::before {
  content: "\e02c";
}

.k-i-columns::before {
  content: "\e02d";
}

.k-i-rows::before {
  content: "\e02e";
}

.k-i-reorder::before {
  content: "\e02f";
}

.k-i-menu::before {
  content: "\e030";
}

.k-i-hamburger::before {
  content: "\e030";
}

.k-i-more-vertical::before {
  content: "\e031";
}

.k-i-more-v::before {
  content: "\e031";
}

.k-i-vbars::before {
  content: "\e031";
}

.k-i-more-horizontal::before {
  content: "\e032";
}

.k-i-more-h::before {
  content: "\e032";
}

.k-i-hbars::before {
  content: "\e032";
}

.k-i-overlap::before {
  content: "\e033";
}

.k-i-home::before {
  content: "\e034";
}

.k-i-root::before {
  content: "\e034";
}

.k-i-arrows-left-right::before {
  content: "\e035";
}

.k-i-arrows-top-bottom::before {
  content: "\e036";
}

.k-i-border-radius-bottom-left::before {
  content: "\e037";
}

.k-i-border-radius-bottom-right::before {
  content: "\e038";
}

.k-i-border-radius-top-left::before {
  content: "\e039";
}

.k-i-border-radius-top-right::before {
  content: "\e03a";
}

.k-i-border-radius::before {
  content: "\e03b";
}

.k-i-border-style-bottom::before {
  content: "\e03c";
}

.k-i-border-style-left::before {
  content: "\e03d";
}

.k-i-border-style-right::before {
  content: "\e03e";
}

.k-i-border-style-top::before {
  content: "\e03f";
}

.k-i-border-style::before {
  content: "\e040";
}

.k-i-box-sizing::before {
  content: "\e041";
}

.k-i-chevron-double-down::before {
  content: "\e042";
}

.k-i-chevron-double-left::before {
  content: "\e043";
}

.k-i-chevron-double-right::before {
  content: "\e044";
}

.k-i-chevron-double-up::before {
  content: "\e045";
}

.k-i-data-ods::before {
  content: "\e046";
}

.k-i-non-recurrence::before {
  content: "\e047";
}

.k-i-display-block::before {
  content: "\e048";
}

.k-i-display-flex::before {
  content: "\e049";
}

.k-i-display-inline-flex::before {
  content: "\e04a";
}

.k-i-droplet-slider::before {
  content: "\e04b";
}

.k-i-color-canvas::before {
  content: "\e04b";
}

.k-i-file-report::before {
  content: "\e04c";
}

.k-i-gap-column::before {
  content: "\e04d";
}

.k-i-gap-row::before {
  content: "\e04e";
}

.k-i-handle-resize-alt::before {
  content: "\e04f";
}

.k-i-handle-resize::before {
  content: "\e050";
}

.k-i-images::before {
  content: "\e051";
}

.k-i-letter-space::before {
  content: "\e052";
}

.k-i-line-height::before {
  content: "\e053";
}

.k-i-list-latin-big::before {
  content: "\e054";
}

.k-i-list-latin-small::before {
  content: "\e055";
}

.k-i-list-roman-big::before {
  content: "\e056";
}

.k-i-list-roman-small::before {
  content: "\e057";
}

.k-i-list-unordered-outline::before {
  content: "\e058";
}

.k-i-list-unordered-square::before {
  content: "\e059";
}

.k-i-max-height::before {
  content: "\e05a";
}

.k-i-max-width::before {
  content: "\e05b";
}

.k-i-min-height::before {
  content: "\e05c";
}

.k-i-min-width::before {
  content: "\e05d";
}

.k-i-outline-offset::before {
  content: "\e05e";
}

.k-i-outline-width::before {
  content: "\e05f";
}

.k-i-padding-bottom::before {
  content: "\e060";
}

.k-i-padding-left::before {
  content: "\e061";
}

.k-i-padding-right::before {
  content: "\e062";
}

.k-i-padding-top::before {
  content: "\e063";
}

.k-i-padding::before {
  content: "\e064";
}

.k-i-position-bottom::before {
  content: "\e065";
}

.k-i-position-left::before {
  content: "\e066";
}

.k-i-position-right::before {
  content: "\e067";
}

.k-i-position-top::before {
  content: "\e068";
}

.k-i-regular-expression::before {
  content: "\e069";
}

.k-i-replace-all::before {
  content: "\e06a";
}

.k-i-replace-single::before {
  content: "\e06b";
}

.k-i-report-element::before {
  content: "\e06c";
}

.k-i-right-double-quotes::before {
  content: "\e06d";
}

.k-i-blockquote::before {
  content: "\e06d";
}

.k-i-whole-word::before {
  content: "\e06e";
}

.k-i-data-sds::before {
  content: "\e06f";
}

.k-i-download-light::before {
  content: "\e070";
}

.k-i-eye-slash::before {
  content: "\e071";
}

.k-i-preview-off::before {
  content: "\e071";
}

.k-i-display-inline-block::before {
  content: "\e072";
}

.k-i-paper-plane::before {
  content: "\e073";
}

.k-i-gauge-linear::before {
  content: "\e074";
}

.k-i-gauge-radial::before {
  content: "\e075";
}

.k-i-envelope-box::before {
  content: "\e076";
}

.k-i-envelope-link::before {
  content: "\e077";
}

.k-i-envelope::before {
  content: "\e078";
}

.k-i-warning-circle::before {
  content: "\e079";
}

.k-i-warning-triangle::before {
  content: "\e07a";
}

.k-i-info-solid::before {
  content: "\e07b";
}

.k-i-font-grow::before {
  content: "\e07c";
}

.k-i-font-shrink::before {
  content: "\e07d";
}

.k-i-text-overflow::before {
  content: "\e07e";
}

.k-i-text-wrap-arrow::before {
  content: "\e07f";
}

.k-i-text-truncate::before {
  content: "\e080";
}

.k-i-text-clip::before {
  content: "\e081";
}

.k-i-border-color::before {
  content: "\e082";
}

.k-i-border-type::before {
  content: "\e083";
}

.k-i-thumb-down-outline::before {
  content: "\e084";
}

.k-i-thumb-down::before {
  content: "\e085";
}

.k-i-thumb-up-outline::before {
  content: "\e086";
}

.k-i-thumb-up::before {
  content: "\e087";
}

.k-i-sparkles::before {
  content: "\e088";
}

.k-i-paragraph-mark::before {
  content: "\e089";
}

.k-i-pilcrow::before {
  content: "\e089";
}

.k-i-paragraph-height::before {
  content: "\e08a";
}

.k-i-undo::before {
  content: "\e100";
}

.k-i-undo-large::before {
  content: "\e100";
}

.k-i-redo::before {
  content: "\e101";
}

.k-i-redo-large::before {
  content: "\e101";
}

.k-i-arrow-rotate-ccw::before {
  content: "\e102";
}

.k-i-reset::before {
  content: "\e102";
}

.k-i-arrow-rotate-cw::before {
  content: "\e103";
}

.k-i-reload::before {
  content: "\e103";
}

.k-i-refresh::before {
  content: "\e103";
}

.k-i-recurrence::before {
  content: "\e103";
}

.k-i-arrows-repeat::before {
  content: "\e103";
}

.k-i-arrows-no-repeat::before {
  content: "\e104";
}

.k-i-non-recurrence::before {
  content: "\e104";
}

.k-i-refresh-clear::before {
  content: "\e104";
}

.k-i-arrow-rotate-ccw-small::before {
  content: "\e105";
}

.k-i-reset-sm::before {
  content: "\e105";
}

.k-i-arrow-rotate-cw-small::before {
  content: "\e106";
}

.k-i-reload-sm::before {
  content: "\e106";
}

.k-i-refresh-sm::before {
  content: "\e106";
}

.k-i-recurrence-sm::before {
  content: "\e106";
}

.k-i-arrows-repeat-sm::before {
  content: "\e106";
}

.k-i-clock::before {
  content: "\e107";
}

.k-i-calendar::before {
  content: "\e108";
}

.k-i-save::before {
  content: "\e109";
}

.k-i-floppy::before {
  content: "\e109";
}

.k-i-print::before {
  content: "\e10a";
}

.k-i-printer::before {
  content: "\e10a";
}

.k-i-pencil::before {
  content: "\e10b";
}

.k-i-edit::before {
  content: "\e10b";
}

.k-i-trash::before {
  content: "\e10c";
}

.k-i-delete::before {
  content: "\e10c";
}

.k-i-paperclip::before {
  content: "\e10d";
}

.k-i-attachment::before {
  content: "\e10d";
}

.k-i-clip::before {
  content: "\e10d";
}

.k-i-paperclip-alt::before {
  content: "\e10e";
}

.k-i-attachment-45::before {
  content: "\e10e";
}

.k-i-clip-45::before {
  content: "\e10e";
}

.k-i-link::before {
  content: "\e10f";
}

.k-i-link-horizontal::before {
  content: "\e10f";
}

.k-i-hyperlink::before {
  content: "\e10f";
}

.k-i-link-h::before {
  content: "\e10f";
}

.k-i-unlink::before {
  content: "\e110";
}

.k-i-unlink-horizontal::before {
  content: "\e110";
}

.k-i-hyperlink-remove::before {
  content: "\e110";
}

.k-i-unlink-h::before {
  content: "\e110";
}

.k-i-link-vertical::before {
  content: "\e111";
}

.k-i-link-v::before {
  content: "\e111";
}

.k-i-unlink-vertical::before {
  content: "\e112";
}

.k-i-unlink-v::before {
  content: "\e112";
}

.k-i-lock::before {
  content: "\e113";
}

.k-i-unlock::before {
  content: "\e114";
}

.k-i-cancel::before {
  content: "\e115";
}

.k-i-cancel-outline::before {
  content: "\e116";
}

.k-i-deny::before {
  content: "\e116";
}

.k-i-cancel-circle::before {
  content: "\e117";
}

.k-i-check::before {
  content: "\e118";
}

.k-i-checkmark::before {
  content: "\e118";
}

.k-i-tick::before {
  content: "\e118";
}

.k-i-check-outline::before {
  content: "\e119";
}

.k-i-checkmark-outline::before {
  content: "\e119";
}

.k-i-success::before {
  content: "\e119";
}

.k-i-check-circle::before {
  content: "\e11a";
}

.k-i-checkmark-circle::before {
  content: "\e11a";
}

.k-i-x::before {
  content: "\e11b";
}

.k-i-close::before {
  content: "\e11b";
}

.k-i-clear::before {
  content: "\e11b";
}

.k-i-times::before {
  content: "\e11b";
}

.k-i-group-delete::before {
  content: "\e11b";
}

.k-i-x-outline::before {
  content: "\e11c";
}

.k-i-close-outline::before {
  content: "\e11c";
}

.k-i-clear-outline::before {
  content: "\e11c";
}

.k-i-times-outline::before {
  content: "\e11c";
}

.k-i-error::before {
  content: "\e11c";
}

.k-i-x-circle::before {
  content: "\e11d";
}

.k-i-close-circle::before {
  content: "\e11d";
}

.k-i-clear-circle::before {
  content: "\e11d";
}

.k-i-times-circle::before {
  content: "\e11d";
}

.k-i-plus::before {
  content: "\e11e";
}

.k-i-add::before {
  content: "\e11e";
}

.k-i-plus-outline::before {
  content: "\e11f";
}

.k-i-add-outline::before {
  content: "\e11f";
}

.k-i-plus-circle::before {
  content: "\e120";
}

.k-i-add-circle::before {
  content: "\e120";
}

.k-i-minus::before {
  content: "\e121";
}

.k-i-kpi-trend-equal::before {
  content: "\e121";
}

.k-i-minus-outline::before {
  content: "\e122";
}

.k-i-minus-circle::before {
  content: "\e123";
}

.k-i-sort-asc::before {
  content: "\e124";
}

.k-i-sort-desc::before {
  content: "\e125";
}

.k-i-sort-clear::before {
  content: "\e126";
}

.k-i-unsort::before {
  content: "\e126";
}

.k-i-sort-asc-small::before {
  content: "\e127";
}

.k-i-sort-asc-sm::before {
  content: "\e127";
}

.k-i-sort-desc-small::before {
  content: "\e128";
}

.k-i-sort-desc-sm::before {
  content: "\e128";
}

.k-i-filter::before {
  content: "\e129";
}

.k-i-filter-clear::before {
  content: "\e12a";
}

.k-i-filter-small::before {
  content: "\e12b";
}

.k-i-filter-sm::before {
  content: "\e12b";
}

.k-i-filter-sort-asc-small::before {
  content: "\e12c";
}

.k-i-filter-sort-asc-sm::before {
  content: "\e12c";
}

.k-i-filter-sort-desc-small::before {
  content: "\e12d";
}

.k-i-filter-sort-desc-sm::before {
  content: "\e12d";
}

.k-i-filter-add-expression::before {
  content: "\e12e";
}

.k-i-filter-add-group::before {
  content: "\e12f";
}

.k-i-login::before {
  content: "\e130";
}

.k-i-sign-in::before {
  content: "\e130";
}

.k-i-logout::before {
  content: "\e131";
}

.k-i-sign-out::before {
  content: "\e131";
}

.k-i-download::before {
  content: "\e132";
}

.k-i-upload::before {
  content: "\e133";
}

.k-i-hyperlink-open::before {
  content: "\e134";
}

.k-i-hyperlink-open-sm::before {
  content: "\e135";
}

.k-i-launch::before {
  content: "\e136";
}

.k-i-window::before {
  content: "\e137";
}

.k-i-window-maximize::before {
  content: "\e137";
}

.k-i-maximize::before {
  content: "\e137";
}

.k-i-window-restore::before {
  content: "\e138";
}

.k-i-windows::before {
  content: "\e138";
}

.k-i-tiles::before {
  content: "\e138";
}

.k-i-restore::before {
  content: "\e138";
}

.k-i-window-minimize::before {
  content: "\e139";
}

.k-i-minimize::before {
  content: "\e139";
}

.k-i-gear::before {
  content: "\e13a";
}

.k-i-cog::before {
  content: "\e13a";
}

.k-i-custom::before {
  content: "\e13a";
}

.k-i-gears::before {
  content: "\e13b";
}

.k-i-cogs::before {
  content: "\e13b";
}

.k-i-wrench::before {
  content: "\e13c";
}

.k-i-settings::before {
  content: "\e13c";
}

.k-i-eye::before {
  content: "\e13d";
}

.k-i-preview::before {
  content: "\e13d";
}

.k-i-search::before {
  content: "\e13e";
}

.k-i-zoom::before {
  content: "\e13e";
}

.k-i-zoom-in::before {
  content: "\e13f";
}

.k-i-zoom-out::before {
  content: "\e140";
}

.k-i-arrows-move::before {
  content: "\e141";
}

.k-i-pan::before {
  content: "\e141";
}

.k-i-move::before {
  content: "\e141";
}

.k-i-calculator::before {
  content: "\e142";
}

.k-i-cart::before {
  content: "\e143";
}

.k-i-shopping-cart::before {
  content: "\e143";
}

.k-i-connector::before {
  content: "\e144";
}

.k-i-plus-sm::before {
  content: "\e145";
}

.k-i-splus::before {
  content: "\e145";
}

.k-i-minus-sm::before {
  content: "\e146";
}

.k-i-sminus::before {
  content: "\e146";
}

.k-i-kpi-status-deny::before {
  content: "\e147";
}

.k-i-kpi-status-hold::before {
  content: "\e148";
}

.k-i-kpi-status-open::before {
  content: "\e149";
}

.k-i-equal::before {
  content: "\e14a";
}

.k-i-not-equal::before {
  content: "\e14b";
}

.k-i-less-or-equal::before {
  content: "\e14c";
}

.k-i-greater-or-equal::before {
  content: "\e14d";
}

.k-i-divide::before {
  content: "\e14e";
}

.k-i-accessibility::before {
  content: "\e14f";
}

.k-i-barcode-outline::before {
  content: "\e150";
}

.k-i-barcode::before {
  content: "\e151";
}

.k-i-barcode-scanner::before {
  content: "\e152";
}

.k-i-qr-code-outline::before {
  content: "\e153";
}

.k-i-qr-code::before {
  content: "\e154";
}

.k-i-qr-code-scanner::before {
  content: "\e155";
}

.k-i-barcode-qr-code-scanner::before {
  content: "\e156";
}

.k-i-signature::before {
  content: "\e157";
}

.k-i-hand::before {
  content: "\e158";
}

.k-i-pointer::before {
  content: "\e159";
}

.k-i-cursor::before {
  content: "\e159";
}

.k-i-stick::before {
  content: "\e15a";
}

.k-i-unstick::before {
  content: "\e15b";
}

.k-i-set-column-position::before {
  content: "\e15c";
}

.k-i-clock-arrow-rotate::before {
  content: "\e15d";
}

.k-i-play::before {
  content: "\e200";
}

.k-i-pause::before {
  content: "\e201";
}

.k-i-stop::before {
  content: "\e202";
}

.k-i-rewind::before {
  content: "\e203";
}

.k-i-forward::before {
  content: "\e204";
}

.k-i-volume-down::before {
  content: "\e205";
}

.k-i-volume-low::before {
  content: "\e205";
}

.k-i-volume-up::before {
  content: "\e206";
}

.k-i-volume-high::before {
  content: "\e206";
}

.k-i-volume-mute::before {
  content: "\e207";
}

.k-i-volume-off::before {
  content: "\e207";
}

.k-i-hd::before {
  content: "\e208";
}

.k-i-closed-captions::before {
  content: "\e209";
}

.k-i-subtitles::before {
  content: "\e209";
}

.k-i-playlist::before {
  content: "\e20a";
}

.k-i-music-notes::before {
  content: "\e20b";
}

.k-i-audio::before {
  content: "\e20b";
}

.k-i-play-sm::before {
  content: "\e20c";
}

.k-i-pause-sm::before {
  content: "\e20d";
}

.k-i-stop-sm::before {
  content: "\e20e";
}

.k-i-heart-outline::before {
  content: "\e300";
}

.k-i-fav-outline::before {
  content: "\e300";
}

.k-i-favorite-outline::before {
  content: "\e300";
}

.k-i-heart::before {
  content: "\e301";
}

.k-i-fav::before {
  content: "\e301";
}

.k-i-favorite::before {
  content: "\e301";
}

.k-i-star-outline::before {
  content: "\e302";
}

.k-i-bookmark-outline::before {
  content: "\e302";
}

.k-i-star::before {
  content: "\e303";
}

.k-i-bookmark::before {
  content: "\e303";
}

.k-i-checkbox::before {
  content: "\e304";
}

.k-i-shape-rect::before {
  content: "\e304";
}

.k-i-checkbox-checked::before {
  content: "\e305";
}

.k-i-checkbox-indeterminate::before {
  content: "\e306";
}

.k-i-tri-state-indeterminate::before {
  content: "\e306";
}

.k-i-checkbox-null::before {
  content: "\e307";
}

.k-i-tri-state-null::before {
  content: "\e307";
}

.k-i-circle::before {
  content: "\e308";
}

.k-i-radiobutton::before {
  content: "\e309";
}

.k-i-shape-circle::before {
  content: "\e309";
}

.k-i-radiobutton-checked::before {
  content: "\e30a";
}

.k-i-bell::before {
  content: "\e400";
}

.k-i-notification::before {
  content: "\e400";
}

.k-i-info-circle::before {
  content: "\e401";
}

.k-i-information::before {
  content: "\e401";
}

.k-i-info::before {
  content: "\e401";
}

.k-i-note::before {
  content: "\e401";
}

.k-i-question-circle::before {
  content: "\e402";
}

.k-i-question::before {
  content: "\e402";
}

.k-i-help::before {
  content: "\e402";
}

.k-i-exclamation-circle::before {
  content: "\e403";
}

.k-i-warning::before {
  content: "\e403";
}

.k-i-exception::before {
  content: "\e403";
}

.k-i-camera::before {
  content: "\e500";
}

.k-i-photo-camera::before {
  content: "\e500";
}

.k-i-image::before {
  content: "\e501";
}

.k-i-photo::before {
  content: "\e501";
}

.k-i-image-export::before {
  content: "\e502";
}

.k-i-photo-export::before {
  content: "\e502";
}

.k-i-zoom-actual-size::before {
  content: "\e503";
}

.k-i-zoom-best-fit::before {
  content: "\e504";
}

.k-i-image-resize::before {
  content: "\e505";
}

.k-i-crop::before {
  content: "\e506";
}

.k-i-mirror::before {
  content: "\e507";
}

.k-i-flip-horizontal::before {
  content: "\e508";
}

.k-i-flip-h::before {
  content: "\e508";
}

.k-i-flip-vertical::before {
  content: "\e509";
}

.k-i-flip-v::before {
  content: "\e509";
}

.k-i-rotate::before {
  content: "\e50a";
}

.k-i-rotate-right::before {
  content: "\e50b";
}

.k-i-rotate-cw::before {
  content: "\e50b";
}

.k-i-rotate-left::before {
  content: "\e50c";
}

.k-i-rotate-ccw::before {
  content: "\e50c";
}

.k-i-brush::before {
  content: "\e50d";
}

.k-i-palette::before {
  content: "\e50e";
}

.k-i-droplet::before {
  content: "\e50f";
}

.k-i-paint::before {
  content: "\e50f";
}

.k-i-background::before {
  content: "\e50f";
}

.k-i-shape-line::before {
  content: "\e510";
}

.k-i-line::before {
  content: "\e510";
}

.k-i-brightness-contrast::before {
  content: "\e511";
}

.k-i-sliders::before {
  content: "\e512";
}

.k-i-saturation::before {
  content: "\e512";
}

.k-i-invert-colors::before {
  content: "\e513";
}

.k-i-transparency::before {
  content: "\e514";
}

.k-i-opacity::before {
  content: "\e514";
}

.k-i-grayscale::before {
  content: "\e515";
}

.k-i-blur::before {
  content: "\e516";
}

.k-i-sharpen::before {
  content: "\e517";
}

.k-i-shapes::before {
  content: "\e518";
}

.k-i-shape::before {
  content: "\e518";
}

.k-i-round-corners::before {
  content: "\e519";
}

.k-i-bring-to-front::before {
  content: "\e51a";
}

.k-i-front-element::before {
  content: "\e51a";
}

.k-i-bring-to-back::before {
  content: "\e51b";
}

.k-i-back-element::before {
  content: "\e51b";
}

.k-i-bring-forward::before {
  content: "\e51c";
}

.k-i-forward-element::before {
  content: "\e51c";
}

.k-i-bring-backward::before {
  content: "\e51d";
}

.k-i-backward-element::before {
  content: "\e51d";
}

.k-i-align-self-start::before {
  content: "\e51e";
}

.k-i-align-left-element::before {
  content: "\e51e";
}

.k-i-align-self-center::before {
  content: "\e51f";
}

.k-i-align-center-element::before {
  content: "\e51f";
}

.k-i-align-self-end::before {
  content: "\e520";
}

.k-i-align-right-element::before {
  content: "\e520";
}

.k-i-align-self-start-alt::before {
  content: "\e521";
}

.k-i-align-top-element::before {
  content: "\e521";
}

.k-i-align-self-center-alt::before {
  content: "\e522";
}

.k-i-align-middle-element::before {
  content: "\e522";
}

.k-i-align-self-end-alt::before {
  content: "\e523";
}

.k-i-align-bottom-element::before {
  content: "\e523";
}

.k-i-thumbnails-up::before {
  content: "\e524";
}

.k-i-thumbnails-right::before {
  content: "\e525";
}

.k-i-thumbnails-down::before {
  content: "\e526";
}

.k-i-thumbnails-left::before {
  content: "\e527";
}

.k-i-fullscreen::before {
  content: "\e528";
}

.k-i-full-screen::before {
  content: "\e528";
}

.k-i-fullscreen-enter::before {
  content: "\e528";
}

.k-i-fullscreen-exit::before {
  content: "\e529";
}

.k-i-full-screen-exit::before {
  content: "\e529";
}

.k-i-droplet-slash::before {
  content: "\e52a";
}

.k-i-reset-color::before {
  content: "\e52a";
}

.k-i-paint-remove::before {
  content: "\e52a";
}

.k-i-background-remove::before {
  content: "\e52a";
}

.k-i-photos::before {
  content: "\e52b";
}

.k-i-images::before {
  content: "\e52b";
}

.k-i-gallery::before {
  content: "\e52b";
}

.k-i-align-to-grid::before {
  content: "\e52c";
}

.k-i-size-to-grid::before {
  content: "\e52d";
}

.k-i-make-same-size::before {
  content: "\e52e";
}

.k-i-make-same-width::before {
  content: "\e52f";
}

.k-i-make-same-height::before {
  content: "\e530";
}

.k-i-make-horizontal-spacing-equal::before {
  content: "\e531";
}

.k-i-increase-horizontal-spacing::before {
  content: "\e532";
}

.k-i-decrease-horizontal-spacing::before {
  content: "\e533";
}

.k-i-remove-horizontal-spacing::before {
  content: "\e534";
}

.k-i-make-vertical-spacing-equal::before {
  content: "\e535";
}

.k-i-increase-vertical-spacing::before {
  content: "\e536";
}

.k-i-decrease-vertical-spacing::before {
  content: "\e537";
}

.k-i-remove-vertical-spacing::before {
  content: "\e538";
}

.k-i-eyedropper::before {
  content: "\e539";
}

.k-i-snap-grid::before {
  content: "\e53a";
}

.k-i-snap-to-gridlines::before {
  content: "\e53b";
}

.k-i-snap-to-snaplines::before {
  content: "\e53c";
}

.k-i-dimensions::before {
  content: "\e53d";
}

.k-i-align-self-stretch::before {
  content: "\e53e";
}

.k-i-align-stretch-element-horizontal::before {
  content: "\e53e";
}

.k-i-align-self-stretch-alt::before {
  content: "\e53f";
}

.k-i-align-stretch-element-vertical::before {
  content: "\e53f";
}

.k-i-align-items-start::before {
  content: "\e540";
}

.k-i-align-left-elements::before {
  content: "\e540";
}

.k-i-align-items-center::before {
  content: "\e541";
}

.k-i-align-center-elements::before {
  content: "\e541";
}

.k-i-align-items-end::before {
  content: "\e542";
}

.k-i-align-right-elements::before {
  content: "\e542";
}

.k-i-align-items-stretch::before {
  content: "\e543";
}

.k-i-align-stretch-elements-horizontal::before {
  content: "\e543";
}

.k-i-align-items-baseline::before {
  content: "\e544";
}

.k-i-align-baseline-horizontal::before {
  content: "\e544";
}

.k-i-align-items-start-alt::before {
  content: "\e545";
}

.k-i-align-top-elements::before {
  content: "\e545";
}

.k-i-align-items-center-alt::before {
  content: "\e546";
}

.k-i-align-middle-elements::before {
  content: "\e546";
}

.k-i-align-items-end-alt::before {
  content: "\e547";
}

.k-i-align-bottom-elements::before {
  content: "\e547";
}

.k-i-align-items-stretch-alt::before {
  content: "\e548";
}

.k-i-align-stretch-elements-vertical::before {
  content: "\e548";
}

.k-i-align-items-baseline-alt::before {
  content: "\e549";
}

.k-i-align-baseline-vertical::before {
  content: "\e549";
}

.k-i-justify-content-start::before {
  content: "\e54a";
}

.k-i-justify-start-horizontal::before {
  content: "\e54a";
}

.k-i-justify-content-center::before {
  content: "\e54b";
}

.k-i-justify-center-horizontal::before {
  content: "\e54b";
}

.k-i-justify-content-end::before {
  content: "\e54c";
}

.k-i-justify-end-horizontal::before {
  content: "\e54c";
}

.k-i-justify-content-between::before {
  content: "\e54d";
}

.k-i-justify-between-horizontal::before {
  content: "\e54d";
}

.k-i-justify-content-around::before {
  content: "\e54e";
}

.k-i-justify-around-horizontal::before {
  content: "\e54e";
}

.k-i-justify-content-start-alt::before {
  content: "\e54f";
}

.k-i-justify-start-vertical::before {
  content: "\e54f";
}

.k-i-justify-content-center-alt::before {
  content: "\e550";
}

.k-i-justify-center-vertical::before {
  content: "\e550";
}

.k-i-justify-content-end-alt::before {
  content: "\e551";
}

.k-i-justify-end-vertical::before {
  content: "\e551";
}

.k-i-justify-content-between-alt::before {
  content: "\e552";
}

.k-i-justify-between-vertical::before {
  content: "\e552";
}

.k-i-justify-content-around-alt::before {
  content: "\e553";
}

.k-i-justify-around-vertical::before {
  content: "\e553";
}

.k-i-file-wrench::before {
  content: "\e600";
}

.k-i-page-properties::before {
  content: "\e600";
}

.k-i-bold::before {
  content: "\e601";
}

.k-i-italic::before {
  content: "\e602";
}

.k-i-underline::before {
  content: "\e603";
}

.k-i-font-family::before {
  content: "\e604";
}

.k-i-foreground-color::before {
  content: "\e605";
}

.k-i-text::before {
  content: "\e605";
}

.k-i-convert-lowercase::before {
  content: "\e606";
}

.k-i-convert-uppercase::before {
  content: "\e607";
}

.k-i-strikethrough::before {
  content: "\e608";
}

.k-i-strike-through::before {
  content: "\e608";
}

.k-i-subscript::before {
  content: "\e609";
}

.k-i-sub-script::before {
  content: "\e609";
}

.k-i-supscript::before {
  content: "\e60a";
}

.k-i-sup-script::before {
  content: "\e60a";
}

.k-i-superscript::before {
  content: "\e60a";
}

.k-i-div::before {
  content: "\e60b";
}

.k-i-all::before {
  content: "\e60c";
}

.k-i-h1::before {
  content: "\e60d";
}

.k-i-h2::before {
  content: "\e60e";
}

.k-i-h3::before {
  content: "\e60f";
}

.k-i-h4::before {
  content: "\e610";
}

.k-i-h5::before {
  content: "\e611";
}

.k-i-h6::before {
  content: "\e612";
}

.k-i-list-ordered::before {
  content: "\e613";
}

.k-i-list-numbered::before {
  content: "\e613";
}

.k-i-insert-ordered-list::before {
  content: "\e613";
}

.k-i-list-unordered::before {
  content: "\e614";
}

.k-i-list-bulleted::before {
  content: "\e614";
}

.k-i-insert-unordered-list::before {
  content: "\e614";
}

.k-i-indent::before {
  content: "\e615";
}

.k-i-indent-increase::before {
  content: "\e615";
}

.k-i-outdent::before {
  content: "\e616";
}

.k-i-indent-decrease::before {
  content: "\e616";
}

.k-i-insert-top::before {
  content: "\e617";
}

.k-i-insert-up::before {
  content: "\e617";
}

.k-i-insert-n::before {
  content: "\e617";
}

.k-i-insert-middle::before {
  content: "\e618";
}

.k-i-insert-m::before {
  content: "\e618";
}

.k-i-insert-bottom::before {
  content: "\e619";
}

.k-i-insert-down::before {
  content: "\e619";
}

.k-i-insert-s::before {
  content: "\e619";
}

.k-i-align-top::before {
  content: "\e61a";
}

.k-i-align-middle::before {
  content: "\e61b";
}

.k-i-align-bottom::before {
  content: "\e61c";
}

.k-i-align-left::before {
  content: "\e61d";
}

.k-i-justify-left::before {
  content: "\e61d";
}

.k-i-align-center::before {
  content: "\e61e";
}

.k-i-justify-center::before {
  content: "\e61e";
}

.k-i-align-right::before {
  content: "\e61f";
}

.k-i-justify-left::before {
  content: "\e61f";
}

.k-i-align-justify::before {
  content: "\e620";
}

.k-i-justify-full::before {
  content: "\e620";
}

.k-i-align-remove::before {
  content: "\e621";
}

.k-i-justify-clear::before {
  content: "\e621";
}

.k-i-text-wrap::before {
  content: "\e622";
}

.k-i-horizontal-rule::before {
  content: "\e623";
}

.k-i-rule-horizontal::before {
  content: "\e623";
}

.k-i-hr::before {
  content: "\e623";
}

.k-i-table-align-top-left::before {
  content: "\e624";
}

.k-i-table-align-top-center::before {
  content: "\e625";
}

.k-i-table-align-top-right::before {
  content: "\e626";
}

.k-i-table-align-middle-left::before {
  content: "\e627";
}

.k-i-table-align-middle-center::before {
  content: "\e628";
}

.k-i-table-align-middle-right::before {
  content: "\e629";
}

.k-i-table-align-bottom-left::before {
  content: "\e62a";
}

.k-i-table-align-bottom-center::before {
  content: "\e62b";
}

.k-i-table-align-bottom-right::before {
  content: "\e62c";
}

.k-i-table-align-remove::before {
  content: "\e62d";
}

.k-i-borders-all::before {
  content: "\e62e";
}

.k-i-all-borders::before {
  content: "\e62e";
}

.k-i-borders-outside::before {
  content: "\e62f";
}

.k-i-outside-borders::before {
  content: "\e62f";
}

.k-i-borders-inside::before {
  content: "\e630";
}

.k-i-inside-borders::before {
  content: "\e630";
}

.k-i-borders-inside-horizontal::before {
  content: "\e631";
}

.k-i-border-inside-h::before {
  content: "\e631";
}

.k-i-inside-horizontal-borders::before {
  content: "\e631";
}

.k-i-borders-inside-vertical::before {
  content: "\e632";
}

.k-i-borders-inside-v::before {
  content: "\e632";
}

.k-i-inside-vertical-borders::before {
  content: "\e632";
}

.k-i-border-top::before {
  content: "\e633";
}

.k-i-top-border::before {
  content: "\e633";
}

.k-i-border-bottom::before {
  content: "\e634";
}

.k-i-bottom-border::before {
  content: "\e634";
}

.k-i-border-left::before {
  content: "\e635";
}

.k-i-left-border::before {
  content: "\e635";
}

.k-i-border-right::before {
  content: "\e636";
}

.k-i-right-border::before {
  content: "\e636";
}

.k-i-borders-none::before {
  content: "\e637";
}

.k-i-border-no::before {
  content: "\e637";
}

.k-i-no-borders::before {
  content: "\e637";
}

.k-i-borders-show-hide::before {
  content: "\e638";
}

.k-i-form::before {
  content: "\e639";
}

.k-i-border::before {
  content: "\e639";
}

.k-i-form-element::before {
  content: "\e63a";
}

.k-i-code-snippet::before {
  content: "\e63b";
}

.k-i-select-all::before {
  content: "\e63c";
}

.k-i-button::before {
  content: "\e63d";
}

.k-i-select-box::before {
  content: "\e63e";
}

.k-i-calendar-date::before {
  content: "\e63f";
}

.k-i-group-box::before {
  content: "\e640";
}

.k-i-textarea::before {
  content: "\e641";
}

.k-i-textbox::before {
  content: "\e642";
}

.k-i-textbox-hidden::before {
  content: "\e643";
}

.k-i-password::before {
  content: "\e644";
}

.k-i-paragraph-add::before {
  content: "\e645";
}

.k-i-edit-tools::before {
  content: "\e646";
}

.k-i-template-manager::before {
  content: "\e647";
}

.k-i-change-manually::before {
  content: "\e648";
}

.k-i-track-changes::before {
  content: "\e649";
}

.k-i-track-changes-enable::before {
  content: "\e64a";
}

.k-i-track-changes-accept::before {
  content: "\e64b";
}

.k-i-track-changes-accept-all::before {
  content: "\e64c";
}

.k-i-track-changes-reject::before {
  content: "\e64d";
}

.k-i-track-changes-reject-all::before {
  content: "\e64e";
}

.k-i-document-manager::before {
  content: "\e64f";
}

.k-i-custom-icon::before {
  content: "\e650";
}

.k-i-book::before {
  content: "\e651";
}

.k-i-dictionary-add::before {
  content: "\e651";
}

.k-i-image-add::before {
  content: "\e652";
}

.k-i-image-light-dialog::before {
  content: "\e652";
}

.k-i-image-insert::before {
  content: "\e652";
}

.k-i-insert-image::before {
  content: "\e652";
}

.k-i-image-edit::before {
  content: "\e653";
}

.k-i-image-map-editor::before {
  content: "\e654";
}

.k-i-comment::before {
  content: "\e655";
}

.k-i-comment-remove::before {
  content: "\e656";
}

.k-i-comments-remove::before {
  content: "\e657";
}

.k-i-comments-remove-all::before {
  content: "\e657";
}

.k-i-silverlight::before {
  content: "\e658";
}

.k-i-media-manager::before {
  content: "\e659";
}

.k-i-video-external::before {
  content: "\e65a";
}

.k-i-flash-manager::before {
  content: "\e65b";
}

.k-i-binoculars::before {
  content: "\e65c";
}

.k-i-find-and-replace::before {
  content: "\e65c";
}

.k-i-find::before {
  content: "\e65c";
}

.k-i-copy::before {
  content: "\e65d";
}

.k-i-files::before {
  content: "\e65d";
}

.k-i-cut::before {
  content: "\e65e";
}

.k-i-clipboard::before {
  content: "\e65f";
}

.k-i-paste::before {
  content: "\e65f";
}

.k-i-clipboard-code::before {
  content: "\e660";
}

.k-i-paste-as-html::before {
  content: "\e660";
}

.k-i-clipboard-word::before {
  content: "\e661";
}

.k-i-paste-from-word::before {
  content: "\e661";
}

.k-i-clipboard-word-alt::before {
  content: "\e662";
}

.k-i-paste-from-word-strip-file::before {
  content: "\e662";
}

.k-i-clipboard-html::before {
  content: "\e663";
}

.k-i-paste-html::before {
  content: "\e663";
}

.k-i-clipboard-markdown::before {
  content: "\e664";
}

.k-i-paste-markdown::before {
  content: "\e664";
}

.k-i-clipboard-text::before {
  content: "\e665";
}

.k-i-paste-plain-text::before {
  content: "\e665";
}

.k-i-apply-format::before {
  content: "\e666";
}

.k-i-clear-css::before {
  content: "\e667";
}

.k-i-clearformat::before {
  content: "\e667";
}

.k-i-copy-format::before {
  content: "\e668";
}

.k-i-strip-all-formatting::before {
  content: "\e669";
}

.k-i-strip-css-format::before {
  content: "\e66a";
}

.k-i-strip-font-elements::before {
  content: "\e66b";
}

.k-i-strip-span-elements::before {
  content: "\e66c";
}

.k-i-strip-word-formatting::before {
  content: "\e66d";
}

.k-i-format-code-block::before {
  content: "\e66e";
}

.k-i-building-blocks::before {
  content: "\e66f";
}

.k-i-style-builder::before {
  content: "\e66f";
}

.k-i-puzzle-piece::before {
  content: "\e670";
}

.k-i-module-manager::before {
  content: "\e670";
}

.k-i-puzzle::before {
  content: "\e670";
}

.k-i-link-add::before {
  content: "\e671";
}

.k-i-hyperlink-light-dialog::before {
  content: "\e671";
}

.k-i-hyperlink-insert::before {
  content: "\e671";
}

.k-i-globe-link::before {
  content: "\e672";
}

.k-i-hyperlink-globe::before {
  content: "\e672";
}

.k-i-globe-unlink::before {
  content: "\e673";
}

.k-i-hyperlink-globe-remove::before {
  content: "\e673";
}

.k-i-envelop-link::before {
  content: "\e674";
}

.k-i-hyperlink-email::before {
  content: "\e674";
}

.k-i-anchor::before {
  content: "\e675";
}

.k-i-table-add::before {
  content: "\e676";
}

.k-i-table-light-dialog::before {
  content: "\e676";
}

.k-i-table-insert::before {
  content: "\e676";
}

.k-i-create-table::before {
  content: "\e676";
}

.k-i-table::before {
  content: "\e677";
}

.k-i-table-properties::before {
  content: "\e678";
}

.k-i-table-cell::before {
  content: "\e679";
}

.k-i-table-cell-properties::before {
  content: "\e67a";
}

.k-i-table-column-insert-left::before {
  content: "\e67b";
}

.k-i-add-column-left::before {
  content: "\e67b";
}

.k-i-table-column-insert-right::before {
  content: "\e67c";
}

.k-i-add-column-right::before {
  content: "\e67c";
}

.k-i-table-row-insert-above::before {
  content: "\e67d";
}

.k-i-add-row-above::before {
  content: "\e67d";
}

.k-i-table-row-insert-below::before {
  content: "\e67e";
}

.k-i-add-row-below::before {
  content: "\e67e";
}

.k-i-table-column-delete::before {
  content: "\e67f";
}

.k-i-delete-column::before {
  content: "\e67f";
}

.k-i-table-row-delete::before {
  content: "\e680";
}

.k-i-delete-row::before {
  content: "\e680";
}

.k-i-table-cell-delete::before {
  content: "\e681";
}

.k-i-table-delete::before {
  content: "\e682";
}

.k-i-cells-merge::before {
  content: "\e683";
}

.k-i-merge-cells::before {
  content: "\e683";
}

.k-i-cells-merge-horizontally::before {
  content: "\e684";
}

.k-i-cells-merge-h::before {
  content: "\e684";
}

.k-i-merge-horizontally::before {
  content: "\e684";
}

.k-i-cells-merge-vertically::before {
  content: "\e685";
}

.k-i-cells-merge-v::before {
  content: "\e685";
}

.k-i-merge-vertically::before {
  content: "\e685";
}

.k-i-cell-split-horizontally::before {
  content: "\e686";
}

.k-i-cells-split-h::before {
  content: "\e686";
}

.k-i-cell-split-vertically::before {
  content: "\e687";
}

.k-i-cells-split-v::before {
  content: "\e687";
}

.k-i-table-unmerge::before {
  content: "\e688";
}

.k-i-normal-layout::before {
  content: "\e688";
}

.k-i-pane-freeze::before {
  content: "\e689";
}

.k-i-freeze-pane::before {
  content: "\e689";
}

.k-i-row-freeze::before {
  content: "\e68a";
}

.k-i-freeze-row::before {
  content: "\e68a";
}

.k-i-column-freeze::before {
  content: "\e68b";
}

.k-i-col-freeze::before {
  content: "\e68b";
}

.k-i-freeze-col::before {
  content: "\e68b";
}

.k-i-toolbar-float::before {
  content: "\e68c";
}

.k-i-spell-checker::before {
  content: "\e68d";
}

.k-i-validation-xhtml::before {
  content: "\e68e";
}

.k-i-validation-data::before {
  content: "\e68f";
}

.k-i-toggle-full-screen-mode::before {
  content: "\e690";
}

.k-i-formula-fx::before {
  content: "\e691";
}

.k-i-fx::before {
  content: "\e691";
}

.k-i-sum::before {
  content: "\e692";
}

.k-i-symbol::before {
  content: "\e693";
}

.k-i-dollar::before {
  content: "\e694";
}

.k-i-currency::before {
  content: "\e694";
}

.k-i-percent::before {
  content: "\e695";
}

.k-i-custom-format::before {
  content: "\e696";
}

.k-i-format-number::before {
  content: "\e696";
}

.k-i-decimal-increase::before {
  content: "\e697";
}

.k-i-increace-decimal::before {
  content: "\e697";
}

.k-i-decimal-decrease::before {
  content: "\e698";
}

.k-i-decrease-decimal::before {
  content: "\e698";
}

.k-i-font-size::before {
  content: "\e699";
}

.k-i-image-absolute-position::before {
  content: "\e69a";
}

.k-i-table-wizard::before {
  content: "\e69b";
}

.k-i-crosstab::before {
  content: "\e69c";
}

.k-i-crosstab-wizard::before {
  content: "\e69d";
}

.k-i-table-body::before {
  content: "\e69e";
}

.k-i-table-column-groups::before {
  content: "\e69f";
}

.k-i-table-corner::before {
  content: "\e6a0";
}

.k-i-table-row-groups::before {
  content: "\e6a1";
}

.k-i-globe-outline::before {
  content: "\e700";
}

.k-i-globe::before {
  content: "\e701";
}

.k-i-map-marker::before {
  content: "\e702";
}

.k-i-marker-pin::before {
  content: "\e702";
}

.k-i-map-marker-target::before {
  content: "\e703";
}

.k-i-marker-pin-target::before {
  content: "\e703";
}

.k-i-pin::before {
  content: "\e704";
}

.k-i-unpin::before {
  content: "\e705";
}

.k-i-share::before {
  content: "\e800";
}

.k-i-user::before {
  content: "\e801";
}

.k-i-inbox::before {
  content: "\e802";
}

.k-i-blogger::before {
  content: "\e803";
}

.k-i-blogger-box::before {
  content: "\e804";
}

.k-i-delicious::before {
  content: "\e805";
}

.k-i-delicious-box::before {
  content: "\e806";
}

.k-i-digg::before {
  content: "\e807";
}

.k-i-digg-box::before {
  content: "\e808";
}

.k-i-envelop::before {
  content: "\e809";
}

.k-i-email::before {
  content: "\e809";
}

.k-i-letter::before {
  content: "\e809";
}

.k-i-envelop-box::before {
  content: "\e80a";
}

.k-i-email-box::before {
  content: "\e80a";
}

.k-i-letter-box::before {
  content: "\e80a";
}

.k-i-facebook::before {
  content: "\e80b";
}

.k-i-facebook-box::before {
  content: "\e80c";
}

.k-i-google::before {
  content: "\e80d";
}

.k-i-google-box::before {
  content: "\e80e";
}

.k-i-google-plus::before {
  content: "\e80f";
}

.k-i-google-plus-box::before {
  content: "\e810";
}

.k-i-linkedin::before {
  content: "\e811";
}

.k-i-linkedin-box::before {
  content: "\e812";
}

.k-i-myspace::before {
  content: "\e813";
}

.k-i-myspace-box::before {
  content: "\e814";
}

.k-i-pinterest::before {
  content: "\e815";
}

.k-i-pinterest-box::before {
  content: "\e816";
}

.k-i-reddit::before {
  content: "\e817";
}

.k-i-reddit-box::before {
  content: "\e818";
}

.k-i-stumble-upon::before {
  content: "\e819";
}

.k-i-stumble-upon-box::before {
  content: "\e81a";
}

.k-i-tell-a-friend::before {
  content: "\e81b";
}

.k-i-tell-a-friend-box::before {
  content: "\e81c";
}

.k-i-tumblr::before {
  content: "\e81d";
}

.k-i-tumblr-box::before {
  content: "\e81e";
}

.k-i-twitter::before {
  content: "\e81f";
}

.k-i-twitter-box::before {
  content: "\e820";
}

.k-i-yammer::before {
  content: "\e821";
}

.k-i-yammer-box::before {
  content: "\e822";
}

.k-i-behance::before {
  content: "\e823";
}

.k-i-behance-box::before {
  content: "\e824";
}

.k-i-dribbble::before {
  content: "\e825";
}

.k-i-dribbble-box::before {
  content: "\e826";
}

.k-i-rss::before {
  content: "\e827";
}

.k-i-rss-box::before {
  content: "\e828";
}

.k-i-vimeo::before {
  content: "\e829";
}

.k-i-vimeo-box::before {
  content: "\e82a";
}

.k-i-youtube::before {
  content: "\e82b";
}

.k-i-youtube-box::before {
  content: "\e82c";
}

.k-i-folder::before {
  content: "\e900";
}

.k-i-folder-open::before {
  content: "\e901";
}

.k-i-folder-add::before {
  content: "\e902";
}

.k-i-folder-up::before {
  content: "\e903";
}

.k-i-folder-more::before {
  content: "\e904";
}

.k-i-fields-more::before {
  content: "\e904";
}

.k-i-aggregate-fields::before {
  content: "\e905";
}

.k-i-file::before {
  content: "\e906";
}

.k-i-file-vertical::before {
  content: "\e906";
}

.k-i-page-portrait::before {
  content: "\e906";
}

.k-i-file-v::before {
  content: "\e906";
}

.k-i-file-add::before {
  content: "\e907";
}

.k-i-insert-file::before {
  content: "\e907";
}

.k-i-file-txt::before {
  content: "\e908";
}

.k-i-txt::before {
  content: "\e908";
}

.k-i-file-csv::before {
  content: "\e909";
}

.k-i-csv::before {
  content: "\e909";
}

.k-i-file-excel::before {
  content: "\e90a";
}

.k-i-file-xls::before {
  content: "\e90a";
}

.k-i-excel::before {
  content: "\e90a";
}

.k-i-xls::before {
  content: "\e90a";
}

.k-i-xlsa::before {
  content: "\e90a";
}

.k-i-file-word::before {
  content: "\e90b";
}

.k-i-file-doc::before {
  content: "\e90b";
}

.k-i-word::before {
  content: "\e90b";
}

.k-i-doc::before {
  content: "\e90b";
}

.k-i-file-mdb::before {
  content: "\e90c";
}

.k-i-mdb::before {
  content: "\e90c";
}

.k-i-file-ppt::before {
  content: "\e90d";
}

.k-i-ppt::before {
  content: "\e90d";
}

.k-i-file-pdf::before {
  content: "\e90e";
}

.k-i-pdf::before {
  content: "\e90e";
}

.k-i-pdfa::before {
  content: "\e90e";
}

.k-i-file-psd::before {
  content: "\e90f";
}

.k-i-psd::before {
  content: "\e90f";
}

.k-i-file-flash::before {
  content: "\e910";
}

.k-i-flash::before {
  content: "\e910";
}

.k-i-file-config::before {
  content: "\e911";
}

.k-i-config::before {
  content: "\e911";
}

.k-i-file-ascx::before {
  content: "\e912";
}

.k-i-ascx::before {
  content: "\e912";
}

.k-i-file-bac::before {
  content: "\e913";
}

.k-i-bac::before {
  content: "\e913";
}

.k-i-file-zip::before {
  content: "\e914";
}

.k-i-zip::before {
  content: "\e914";
}

.k-i-film::before {
  content: "\e915";
}

.k-i-css3::before {
  content: "\e916";
}

.k-i-html5::before {
  content: "\e917";
}

.k-i-code::before {
  content: "\e918";
}

.k-i-html::before {
  content: "\e918";
}

.k-i-source-code::before {
  content: "\e918";
}

.k-i-view-source::before {
  content: "\e918";
}

.k-i-css::before {
  content: "\e919";
}

.k-i-js::before {
  content: "\e91a";
}

.k-i-exe::before {
  content: "\e91b";
}

.k-i-csproj::before {
  content: "\e91c";
}

.k-i-vbproj::before {
  content: "\e91d";
}

.k-i-cs::before {
  content: "\e91e";
}

.k-i-vb::before {
  content: "\e91f";
}

.k-i-sln::before {
  content: "\e920";
}

.k-i-cloud::before {
  content: "\e921";
}

.k-i-file-horizontal::before {
  content: "\e922";
}

.k-i-page-landscape::before {
  content: "\e922";
}

.k-i-file-h::before {
  content: "\e922";
}

.k-i-subreport::before {
  content: "\e923";
}

.k-i-data::before {
  content: "\e924";
}

.k-i-file-header::before {
  content: "\e925";
}

.k-i-report-header-section::before {
  content: "\e925";
}

.k-i-file-footer::before {
  content: "\e926";
}

.k-i-report-footer-section::before {
  content: "\e926";
}

.k-i-group-header-section::before {
  content: "\e927";
}

.k-i-group-footer-section::before {
  content: "\e928";
}

.k-i-page-header-section::before {
  content: "\e929";
}

.k-i-page-footer-section::before {
  content: "\e92a";
}

.k-i-detail-section::before {
  content: "\e92b";
}

.k-i-toc-section::before {
  content: "\e92c";
}

.k-i-group-section::before {
  content: "\e92d";
}

.k-i-parameters::before {
  content: "\e92e";
}

.k-i-data-csv::before {
  content: "\e92f";
}

.k-i-data-json::before {
  content: "\e930";
}

.k-i-data-sql::before {
  content: "\e931";
}

.k-i-data-web::before {
  content: "\e932";
}

.k-i-group-collection::before {
  content: "\e933";
}

.k-i-parameter-boolean::before {
  content: "\e934";
}

.k-i-parameter-date-time::before {
  content: "\e935";
}

.k-i-parameter-float::before {
  content: "\e936";
}

.k-i-parameter-integer::before {
  content: "\e937";
}

.k-i-parameter-string::before {
  content: "\e938";
}

.k-i-toc-section-level::before {
  content: "\e939";
}

.k-i-inherited::before {
  content: "\e93a";
}

.k-i-file-video::before {
  content: "\e93b";
}

.k-i-file-audio::before {
  content: "\e93c";
}

.k-i-file-image::before {
  content: "\e93d";
}

.k-i-file-presentation::before {
  content: "\e93e";
}

.k-i-file-data::before {
  content: "\e93f";
}

.k-i-file-disc-image::before {
  content: "\e940";
}

.k-i-file-programming::before {
  content: "\e941";
}

.k-i-parameters-byte-array::before {
  content: "\e942";
}

.k-i-parameters-unknown::before {
  content: "\e943";
}

.k-i-file-error::before {
  content: "\e944";
}

.k-i-file-validation::before {
  content: "\e944";
}

.k-i-files-error::before {
  content: "\e945";
}

.k-i-files-validation::before {
  content: "\e945";
}

.k-i-data-rest::before {
  content: "\e946";
}

.k-i-file-typescript::before {
  content: "\e947";
}

.k-i-table-position-start::before {
  content: "\e948";
}

.k-i-table-position-left::before {
  content: "\e948";
}

.k-i-table-position-center::before {
  content: "\e949";
}

.k-i-table-position-end::before {
  content: "\e94a";
}

.k-i-table-position-right::before {
  content: "\e94a";
}

.k-i-list-roman-upper::before {
  content: "\e94b";
}

.k-i-list-roman-lower::before {
  content: "\e94c";
}

.k-i-import::before {
  content: "\e94d";
}

.k-i-export::before {
  content: "\e94e";
}

.k-i-graph::before {
  content: "\ea00";
}

.k-i-chart-column-clustered::before {
  content: "\ea01";
}

.k-i-chart-column-stacked::before {
  content: "\ea02";
}

.k-i-chart-column-stacked100::before {
  content: "\ea03";
}

.k-i-chart-column-range::before {
  content: "\ea04";
}

.k-i-chart-bar-clustered::before {
  content: "\ea05";
}

.k-i-chart-bar-stacked::before {
  content: "\ea06";
}

.k-i-chart-bar-stacked100::before {
  content: "\ea07";
}

.k-i-chart-bar-range::before {
  content: "\ea08";
}

.k-i-chart-area-clustered::before {
  content: "\ea09";
}

.k-i-chart-area-stacked::before {
  content: "\ea0a";
}

.k-i-chart-area-stacked100::before {
  content: "\ea0b";
}

.k-i-chart-area-range::before {
  content: "\ea0c";
}

.k-i-chart-line::before {
  content: "\ea0d";
}

.k-i-chart-line-stacked::before {
  content: "\ea0e";
}

.k-i-chart-line-stacked100::before {
  content: "\ea0f";
}

.k-i-chart-line-markers::before {
  content: "\ea10";
}

.k-i-chart-line-stacked-markers::before {
  content: "\ea11";
}

.k-i-chart-line-stacked100-markers::before {
  content: "\ea12";
}

.k-i-chart-pie::before {
  content: "\ea13";
}

.k-i-chart-doughnut::before {
  content: "\ea14";
}

.k-i-chart-scatter::before {
  content: "\ea15";
}

.k-i-chart-scatter-smooth-lines-markers::before {
  content: "\ea16";
}

.k-i-chart-scatter-smooth-lines::before {
  content: "\ea17";
}

.k-i-chart-scatter-straight-lines-markers::before {
  content: "\ea18";
}

.k-i-chart-scatter-straight-lines::before {
  content: "\ea19";
}

.k-i-chart-bubble::before {
  content: "\ea1a";
}

.k-i-chart-candlestick::before {
  content: "\ea1b";
}

.k-i-chart-ohlc::before {
  content: "\ea1c";
}

.k-i-chart-radar::before {
  content: "\ea1d";
}

.k-i-chart-radar-markers::before {
  content: "\ea1e";
}

.k-i-chart-radar-filled::before {
  content: "\ea1f";
}

.k-i-chart-rose::before {
  content: "\ea20";
}

.k-i-chart-choropleth::before {
  content: "\ea21";
}

.orgdiagram:focus {
  outline: 0;
}

.bp-item {
  height: 100%;
  overflow: hidden;
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
  box-sizing: content-box;
}
.bp-item h1 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: medium;
  font-weight: 600;
}

.bp-corner-all {
  border-radius: 4px;
}

.bt-item-frame {
  border: 1px solid 1px solid var(--gray-modern-200);
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

.bp-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 16px;
  color: var(--text-white);
  padding: 0;
}

.bp-title-frame {
  background: var(--bg-brand-solid);
  border-width: 0;
  color: var(--text-white);
  padding: 0;
}

.bp-photo-frame {
  border: 1px solid 1px solid var(--gray-true-300);
  background-color: var(--bg-secondary);
  color: var(--border-brand);
}

.bp-description {
  font-size: 0.75rem;
  line-height: 12px;
}

.bp-item.bp-corner-all.bp-item-frame {
  border: none;
}

.bp-cursor-frame {
  border: 2px solid var(--warning-600);
  background-color: var(--bg-primary);
  color: var(--warning-800);
}

.bp-item.bp-corner-all.bp-cursor-frame {
  background-color: transparent;
  border: none;
}

.bp-item.bp-corner-all.bp-highlight-frame {
  background-color: var(--brand-100);
  border: 1px solid var(--brand-600);
}

.bp-highlight-dot-frame {
  border: 1px solid var(--warning-600);
  background: var(--yellow-200);
  color: var(--warning-800);
}

.bp-grouptitle-frame {
  background: var(--bg-brand-solid);
  border-width: 0;
  color: var(--text-white);
  padding: 0;
}

.bp-selectioncheckbox-frame {
  font-size: 0.75rem;
  line-height: 14px;
}

.bp-selectioncheckbox {
  font-size: 0.75rem;
  line-height: 14px;
  vertical-align: middle;
  appearance: checkbox;
}

.bp-selectiontext {
  font-size: 0.75rem;
  line-height: 14px;
  vertical-align: middle;
}

.bp-readmore {
  font-size: 0.75rem;
  line-height: 12px;
  text-align: right;
  text-decoration: none;
}

.bp-label {
  font-size: 0.75rem;
  line-height: 12px;
  vertical-align: middle;
}

.bp-connector-label {
  font-size: 0.75rem;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: var(--black);
  font-weight: 700;
}

.bp-label-annotation {
  font-size: 1.125rem;
  text-align: center;
}

.bp-badge {
  border-radius: 10px;
  font-size: 0.75rem;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-weight: 700;
  font-family: Arial;
  padding: 4px;
  float: left;
}

.bp-printpreview {
  position: absolute;
  overflow: hidden;
  border-right: 1px;
  border-bottom: 1px;
  border-right-style: dotted;
  border-bottom-style: dotted;
  border-right-color: 1px solid var(--gray-true-300);
  border-bottom-color: 1px solid var(--gray-true-300);
}

.orgdiagrambutton {
  border: 1px solid var(--border-primary);
  border-radius: 3px;
  list-style: none;
  width: 28px !important;
  height: 28px !important;
  background-color: var(--bg-primary);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--utility-gray-500);
}
.orgdiagrambutton:hover {
  background-color: var(--bg-primary_hover);
  border-color: var(--gray-true-300);
  cursor: pointer;
}

@keyframes spinner-line-fade-more {
  0%, 100% {
    opacity: 0; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}
@keyframes spinner-line-fade-quick {
  0%, 39%, 100% {
    opacity: 0.25; /* minimum opacity */
  }
  40% {
    opacity: 1;
  }
}
@keyframes spinner-line-fade-default {
  0%, 100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}
@keyframes spinner-line-shrink {
  0%, 25%, 100% {
    /* minimum scale and opacity */
    transform: scale(0.5);
    opacity: 0.25;
  }
  26% {
    transform: scale(1);
    opacity: 1;
  }
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/* Vendors Extensions */
.errors-popover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.errors-popover div {
  height: 100%;
  width: 100%;
}

/* Abstracts */
/*
For overrides that affect multiple components, non-component-based styles (popups and dialogs), and exposing Kendo properties with CSS variables.
For anything else, consider if it is possible to override in component or expose the property you need as CSS variable.
*/
/* FORM FIELDS */
/* ----------- */
kendo-numerictextbox.k-input-solid, kendo-numerictextbox.k-input-md, kendo-numerictextbox.k-picker-md,
kendo-timepicker.k-input-solid,
kendo-timepicker.k-input-md,
kendo-timepicker.k-picker-md,
kendo-combobox.k-input-solid,
kendo-combobox.k-input-md,
kendo-combobox.k-picker-md,
kendo-dropdownlist.k-input-solid,
kendo-dropdownlist.k-input-md,
kendo-dropdownlist.k-picker-md,
kendo-dropdowntree.k-input-solid,
kendo-dropdowntree.k-input-md,
kendo-dropdowntree.k-picker-md {
  border-color: var(--mat-form-field-border-color);
  border-radius: var(--border-radius-medium);
  font-size: var(--base-font-size);
  height: var(--form-field-height);
}
kendo-numerictextbox.k-input-solid.cz-k-field-has-changes:not(.cz-invalid), kendo-numerictextbox.k-input-md.cz-k-field-has-changes:not(.cz-invalid), kendo-numerictextbox.k-picker-md.cz-k-field-has-changes:not(.cz-invalid),
kendo-timepicker.k-input-solid.cz-k-field-has-changes:not(.cz-invalid),
kendo-timepicker.k-input-md.cz-k-field-has-changes:not(.cz-invalid),
kendo-timepicker.k-picker-md.cz-k-field-has-changes:not(.cz-invalid),
kendo-combobox.k-input-solid.cz-k-field-has-changes:not(.cz-invalid),
kendo-combobox.k-input-md.cz-k-field-has-changes:not(.cz-invalid),
kendo-combobox.k-picker-md.cz-k-field-has-changes:not(.cz-invalid),
kendo-dropdownlist.k-input-solid.cz-k-field-has-changes:not(.cz-invalid),
kendo-dropdownlist.k-input-md.cz-k-field-has-changes:not(.cz-invalid),
kendo-dropdownlist.k-picker-md.cz-k-field-has-changes:not(.cz-invalid),
kendo-dropdowntree.k-input-solid.cz-k-field-has-changes:not(.cz-invalid),
kendo-dropdowntree.k-input-md.cz-k-field-has-changes:not(.cz-invalid),
kendo-dropdowntree.k-picker-md.cz-k-field-has-changes:not(.cz-invalid) {
  background: var(--utility-indigo-100);
}
kendo-numerictextbox.k-input-solid.cz-invalid, kendo-numerictextbox.k-input-md.cz-invalid, kendo-numerictextbox.k-picker-md.cz-invalid,
kendo-timepicker.k-input-solid.cz-invalid,
kendo-timepicker.k-input-md.cz-invalid,
kendo-timepicker.k-picker-md.cz-invalid,
kendo-combobox.k-input-solid.cz-invalid,
kendo-combobox.k-input-md.cz-invalid,
kendo-combobox.k-picker-md.cz-invalid,
kendo-dropdownlist.k-input-solid.cz-invalid,
kendo-dropdownlist.k-input-md.cz-invalid,
kendo-dropdownlist.k-picker-md.cz-invalid,
kendo-dropdowntree.k-input-solid.cz-invalid,
kendo-dropdowntree.k-input-md.cz-invalid,
kendo-dropdowntree.k-picker-md.cz-invalid {
  background-color: var(--utility-error-300);
}
kendo-numerictextbox.k-input-solid.k-disabled, kendo-numerictextbox.k-input-md.k-disabled, kendo-numerictextbox.k-picker-md.k-disabled,
kendo-timepicker.k-input-solid.k-disabled,
kendo-timepicker.k-input-md.k-disabled,
kendo-timepicker.k-picker-md.k-disabled,
kendo-combobox.k-input-solid.k-disabled,
kendo-combobox.k-input-md.k-disabled,
kendo-combobox.k-picker-md.k-disabled,
kendo-dropdownlist.k-input-solid.k-disabled,
kendo-dropdownlist.k-input-md.k-disabled,
kendo-dropdownlist.k-picker-md.k-disabled,
kendo-dropdowntree.k-input-solid.k-disabled,
kendo-dropdowntree.k-input-md.k-disabled,
kendo-dropdowntree.k-picker-md.k-disabled {
  background-color: var(--utility-gray-100);
  opacity: 1;
  color: var(--base-font-color);
}
kendo-numerictextbox.k-input-solid.cz-invalid .k-input-button, kendo-numerictextbox.k-input-solid.k-disabled .k-input-button, kendo-numerictextbox.k-input-md.cz-invalid .k-input-button, kendo-numerictextbox.k-input-md.k-disabled .k-input-button, kendo-numerictextbox.k-picker-md.cz-invalid .k-input-button, kendo-numerictextbox.k-picker-md.k-disabled .k-input-button,
kendo-timepicker.k-input-solid.cz-invalid .k-input-button,
kendo-timepicker.k-input-solid.k-disabled .k-input-button,
kendo-timepicker.k-input-md.cz-invalid .k-input-button,
kendo-timepicker.k-input-md.k-disabled .k-input-button,
kendo-timepicker.k-picker-md.cz-invalid .k-input-button,
kendo-timepicker.k-picker-md.k-disabled .k-input-button,
kendo-combobox.k-input-solid.cz-invalid .k-input-button,
kendo-combobox.k-input-solid.k-disabled .k-input-button,
kendo-combobox.k-input-md.cz-invalid .k-input-button,
kendo-combobox.k-input-md.k-disabled .k-input-button,
kendo-combobox.k-picker-md.cz-invalid .k-input-button,
kendo-combobox.k-picker-md.k-disabled .k-input-button,
kendo-dropdownlist.k-input-solid.cz-invalid .k-input-button,
kendo-dropdownlist.k-input-solid.k-disabled .k-input-button,
kendo-dropdownlist.k-input-md.cz-invalid .k-input-button,
kendo-dropdownlist.k-input-md.k-disabled .k-input-button,
kendo-dropdownlist.k-picker-md.cz-invalid .k-input-button,
kendo-dropdownlist.k-picker-md.k-disabled .k-input-button,
kendo-dropdowntree.k-input-solid.cz-invalid .k-input-button,
kendo-dropdowntree.k-input-solid.k-disabled .k-input-button,
kendo-dropdowntree.k-input-md.cz-invalid .k-input-button,
kendo-dropdowntree.k-input-md.k-disabled .k-input-button,
kendo-dropdowntree.k-picker-md.cz-invalid .k-input-button,
kendo-dropdowntree.k-picker-md.k-disabled .k-input-button {
  border-inline-start-width: 0;
  background-image: none;
  background-color: inherit;
}
kendo-numerictextbox.k-input-solid .k-input-inner, kendo-numerictextbox.k-input-md .k-input-inner, kendo-numerictextbox.k-picker-md .k-input-inner,
kendo-timepicker.k-input-solid .k-input-inner,
kendo-timepicker.k-input-md .k-input-inner,
kendo-timepicker.k-picker-md .k-input-inner,
kendo-combobox.k-input-solid .k-input-inner,
kendo-combobox.k-input-md .k-input-inner,
kendo-combobox.k-picker-md .k-input-inner,
kendo-dropdownlist.k-input-solid .k-input-inner,
kendo-dropdownlist.k-input-md .k-input-inner,
kendo-dropdownlist.k-picker-md .k-input-inner,
kendo-dropdowntree.k-input-solid .k-input-inner,
kendo-dropdowntree.k-input-md .k-input-inner,
kendo-dropdowntree.k-picker-md .k-input-inner {
  text-overflow: var(--k-input-inner-text-overflow);
  padding-right: var(--k-input-inner-padding-right);
  color: var(--base-font-color);
  z-index: 0;
}
kendo-numerictextbox.k-input-solid .k-button-icon::before, kendo-numerictextbox.k-input-md .k-button-icon::before, kendo-numerictextbox.k-picker-md .k-button-icon::before,
kendo-timepicker.k-input-solid .k-button-icon::before,
kendo-timepicker.k-input-md .k-button-icon::before,
kendo-timepicker.k-picker-md .k-button-icon::before,
kendo-combobox.k-input-solid .k-button-icon::before,
kendo-combobox.k-input-md .k-button-icon::before,
kendo-combobox.k-picker-md .k-button-icon::before,
kendo-dropdownlist.k-input-solid .k-button-icon::before,
kendo-dropdownlist.k-input-md .k-button-icon::before,
kendo-dropdownlist.k-picker-md .k-button-icon::before,
kendo-dropdowntree.k-input-solid .k-button-icon::before,
kendo-dropdowntree.k-input-md .k-button-icon::before,
kendo-dropdowntree.k-picker-md .k-button-icon::before {
  color: var(--utility-gray-600);
}
kendo-numerictextbox.k-input-solid .k-button-icon, kendo-numerictextbox.k-input-md .k-button-icon, kendo-numerictextbox.k-picker-md .k-button-icon,
kendo-timepicker.k-input-solid .k-button-icon,
kendo-timepicker.k-input-md .k-button-icon,
kendo-timepicker.k-picker-md .k-button-icon,
kendo-combobox.k-input-solid .k-button-icon,
kendo-combobox.k-input-md .k-button-icon,
kendo-combobox.k-picker-md .k-button-icon,
kendo-dropdownlist.k-input-solid .k-button-icon,
kendo-dropdownlist.k-input-md .k-button-icon,
kendo-dropdownlist.k-picker-md .k-button-icon,
kendo-dropdowntree.k-input-solid .k-button-icon,
kendo-dropdowntree.k-input-md .k-button-icon,
kendo-dropdowntree.k-picker-md .k-button-icon {
  color: var(--base-font-color);
}
kendo-numerictextbox.k-picker-solid,
kendo-timepicker.k-picker-solid,
kendo-combobox.k-picker-solid,
kendo-dropdownlist.k-picker-solid,
kendo-dropdowntree.k-picker-solid {
  background-image: none;
  color: var(--utility-gray-dark-900);
}
kendo-numerictextbox.k-picker-solid:hover,
kendo-timepicker.k-picker-solid:hover,
kendo-combobox.k-picker-solid:hover,
kendo-dropdownlist.k-picker-solid:hover,
kendo-dropdowntree.k-picker-solid:hover {
  background-color: var(--fg-white);
}
kendo-numerictextbox.k-input.k-input-solid:focus.k-focus, kendo-numerictextbox.k-input.k-input-solid.k-focus, kendo-numerictextbox.k-input.k-input-solid:focus-within, kendo-numerictextbox.k-input.k-input-solid:hover, kendo-numerictextbox.k-picker-solid:focus.k-focus, kendo-numerictextbox.k-picker-solid.k-focus, kendo-numerictextbox.k-picker-solid:focus-within, kendo-numerictextbox.k-picker-solid:hover,
kendo-timepicker.k-input.k-input-solid:focus.k-focus,
kendo-timepicker.k-input.k-input-solid.k-focus,
kendo-timepicker.k-input.k-input-solid:focus-within,
kendo-timepicker.k-input.k-input-solid:hover,
kendo-timepicker.k-picker-solid:focus.k-focus,
kendo-timepicker.k-picker-solid.k-focus,
kendo-timepicker.k-picker-solid:focus-within,
kendo-timepicker.k-picker-solid:hover,
kendo-combobox.k-input.k-input-solid:focus.k-focus,
kendo-combobox.k-input.k-input-solid.k-focus,
kendo-combobox.k-input.k-input-solid:focus-within,
kendo-combobox.k-input.k-input-solid:hover,
kendo-combobox.k-picker-solid:focus.k-focus,
kendo-combobox.k-picker-solid.k-focus,
kendo-combobox.k-picker-solid:focus-within,
kendo-combobox.k-picker-solid:hover,
kendo-dropdownlist.k-input.k-input-solid:focus.k-focus,
kendo-dropdownlist.k-input.k-input-solid.k-focus,
kendo-dropdownlist.k-input.k-input-solid:focus-within,
kendo-dropdownlist.k-input.k-input-solid:hover,
kendo-dropdownlist.k-picker-solid:focus.k-focus,
kendo-dropdownlist.k-picker-solid.k-focus,
kendo-dropdownlist.k-picker-solid:focus-within,
kendo-dropdownlist.k-picker-solid:hover,
kendo-dropdowntree.k-input.k-input-solid:focus.k-focus,
kendo-dropdowntree.k-input.k-input-solid.k-focus,
kendo-dropdowntree.k-input.k-input-solid:focus-within,
kendo-dropdowntree.k-input.k-input-solid:hover,
kendo-dropdowntree.k-picker-solid:focus.k-focus,
kendo-dropdowntree.k-picker-solid.k-focus,
kendo-dropdowntree.k-picker-solid:focus-within,
kendo-dropdowntree.k-picker-solid:hover {
  border-color: var(--focus-color);
  outline: 1px solid var(--focus-color);
  box-shadow: none;
}

kendo-colorpicker .k-input-inner {
  z-index: 0;
}

/* POPUPS */
/* ------ */
kendo-popup .k-popup {
  /* Editor and Combobox Dropdowns */
  /* ----------------------------- */
  /* Editor Colour Picker */
  /* -------------------- */
}
kendo-popup .k-popup.k-list-container, kendo-popup .k-popup.k-menu-popup {
  border-radius: var(--mat-select-panel-border-radius);
}
kendo-popup .k-popup kendo-list .k-list-item,
kendo-popup .k-popup kendo-button-list .k-menu-group-md .k-menu-item {
  font-size: var(--base-font-size);
}
kendo-popup .k-popup kendo-list .k-list-item.k-focus,
kendo-popup .k-popup kendo-button-list .k-menu-group-md .k-menu-item.k-focus {
  background-color: var(--focus-color);
  color: var(--fg-white);
  box-shadow: none;
}
kendo-popup .k-popup .k-list-optionlabel {
  min-height: var(--form-field-height);
}
kendo-popup .k-popup .k-selected.k-list-optionlabel {
  background-color: var(--focus-color);
}
kendo-popup .k-popup kendo-flatcolorpicker .k-coloreditor-header {
  display: none;
}

kendo-popup.k-chart-tooltip-wrapper div.k-popup {
  --border-radius-medium: 6px;
  border-radius: var(--border-radius-medium);
}

/* DIALOGS */
kendo-dialog .k-overlay {
  background-color: var(--gray-light-100);
  opacity: 0.4;
  transition: opacity 0.2s ease;
}
kendo-dialog [role=dialog].k-dialog.k-window {
  width: 550px;
  max-height: 100vh;
  max-width: 544px;
  box-shadow: 0 5px 15px var(--alpha-black-50);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-titlebar.k-dialog-titlebar {
  padding: 0;
  background: var(--bg-primary);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-titlebar.k-dialog-titlebar > .k-window-title {
  margin: 0 15px;
  font-weight: 600;
  color: var(--gray-light-700);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-titlebar.k-dialog-titlebar div.k-window-actions {
  margin: 10px;
  color: var(--gray-iron-600);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-titlebar.k-dialog-titlebar div.k-window-actions button.k-button {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-titlebar.k-dialog-titlebar div.k-window-actions button.k-button::before {
  background: none;
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-titlebar.k-dialog-titlebar div.k-window-actions button.k-button:hover::before, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-titlebar.k-dialog-titlebar div.k-window-actions button.k-button:focus::before {
  opacity: 1;
  background-color: var(--alpha-black-20);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-titlebar.k-dialog-titlebar div.k-window-actions button.k-button:focus::after {
  opacity: 0;
}
kendo-dialog [role=dialog].k-dialog.k-window .k-window-content.k-dialog-content {
  overflow: hidden;
}
kendo-dialog [role=dialog].k-dialog.k-window .k-window-content.k-dialog-content .k-textarea.k-editor-textarea {
  outline-color: var(--focus-color);
  border: solid 1px var(--utility-gray-300);
  border-radius: var(--mat-select-panel-border-radius);
}
kendo-dialog [role=dialog].k-dialog.k-window .k-editor-dialog .k-window-content {
  padding: 0;
}
kendo-dialog [role=dialog].k-dialog.k-window .k-editor-dialog label {
  font-family: nunito, inter, helvetica neue, arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.428571429;
  color: var(--text-primary);
}
kendo-dialog [role=dialog].k-dialog.k-window .k-editor-dialog .k-edit-field {
  width: 100%;
  margin: 0;
}
kendo-dialog [role=dialog].k-dialog.k-window .k-editor-dialog .k-edit-label {
  margin: 10px 0 5px;
  width: 100%;
  padding: 0;
  text-align: left;
}
kendo-dialog [role=dialog].k-dialog.k-window .k-editor-dialog .k-textbox {
  border-color: var(--border-color-medium);
}
kendo-dialog [role=dialog].k-dialog.k-window .k-editor-dialog .k-textbox:focus {
  border-color: var(--focus-color);
  box-shadow: none;
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup {
  padding: 10px;
  justify-content: flex-end;
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button {
  max-width: min-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-true-300);
  background-color: var(--bg-primary);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--text-primary);
  background-color: var(--bg-primary);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button:hover {
  background-color: var(--gray-light-200);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--bg-primary);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button[disabled], kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button[disabled]:hover, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button[disabled]:focus, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button[disabled] svg, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button[disabled]:hover svg, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button[disabled]:focus svg, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button[disabled]:active svg {
  fill: var(--fg-disabled);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button svg {
  fill: var(--text-primary);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button:active {
  background-color: var(--gray-light-200);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button:focus {
  box-shadow: none;
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  max-width: 314px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--gray-true-300);
  background-color: var(--brand-600);
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  color: var(--fg-white);
  background-color: var(--brand-600);
  margin: 0 7px;
  background-position: 50% 50% !important;
  color: var(--text-white) !important;
  background-color: var(--brand-600) !important;
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary:hover {
  background-color: var(--brand-600);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary:focus {
  box-shadow: 0px 0px 0px 1px rgba(10, 13, 18, 0.1803921569) inset, 0px -2px 0px 0px rgba(10, 13, 18, 0.0509803922) inset, 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922), 0px 0px 0px 2px var(--bg-primary), 0px 0px 0px 4px var(--alpha-white-10);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary[disabled], kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary[disabled]:hover, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary[disabled]:focus, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary[disabled]:active {
  border: 1px solid var(--border-disabled_subtle);
  background-color: var(--bg-disabled);
  color: var(--fg-disabled);
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  pointer-events: none;
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary[disabled] svg, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary[disabled]:hover svg, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary[disabled]:focus svg, kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary[disabled]:active svg {
  fill: var(--fg-disabled);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary svg {
  fill: var(--fg-white);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-dialog-buttongroup > .k-button.k-primary:active {
  background-color: var(--brand-600);
}
kendo-dialog [role=dialog].k-dialog.k-window kendo-dialog-actions.k-actions-start {
  justify-content: flex-end;
}

/* SUND: Required  to get rid of Kendo's arrow buttons,
 because Kendo don't facilitate theming of the scheduler toolbar in Angular.

 Remove and re-do in theming if this changes.
*/
kendo-scheduler-toolbar .k-scheduler-navigation svg {
  display: none;
}

.cz-ts-tito-detail-row-element kendo-timepicker {
  width: 100px;
}

cz-scheduler .k-toolbar.k-scheduler-toolbar .k-button.k-button-md.k-button-flat.k-button-flat-base.k-nav-current .k-button-text {
  font-family: var(--base-font-family);
  font-weight: 600;
}
cz-scheduler kendo-scheduler-toolbar .k-button-solid-base.k-selected {
  color: var(--fg-white);
}
cz-scheduler kendo-scheduler-toolbar button.k-nav-current kendo-icon-wrapper {
  display: none;
}

cz-checkbox .k-checkbox {
  border-color: var(--border-primary);
}
cz-checkbox .k-checkbox:disabled:not(:checked) {
  background: var(--utility-gray-dark-100);
}

kendo-pager-page-sizes kendo-dropdownlist.k-picker-md {
  font-size: 0.875rem;
}
kendo-pager-page-sizes kendo-dropdownlist.k-picker-md .k-input-inner {
  overflow: unset;
}

kendo-grid.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row.k-selected > td {
  background-color: var(--utility-gray-200);
}

kendo-colorpicker {
  height: 30px;
  align-self: center;
}

kendo-combobox.k-input-md.k-disabled .k-button-solid-base {
  color: var(--utility-gray-true-600);
}

tr.cz-selected .k-checkbox,
tr.cz-selected .k-checkbox:checked:focus,
tr.cz-selected .k-checkbox.k-checked.k-focus,
tr.cz-selected:hover .k-checkbox,
tr.cz-selected:hover .k-checkbox:checked:focus,
tr.cz-selected:hover .k-checkbox.k-checked.k-focus,
tr.cz-selected:focus .k-checkbox,
tr.cz-selected:focus .k-checkbox:checked:focus,
tr.cz-selected:focus .k-checkbox.k-checked.k-focus {
  box-shadow: 0 0 0 2px var(--bg-primary);
}

kendo-popup .k-list.k-list-md .k-list-content .k-list-ul .k-list-item,
.k-list.k-list-md .k-list-content .k-list-ul .k-list-optionlabel {
  height: unset;
  min-height: var(--form-field-height);
}

kendo-treelist thead.k-table-thead th.k-table-th {
  font-weight: 600;
}

section.cz-payreview-wf-group-body .k-grid {
  box-shadow: -3px 3px 5px 2px var(--alpha-black-10);
  border-radius: 5px;
  margin-bottom: 20px;
  border: none;
  font-size: 0.875rem;
}
section.cz-payreview-wf-group-body .k-grid .k-grid-aria-root {
  border-radius: 5px;
}
section.cz-payreview-wf-group-body .k-grid th.cz-payreview-wf-primary-border,
section.cz-payreview-wf-group-body .k-grid td.cz-payreview-wf-primary-border {
  border-right: 1px solid var(--alpha-black-25) !important;
}
section.cz-payreview-wf-group-body .k-grid .k-grid-header-wrap,
section.cz-payreview-wf-group-body .k-grid td,
section.cz-payreview-wf-group-body .k-grid th {
  border: none;
}
section.cz-payreview-wf-group-body .k-grid td {
  padding: 0.375rem;
  text-align: left;
}
section.cz-payreview-wf-group-body .k-grid tr {
  background-color: var(--bg-primary);
}
section.cz-payreview-wf-group-body .k-grid tr:nth-child(even) {
  background-color: var(--gray-neutral-50);
}
section.cz-payreview-wf-group-body .k-grid tbody tr:hover {
  background-color: unset;
}
section.cz-payreview-wf-group-body .k-grid div.k-grid-header {
  border: none;
  font-size: 0.875rem;
}
section.cz-payreview-wf-group-body .k-grid div.k-grid-header .k-header {
  border: none;
  font-size: 0.875rem;
}

cz-employee-processes-screen .k-grid th.k-table-th {
  font-weight: 600;
}

/* Abstracts */
mat-icon svg,
mat-select svg,
mat-datepicker-toggle svg,
mat-chip-option svg {
  fill: unset;
  height: unset;
  width: unset;
}

mat-form-field {
  width: 100%;
  max-height: 38px;
  border-radius: var(--mdc-shape-small, 4px);
  background: var(--bg-primary);
  --mdc-outlined-text-field-outline-color: var(--mat-form-field-border-color);
  --mdc-outlined-text-field-hover-outline-color: var(--focus-color);
  --mdc-outlined-text-field-caret-color: colors.$cz-primary-text-color;
}
mat-form-field .mat-mdc-select-arrow, mat-form-field.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  color: var(--base-font-color);
}
mat-form-field .mat-mdc-select-arrow svg, mat-form-field.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow svg {
  fill: var(--base-font-color);
}
mat-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  --mdc-outlined-text-field-outline-width: 2px;
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  padding: 0;
}

mat-form-field.cz-invalid,
.cz-invalid mat-form-field {
  background: var(--utility-error-300);
  position: relative;
}

.cz-mat-form-field-read-only,
.cz-mat-form-field-is-disabled,
mat-form-field.mat-form-field-disabled {
  --mdc-outlined-text-field-disabled-input-text-color: var(
    --mdc-outlined-text-field-input-text-color
  );
}
.cz-mat-form-field-read-only:not(.cz-invalid),
.cz-mat-form-field-is-disabled:not(.cz-invalid),
mat-form-field.mat-form-field-disabled:not(.cz-invalid) {
  background: var(--utility-gray-dark-100);
}
.cz-mat-form-field-read-only:not(.cz-invalid) span.mat-mdc-select-value-text,
.cz-mat-form-field-is-disabled:not(.cz-invalid) span.mat-mdc-select-value-text,
mat-form-field.mat-form-field-disabled:not(.cz-invalid) span.mat-mdc-select-value-text {
  color: var(--mdc-outlined-text-field-disabled-input-text-color);
}

cz-drop-down-list span.mat-mdc-select-placeholder {
  color: var(--mdc-outlined-text-field-input-text-color);
}

cz-drop-down-list div.mat-mdc-select-value {
  padding-top: 2px;
}

.cz-mat-form-field-has-changes:not(.cz-invalid):not(.cz-mat-form-field-read-only) {
  background: var(--utility-indigo-100);
}

.cz-mat-text-area {
  min-height: 80px;
}

mat-option.mat-mdc-option span.mdc-list-item__primary-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

mat-option.mat-mdc-option {
  height: var(--form-field-height);
}

google-map img {
  max-block-size: -moz-fit-content;
  max-block-size: fit-content;
}

.cz-input-value--bold .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control, .cz-input-value--bold-alert .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  font-weight: 700;
}

.cz-input-value--bold-alert {
  color: var(--error-700) !important;
}

.cz-absence-red-input-text {
  --mdc-outlined-text-field-input-text-color: colors.$text-error-primary;
}
.cz-absence-red-input-text .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  font-weight: 700;
}

.cz-comp-plan-over-budget .cz-mat-form-field-is-disabled,
.cz-comp-plan-over-budget mat-form-field.mat-form-field-disabled {
  --mdc-outlined-text-field-disabled-input-text-color: var(--error-700);
}

.cz-comp-plan-within-budget .cz-mat-form-field-is-disabled,
.cz-comp-plan-within-budget mat-form-field.mat-form-field-disabled {
  --mdc-outlined-text-field-disabled-input-text-color: var(--utility-green-800);
}

.cz-quick-search-panel-overlay > .cdk-overlay-pane {
  width: 70vw !important;
}
.cz-quick-search-panel-overlay > .cdk-overlay-pane .mdc-list-item__primary-text {
  flex-grow: 1;
}
.cz-quick-search-panel-overlay > .cdk-overlay-pane .mdc-list-item__primary-text > span {
  font-family: Nunito, Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}

.cz-quick-search-panel-overlay > .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-radius: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: var(--utility-gray-300) 1px 0px 0px inset, var(--utility-gray-300) -1px 0px 0px inset, var(--utility-gray-300) 0px 1px 0px inset, var(--utility-gray-modern-300) 0px -1px 0px inset, var(--utility-gray-950-alpha-10) 0px 1px 2px 0px;
  max-height: 50vh;
  width: unset;
}

.cz-quick-search-panel_columns > mat-optgroup,
.cz-quick-search-panel_columns .mat-mdc-optgroup-label {
  font-family: Nunito, Inter, Helvetica Neue, Arial, sans-serif;
  color: var(--utility-blue-500);
  font-weight: 600;
  padding: 0 10px;
  min-width: 280px;
}
.cz-quick-search-panel_columns > mat-optgroup strong,
.cz-quick-search-panel_columns .mat-mdc-optgroup-label strong {
  font-weight: 600;
}

.cz-quick-search-panel_columns > .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
  padding-left: 10px;
  background: 0 0;
  line-height: 1.3;
  min-height: 50px;
}
.cz-quick-search-panel_columns > .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple):last-child {
  box-shadow: var(--utility-gray-300) 1px 0px 0px inset, var(--utility-gray-300) -1px 0px 0px inset, var(--utility-gray-300) 0px 1px 0px inset, var(--utility-gray-modern-300) 0px -1px 0px inset, var(--utility-gray-950-alpha-10) 0px 1px 2px 0px;
  color: var(--utility-gray-700-alpha-75);
  border-radius: 10px;
  min-height: 38px;
  text-align: center;
  margin: 10px 0;
}

cz-date-picker .mdc-text-field--outlined .mdc-text-field__input::placeholder {
  color: var(--base-font-color) !important;
}

mat-month-view .mat-calendar-body-selected {
  background-color: var(--utility-gray-500);
  color: var(--text-white);
}

mat-form-field:not(.mat-mdc-form-field-type-mat-select) {
  --mat-form-field-container-vertical-padding: 9px;
}

mat-form-field.mat-mdc-form-field-type-mat-select {
  --mat-form-field-container-vertical-padding: 7px;
}

mat-form-field input.mat-mdc-input-element {
  vertical-align: middle;
}

/* Toastr */
/* ------ */
#toast-container > div {
  color: var(--gray-light-600);
  background-color: var(--bg-primary);
  border-color: var(--gray-light-200);
  border-style: solid;
  border-width: 1px 1px 5px;
  box-shadow: none !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
#toast-container .toast-title {
  display: none;
}
#toast-container .toast-message {
  color: var(--gray-light-700);
  padding-left: 5px;
}
#toast-container .toast-close-button {
  color: var(--gray-light-600);
}
#toast-container .toast-info {
  background-image: url('info.a9464a55c26e2ecb.svg') !important;
  border-bottom-color: var(--utility-blue-500);
  background-size: 30px 30px;
}
#toast-container .toast-success {
  background-image: url('success.8a1d292aee5ea178.svg') !important;
  border-bottom-color: var(--utility-green-800);
  background-size: 30px 30px;
}
#toast-container .toast-warning {
  background-image: url('warning.aec5d00bf13173cc.svg') !important;
  border-bottom-color: var(--warning-600);
  background-size: 30px 30px;
}
#toast-container .toast-error {
  background-image: url('error.8b5505e8930c506d.svg') !important;
  border-bottom-color: var(--error-700);
  background-size: 30px 30px;
}

@media print {
  #toast-container {
    display: none;
  }
}
tx-document-editor svg,
tx-document-viewer svg {
  fill: unset;
  height: unset;
  width: unset;
}
tx-document-editor select,
tx-document-viewer select {
  appearance: auto;
}
tx-document-editor a:hover,
tx-document-viewer a:hover {
  text-decoration: underline;
}

/* Shame */
/* SUND: Restores old checkbox centering fix for tables, hopefully there is a better solution but can't find it right now as this doesn't even really  center it*/
th input[type=checkbox]:not(.k-checkbox),
td input[type=checkbox]:not(.k-checkbox) {
  margin: 4px 0 0;
}

/* SUND: Restores pointer cursor for 'borderless-buttons' even though they shouldn't have them and it is already confusing enough that they look like links.
Best option for now short of completing removing the pattern which is out of scope */
.cz-borderless-button {
  cursor: pointer;
}