:root {
  --flow-colors-blue-1: #d9f1ff;
  --flow-colors-blue-2: #b9e4fd;
  --flow-colors-blue-3: #8ed1f6;
  --flow-colors-blue-4: #58b9eb;
  --flow-colors-blue-5: #2ea0d6;
  --flow-colors-blue-6: #0084bd;
  --flow-colors-blue-7: #0074ab;
  --flow-colors-blue-8: #006395;
  --flow-colors-blue-9: #005685;
  --flow-colors-blue-10: #00446b;
  --flow-colors-teal-1: #d5faf5;
  --flow-colors-teal-2: #affaef;
  --flow-colors-teal-3: #84f0e1;
  --flow-colors-teal-4: #5ce6d4;
  --flow-colors-teal-5: #2fd1be;
  --flow-colors-teal-6: #00baa5;
  --flow-colors-teal-7: #00a894;
  --flow-colors-teal-8: #009380;
  --flow-colors-teal-9: #007a6a;
  --flow-colors-teal-10: #006658;
  --flow-colors-green-1: #d9fae5;
  --flow-colors-green-2: #adf0c8;
  --flow-colors-green-3: #82e2ab;
  --flow-colors-green-4: #57d08e;
  --flow-colors-green-5: #2bb970;
  --flow-colors-green-6: #009e52;
  --flow-colors-green-7: #008f46;
  --flow-colors-green-8: #007c3a;
  --flow-colors-green-9: #00672e;
  --flow-colors-green-10: #005724;
  --flow-colors-lime-1: #ecffc7;
  --flow-colors-lime-2: #deffa3;
  --flow-colors-lime-3: #ccfc7a;
  --flow-colors-lime-4: #b8f052;
  --flow-colors-lime-5: #a3e029;
  --flow-colors-lime-6: #8cca08;
  --flow-colors-lime-7: #7bb600;
  --flow-colors-lime-8: #6ba300;
  --flow-colors-lime-9: #588a00;
  --flow-colors-lime-10: #4c7700;
  --flow-colors-yellow-1: #fffbcc;
  --flow-colors-yellow-2: #fff7a8;
  --flow-colors-yellow-3: #fff380;
  --flow-colors-yellow-4: #ffeb57;
  --flow-colors-yellow-5: #ffdf29;
  --flow-colors-yellow-6: #fad000;
  --flow-colors-yellow-7: #e2b500;
  --flow-colors-yellow-8: #cc9e00;
  --flow-colors-yellow-9: #b28300;
  --flow-colors-yellow-10: #946500;
  --flow-colors-orange-1: #ffecd1;
  --flow-colors-orange-2: #ffdcad;
  --flow-colors-orange-3: #ffcd8a;
  --flow-colors-orange-4: #ffba61;
  --flow-colors-orange-5: #ffa43e;
  --flow-colors-orange-6: #f59127;
  --flow-colors-orange-7: #e27a18;
  --flow-colors-orange-8: #cb670b;
  --flow-colors-orange-9: #b85500;
  --flow-colors-orange-10: #9e4100;
  --flow-colors-red-1: #ffd6d6;
  --flow-colors-red-2: #ffb3b3;
  --flow-colors-red-3: #ff8a8a;
  --flow-colors-red-4: #f86968;
  --flow-colors-red-5: #e94a3f;
  --flow-colors-red-6: #d21c09;
  --flow-colors-red-7: #c00f00;
  --flow-colors-red-8: #ab0600;
  --flow-colors-red-9: #920000;
  --flow-colors-red-10: #750000;
  --flow-colors-pink-1: #ffddeb;
  --flow-colors-pink-2: #ffc2db;
  --flow-colors-pink-3: #ffa3c8;
  --flow-colors-pink-4: #ff8ab5;
  --flow-colors-pink-5: #f66fa1;
  --flow-colors-pink-6: #e7558b;
  --flow-colors-pink-7: #d1487b;
  --flow-colors-pink-8: #c13368;
  --flow-colors-pink-9: #a22554;
  --flow-colors-pink-10: #8a1a45;
  --flow-colors-purple-1: #e9deff;
  --flow-colors-purple-2: #d6c2ff;
  --flow-colors-purple-3: #c0a3ff;
  --flow-colors-purple-4: #a883f8;
  --flow-colors-purple-5: #956ced;
  --flow-colors-purple-6: #8359df;
  --flow-colors-purple-7: #7048c6;
  --flow-colors-purple-8: #5934ac;
  --flow-colors-purple-9: #482592;
  --flow-colors-purple-10: #351973;
  --flow-colors-text-icon-high-on-dark: rgba(255, 255, 255, 0.95);
  --flow-colors-text-icon-high-on-light: rgba(0, 0, 0, 0.9);
  --flow-colors-text-icon-low-on-dark: rgba(255, 255, 255, 0.7);
  --flow-colors-text-icon-low-on-light: rgba(0, 0, 0, 0.65);
  --flow-colors-border-high-on-dark: rgba(255, 255, 255, 0.3);
  --flow-colors-border-high-on-light: rgba(0, 0, 0, 0.3);
  --flow-colors-border-low-on-dark: rgba(255, 255, 255, 0.15);
  --flow-colors-border-low-on-light: rgba(0, 0, 0, 0.15);
  --flow-colors-background-dark-1: #0d0f12;
  --flow-colors-background-dark-2: #181c20;
  --flow-colors-background-dark-3: #1e2429;
  --flow-colors-background-dark-4: #1b1b1b;
  --flow-colors-background-light-1: #f0f3f5;
  --flow-colors-background-light-2: #f7f9fa;
  --flow-colors-background-light-3: #ffffff;
  --flow-colors-background-utility-10: rgba(138, 153, 168, 0.1);
  --flow-colors-background-utility-15: rgba(138, 153, 168, 0.15);
  --flow-colors-background-utility-20: rgba(138, 153, 168, 0.2);
  --flow-colors-background-utility-25: rgba(138, 153, 168, 0.25);
  --flow-colors-background-utility-30: rgba(138, 153, 168, 0.3);
  --flow-colors-background-utility-40: rgba(138, 153, 168, 0.4);
  --flow-colors-background-utility-60: rgba(138, 153, 168, 0.6);
  --flow-colors-gray-6: #181818;
  --flow-colors-gray-5: #222222;
  --flow-colors-gray-4: #363636;
  --flow-colors-gradient-skills-background: linear-gradient(90deg, #e80a89 0%, #f15b2a 100%);
  --flow-colors-gradient-skills-stop-0: #e80a89;
  --flow-colors-gradient-skills-stop-100: #f15b2a;
  --flow-colors-gradient-flow-background: linear-gradient(90deg, #2968b2 0%, #27aae1 100%);
  --flow-colors-gradient-flow-stop-0: #2968b2;
  --flow-colors-gradient-flow-stop-100: #27aae1;
  --flow-colors-primary-action-background: #0074ab;
  --flow-colors-primary-action-text-dark-theme: #2ea0d6;
  --flow-colors-primary-action-text-light-theme: #0074ab;
  --flow-colors-status-error: #d21c09;
  --flow-colors-status-info: #0084bd;
  --flow-colors-status-success: #009e52;
  --flow-colors-status-warning: #fad000;
  --flow-colors-white: #ffffff;
  --flow-colors-bone: #f2f2f2;
  --flow-colors-code-white: #f2f2f2;
  --flow-colors-code-gray: #aaaaaa;
  --flow-colors-code-red: #f26d6d;
  --flow-colors-code-orange: #ff9466;
  --flow-colors-code-yellow: #ffca80;
  --flow-colors-code-green: #b8cc7a;
  --flow-colors-code-turquoise: #abd9c6;
  --flow-colors-code-blue: #8ac7e6;
  --flow-colors-code-purple: #e695bd;
  --flow-colors-code-sand: #d99077;
  --flow-colors-black: #000000;
}
:root {
  --flow-layout-spacing-xxsmall: 4px;
  --flow-layout-spacing-xsmall: 8px;
  --flow-layout-spacing-small: 12px;
  --flow-layout-spacing-medium: 16px;
  --flow-layout-spacing-large: 24px;
  --flow-layout-spacing-xlarge: 48px;
  --flow-layout-spacing-xxLarge: 64px;
}
:root {
  /* prettier-ignore */
  --flow-type-font-family: 'PS TT Commons Roman', 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;
  --flow-type-font-family-code: 'DM Mono', 'Source Code Pro', monospace;
  /* font size */
  --flow-type-font-size-base: 16px;
  --flow-type-font-size-1200: 88px;
  --flow-type-font-size-1100: 72px;
  --flow-type-font-size-1000: 56px;
  --flow-type-font-size-900: 40px;
  --flow-type-font-size-800: 34px;
  --flow-type-font-size-700: 28px;
  --flow-type-font-size-600: 24px;
  --flow-type-font-size-500: 20px;
  --flow-type-font-size-400: 18px;
  --flow-type-font-size-300: 16px;
  --flow-type-font-size-200: 14px;
  --flow-type-font-size-100: 12px;
  /* letter spacing */
  --flow-type-letter-spacing-tighter: -0.025em;
  --flow-type-letter-spacing-tight: -0.01em;
  --flow-type-letter-spacing-none: 0;
  --flow-type-letter-spacing-loose: 0.01em;
  --flow-type-letter-spacing-looser: 0.025em;
  --flow-type-letter-spacing-all-caflow: 0.08em;
  /* font weight */
  --flow-type-font-weight-default: 400;
  --flow-type-font-weight-strong: 600;
  --flow-type-font-weight-900: 900;
  --flow-type-font-weight-800: 800;
  --flow-type-font-weight-700: 700;
  --flow-type-font-weight-600: 600;
  --flow-type-font-weight-500: 500;
  --flow-type-font-weight-400: 400;
  --flow-type-font-weight-300: 300;
  --flow-type-font-weight-200: 200;
  --flow-type-font-weight-100: 100;
  /* line height */
  --flow-type-line-height-tight: 20px;
  --flow-type-line-height-standard: 24px;
  --flow-type-line-height-extra: 32px;
  --flow-type-line-height-huge: 40px;
}
:root {
  --flow-motion-speed-xfast: 100ms;
  --flow-motion-speed-fast: 200ms;
  --flow-motion-speed-normal: 300ms;
  --flow-motion-speed-slow: 400ms;
  --flow-motion-speed-xslow: 500ms;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  -webkit-text-decoration: underline;
  /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: var(--flow-type-font-family);
  font-size: 0.875em;
  font-weight: var(--flow-type-font-weight-default);
  line-height: 1.71429;
  /* calc(var(--flow-type-line-height-standard) / var(--flow-type-font-size-small)); */
  font-feature-settings: 'tnum' on, 'lnum' on;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* Ensure all design-system components use border-box regardless of what
   the consumer sets on body/html. Selectors match any element whose class
   attribute starts with "flow-" or contains " flow-" (space-prefixed). */
[class^="flow-"],
[class*=" flow-"] {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--flow-type-font-weight-default);
}
ul,
ol,
dd {
  margin-left: var(--flow-layout-spacing-large);
  line-height: var(--flow-type-line-height-standard);
}
ul,
ol {
  padding-left: 0;
}
li > ul,
li > ol {
  margin-bottom: 0;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
img[width],
img[height] {
  max-width: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
html {
  font-size: 100%;
}
:root {
  --ps-motion-speed-xslow: var(--flow-motion-speed-xslow);
  --ps-motion-speed-slow: var(--flow-motion-speed-slow);
  --ps-motion-speed-normal: var(--flow-motion-speed-normal);
  --ps-motion-speed-fast: var(--flow-motion-speed-fast);
  --ps-motion-speed-xfast: var(--flow-motion-speed-xfast);
  --ps-type-line-height-huge: var(--flow-type-line-height-huge);
  --ps-type-line-height-extra: var(--flow-type-line-height-extra);
  --ps-type-line-height-standard: var(--flow-type-line-height-standard);
  --ps-type-line-height-tight: var(--flow-type-line-height-tight);
  --ps-type-font-weight-xlight: var(--flow-type-font-weight-200);
  --ps-type-font-weight-light: var(--flow-type-font-weight-300);
  --ps-type-font-weight-book: var(--flow-type-font-weight-400);
  --psTypeFontWeightBook: var(--flow-type-font-weight-400);
  --ps-type-font-weight-default: var(--flow-type-font-weight-default);
  --ps-type-font-weight-medium: var(--flow-type-font-weight-500);
  --ps-type-font-weight-500: var(--flow-type-font-weight-500);
  --ps-type-font-weight-strong: var(--flow-type-font-weight-600);
  --ps-type-font-weight-bold: var(--flow-type-font-weight-700);
  --ps-type-letter-spacing-xsmall: var(--flow-type-letter-spacing-none);
  --ps-type-letter-spacing-small: var(--flow-type-letter-spacing-none);
  --ps-type-letter-spacing-medium: var(--flow-type-letter-spacing-none);
  --ps-type-letter-spacing-large: var(--flow-type-letter-spacing-loose);
  --ps-type-letter-spacing-xlarge: var(--flow-type-letter-spacing-loose);
  --ps-type-letter-spacing-loose: var(--flow-type-letter-spacing-loose);
  --ps-type-letter-spacing-looser: var(--flow-type-letter-spacing-looser);
  --ps-type-letter-spacing-xxlarge: var(--flow-type-letter-spacing-looser);
  --ps-type-letter-spacing-jumbo: var(--flow-type-letter-spacing-all-caflow);
  --ps-type-letter-spacing-gigantic: var(--flow-type-letter-spacing-all-caflow);
  --ps-type-font-size-xsmall: var(--flow-type-font-size-100);
  --ps-type-font-size-100: var(--flow-type-font-size-100);
  --ps-type-font-size-small: var(--flow-type-font-size-200);
  --psTypeFontSizeSmall: var(--flow-type-font-size-200);
  --ps-type-font-size-200: var(--flow-type-font-size-200);
  --ps-type-font-size-300: var(--flow-type-font-size-300);
  --ps-type-font-size-medium: var(--flow-type-font-size-400);
  --ps-type-font-size-large: var(--flow-type-font-size-600);
  --ps-type-font-size-xlarge: var(--flow-type-font-size-700);
  --ps-type-font-size-xxlarge: var(--flow-type-font-size-800);
  --ps-type-font-size-jumbo: var(--flow-type-font-size-900);
  --ps-type-font-size-gigantic: var(--flow-type-font-size-1000);
  --ps-type-font-family-code: var(--flow-type-font-family-code);
  --ps-type-font-family: var(--flow-type-font-family);
  --ps-layout-spacing-xxlarge: var(--flow-layout-spacing-xxLarge);
  --ps-layout-spacing-xlarge: var(--flow-layout-spacing-xlarge);
  --ps-layout-spacing-large: var(--flow-layout-spacing-large);
  --ps-layout-spacing-medium: var(--flow-layout-spacing-medium);
  --ps-layout-spacing-small: var(--flow-layout-spacing-small);
  --ps-layout-spacing-xsmall: var(--flow-layout-spacing-xsmall);
  --ps-layout-spacing-xxsmall: var(--flow-layout-spacing-xxsmall);
  --psLayoutSpacingXXSmall: var(--flow-layout-spacing-xxsmall);
  --ps-colors-code-sand: var(--flow-colors-code-sand);
  --ps-colors-code-purple: var(--flow-colors-purple-6);
  --ps-colors-code-blue: var(--flow-colors-blue-6);
  --ps-colors-code-turquoise: var(--flow-colors-code-turquoise);
  --ps-colors-code-green: var(--flow-colors-green-6);
  --ps-colors-code-yellow: var(--flow-colors-yellow-6);
  --ps-colors-code-orange: var(--flow-colors-orange-6);
  --ps-colors-code-red: var(--flow-colors-red-6);
  --ps-colors-gradient-vert: linear-gradient(to bottom, var(--flow-colors-gradient-skills-stop-100), var(--flow-colors-gradient-skills-stop-0));
  --ps-colors-gradient-horz: linear-gradient(to right, var(--flow-colors-gradient-skills-stop-100), var(--flow-colors-gradient-skills-stop-0));
  --ps-colors-blue: var(--flow-colors-blue-6);
  --ps-colors-green: var(--flow-colors-green-6);
  --ps-colors-green-light: var(--flow-colors-green-3);
  --ps-colors-yellow: var(--flow-colors-yellow-6);
  --ps-colors-orange-light: var(--flow-colors-orange-3);
  --ps-colors-orange: var(--flow-colors-orange-6);
  --ps-colors-red: var(--flow-colors-red-6);
  --ps-colors-pink: var(--flow-colors-pink-6);
  --ps-colors-primary-action-bg: var(--flow-colors-status-info);
  --ps-colors-primary-action-background: var(--flow-colors-primary-action-background);
  --ps-colors-primary-action-text-dark-theme: var(--flow-colors-primary-action-text-dark-theme);
  --ps-colors-bg-dark01: var(--flow-colors-background-dark-1);
  --ps-colors-background-dark-1: var(--flow-colors-background-dark-1);
  --ps-colors-bg-dark02: var(--flow-colors-background-dark-4);
  --ps-colors-background-dark-2: var(--flow-colors-background-dark-4);
  --ps-colors-black: var(--flow-colors-black);
  --ps-colors-gray06: var(--flow-colors-gray-6);
  --ps-colors-gray05: var(--flow-colors-gray-5);
  --ps-colors-gray04: var(--flow-colors-gray-4);
  --ps-colors-gray03: var(--flow-colors-background-utility-60);
  --ps-colors-gray02: var(--flow-colors-code-gray);
  --ps-colors-code-gray: var(--flow-colors-code-gray);
  --ps-colors-gray01: var(--flow-colors-bone);
  --ps-colors-bone: var(--flow-colors-bone);
  --ps-colors-white: var(--flow-colors-white);
  --ps-colors-iq-expert: var(--flow-colors-blue-5);
  --ps-colors-blue-base: var(--flow-colors-blue-6);
  --ps-colors-blue-6: var(--flow-colors-blue-6);
  --ps-colors-blue-8: var(--flow-colors-blue-8);
  --ps-colors-blue-4: var(--flow-colors-blue-4);
  --ps-colors-blue-3: var(--flow-colors-blue-3);
  --ps-colors-blue-2: var(--flow-colors-blue-2);
  --ps-colors-blue-tint1: var(--flow-colors-blue-4);
  --ps-colors-blue-tint2: var(--flow-colors-blue-9);
  --ps-colors-teal-base: var(--flow-colors-teal-6);
  --ps-colors-teal-tint1: var(--flow-colors-teal-3);
  --ps-colors-teal-tint2: var(--flow-colors-teal-9);
  --ps-colors-green-base: var(--flow-colors-green-6);
  --ps-colors-green-tint1: var(--flow-colors-green-3);
  --ps-colors-green-tint2: var(--flow-colors-green-9);
  --ps-colors-lime-base: var(--flow-colors-lime-6);
  --ps-colors-lime-tint1: var(--flow-colors-lime-3);
  --ps-colors-lime-tint2: var(--flow-colors-lime-9);
  --ps-colors-yellow-base: var(--flow-colors-yellow-6);
  --ps-colors-yellow-tint1: var(--flow-colors-yellow-3);
  --ps-colors-yellow-tint2: var(--flow-colors-yellow-9);
  --ps-colors-orange-base: var(--flow-colors-orange-6);
  --ps-colors-orange-tint1: var(--flow-colors-orange-4);
  --ps-colors-orange-tint2: var(--flow-colors-orange-9);
  --ps-colors-red-base: var(--flow-colors-red-6);
  --ps-colors-red-tint1: var(--flow-colors-red-4);
  --ps-colors-red-tint2: var(--flow-colors-red-9);
  --ps-colors-pink-base: var(--flow-colors-pink-6);
  --ps-colors-pink-tint1: var(--flow-colors-pink-3);
  --ps-colors-pink-tint2: var(--flow-colors-pink-9);
  --ps-colors-purple-base: var(--flow-colors-purple-6);
  --ps-colors-purple-tint1: var(--flow-colors-purple-3);
  --ps-colors-purple-tint2: var(--flow-colors-purple-8);
  --ps-colors-dark-elevation1: var(--flow-colors-background-dark-1);
  --ps-colors-dark-elevation2: var(--flow-colors-background-dark-2);
  --ps-colors-dark-elevation3: var(--flow-colors-background-dark-2);
  --ps-colors-light-elevation1: var(--flow-colors-background-light-1);
  --ps-colors-light-elevation2: var(--flow-colors-white);
  --ps-colors-background-light-3: var(--flow-colors-white);
  --ps-colors-utility-40: var(--flow-colors-background-utility-40);
  --ps-colors-utility-20: var(--flow-colors-background-utility-20);
  --ps-colors-background-utility-25: var(--flow-colors-background-utility-25);
  --ps-colors-background-utility-20: var(--flow-colors-background-utility-20);
  --ps-colors-background-utility-15: var(--flow-colors-background-utility-15);
  --ps-colors-contrast-textIconDarkBgLow: var(--flow-colors-text-icon-low-on-dark);
  --ps-colors-contrast-textIconLightBgHigh: var(--flow-colors-text-icon-high-on-light);
  --ps-colors-contrast-texIconLightBgLow: var(--flow-colors-text-icon-low-on-light);
  --ps-colors-brandGradientSkills-background: var(--flow-colors-gradient-skills-background);
  --ps-colors-brandGradientSkills-stop0: var(--flow-colors-gradient-skills-stop-0);
  --ps-colors-brandGradientSkills-stop100: var(--flow-colors-gradient-skills-stop-100);
  --ps-colors-brandGradientFlow-background: var(--flow-colors-gradient-flow-background);
  --ps-colors-brandGradientFlow-stop0: var(--flow-colors-gradient-flow-stop-0);
  --ps-colors-brandGradientFlow-stop100: var(--flow-colors-gradient-flow-stop-100);
  --ps-colors-action-text-on-light: var(--flow-colors-blue-7);
  --ps-colors-text-icon-low-on-dark: var(--flow-colors-text-icon-low-on-dark);
  --ps-colors-text-icon-high-on-dark: var(--flow-colors-text-icon-high-on-dark);
  --ps-colors-border-high-on-dark: var(--flow-colors-border-high-on-dark);
  --ps-colors-border-high-on-light: var(--flow-colors-border-high-on-light);
  --ps-colors-text-icon-high-on-light: var(--flow-colors-text-icon-high-on-light);
  --ps-colors-text-icon-low-on-light: var(--flow-colors-text-icon-low-on-light);
}
.text-oc-gray-0 {
  color: #f8f9fa;
}
.text-oc-gray-1 {
  color: #f1f3f5;
}
.text-oc-gray-2 {
  color: #e9ecef;
}
.text-oc-gray-3 {
  color: #dee2e6;
}
.text-oc-gray-4 {
  color: #ced4da;
}
.text-oc-gray-5 {
  color: #adb5bd;
}
.text-oc-gray-6 {
  color: #868e96;
}
.text-oc-gray-7 {
  color: #495057;
}
.text-oc-gray-8 {
  color: #343a40;
}
.text-oc-gray-9 {
  color: #212529;
}
.bg-oc-gray-0 {
  background-color: #f8f9fa;
}
.bg-oc-gray-1 {
  background-color: #f1f3f5;
}
.bg-oc-gray-2 {
  background-color: #e9ecef;
}
.bg-oc-gray-3 {
  background-color: #dee2e6;
}
.bg-oc-gray-4 {
  background-color: #ced4da;
}
.bg-oc-gray-5 {
  background-color: #adb5bd;
}
.bg-oc-gray-6 {
  background-color: #868e96;
}
.bg-oc-gray-7 {
  background-color: #495057;
}
.bg-oc-gray-8 {
  background-color: #343a40;
}
.bg-oc-gray-9 {
  background-color: #212529;
}
.text-oc-red-0 {
  color: #fff5f5;
}
.text-oc-red-1 {
  color: #ffe3e3;
}
.text-oc-red-2 {
  color: #ffc9c9;
}
.text-oc-red-3 {
  color: #ffa8a8;
}
.text-oc-red-4 {
  color: #ff8787;
}
.text-oc-red-5 {
  color: #ff6b6b;
}
.text-oc-red-6 {
  color: #fa5252;
}
.text-oc-red-7 {
  color: #f03e3e;
}
.text-oc-red-8 {
  color: #e03131;
}
.text-oc-red-9 {
  color: #c92a2a;
}
.bg-oc-red-0 {
  background-color: #fff5f5;
}
.bg-oc-red-1 {
  background-color: #ffe3e3;
}
.bg-oc-red-2 {
  background-color: #ffc9c9;
}
.bg-oc-red-3 {
  background-color: #ffa8a8;
}
.bg-oc-red-4 {
  background-color: #ff8787;
}
.bg-oc-red-5 {
  background-color: #ff6b6b;
}
.bg-oc-red-6 {
  background-color: #fa5252;
}
.bg-oc-red-7 {
  background-color: #f03e3e;
}
.bg-oc-red-8 {
  background-color: #e03131;
}
.bg-oc-red-9 {
  background-color: #c92a2a;
}
.text-oc-pink-0 {
  color: #fff0f6;
}
.text-oc-pink-1 {
  color: #ffdeeb;
}
.text-oc-pink-2 {
  color: #fcc2d7;
}
.text-oc-pink-3 {
  color: #faa2c1;
}
.text-oc-pink-4 {
  color: #f783ac;
}
.text-oc-pink-5 {
  color: #f06595;
}
.text-oc-pink-6 {
  color: #e64980;
}
.text-oc-pink-7 {
  color: #d6336c;
}
.text-oc-pink-8 {
  color: #c2255c;
}
.text-oc-pink-9 {
  color: #a61e4d;
}
.bg-oc-pink-0 {
  background-color: #fff0f6;
}
.bg-oc-pink-1 {
  background-color: #ffdeeb;
}
.bg-oc-pink-2 {
  background-color: #fcc2d7;
}
.bg-oc-pink-3 {
  background-color: #faa2c1;
}
.bg-oc-pink-4 {
  background-color: #f783ac;
}
.bg-oc-pink-5 {
  background-color: #f06595;
}
.bg-oc-pink-6 {
  background-color: #e64980;
}
.bg-oc-pink-7 {
  background-color: #d6336c;
}
.bg-oc-pink-8 {
  background-color: #c2255c;
}
.bg-oc-pink-9 {
  background-color: #a61e4d;
}
.text-oc-blue-0 {
  color: #e8f7ff;
}
.text-oc-blue-1 {
  color: #ccedff;
}
.text-oc-blue-2 {
  color: #a3daff;
}
.text-oc-blue-3 {
  color: #72c3fc;
}
.text-oc-blue-4 {
  color: #4dadf7;
}
.text-oc-blue-5 {
  color: #329af0;
}
.text-oc-blue-6 {
  color: #228ae6;
}
.text-oc-blue-7 {
  color: #1c7cd6;
}
.text-oc-blue-8 {
  color: #1b6ec2;
}
.text-oc-blue-9 {
  color: #1862ab;
}
.bg-oc-blue-0 {
  background-color: #e8f7ff;
}
.bg-oc-blue-1 {
  background-color: #ccedff;
}
.bg-oc-blue-2 {
  background-color: #a3daff;
}
.bg-oc-blue-3 {
  background-color: #72c3fc;
}
.bg-oc-blue-4 {
  background-color: #4dadf7;
}
.bg-oc-blue-5 {
  background-color: #329af0;
}
.bg-oc-blue-6 {
  background-color: #228ae6;
}
.bg-oc-blue-7 {
  background-color: #1c7cd6;
}
.bg-oc-blue-8 {
  background-color: #1b6ec2;
}
.bg-oc-blue-9 {
  background-color: #1862ab;
}
.text-oc-grape-0 {
  color: #f8f0fc;
}
.text-oc-grape-1 {
  color: #f3d9fa;
}
.text-oc-grape-2 {
  color: #eebefa;
}
.text-oc-grape-3 {
  color: #e599f7;
}
.text-oc-grape-4 {
  color: #da77f2;
}
.text-oc-grape-5 {
  color: #cc5de8;
}
.text-oc-grape-6 {
  color: #be4bdb;
}
.text-oc-grape-7 {
  color: #ae3ec9;
}
.text-oc-grape-8 {
  color: #9c36b5;
}
.text-oc-grape-9 {
  color: #862e9c;
}
.bg-oc-grape-0 {
  background-color: #f8f0fc;
}
.bg-oc-grape-1 {
  background-color: #f3d9fa;
}
.bg-oc-grape-2 {
  background-color: #eebefa;
}
.bg-oc-grape-3 {
  background-color: #e599f7;
}
.bg-oc-grape-4 {
  background-color: #da77f2;
}
.bg-oc-grape-5 {
  background-color: #cc5de8;
}
.bg-oc-grape-6 {
  background-color: #be4bdb;
}
.bg-oc-grape-7 {
  background-color: #ae3ec9;
}
.bg-oc-grape-8 {
  background-color: #9c36b5;
}
.bg-oc-grape-9 {
  background-color: #862e9c;
}
.text-oc-violet-0 {
  color: #f3f0ff;
}
.text-oc-violet-1 {
  color: #e5dbff;
}
.text-oc-violet-2 {
  color: #d0bfff;
}
.text-oc-violet-3 {
  color: #b197fc;
}
.text-oc-violet-4 {
  color: #9775fa;
}
.text-oc-violet-5 {
  color: #845ef7;
}
.text-oc-violet-6 {
  color: #7950f2;
}
.text-oc-violet-7 {
  color: #7048e8;
}
.text-oc-violet-8 {
  color: #6741d9;
}
.text-oc-violet-9 {
  color: #5f3dc4;
}
.bg-oc-violet-0 {
  background-color: #f3f0ff;
}
.bg-oc-violet-1 {
  background-color: #e5dbff;
}
.bg-oc-violet-2 {
  background-color: #d0bfff;
}
.bg-oc-violet-3 {
  background-color: #b197fc;
}
.bg-oc-violet-4 {
  background-color: #9775fa;
}
.bg-oc-violet-5 {
  background-color: #845ef7;
}
.bg-oc-violet-6 {
  background-color: #7950f2;
}
.bg-oc-violet-7 {
  background-color: #7048e8;
}
.bg-oc-violet-8 {
  background-color: #6741d9;
}
.bg-oc-violet-9 {
  background-color: #5f3dc4;
}
.text-oc-indigo-0 {
  color: #edf2ff;
}
.text-oc-indigo-1 {
  color: #dbe4ff;
}
.text-oc-indigo-2 {
  color: #bac8ff;
}
.text-oc-indigo-3 {
  color: #91a7ff;
}
.text-oc-indigo-4 {
  color: #748ffc;
}
.text-oc-indigo-5 {
  color: #5c7cfa;
}
.text-oc-indigo-6 {
  color: #4c6ef5;
}
.text-oc-indigo-7 {
  color: #4263eb;
}
.text-oc-indigo-8 {
  color: #3b5bdb;
}
.text-oc-indigo-9 {
  color: #364fc7;
}
.bg-oc-indigo-0 {
  background-color: #edf2ff;
}
.bg-oc-indigo-1 {
  background-color: #dbe4ff;
}
.bg-oc-indigo-2 {
  background-color: #bac8ff;
}
.bg-oc-indigo-3 {
  background-color: #91a7ff;
}
.bg-oc-indigo-4 {
  background-color: #748ffc;
}
.bg-oc-indigo-5 {
  background-color: #5c7cfa;
}
.bg-oc-indigo-6 {
  background-color: #4c6ef5;
}
.bg-oc-indigo-7 {
  background-color: #4263eb;
}
.bg-oc-indigo-8 {
  background-color: #3b5bdb;
}
.bg-oc-indigo-9 {
  background-color: #364fc7;
}
.text-oc-cyan-0 {
  color: #e3fafc;
}
.text-oc-cyan-1 {
  color: #c5f6fa;
}
.text-oc-cyan-2 {
  color: #99e9f2;
}
.text-oc-cyan-3 {
  color: #66d9e8;
}
.text-oc-cyan-4 {
  color: #3bc9db;
}
.text-oc-cyan-5 {
  color: #22b8cf;
}
.text-oc-cyan-6 {
  color: #15aabf;
}
.text-oc-cyan-7 {
  color: #1098ad;
}
.text-oc-cyan-8 {
  color: #0c8599;
}
.text-oc-cyan-9 {
  color: #0b7285;
}
.bg-oc-cyan-0 {
  background-color: #e3fafc;
}
.bg-oc-cyan-1 {
  background-color: #c5f6fa;
}
.bg-oc-cyan-2 {
  background-color: #99e9f2;
}
.bg-oc-cyan-3 {
  background-color: #66d9e8;
}
.bg-oc-cyan-4 {
  background-color: #3bc9db;
}
.bg-oc-cyan-5 {
  background-color: #22b8cf;
}
.bg-oc-cyan-6 {
  background-color: #15aabf;
}
.bg-oc-cyan-7 {
  background-color: #1098ad;
}
.bg-oc-cyan-8 {
  background-color: #0c8599;
}
.bg-oc-cyan-9 {
  background-color: #0b7285;
}
.text-oc-teal-0 {
  color: #e6fcf5;
}
.text-oc-teal-1 {
  color: #c3fae8;
}
.text-oc-teal-2 {
  color: #96f2d7;
}
.text-oc-teal-3 {
  color: #63e6be;
}
.text-oc-teal-4 {
  color: #38d9a9;
}
.text-oc-teal-5 {
  color: #20c997;
}
.text-oc-teal-6 {
  color: #12b886;
}
.text-oc-teal-7 {
  color: #0ca678;
}
.text-oc-teal-8 {
  color: #099268;
}
.text-oc-teal-9 {
  color: #087f5b;
}
.bg-oc-teal-0 {
  background-color: #e6fcf5;
}
.bg-oc-teal-1 {
  background-color: #c3fae8;
}
.bg-oc-teal-2 {
  background-color: #96f2d7;
}
.bg-oc-teal-3 {
  background-color: #63e6be;
}
.bg-oc-teal-4 {
  background-color: #38d9a9;
}
.bg-oc-teal-5 {
  background-color: #20c997;
}
.bg-oc-teal-6 {
  background-color: #12b886;
}
.bg-oc-teal-7 {
  background-color: #0ca678;
}
.bg-oc-teal-8 {
  background-color: #099268;
}
.bg-oc-teal-9 {
  background-color: #087f5b;
}
.text-oc-green-0 {
  color: #ebfbee;
}
.text-oc-green-1 {
  color: #d3f9d8;
}
.text-oc-green-2 {
  color: #b2f2bb;
}
.text-oc-green-3 {
  color: #8ce99a;
}
.text-oc-green-4 {
  color: #69db7c;
}
.text-oc-green-5 {
  color: #51cf66;
}
.text-oc-green-6 {
  color: #40c057;
}
.text-oc-green-7 {
  color: #37b24d;
}
.text-oc-green-8 {
  color: #2f9e44;
}
.text-oc-green-9 {
  color: #2b8a3e;
}
.bg-oc-green-0 {
  background-color: #ebfbee;
}
.bg-oc-green-1 {
  background-color: #d3f9d8;
}
.bg-oc-green-2 {
  background-color: #b2f2bb;
}
.bg-oc-green-3 {
  background-color: #8ce99a;
}
.bg-oc-green-4 {
  background-color: #69db7c;
}
.bg-oc-green-5 {
  background-color: #51cf66;
}
.bg-oc-green-6 {
  background-color: #40c057;
}
.bg-oc-green-7 {
  background-color: #37b24d;
}
.bg-oc-green-8 {
  background-color: #2f9e44;
}
.bg-oc-green-9 {
  background-color: #2b8a3e;
}
.text-oc-lime-0 {
  color: #f4fce3;
}
.text-oc-lime-1 {
  color: #e9fac8;
}
.text-oc-lime-2 {
  color: #d8f5a2;
}
.text-oc-lime-3 {
  color: #c0eb75;
}
.text-oc-lime-4 {
  color: #a9e34b;
}
.text-oc-lime-5 {
  color: #94d82d;
}
.text-oc-lime-6 {
  color: #82c91e;
}
.text-oc-lime-7 {
  color: #74b816;
}
.text-oc-lime-8 {
  color: #66a80f;
}
.text-oc-lime-9 {
  color: #5c940d;
}
.bg-oc-lime-0 {
  background-color: #f4fce3;
}
.bg-oc-lime-1 {
  background-color: #e9fac8;
}
.bg-oc-lime-2 {
  background-color: #d8f5a2;
}
.bg-oc-lime-3 {
  background-color: #c0eb75;
}
.bg-oc-lime-4 {
  background-color: #a9e34b;
}
.bg-oc-lime-5 {
  background-color: #94d82d;
}
.bg-oc-lime-6 {
  background-color: #82c91e;
}
.bg-oc-lime-7 {
  background-color: #74b816;
}
.bg-oc-lime-8 {
  background-color: #66a80f;
}
.bg-oc-lime-9 {
  background-color: #5c940d;
}
.text-oc-yellow-0 {
  color: #fff9db;
}
.text-oc-yellow-1 {
  color: #fff3bf;
}
.text-oc-yellow-2 {
  color: #ffec99;
}
.text-oc-yellow-3 {
  color: #ffe066;
}
.text-oc-yellow-4 {
  color: #ffd43b;
}
.text-oc-yellow-5 {
  color: #fcc419;
}
.text-oc-yellow-6 {
  color: #fab005;
}
.text-oc-yellow-7 {
  color: #f59f00;
}
.text-oc-yellow-8 {
  color: #f08c00;
}
.text-oc-yellow-9 {
  color: #e67700;
}
.bg-oc-yellow-0 {
  background-color: #fff9db;
}
.bg-oc-yellow-1 {
  background-color: #fff3bf;
}
.bg-oc-yellow-2 {
  background-color: #ffec99;
}
.bg-oc-yellow-3 {
  background-color: #ffe066;
}
.bg-oc-yellow-4 {
  background-color: #ffd43b;
}
.bg-oc-yellow-5 {
  background-color: #fcc419;
}
.bg-oc-yellow-6 {
  background-color: #fab005;
}
.bg-oc-yellow-7 {
  background-color: #f59f00;
}
.bg-oc-yellow-8 {
  background-color: #f08c00;
}
.bg-oc-yellow-9 {
  background-color: #e67700;
}
.text-oc-orange-0 {
  color: #fff4e6;
}
.text-oc-orange-1 {
  color: #ffe8cc;
}
.text-oc-orange-2 {
  color: #ffd8a8;
}
.text-oc-orange-3 {
  color: #ffc078;
}
.text-oc-orange-4 {
  color: #ffa94d;
}
.text-oc-orange-5 {
  color: #ff922b;
}
.text-oc-orange-6 {
  color: #fd7e14;
}
.text-oc-orange-7 {
  color: #f76707;
}
.text-oc-orange-8 {
  color: #e8590c;
}
.text-oc-orange-9 {
  color: #d9480f;
}
.bg-oc-orange-0 {
  background-color: #fff4e6;
}
.bg-oc-orange-1 {
  background-color: #ffe8cc;
}
.bg-oc-orange-2 {
  background-color: #ffd8a8;
}
.bg-oc-orange-3 {
  background-color: #ffc078;
}
.bg-oc-orange-4 {
  background-color: #ffa94d;
}
.bg-oc-orange-5 {
  background-color: #ff922b;
}
.bg-oc-orange-6 {
  background-color: #fd7e14;
}
.bg-oc-orange-7 {
  background-color: #f76707;
}
.bg-oc-orange-8 {
  background-color: #e8590c;
}
.bg-oc-orange-9 {
  background-color: #d9480f;
}
.m-sm {
  margin: 4px 6px;
}
.mt-4 {
  margin-top: 4px;
}
.mt-6 {
  margin-top: 6px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-60 {
  margin-top: 60px;
}
.mr-2 {
  margin-right: 2px;
}
.mr-4 {
  margin-right: 4px;
}
.mr-6 {
  margin-right: 6px;
}
.mr-8 {
  margin-right: 8px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-60 {
  margin-right: 60px;
}
.mb-3 {
  margin-bottom: 3px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-6 {
  margin-bottom: 6px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-60 {
  margin-bottom: 60px;
}
.ml-4 {
  margin-left: 4px;
}
.ml-6 {
  margin-left: 6px;
}
.ml-8 {
  margin-left: 8px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-12 {
  margin-left: 12px;
}
.ml-14 {
  margin-left: 14px;
}
.ml-16 {
  margin-left: 16px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-28 {
  margin-left: 28px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-60 {
  margin-left: 60px;
}
.text-bold {
  font-weight: 500;
}
.text-thin {
  font-weight: 100;
}
.text-light {
  font-weight: 100;
  color: #495057;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.underline {
  text-decoration: underline;
}
.no-underline {
  text-decoration: none;
}
.text-11 {
  font-size: 11px;
}
.text-12 {
  font-size: 12px;
}
.text-13 {
  font-size: 13px;
}
.text-14 {
  font-size: 14px;
}
.text-15 {
  font-size: 15px;
}
.text-16 {
  font-size: 16px;
}
.text-17 {
  font-size: 17px;
}
.text-18 {
  font-size: 18px;
}
.text-20 {
  font-size: 20px;
}
.text-21 {
  font-size: 21px;
}
.text-22 {
  font-size: 21px;
}
.text-26 {
  font-size: 26px;
}
.text-28 {
  font-size: 28px;
}
.text-32 {
  font-size: 32px;
}
.text-36 {
  font-size: 36px;
}
.text-48 {
  font-size: 48px;
}
.line-13 {
  line-height: 13px;
}
.line-20 {
  line-height: 20px;
}
.line-24 {
  line-height: 24px;
}
.line-28 {
  line-height: 28px;
}
.form-horizontal {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 4fr;
}
.form-horizontal input[type='text'],
.form-horizontal textarea {
  box-sizing: border-box;
  width: 100%;
}
.form-horizontal input,
.form-horizontal label {
  font-size: 15px;
  line-height: 18px;
}
.form-horizontal textarea {
  font-size: 14px;
  line-height: 17px;
}
input,
textarea {
  background: #ffffff;
  border: 1px solid #ced4da;
  padding: 12px;
  color: #495057;
}
input[type='checkbox'],
textarea[type='checkbox'] {
  margin-right: 8px;
}
.p-sm {
  padding: 4px 6px;
}
.p-4 {
  padding: 4px;
}
.p-8 {
  padding: 8px;
}
.p-10 {
  padding: 10px;
}
.p-16 {
  padding: 16px;
}
.p-20 {
  padding: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.ph-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.ph-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.ph-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.pv-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.pv-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.pv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#psds #app {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#page-skeleton {
  display: grid;
  min-width: 800px;
  min-height: 100vh;
  width: calc(100% - 60px);
  margin-left: 60px;
  grid-template-columns: 1fr;
  grid-gap: 0;
  grid-template-rows: auto 1fr auto;
}
@media (min-width: 1257px) {
  #page-skeleton {
    width: calc(100% - 250px);
    margin-left: 250px;
  }
}
#page-skeleton.page-skeleton--settings {
  min-width: 300px;
  height: 100vh;
}
#banner-area {
  display: block;
  z-index: 3000;
}
#top-nav-area {
  position: fixed;
  display: flex;
  background-color: #343a40;
  width: 60px;
  height: 100vh;
  z-index: 2600;
}
@media (min-width: 1257px) {
  #top-nav-area {
    width: 250px;
  }
}
#main-area {
  background-color: var(--flow-colors-background-dark-2);
  height: 100vh;
  overflow: auto;
  color: #343a40;
  margin-left: 70px;
  display: flex;
  flex-direction: column;
  padding-bottom: 56px;
}
#main-area-locked {
  background-color: var(--flow-colors-background-dark-2);
  height: 100vh;
  overflow: auto;
  color: #343a40;
  margin-left: 284px;
  display: flex;
  flex-direction: column;
  padding-bottom: 56px;
}
.main-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  overflow: auto;
}
@media (max-width: 450px) {
  .page-skeleton--settings .main-content {
    padding: 24px 0;
  }
}
.filter-bar-wrapper {
  background: #ffffff;
  border-bottom: 1px solid #f1f3f5;
  padding: 20px;
  margin-bottom: 30px;
  margin-top: -24px;
  margin-left: -40px;
  margin-right: -40px;
  padding-left: 40px;
  padding-right: 40px;
}
#footer-area {
  text-align: center;
}
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color: white;
  font-size: 15px;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  -webkit-font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a {
  cursor: pointer;
  color: #3b5bdb;
}
.link {
  cursor: pointer;
  color: #3b5bdb;
}
.link:hover {
  text-decoration: underline;
}
hr {
  border: 0;
  border-top: 1px solid #495057;
}
.info__icon {
  font-family: Entypo;
  margin-left: 8px;
  font-size: 13px;
  vertical-align: middle;
}
.info__icon:before {
  text-decoration: none;
  color: #868e96;
  content: '\e6b2';
}
.bold {
  font-weight: 500;
}
.light {
  font-weight: 100;
  color: #495057;
}
.uppercase {
  text-transform: uppercase;
}
.no-underline {
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}
.disabled-text {
  font-style: italic;
  color: #868e96;
}
.opacity-6 {
  opacity: 0.6;
}
.inline {
  display: inline-block;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
/* Flex container that vertically centers its elements */
.flex-vcenter {
  display: flex;
  align-items: center;
}
.flex-inline-vcenter {
  display: inline-flex;
  align-items: center;
}
.justify-space-between {
  justify-content: space-between;
}
.justify-space-around {
  justify-content: space-around;
}
.bordered {
  border: 1px solid #adb5bd;
  border-radius: 2px;
}
.Icon.chevron-up {
  transform: rotate(180deg);
}
.Table__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.Table__header__pagination-controls {
  margin-left: auto;
}
.hover-anchor .show-on-hover {
  opacity: 0;
  transition: opacity 0.1s linear;
}
.hover-anchor:hover .show-on-hover {
  opacity: 1;
}
ol.unstyled,
ul.unstyled {
  list-style: none;
  padding-left: 0;
}
ul.tabs {
  list-style: none;
  border-bottom: 1px solid #868e96;
  margin: 0 0 10px;
  padding: 0;
}
ul.tabs li {
  display: inline-block;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
}
ul.tabs li > a {
  display: inline-block;
  padding: 6px 30px;
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  border-width: 0 0 4px 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: transparent;
  outline: none;
  color: #343a40;
  cursor: pointer;
  text-decoration: none;
}
ul.tabs li > a.selected {
  background: #ffffff;
  border-color: #3b5bdb;
  font-weight: 500;
}
/**
 * Easy vertical splits
 */
.vsplit {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr;
}
.vsplit-20-80 {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr;
  grid-template-columns: 2fr 8fr;
}
.vsplit-40-60 {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr;
  grid-template-columns: 4fr 6fr;
}
.vsplit-60-40 {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr;
  grid-template-columns: 6fr 4fr;
}
.flex-rtl {
  display: flex;
  flex-direction: row-reverse;
}
.flex-stretch {
  align-items: stretch;
}
.flex-spread {
  display: flex;
  justify-content: space-between;
}
.flex-vspread {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
#app,
.ReactModalPortal {
  box-sizing: content-box;
  color: #343a40;
  font-family: 'PS TT Commons Roman', sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.15;
}
#app ::selection,
.ReactModalPortal ::selection {
  color: #fff;
  background: #3b5bdb;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
p {
  margin-bottom: 0.8em;
}
h1,
.h1 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 400;
}
h1.big,
.h1.big {
  font-size: 48px;
  line-height: 54px;
}
h2,
.h2 {
  font-size: 21px;
  line-height: 28px;
}
h3,
.h3 {
  font-size: 18px;
  line-height: 20px;
}
h4,
.h4 {
  font-size: 15px;
  line-height: 18px;
}
h1.fitted,
.h1.fitted,
h2.fitted,
.h2.fitted,
h3.fitted,
.h3.fitted,
h4.fitted,
.h4.fitted {
  line-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
p,
.p {
  font-size: 15px;
  line-height: 20px;
}
p.small,
.p.small {
  font-size: 13px;
  line-height: 22px;
  color: #868e96;
}
pre {
  padding: 20px;
  border: 1px solid #adb5bd;
  border-radius: 3px;
  background-color: #f8f9fa;
  font-size: 15px;
  line-height: 18px;
}
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}
.Select.is-disabled > .Select-control {
  background-color: #e9ecef;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select-control {
  background-color: #fff;
  border-color: #bbc2c8 #adb5bd #919ca6;
  border-radius: 2px;
  border: 1px solid #adb5bd;
  color: #343a40;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 32px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #919ca6 #adb5bd #bbc2c8;
}
.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #495057;
  border-width: 0 5px 5px;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.is-focused:not(.is-open) > .Select-control {
  border-color: #3b5bdb;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(59, 91, 219, 0.1);
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #adb5bd;
  left: 0;
  font-size: 16px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #343a40;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #3b5bdb;
  outline: none;
  text-decoration: underline;
}
.Select-input {
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: 16px;
  letter-spacing: -0.25px;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 6px 0 10px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #adb5bd;
  border-right-color: #343a40;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 15px;
}
.Select-clear-zone:hover {
  color: #d0021b;
}
.Select-clear {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 15px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select-arrow {
  border-color: #495057 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #212529;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-top-color: #d6dade;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #626d78;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.Select-option.is-selected {
  background-color: #f7f8fe;
  /* Fallback color for IE 8 */
  background-color: rgba(59, 91, 219, 0.04);
  color: #343a40;
}
.Select-option.is-focused {
  background-color: #eff2fc;
  /* Fallback color for IE 8 */
  background-color: rgba(59, 91, 219, 0.08);
  color: #343a40;
}
.Select-option.is-disabled {
  color: #ced3d8;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #96a0aa;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #eff2fc;
  /* Fallback color for IE 8 */
  background-color: rgba(59, 91, 219, 0.08);
  border-radius: 2px;
  border: 1px solid #d0d8f6;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(59, 91, 219, 0.24);
  color: #3b5bdb;
  display: inline-block;
  font-size: 16px;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #3b5bdb;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #d0d8f6;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(59, 91, 219, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #dfe4f9;
  /* Fallback color for IE 8 */
  background-color: rgba(39, 74, 213, 0.08);
  color: #274ad5;
}
.Select--multi .Select-value-icon:active {
  background-color: #d0d8f6;
  /* Fallback color for IE 8 */
  background-color: rgba(59, 91, 219, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
.DateRangePicker {
  display: inline-block;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.DateRangePicker__Legend {
  color: #52575e;
  font-size: 14px;
  line-height: 16px;
  list-style-type: none;
  margin: 20px 0;
  padding: 0;
}
.DateRangePicker__LegendItem {
  display: inline-block;
  margin: 0 20px;
}
.DateRangePicker__LegendItemColor {
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  vertical-align: text-bottom;
  width: 14px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.DateRangePicker__LegendItemColor--selection {
  background-color: #ed5434;
}
.DateRangePicker__PaginationArrow {
  border: 0;
  cursor: pointer;
  display: block;
  height: 35px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 35px;
  z-index: 100;
}
.DateRangePicker__PaginationArrow--previous {
  left: 20px;
}
.DateRangePicker__PaginationArrow--next {
  right: 20px;
}
.DateRangePicker__PaginationArrow:hover {
  background-color: #ccc;
}
.DateRangePicker__PaginationArrowIcon {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  height: 0;
  position: absolute;
  top: 10px;
  width: 0;
}
.DateRangePicker__PaginationArrowIcon--is-disabled {
  opacity: 0.25;
}
.DateRangePicker__PaginationArrowIcon--previous {
  border-left: 8px solid transparent;
  border-right: 8px solid #aaa;
  right: 11px;
}
.DateRangePicker__PaginationArrowIcon--next {
  border-left: 8px solid #aaa;
  border-right: 8px solid transparent;
  left: 11px;
}
.DateRangePicker__Month {
  color: #333;
  display: inline-block;
  margin: 0 20px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  width: 275px;
}
.DateRangePicker__MonthHeader {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
  position: relative;
  text-align: center;
}
.DateRangePicker__MonthHeaderLabel {
  display: inline-block;
  position: relative;
}
.DateRangePicker__MonthHeaderSelect {
  background: #e4e4e4;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500;
}
.DateRangePicker__MonthDates {
  border-bottom: 1px solid #f4f5f6;
  border-collapse: separate;
  border-spacing: 0 1px;
  margin: 0;
  width: 100%;
}
.DateRangePicker__WeekdayHeading,
.DateRangePicker__Date {
  font-size: 12px;
  line-height: 1;
  padding: 10px 0;
  text-align: center;
  width: 14.28571429%;
}
.DateRangePicker__WeekdayHeading {
  border-bottom: 1px solid #f4f5f6;
  color: #000;
  font-weight: 500;
}
.DateRangePicker__WeekdayHeading abbr[title] {
  border-bottom-width: 0;
  color: #000;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}
.DateRangePicker__Date {
  border: 0 solid #f4f5f6;
  border-right-width: 1px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.DateRangePicker__Date:first-child {
  border-left-width: 1px;
}
.DateRangePicker__Date--weekend {
  background-color: #f6f7f9;
}
.DateRangePicker__Date--otherMonth {
  opacity: 0.25;
}
.DateRangePicker__Date--is-disabled {
  color: #cdcdd1;
  cursor: default;
}
.DateRangePicker__Date--is-selected {
  color: #fff;
}
.DateRangePicker__Date--is-highlighted {
  color: #333;
}
.DateRangePicker__CalendarDatePeriod {
  bottom: 0;
  position: absolute;
  top: 0;
}
.DateRangePicker__CalendarDatePeriod--am {
  left: 0;
  right: 50%;
}
.DateRangePicker__CalendarDatePeriod--pm {
  left: 50%;
  right: 0;
}
.DateRangePicker__CalendarSelection {
  background-color: #3b5bdb;
  border: 1px solid #274ad5;
  bottom: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 5px;
}
.DateRangePicker__CalendarSelection--inOtherMonth {
  opacity: 0.5;
}
.DateRangePicker__CalendarSelection--start {
  border-bottom-left-radius: 5px;
  border-right-width: 0;
  border-top-left-radius: 5px;
  left: 5px;
}
.DateRangePicker__CalendarSelection--end {
  border-bottom-right-radius: 5px;
  border-left-width: 0;
  border-top-right-radius: 5px;
  right: 5px;
}
.DateRangePicker__CalendarSelection--segment {
  border-left-width: 0;
  border-right-width: 0;
}
.DateRangePicker__CalendarSelection--single {
  border-radius: 5px;
  left: 5px;
  right: 5px;
}
.DateRangePicker__CalendarSelection--is-pending {
  background-color: rgba(59, 91, 219, 0.75);
  border-width: 0;
}
.DateRangePicker__CalendarHighlight {
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.25);
  bottom: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 5px;
}
.DateRangePicker__CalendarHighlight--inOtherMonth {
  opacity: 0.5;
}
.DateRangePicker__CalendarHighlight--start {
  border-bottom-left-radius: 5px;
  border-right-width: 0;
  border-top-left-radius: 5px;
  left: 5px;
}
.DateRangePicker__CalendarHighlight--end {
  border-bottom-right-radius: 5px;
  border-left-width: 0;
  border-top-right-radius: 5px;
  right: 5px;
}
.DateRangePicker__CalendarHighlight--segment {
  border-left-width: 0;
  border-right-width: 0;
}
.DateRangePicker__CalendarHighlight--single {
  background-color: #fff;
  border: 1px solid #274ad5;
  border-radius: 5px;
  left: 5px;
  right: 5px;
}
.DateRangePicker__HalfDateStates {
  bottom: -50px;
  left: -50px;
  position: absolute;
  right: -50px;
  top: -50px;
  transform: rotate(30deg);
}
.DateRangePicker__FullDateStates {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.DateRangePicker__DateLabel {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 100;
}
.react-tabs__tab-list {
  border-bottom: 1px solid #dee2e6;
  margin: 0 0 10px;
  padding: 0;
  font-size: 15px;
  line-height: 20px;
}
.react-tabs__tab {
  display: inline-block;
  border-width: 0 0 4px 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: transparent;
  position: relative;
  color: var(--flow-colors-blue-7);
  list-style: none;
  padding: 6px 30px;
  cursor: pointer;
}
.react-tabs__tab--selected {
  background: #ffffff;
  border-color: var(--flow-colors-blue-6);
  color: var(--flow-colors-blue-6);
  font-weight: 500;
}
.react-tabs__tab:focus {
  outline: none;
}
.react-tabs__tab-panel {
  display: none;
}
.react-tabs__tab-panel--selected {
  display: block;
}
.react-tabs__tab-panel--disabled {
  color: #adb5bd;
  cursor: default;
}
.react-tabs__tab {
  -webkit-user-select: none;
          user-select: none;
}
#app .ReactTable {
  border: none;
  margin-top: 25px;
  flex: 0 0 auto;
  overflow: visible;
}
#app .ReactTable.clear {
  clear: both;
}
#app .ReactTable .rt-table {
  overflow: visible;
}
#app .ReactTable .rt-noData {
  font-size: 22px;
  font-weight: 500;
  color: #868e96;
  top: calc(100% + 170px);
}
#app .ReactTable .rt-tbody {
  max-height: calc(100vh - 306px);
  overflow: auto;
}
#app .ReactTable .rt-tbody .rt-tr:hover {
  background-color: rgba(59, 91, 219, 0.08);
}
#app .ReactTable .rt-tbody .rt-tr .rt-td {
  border-right: none;
}
#app .ReactTable .rt-tbody .rt-tr .rt-td.center {
  text-align: center;
}
#app .ReactTable .rt-tbody .rt-tr .rt-td.right {
  text-align: right;
}
#app .ReactTable .rt-tbody .rt-tr .rt-td.hidden {
  flex: 0 0 0px !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}
#app .ReactTable .rt-tbody .rt-tr .rt-td .TableCell--disabled {
  color: #dee2e6;
}
#app .ReactTable .rt-tbody .rt-tr .rt-td.show-overflow {
  overflow: visible;
}
#app .ReactTable .rt-tbody .rt-tr-group .group-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #ced4da;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 500;
}
#app .ReactTable .rt-tbody .rt-tr-group .group-header.right .TableCell {
  justify-content: flex-end;
}
#app .ReactTable .rt-tbody .rt-tr-group .group-header.rt-expandable {
  min-width: 58px;
}
#app .ReactTable .rt-thead {
  border-top: 1px solid #adb5bd;
  padding: 5px 0px;
}
#app .ReactTable .rt-thead.-header {
  box-shadow: none;
  border-bottom: 1px solid #ced4da;
}
#app .ReactTable .rt-thead .rt-th {
  border-right: none;
  outline: none;
}
#app .ReactTable .rt-thead .rt-tr {
  text-align: left;
}
#app .ReactTable .rt-thead .rt-tr .rt-th {
  color: #adb5bd;
}
#app .ReactTable .rt-thead .rt-tr .rt-th.-sort-asc,
#app .ReactTable .rt-thead .rt-tr .rt-th.-sort-desc {
  font-weight: 500;
  color: black;
  box-shadow: none;
}
#app .ReactTable .rt-thead .rt-tr .rt-th.-sort-asc div:first-of-type::after {
  content: '\A0 \25bc';
  font-size: 12px;
}
#app .ReactTable .rt-thead .rt-tr .rt-th.-sort-desc div:first-of-type::after {
  content: '\A0 \25b2';
  font-size: 12px;
}
#app .ReactTable .rt-thead .rt-tr .rt-th.-hidden {
  flex: 0 0 0px !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}
#app .ReactTable .rt-thead .rt-tr .rt-th.center {
  text-align: center;
}
#app .ReactTable .rt-thead .rt-tr .rt-th.show-overflow {
  overflow: visible;
}
#app .ReactTable .rt-thead .rt-tr .rt-th.expander {
  min-width: 58px;
}
#app .ReactTable .rt-thead .rt-tr:hover {
  background-color: white;
}
#app .ReactTable .pagination-top .-pagination {
  border-top: none;
}
.ApexUserPicker {
  display: flex;
  align-items: center;
}
.ApexUserPickerSelectedUser {
  display: flex;
  align-items: center;
}
.ApexUserPickerUserRow {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ApexUserPickerUserRow:hover {
  background-color: #edf2ff;
}
.ApexUserPickerUserRow__user,
.ApexUserPickerUserRow__spinner {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0px 28px 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ApexUserPickerUserRow__spinner {
  pointer-events: none;
}
.ApexUserPickerUserRow__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ApexUserPickerSuggestionRow__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserLink {
  margin-right: 6px;
  display: inline-flex;
  align-items: baseline;
}
.UserLink__avatar {
  width: 22px;
  height: 22px;
  margin: 0 6px;
  border-radius: 11px;
  border: 1px solid #ced4da;
  vertical-align: middle;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  align-self: center;
}
.UserLink__text {
  color: #3b5bdb;
  display: flex;
  align-items: center;
  position: relative;
}
.UserLink__text .ContextMenuTrigger {
  position: absolute;
  width: calc(100% + 30px);
}
.UserLink__text .username-spacer {
  visibility: hidden;
  margin-left: 7px;
  margin-right: 5px;
}
.UserLink:hover .UserLink__text {
  color: #748ffc;
  text-decoration: underline;
}
.ButtonMenu {
  border-radius: 2px;
  margin: 5px;
  display: inline-flex;
  position: relative;
}
.ButtonMenu__button {
  margin: 0;
  border-radius: 0;
  border-color: #dee2e6;
}
.ButtonMenu__button:focus {
  position: relative;
  z-index: 3100;
}
.ButtonMenu--horizontal > .ButtonMenu__button--first {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ButtonMenu--horizontal > .ButtonMenu__button--last {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ButtonMenu--vertical {
  flex-direction: column;
}
.ButtonMenu--vertical > .ButtonMenu__button {
  background-color: #ffffff;
  color: #495057;
  padding: 0 10px;
  justify-content: left;
  border-width: 0;
  border-bottom-width: 1px;
}
.ButtonMenu--vertical > .ButtonMenu__button:hover {
  background-color: rgba(59, 91, 219, 0.08);
}
.ButtonMenu--vertical > .ButtonMenu__button:active {
  background-color: rgba(59, 91, 219, 0.08);
}
.ButtonMenu--vertical > .ButtonMenu__button--first {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ButtonMenu--vertical > .ButtonMenu__button--last {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-width: 0;
}
.ButtonMenu--vertical > .ButtonMenu__button .Button__icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.Dropdown__content .ButtonMenu {
  width: 100%;
  margin: 0;
}
.WorkLogLane td:first-of-type {
  position: relative;
  width: 207px;
}
.WorkLogLane > td {
  border-bottom: 1px solid #e9ecef;
}
.WorkLoglane td.tdBubbles {
  padding-top: 1.5em !important;
}
.WorkLogLane td .isLastDayOfWeek {
  border-right: 1px solid #e9ecef;
}
.WorkLogLane .GroupData td {
  border-bottom: 0 solid transparent;
  padding-top: initial;
}
.WorkLogFilterBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1256px) {
  .WorkLogFilterBar {
    flex-wrap: wrap;
  }
}
.WorkLogDetails .WorkLogFilterBar {
  flex-wrap: nowrap;
}
.WorkLogFilterBar__first,
.WorkLogFilterBar__second {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1256px) {
  .WorkLogFilterBar__first {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }
  .WorkLogDetails .WorkLogFilterBar__first {
    width: auto;
    margin-bottom: 0;
  }
}
.WorkLogFilterBar__second {
  flex: 0 1 auto;
}
@media screen and (max-width: 1256px) {
  .WorkLogFilterBar__second {
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #dee2e6;
    padding-top: 20px;
  }
  .WorkLogDetails .WorkLogFilterBar__second {
    justify-content: flex-end;
    padding-top: 0;
    border-top: none;
    overflow: hidden;
  }
}
.WorkLogFilterBar .FilterByInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: auto;
}
.WorkLogFilterBar .FilterByInfo .ContextMenuTrigger {
  flex: 0 0 auto;
  margin-right: 10px;
}
.WorkLogFilterBar .FilterByInfo p {
  font-size: 20px;
}
.WorkLogFilterBar .close-icon {
  cursor: pointer;
  background: #ced4da;
  padding: 10px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  box-sizing: border-box;
  flex: 0 0 36px;
}
.WorkLogFilterBar .paginationContainer {
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width: 1257px) {
  .WorkLogFilterBar .paginationContainer {
    margin-left: 5px;
  }
}
.WorkLogFilterBar .showcommits {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 40px;
}
.WorkLogFilterBar .SearchBox {
  flex: 0 1 auto;
  min-width: 37px;
  height: 35px;
}
@media screen and (max-width: 1256px) {
  .report__legend .WorkLogFilterBar .SearchBox {
    width: 293px;
  }
}
@media screen and (min-width: 1257px) {
  .WorkLogFilterBar .SearchBox {
    margin-left: auto;
  }
}
.WorkLogFilterBar .viewByPicker,
.WorkLogFilterBar .sortByPicker,
.WorkLogFilterBar .workTypePicker,
.WorkLogFilterBar .SearchBox {
  margin-right: 10px;
}
.WorkLogFilterBar .viewByPicker,
.WorkLogFilterBar .sortByPicker,
.WorkLogFilterBar .workTypePicker {
  align-items: center;
  display: flex;
}
.WorkLogFilterBar .WorkLogLegend {
  flex: 0 1 auto;
  overflow: hidden;
}
.WorkLogLegend {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  padding-left: 0;
  box-sizing: border-box;
}
.WorkLogLegend .LegendItem {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CalendarAutoSuggestField .SearchBox__suggestion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 20px 10px 20px;
  overflow: hidden;
}
.CalendarAutoSuggestField__calendar-name {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  padding: 5px 0;
}
.CalendarAutoSuggestField__calendar-name--disabled {
  color: #adb5bd;
}
.CalendarAutoSuggestField__calendar-name,
.CalendarAutoSuggestField__calendar-path {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CalendarAutoSuggestField__calendar-path-segment {
  display: inline-block;
  color: #adb5bd;
  font-size: 13px;
}
.CalendarAutoSuggestField__calendar-path-segment--main {
  color: #868e96;
  font-weight: 500;
}
.CalendarAutoSuggestField__calendar-path-separator {
  margin: 0 4px;
}
.Dropdown {
  display: inline-block;
  position: relative;
}
.Dropdown__content {
  visibility: hidden;
  opacity: 0;
  transition: 0.2s all ease;
  position: absolute;
  z-index: var(--z-high);
  transform: translateY(-10px) scaleY(0.2) scaleX(0.5);
  transform-origin: top left;
  margin-left: 5px;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 2px 9px rgba(73, 80, 87, 0.2), 0 2px 10px rgba(73, 80, 87, 0.1);
}
.Dropdown__content .with-search a {
  margin-top: 5px;
}
.Dropdown__content .with-search + .results {
  max-height: 310px;
  overflow: auto;
}
.Dropdown__content .with-search + .results .VerticalMenu.has-border li:first-of-type:before {
  content: '';
  border-top: 1px solid #dee2e6;
  display: block;
  margin-top: -5px;
  padding-bottom: 10px;
}
.Dropdown__trigger {
  margin: 0 5px;
}
.Dropdown--active .Dropdown__content {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px) scaleY(1) scaleX(1);
}
.Dropdown--text .Dropdown__trigger {
  height: auto;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.Dropdown--text .Dropdown__trigger:hover,
.Dropdown--text .Dropdown__trigger:active {
  background-color: transparent;
}
.Dropdown--right .Dropdown__content {
  right: 0;
  transform-origin: top right;
}
.Dropdown--center .Dropdown__content {
  transform-origin: top center;
  transform: translateY(-10px) scaleY(0.5);
  margin: 0;
  width: 100%;
}
.Dropdown--center.Dropdown--active .Dropdown__content {
  transform-origin: top center;
  transform: translateY(0px) scale(1);
}
.Dropdown--middle .Dropdown__content {
  transform-origin: top center;
  transform: translateY(-10px) translateX(-50%) scale(0.5);
}
.Dropdown--middle.Dropdown--active .Dropdown__content {
  transform-origin: top center;
  transform: translateY(0px) translateX(-50%) scale(1);
}
.Dropdown--triple-dot .Dropdown__trigger {
  height: 24px;
  width: 36px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border-color: transparent;
}
.Dropdown--triple-dot .Dropdown__trigger:hover {
  background-color: #f8f9fa;
  border-color: #ced4da;
}
.Dropdown--triple-dot .Dropdown__trigger:active {
  background-color: #e9ecef;
  border-color: #ced4da;
}
.Dropdown--triple-dot.Dropdown--active .Dropdown__trigger {
  background-color: #f8f9fa;
  border-color: #ced4da;
}
.Dropdown--raised .Dropdown__content {
  margin: 0;
}
.Dropdown--raised .Dropdown__trigger {
  background-color: #ffffff;
  height: 42px;
  padding: 0 14px;
  border: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  justify-content: space-between;
}
.Dropdown--dashed .Dropdown__trigger {
  justify-content: flex-start;
  border: 0;
  padding: 0;
  border-bottom: 2px dashed #ced4da;
  width: auto;
  height: auto;
}
.SearchablePicker .Dropdown__content {
  width: 290px;
}
.TeamPicker .Dropdown__content {
  width: 400px;
}
.EventForm__events {
  width: 100%;
  margin-top: 20px;
}
.EventForm__events td:first-child {
  width: 20%;
}
.EventForm__input {
  box-sizing: border-box;
  width: 100%;
}
.EventForm__input input {
  box-sizing: border-box;
  width: 100%;
}
.EventForm__input .react-tagsinput-input {
  width: auto;
}
.EventForm__input .react-tagsinput-remove {
  color: rgba(0, 0, 0, 0.5);
}
.EventForm__delete {
  cursor: pointer;
}
.EventForm__controls {
  border-top: 1px solid #dee2e6;
  margin-top: 20px;
  padding-top: 22px;
  text-align: right;
}
.EventForm__controls a {
  margin-right: 10px;
  text-decoration: none;
}
.EventForm__controls a:first-child {
  float: left;
}
.EventForm__controls a:hover {
  text-decoration: underline;
}
.EventForm button {
  cursor: pointer;
}
.InfiniteListPicker__trigger {
  display: flex;
  max-width: 100%;
}
.InfiniteListPicker__trigger-summary {
  font-weight: 500;
  margin: 4px 6px;
  font-size: 15px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #343a40;
  border-bottom: 1px dotted #343a40;
  flex: 1 1 0;
}
.InfiniteListPicker__trigger-summary:hover {
  border-bottom: 1px solid #343a40;
}
.InfiniteListPicker__trigger-icon {
  width: 8px;
  height: 8px;
}
.InfiniteListPicker__content {
  display: flex;
  flex-direction: column;
  max-height: 500px;
  width: 360px;
}
.InfiniteListPicker__header {
  height: 58px;
  padding: 0 8px;
  border-bottom: 1px solid #dee2e6;
  flex: 0 0 58px;
  display: flex;
  align-items: center;
}
.InfiniteListPicker__header-link {
  margin: 16px;
  margin-right: 8px;
  white-space: nowrap;
}
.InfiniteListPicker__suggestions-header {
  padding: 8px;
  padding-bottom: 0;
  flex: 0 0 auto;
  font-weight: 500;
  text-transform: uppercase;
  color: #868e96;
  font-size: 12px;
}
.InfiniteListPicker__suggestions {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #dee2e6;
}
.InfiniteListPicker__suggestion {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 28px;
  padding: 0 28px 0 12px;
  cursor: pointer;
}
.InfiniteListPicker__suggestion:hover {
  background-color: #edf2ff;
}
.InfiniteListPicker__suggestion--selected {
  font-weight: 500;
}
.InfiniteListPicker__results {
  overflow: hidden;
}
.Input {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
}
.Input.invalid {
  border: 1px solid #ff6b6b;
  color: #ff6b6b;
}
.Input--normal input {
  border: 0 solid transparent;
  border-bottom: 2px solid #ccd0d3;
  border-radius: 0;
  padding: 7px 9px;
  padding-bottom: 5px;
  margin-left: 7px;
  margin-right: 7px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  background: #fff;
  transition: 0.25s all ease-in-out;
}
.Input--dashed input {
  border: 0 solid transparent;
  border-bottom: 2px dashed #ccd0d3;
  border-radius: 0;
  padding: 7px 9px;
  padding-bottom: 5px;
  margin-left: 7px;
  margin-right: 7px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  background: #fff;
  transition: 0.25s all ease-in-out;
}
.Input--dashed input:hover:not(disabled) {
  background: #f9f9f9;
  cursor: text;
}
.Input--dashed input:hover:disabled {
  background: #fff;
  cursor: not-allowed;
}
.Input--dashed input:focus {
  outline: none;
  background: #f9f9f9;
}
.Input--dashed input[type='number']::-webkit-outer-spin-button,
.Input--dashed input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.IntegrationPicker {
  width: 100%;
}
.IntegrationPicker .InfiniteListPicker__trigger,
.IntegrationPicker .InfiniteListPicker__content {
  width: 100%;
  margin: 0;
}
.IntegrationPicker .InfiniteListPicker__trigger-summary {
  border-bottom: 0;
  text-align: left;
  font-weight: 400;
}
.IntegrationPickerSelectedIntegration {
  display: flex;
  align-items: center;
}
.IntegrationPickerIntegrationRow {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #dee2e6;
  cursor: pointer;
}
.IntegrationPickerIntegrationRow:hover {
  background-color: #edf2ff;
}
.IntegrationPickerIntegrationRow__integration,
.IntegrationPickerIntegrationRow__spinner {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0px 28px 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.IntegrationPickerIntegrationRow__spinner {
  pointer-events: none;
}
.IntegrationPickerIntegrationRow__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.IntegrationCheckboxPicker--loading {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #343a40;
  margin: 4px 6px;
}
.IntegrationCheckboxPicker--active {
  overflow: hidden;
  box-sizing: border-box;
  height: auto;
  border: 1px solid #ced4da;
  border-radius: 2px;
  background-color: #f7f9fb;
  box-shadow: 0 2px 9px 0 rgba(73, 80, 87, 0.2), 0 2px 10px 0 rgba(73, 80, 87, 0.1);
}
.IntegrationCheckboxPicker--summary {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #343a40;
  border-bottom: 1px dotted #343a40;
  margin: 4px 6px;
}
.IntegrationCheckboxPicker--summary:hover {
  border-bottom: 1px solid #343a40;
}
.IntegrationCheckboxPicker__search {
  margin: 10px 10px 0 10px;
}
.IntegrationCheckboxPicker .FancyCheckbox__label {
  float: left;
}
.IntegrationCheckboxPicker .FancyCheckbox input[type='checkbox'] {
  margin-right: 19px;
}
.LaneSummaryDetailPanel {
  padding: 10px;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  border-radius: 4px;
  background: #fff;
  top: 20px;
  width: calc(100% - 27px);
  cursor: pointer;
}
.LaneSummaryDetailPanel__header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.LaneSummaryDetailPanel__header .first {
  margin-top: 13px;
  min-width: 36px;
}
.LaneSummaryDetailPanel__header .second {
  display: inline-block;
  align-self: flex-start;
  text-align: left;
}
.LaneSummaryDetailPanel__header .second p {
  margin-bottom: 0;
}
.LaneSummaryDetailPanel__header .avatar {
  max-width: 24px;
  max-height: 24px;
  border-radius: 24px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.LaneSummaryDetailPanel__header .avatar img {
  width: 100%;
}
.LaneSummaryDetailPanel__header .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: normal;
}
.LaneSummaryDetailPanel__header .name .plain-text {
  margin-left: 7px;
}
.LaneSummaryDetailPanel__header .name .UserNameContextMenuTrigger {
  display: inline-block;
}
.LaneSummaryDetailPanel__header .name .UserNameContextMenuTrigger:hover .UserNameContextMenuTrigger__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 102px;
  display: inline-block;
  vertical-align: middle;
}
.LaneSummaryDetailPanel__header .date-range {
  margin-top: 0;
  font-size: 13px;
  color: #868e96;
  display: none;
  margin-left: 7px;
}
.LaneSummaryDetailPanel__body {
  visibility: hidden;
  height: 0;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}
.LaneSummaryDetailPanel__body .summary_label {
  color: #868e96;
}
.LaneSummaryDetailPanel__body .summary_image {
  text-align: center;
  padding-left: 5px;
  padding-right: 4px;
}
.LaneSummaryDetailPanel__body .summary_value {
  color: #343a40;
  text-align: center;
  margin-right: 10px;
  width: 25px;
}
.LaneSummaryDetailPanel__body ul {
  list-style: none;
  text-align: left;
  padding-left: 5px;
}
.LaneSummaryDetailPanel__body li:not(:last-of-type) span {
  padding-bottom: 10px;
}
.LaneSummaryDetailPanel__body li {
  display: table-row;
}
.LaneSummaryDetailPanel__body ul li span {
  display: table-cell;
}
.LaneSummaryDetailPanel__footer {
  visibility: hidden;
  height: 0;
}
.LaneSummaryDetailPanel__footer ul {
  list-style: none;
  text-align: left;
  padding-left: 5px;
}
.LaneSummaryDetailPanel__footer li {
  display: table-row;
}
.LaneSummaryDetailPanel__footer ul li span {
  display: table-cell;
}
.LaneSummaryDetailPanel__footer .summary_value {
  text-align: center;
  margin-right: 10px;
  width: 25px;
}
.LaneSummaryDetailPanel__footer .summary_label {
  padding-left: 5px;
}
.LaneSummaryDetailPanel:hover {
  border: 1px solid #343a40;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
  z-index: 100;
}
.LaneSummaryDetailPanel:hover .LaneSummaryDetailPanel__header .first {
  margin-top: -14px;
}
.LaneSummaryDetailPanel:hover .LaneSummaryDetailPanel__header .name {
  font-weight: 500;
}
.LaneSummaryDetailPanel:hover .LaneSummaryDetailPanel__header .date-range {
  display: block;
  margin-bottom: 10px;
}
.LaneSummaryDetailPanel:hover .LaneSummaryDetailPanel__body {
  visibility: visible;
  height: 100%;
}
.LaneSummaryDetailPanel:hover .LaneSummaryDetailPanel__footer {
  visibility: visible;
  height: auto;
}
.LaneSummaryDetailPanel__avatar-container {
  align-self: center;
  border-radius: 50%;
  border: 1px solid #868e96;
  background-color: #868e96;
  overflow: hidden;
  width: 24px;
  height: 24px;
}
.LaneSummaryDetailPanel__avatar-container img {
  width: auto;
  height: 100%;
}
.LaneSummaryDetailPanel__avatar-text {
  background-color: #73a133;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-top: -4px;
  margin-left: -5px;
}
.LegendItem {
  display: inline-flex;
  position: relative;
  line-height: 16px;
}
.LegendItem--chart-legend {
  background-color: #f8f9fa;
  border-radius: 2px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: 0.25s all ease-in-out;
}
.LegendItem--chart-legend .LegendItem__icon {
  margin-right: 5px;
  flex: 0 0 12px;
}
.LegendItem--chart-legend .LegendItem__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #495057;
}
.Markdown p {
  margin-top: 0;
  margin-bottom: 10px;
}
.Modal {
  background-color: white;
  border-radius: 2px;
  bottom: auto;
  border: none;
  outline: none;
  box-shadow: 0 2px 10px 0 rgba(73, 80, 87, 0.1), 0 2px 9px 0 rgba(73, 80, 87, 0.2);
  overflow-y: auto;
  max-height: calc(100vh - 100px);
  opacity: 0;
  transform: translateY(-40px) scale(0.9);
  transition: all 200ms ease;
}
.Modal.ReactModal__Content--after-open {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.Modal.ReactModal__Content--before-close {
  opacity: 0;
  transform: translateY(-40px) scale(0.9);
}
.Modal__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: var(--z-top);
}
.Modal__overlay:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: var(--flow-colors-background-dark-1);
  opacity: 0;
  z-index: -100;
  transition: all 200ms ease;
}
.Modal__overlay.ReactModal__Overlay--after-open:before {
  opacity: 0.8;
}
.Modal__overlay.ReactModal__Overlay--before-close:before {
  opacity: 0;
}
.FundamentalsNavBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.FundamentalsNavBar .first,
.FundamentalsNavBar .second {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.NestedTeamPicker {
  display: flex;
  align-items: center;
}
.NestedTeamPicker__include-nested {
  margin-left: 10px;
}
.NestedTeamPickerSelectedTeam {
  display: flex;
  align-items: center;
}
.NestedTeamPickerTeamRow {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.NestedTeamPickerTeamRow:hover {
  background-color: #edf2ff;
}
.NestedTeamPickerTeamRow__expander-icon {
  width: 10px;
  height: 10px;
  flex: 0 0 16px;
  padding: 4px;
  cursor: pointer;
  transition: transform ease 300ms;
}
.NestedTeamPickerTeamRow__expander-icon--disabled {
  visibility: hidden;
}
.NestedTeamPickerTeamRow--expanded .NestedTeamPickerTeamRow__expander-icon {
  transform: rotate(90deg);
}
.NestedTeamPickerTeamRow__team,
.NestedTeamPickerTeamRow__spinner,
.NestedTeamPickerTeamRow__load-more,
.NestedTeamPickerTeamRow__no-children {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0px 28px 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.NestedTeamPickerTeamRow__summary {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.NestedTeamPickerTeamRow__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.NestedTeamPickerTeamRow__load-more {
  color: #3b5bdb;
}
.NestedTeamPickerTeamRow__load-more:hover {
  text-decoration: underline;
}
.NestedTeamPickerTeamRow .Tag {
  width: 32px;
  flex: 0 0 32px;
  background-color: #e9ecef !important;
  text-align: center;
  font-size: 12px;
  padding: 3px;
}
.NestedTeamPickerVirtualTeamRow {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.NestedTeamPickerVirtualTeamRow:hover {
  background-color: #edf2ff;
}
.NestedTeamPickerVirtualTeamRow__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.NestedTeamPickerVirtualTeamRow .Tag {
  width: 32px;
  background-color: #e9ecef !important;
  text-align: center;
  font-size: 12px;
  padding: 3px;
}
.no-data-message-box {
  color: #343a40;
  box-sizing: border-box;
  width: 100%;
  background-color: white;
  padding: 70px;
  border-radius: 2px;
  margin-top: 10px;
  align-content: center;
}
.no-data-message-box .no-data-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.no-data-message-box .no-data-message {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.no-data-message-box .no-data-header {
  font-size: 21px;
  line-height: 28px;
  font-weight: 500;
}
.no-data-message-box .no-data-submessage {
  color: #868e96;
  font-size: 18px;
  line-height: 28px;
}
.avatars-overlapping .avatar-overlapping-left:not(:only-of-type):not(:first-of-type) {
  margin-left: -6px;
}
.avatars-overlapping .avatar-overlapping-right:not(:only-of-type):not(:first-of-type) {
  margin-right: -6px;
}
.ParticipantsPane {
  margin-bottom: 10px;
}
.ParticipantsPane__label {
  margin-bottom: 6px;
}
.ParticipantsPane__participants {
  display: flex;
}
.ParticipantsPane__avatars {
  display: flex;
  align-items: center;
}
.ParticipantsPane__avatars .ContextMenuTrigger {
  display: flex;
}
.ParticipantsPane__created-by-avatar,
.ParticipantsPane__participant-avatar,
.ParticipantsPane__remaining-avatar {
  box-sizing: border-box;
  width: auto;
  height: 40px;
  border: 2px solid white;
  border-radius: 100%;
}
.ParticipantsPane__participant-avatar {
  margin-right: -31px;
}
.ParticipantsPane__remaining-avatar {
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #72c3fc;
  color: white;
}
.ParticipantsPane__plus-sign {
  margin: 0px 4px;
}
.ParticipantsPane__plus-sign-others {
  margin: 0px 4px;
  font-size: 12px;
  margin-left: 31px;
}
.PrevNextDatePicker {
  margin-top: 5px;
}
.PrevNextDatePicker .gp-entypo {
  font-family: Entypo;
  font-size: 14px;
  line-height: 1;
}
.PrevNextDatePicker .gp-entypo[ng-click] {
  cursor: pointer;
}
.PrevNextDatePicker [class^='gp-entypo-'],
.PrevNextDatePicker [class*=' gp-entypo-'] {
  font-family: 'entypo';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  vertical-align: middle;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.PrevNextDatePicker .prevlink {
  padding-right: 12px;
  border-right: 1px solid #c9c9c9;
}
.PrevNextDatePicker .todaylink {
  margin-left: 12px;
  padding-right: 12px;
  border-right: 1px solid #c9c9c9;
}
.PrevNextDatePicker .nextlink {
  margin-left: 12px;
}
.PrevNextDatePicker .nextdisabled {
  pointer-events: none;
  cursor: default;
}
.PrevNextDatePicker .disabled a {
  cursor: not-allowed;
  color: #adb5bd;
}
.PrevNextDatePicker .enabled {
  pointer-events: all;
  cursor: pointer;
}
.PrevNextDatePicker .gp-entypo-arrow-bold-left:before {
  content: '\e611';
}
.PrevNextDatePicker .gp-entypo-arrow-bold-right:before {
  content: '\e612';
}
.Popover {
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 2px 9px rgba(73, 80, 87, 0.2), 0 2px 10px rgba(73, 80, 87, 0.1);
}
.Popover__frame {
  position: fixed;
  z-index: var(--z-top);
}
.Popover--popover-side-top {
  transform-origin: top;
}
.Popover--popover-side-right {
  transform-origin: right;
}
.Popover--popover-side-bottom {
  transform-origin: bottom;
}
.Popover--popover-side-left {
  transform-origin: left;
}
.Popover--popover-side-center {
  transform-origin: center;
}
.Popover--popover-side-top-right {
  transform-origin: top right;
}
.Popover--popover-side-bottom-right {
  transform-origin: bottom right;
}
.Popover--popover-side-bottom-left {
  transform-origin: bottom left;
}
.Popover--popover-side-top-left {
  transform-origin: top left;
}
.Popup {
  border: 1px solid #343a40;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
  position: absolute;
  background-color: white;
  padding: 10px 10px 10px 10px;
}
.Popup--appear {
  opacity: 0.01;
  transform: scale(0.9) translateY(-10px);
  transform-origin: center top;
}
.Popup--appear-active {
  opacity: 1;
  transition: opacity 300ms ease, transform 300ms ease;
  transform: scale(1) translateY(0);
  pointer-events: none;
}
.Popup--exit {
  opacity: 1;
}
.Popup--exit-active {
  opacity: 0.01;
  transition: opacity 300ms ease, transform 300ms ease;
  pointer-events: none;
}
.PopupMenu {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  padding: 0;
  list-style: none;
  position: fixed;
  margin-top: 0;
  min-width: 230px;
  background: #f8f9fa;
}
.PopupMenu__header {
  border-bottom: 1px solid #ced4da;
  background: #f8f9fa;
  padding: 10px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  font-size: 14px;
  font-weight: 500;
  color: #343a40;
}
.PopupMenuItem {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #ced4da;
}
.PopupMenuItem a {
  text-decoration: none;
}
.PopupMenuItem__contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PopupMenuItem__contents .first {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.PopupMenuItem__contents .first .Icon {
  margin-right: 10px;
}
.PopupMenuItem__header {
  color: #343a40;
  font-size: 15px;
  margin: 0;
}
.PopupMenuItem__description {
  color: #868e96;
  font-size: 12px;
  margin: 0;
  font-weight: normal;
}
.PopupMenuItem--with-children .PopupMenu {
  position: absolute;
  top: 0;
  left: 100% !important;
  display: none;
}
.PopupMenuItem--with-children .PopupMenu {
  min-width: 283px;
}
.PopupMenuItem--with-children .PopupMenu .PopupMenuItem--with-children .PopupMenu {
  min-width: 230px;
}
.PopupMenuItem--with-children .PopupMenu .PopupMenuItem--with-children .PopupMenu {
  display: none;
}
.PopupMenuItem--with-children .PopupMenu .PopupMenuItem--with-children:hover .PopupMenu {
  display: block;
}
.PopupMenuItem--with-children:hover .PopupMenu {
  display: block;
}
.PopupMenuItem--with-children:hover .PopupMenu--bottom-left {
  position: absolute;
  top: 0;
  left: initial !important;
  right: 100% !important;
}
.PopupMenuItem--with-children:hover .PopupMenu--left {
  position: absolute;
  top: 0;
  left: initial !important;
  right: 100% !important;
}
.PopupMenuItem--with-children:hover .PopupMenu--top.PopupMenu--left {
  position: absolute;
  top: calc(100% - 365px);
  left: initial !important;
  right: 100% !important;
}
.PopupMenuItem--with-children:hover .PopupMenu--top {
  position: absolute;
  top: calc(100% - 365px);
  left: 100% !important;
}
.PopupMenuItem--with-children:hover .PopupMenu--top .PopupMenuItem--with-children .PopupMenu--top {
  top: 0;
}
.PopupMenuItem:hover {
  background-color: rgba(59, 91, 219, 0.08);
  cursor: pointer;
}
.PopupMenuItem--disabled {
  background-color: #ffffff !important;
}
.PopupMenuItem--disabled:hover {
  cursor: not-allowed;
  background-color: #f1f3f5 !important;
}
.PopupMenuItem--disabled .PopupMenuItem__header {
  color: #adb5bd !important;
}
.PRSummaryMetrics__header {
  text-align: left;
  color: var(--flow-colors-text-icon-high-on-light);
}
.PRSummaryMetrics__title {
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
}
.PRSummaryMetrics__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.PRSummaryMetrics__row:first-child {
  border-top: 1px solid #e9ecef;
}
.PRSummaryMetrics__cell {
  vertical-align: middle;
  font-size: 13px;
  color: #495057;
  padding: 5px 6px;
  border-bottom: 1px solid #e9ecef;
}
.PRSummaryMetrics__cell--label {
  text-align: left;
  padding-right: 13px;
  border-right: 1px solid #e9ecef;
}
.PRSummaryMetrics__cell--value {
  font-weight: 500;
  text-align: center;
}
.PSDesignSystem {
  background-color: var(--flow-colors-background-dark-1);
  color: var(--flow-colors-bone);
  flex: 1;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-family: var(--flow-type-font-family);
  font-size: 0.875em;
  font-weight: var(--flow-type-font-weight-400);
  line-height: 1.71429;
  /* calc(var(--flow-type-line-height-standard) / var(--flow-type-font-size-200)); */
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--flow-type-font-weight-400);
}
ul,
ol,
dd {
  margin-left: var(--flow-layout-spacing-large);
  line-height: var(--flow-type-line-height-standard);
}
ul,
ol {
  padding-left: 0;
  margin-left: 0;
}
li > ul,
li > ol {
  margin-bottom: 0;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
img[width],
img[height] {
  max-width: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
div[role='table'] > div[role='row'] {
  height: 42px;
}
#ps-main {
  max-width: none !important;
  overflow-y: hidden;
}
@media (max-width: 1023px) {
  body[data-full-height] #ps-main {
    height: 100vh;
    overflow: hidden;
  }
}
#koWidget > div > button {
  display: none;
}
.RepoChecklist {
  width: 50%;
  float: left;
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
}
.RepoChecklist__header {
  float: left;
}
.RepoChecklist__label {
  float: left;
  display: inline;
  width: auto;
  color: #343a40;
  padding: 5px 5px 0 10px;
  margin: 0;
  font-weight: 500;
}
.RepoChecklist__label--extraInfo {
  color: #868e96;
  padding-left: 0;
  font-weight: normal;
}
.RepoChecklist__label--new-line {
  color: #868e96;
  padding: 0 0 5px 114px;
  font-weight: normal;
}
.RepoChecklist__noResults {
  padding-top: 100px;
  float: left;
  width: 99.8%;
  text-align: center;
  color: #868e96;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.26px;
  line-height: 26px;
  border-right: 1px solid #dee2e4;
  background-color: #ffffff;
  height: 215px;
}
.RepoChecklist--options {
  height: 60px;
  width: 100%;
  border-right: 1px solid #dee2e4;
  border-bottom: 1px solid #dee2e4;
  box-sizing: border-box;
}
.RepoChecklist--with-group {
  height: 90px;
}
.RepoChecklist--all {
  margin-bottom: 5px;
  padding-left: 10px;
}
.RepoChecklist--all div {
  float: left;
}
.RepoChecklist--all p {
  line-height: 0;
  font-weight: normal;
  padding: 8px 0 0 0px;
  margin: 0;
}
.RepoChecklist__links {
  float: left;
  padding: 0;
}
.RepoChecklist__links:last-child {
  float: left;
  padding-left: 10px;
}
.RepoChecklist--scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: 315px;
  float: left;
  width: 335.5px;
  border-right: 1px solid #dee2e4;
  background-color: #ffffff;
}
.RepoChecklist--scroll--with-group {
  height: 290px;
}
.RepoChecklist--scroll .RepoChecklist--loading {
  width: 100%;
  height: 40px;
  border-top: 1px solid #dee2e4;
  padding: 0;
  display: inline-block;
}
.RepoChecklist--scroll .RepoChecklist--loading span {
  float: left;
  padding: 5px 0 0 36%;
}
.RepoChecklist--scroll .RepoChecklist--loading p {
  float: left;
  margin: 0;
  padding: 5px 0 0 0;
}
.RepoChecklist--scroll::-webkit-scrollbar {
  width: 3px;
  background: transparent url(/static/images/transparent.png) repeat-y !important;
}
.RepoChecklist--scroll::-webkit-scrollbar-track-piece:start {
  background: transparent url(/static/images/transparent.png) repeat-y !important;
}
.RepoChecklist--scroll::-webkit-scrollbar-track-piece:end {
  background: transparent url(/static/images/transparent.png) repeat-y !important;
}
.RepoChecklist--scroll::-webkit-scrollbar-track-piece {
  background: transparent url(/static/images/transparent.png) repeat-y !important;
  -webkit-border-radius: 3px;
}
.RepoChecklist--scroll::-webkit-scrollbar-thumb {
  background-color: rgba(13, 13, 13, 0.41);
}
.PRSubmitPanel {
  width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.PRSubmitPanel__header {
  flex: 0 0 auto;
  display: flex;
  box-sizing: border-box;
  height: auto;
  border-bottom: 1px solid #ced4da;
}
.PRSubmitPanel__summary {
  box-sizing: border-box;
  flex: 0 0 42%;
  width: 42%;
  overflow: hidden;
  padding: 24px;
}
.PRSubmitPanel__metrics,
.PRSubmitPanel__stats {
  box-sizing: border-box;
  flex: 0 0 29%;
  width: 29%;
  overflow: hidden;
  padding: 24px;
}
.PRSubmitPanel__summary,
.PRSubmitPanel__metrics {
  border-right: 1px solid #ced4da;
}
.PRSubmitPanel__activities {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.PRSubmitPanel__loading {
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.PRBarChartXAxis {
  margin-top: 20px;
  padding-bottom: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: 22px;
  margin-right: 92px;
}
.PRBarChartXAxis__tick {
  position: absolute;
  top: -10px;
  height: 100%;
  color: #adb5bd;
  display: flex;
  align-items: left;
  flex-direction: column;
  white-space: nowrap;
}
.PRBarChartXAxis__tick:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  margin-top: 28px;
  border-left: 1px dashed #dee2e6;
}
.PRBarChartXAxis__tick--hour:after,
.PRBarChartXAxis__tick--week:after {
  margin-top: 40px;
}
.PRBarChartXAxis__tick--hour span:first-of-type,
.PRBarChartXAxis__tick--week span:first-of-type {
  font-size: 11px;
  opacity: 0.75;
  text-transform: uppercase;
}
.PRBarChartXAxis__tick--hour,
.PRBarChartXAxis__tick--week {
  top: -21px;
}
.PRBarChartXAxisPSDS {
  margin-top: 20px;
  padding-bottom: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: 22px;
  margin-right: 92px;
}
.PRBarChartXAxisPSDS__tick {
  position: absolute;
  top: -10px;
  height: 100%;
  color: var(--flow-colors-code-gray);
  display: flex;
  align-items: center;
  flex-direction: column;
  white-space: nowrap;
  font-size: var(--flow-type-font-size-100);
  font-weight: var(--flow-type-font-weight-500);
  line-height: var(--flow-type-line-height-tight);
}
.PRBarChartXAxisPSDS__tick:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  margin-top: 28px;
  border-left: 1px dashed var(--flow-colors-gray-4);
}
.PRBarChartXAxisPSDS__tick--hour:after,
.PRBarChartXAxisPSDS__tick--week:after {
  margin-top: 40px;
}
.PRBarChartXAxisPSDS__tick--hour span:first-of-type,
.PRBarChartXAxisPSDS__tick--week span:first-of-type {
  text-transform: uppercase;
}
.PRBarChartXAxisPSDS__tick--hour,
.PRBarChartXAxisPSDS__tick--week {
  top: -21px;
}
.RepoPicker--loading {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #343a40;
  margin: 4px 6px;
}
.RepoPicker--active {
  overflow: hidden;
  box-sizing: border-box;
  min-height: 425px;
  width: 675px;
  border: 1px solid #ced4da;
  border-radius: 2px;
  background-color: #f7f9fb;
  box-shadow: 0 2px 9px 0 rgba(73, 80, 87, 0.2), 0 2px 10px 0 rgba(73, 80, 87, 0.1);
}
.RepoPicker--summary {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #343a40;
  border-bottom: 1px dotted #343a40;
  margin: 4px 6px;
}
.RepoPicker--summary:hover {
  border-bottom: 1px solid #343a40;
}
.RepoPicker__search {
  margin: 10px 10px 0 10px;
}
.ReportController {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ReportController .report-title {
  font-size: 22px;
  font-weight: 500;
}
.ReportController__content {
  flex: 1 1 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.GreyBackground__grey {
  background-color: #212529;
  opacity: 0.8;
  width: 100vw;
  height: calc(100vh - 66px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1500;
}
.GreyBackground__no_content {
  display: none;
}
button.rounded {
  border-radius: 99px;
  color: #868e96;
  font-size: 14px;
  line-height: 18px;
  background: #fff;
  border: 1px solid #dee2e6;
  padding: 4px 10px;
}
.ScrollArea {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ScrollArea:before,
.ScrollArea:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
  border-radius: 4px;
  opacity: 1;
  transition: opacity 500ms ease;
  pointer-events: none;
}
.ScrollArea:before {
  top: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
  z-index: 200;
}
.ScrollArea:after {
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.ScrollArea--at-top:before {
  opacity: 0;
}
.ScrollArea--at-bottom:after {
  opacity: 0;
}
.ScrollArea__scroller {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.SearchBox {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  background-color: white;
  border: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  flex-grow: 1;
  padding: 6px;
  height: 42px;
  margin: 0;
  border-radius: 2px;
  position: relative;
}
.SearchBox__keyword {
  width: 49px;
  border: 1px solid rgba(59, 91, 219, 0.25);
  border-radius: 2px;
  background-color: rgba(59, 91, 219, 0.08);
  margin-left: 5px;
  text-align: center;
  color: rgba(59, 91, 219, 0.8);
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.21px;
  line-height: 26px;
}
.SearchBox__icon {
  margin-left: 6px;
  max-height: 18px;
}
.SearchBox__input {
  font-size: 17px;
  line-height: 20px;
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  color: #495057;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-right: 6px;
  margin-left: 6px;
}
.SearchBox__input::placeholder {
  color: #ced4da;
}
.SearchBox__clear {
  visibility: hidden;
}
.SearchBox__clear--show-icon {
  visibility: visible;
  opacity: 0.5;
  transition: 0.25s opacity ease-in-out;
  margin-right: 6px;
}
.SearchBox__clear--show-icon:hover {
  opacity: 0.75;
}
.SearchBox--expandable {
  overflow: hidden;
  border: 1px solid rgba(52, 58, 64, 0.24);
  box-shadow: 0 0 0 0 transparent;
  transition: 0.3s all ease-in-out;
}
.SearchBox--expandable:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.SearchBox--expandable {
  width: 37px;
}
.SearchBox--expandable:hover {
  cursor: pointer;
}
.SearchBox--expandable:hover {
  width: 293px;
  cursor: text;
}
.SearchBox--expandable.SearchBox--expanded {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  width: 293px;
  cursor: text;
}
.SearchBox--expandable .SearchBox__icon {
  margin-left: 2px;
  position: absolute;
  max-height: 15px;
}
.SearchBox--expandable .SearchBox__input {
  font-size: 14px;
  line-height: 17px;
  width: calc(100% - 47px);
  margin-left: 6px;
  margin-right: 0;
  left: 19px;
  position: relative;
}
.SearchBox--expandable .SearchBox__clear {
  margin-left: 22px;
}
.SearchBox__autosuggest-input-container {
  height: 100%;
  display: flex;
  align-items: center;
}
.SearchBox__header {
  display: flex;
  align-items: center;
  background-color: #f1f3f5;
  padding: 9px;
  margin-bottom: 8px;
}
.SearchBox__suggestions {
  visibility: hidden;
}
.SearchBox__suggestions--open {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  visibility: visible;
  position: absolute;
  top: 36px;
  left: 0;
  transform: translateY(6px);
  border: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  font-weight: normal;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 800;
}
.SearchBox__suggestions-list {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.SearchBox__suggestion {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 6px 10px;
  border-bottom: 1px solid #e9ecef;
  letter-spacing: 0.5px;
}
.SearchBox__suggestion--highlighted {
  background-color: #edf2ff;
}
.SearchBox__suggestion-text--disabled {
  font-style: italic;
  color: #ced4da;
}
.SearchBox__results-no-data {
  font-style: italic;
  color: #343a40;
}
.SearchBox__loading-results-spinner {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}
.SearchBox__input-form-error-action-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 40%;
}
.SearchBox__input-form-error {
  color: #fa5252;
  width: 100%;
  padding-right: 16px;
  text-align: right;
}
.SearchBox__action-button {
  margin-right: 0;
  margin-left: 9px;
}
.SearchBox__portal-container .SearchBox__suggestions {
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
}
.SearchBox__portal-container .SearchBox__suggestions--open {
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
}
.SimpleDatePicker {
  background-color: white;
  border: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  padding: 8px 4px;
}
.SimpleDatePicker__dropdown {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2900;
}
.SimpleDatePicker__icon {
  flex: 0 0 10px;
  margin-left: 4px;
  color: #868e96;
}
.SliderToggle {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.SliderToggle__input {
  display: none;
}
.SliderToggle__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: all 0.4s ease;
  border-radius: 34px;
}
.SliderToggle__slider:before {
  position: absolute;
  content: '';
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.SliderToggle__slider--disabled {
  cursor: not-allowed;
}
.SliderToggle__on,
.SliderToggle__off {
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 12px;
  font-weight: normal;
}
.SliderToggle__on {
  font-weight: 500;
  display: none;
  left: 30%;
}
.SliderToggle__off {
  font-weight: 500;
  left: 70%;
}
.SliderToggle__input:focus + .SliderToggle__slider {
  box-shadow: 0 0 1px #2196f3;
}
.SliderToggle--active .SliderToggle__slider {
  background-color: #51cf66;
}
.SliderToggle--active .SliderToggle__slider:before {
  transform: translateX(26px);
}
.SliderToggle--active .SliderToggle__on {
  display: block;
}
.SliderToggle--active .SliderToggle__off {
  display: none;
}
.SliderToggle--small {
  width: 50px;
  height: 20px;
}
.SliderToggle--wide {
  width: 62px;
}
.SliderToggle--extraWide {
  width: 80px;
}
.SliderToggle--small .SliderToggle__slider:before {
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
}
.SliderToggle--small.SliderToggle--wide.SliderToggle--active .SliderToggle__slider:before {
  transform: translateX(42px);
}
.SliderToggle--small.SliderToggle--active .SliderToggle__slider:before {
  transform: translateX(30px);
}
.SliderToggle--small.SliderToggle--extraWide.SliderToggle--active .SliderToggle__slider:before {
  transform: translateX(58px);
}
.SliderToggle--extraWide.SliderToggle--active .SliderToggle__slider:before {
  transform: translateX(46px);
}
.SliderToggle--small .SliderToggle__on {
  left: 38%;
}
.SliderToggle--small .SliderToggle__off {
  left: 64%;
}
.SliderToggle--small.SliderToggle--extraWide .SliderToggle__off {
  left: 60%;
}
.SplitPane {
  display: flex;
  width: 100%;
  height: 100%;
}
.SplitPane__pane {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.SplitPane--resizing {
  cursor: ew-resize;
}
.SplitPane__divider {
  flex: 0 0 2px;
  background-color: #e9ecef;
  position: relative;
  cursor: ew-resize;
  transition: background-color 100ms ease-in-out;
}
.SplitPane__divider__handle {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  left: -6px;
  top: -14px;
  width: 10px;
  height: 24px;
  background-color: rgba(59, 91, 219, 0.08);
  border: 2px solid #3b5bdb;
  border-radius: 2px;
  pointer-events: none;
  transition: opacity 100ms ease-in-out;
}
.SplitPane__divider__handle .Icon {
  background-color: none;
  box-shadow: none;
}
.SplitPane__divider:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  box-shadow: 0px 2px 0px 2px rgba(145, 167, 255, 0.3);
  transition: opacity 100ms ease-in-out;
}
.SplitPane__divider:hover,
.SplitPane--resizing .SplitPane__divider {
  background-color: #3b5bdb;
}
.SplitPane__divider:hover:before,
.SplitPane--resizing .SplitPane__divider:before {
  opacity: 1;
}
.SplitPane__divider:hover .SplitPane__divider__handle,
.SplitPane--resizing .SplitPane__divider__handle {
  opacity: 1;
}
.TabDrawer {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  transition: height 300ms ease;
}
.TabDrawer--minimized {
  height: 36px;
}
.TabDrawer--normal {
  height: 40%;
  min-height: 350px;
}
.TabDrawer--maximized {
  height: 100%;
}
.TabDrawer__tab-bar {
  display: flex;
  flex: 0 0 36px;
  height: 36px;
  width: 100%;
}
.TabDrawer__tabs-wrapper {
  flex: 1 1 0;
  display: flex;
  list-style: none;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.TabDrawer__tab {
  font-weight: 500;
  flex: 0 1 150px;
  max-width: 150px;
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  border-left: none;
  padding-left: 10px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.TabDrawer__tab--selected {
  border-bottom: none;
  cursor: default;
}
.TabDrawer--minimized .TabDrawer__tab--selected {
  cursor: pointer;
}
.TabDrawer__tab-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 0 0;
  display: flex;
  align-items: center;
}
.TabDrawer__tab-content .Icon {
  margin-right: 5px;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
}
.TabDrawer__tab-content span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TabDrawer__close-tab {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  margin: 4;
  margin-left: auto;
}
.TabDrawer__spacer {
  flex: 1 0 0;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  box-sizing: border-box;
}
.TabDrawer__controls-wrapper {
  color: var(--flow-colors-text-icon-high-on-light);
  display: flex;
  align-items: center;
  padding-right: 100px;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  box-sizing: border-box;
}
.TabDrawer__control {
  color: white;
  background-color: #ced4da;
  height: 26px;
  width: 26px;
}
.TabDrawer__control:hover {
  background-color: #adb5bd;
}
.TabDrawer__control .Button__icon {
  height: 12px;
  width: 12px;
}
.TabDrawer__control--minimize .Button__icon {
  transform: translateY(4px);
}
.TabDrawer__control--normalize .Button__icon {
  transform: translateY(2px);
}
.TabDrawer__control--close .Button__icon {
  height: 16px;
  width: 16px;
}
.TabDrawer__panel {
  flex: 1 1 0;
  overflow: hidden;
}
.TabDrawer__panel--hidden {
  display: none;
}
.Tag {
  color: #212529;
  border-radius: 12px;
  display: inline-block;
  line-height: 10px;
  padding: 3px 7px;
  margin-left: 3px;
  font-size: 10px;
  letter-spacing: 0.5px;
}
.Tag--badge {
  border-radius: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 500;
}
.Tag--beta {
  border-radius: 3px;
  font-weight: 500;
}
.Tag--beta.Tag--small {
  padding: 2px 3px 1px 4px;
  font-size: 8px;
  margin-left: 8px;
}
.Tag--beta.Tag--large {
  padding: 3px 4px 2px 5px;
  font-size: 10px;
  margin-left: 8px;
}
.Tag--new {
  font-weight: bold;
}
.TagHover {
  box-sizing: border-box;
  height: auto;
  width: 191px;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(73, 80, 87, 0.2), 0 2px 10px 0 rgba(73, 80, 87, 0.1);
  position: absolute;
  z-index: 100;
  margin: 5px 0 0 -70px;
}
.TagHover__reposList {
  float: left;
  width: 95%;
  padding: 5px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.TagHover__reposList--loading {
  padding: 5px 0 5px 80px;
}
.TagHover__reposList--none {
  text-align: center;
  color: #868e96;
  font-weight: normal;
}
.TagHover__reposList--final {
  border-top: 1px solid #868e96;
  text-align: center;
  color: #868e96;
  width: 95%;
  font-weight: normal;
}
.TagHover:after,
.TagHover:before {
  bottom: 100%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.TagHover:after {
  border-color: rgba(113, 158, 206, 0);
  border-bottom-color: #ffffff;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
.TagHover:before {
  border-color: rgba(113, 158, 206, 0);
  border-bottom-color: rgba(73, 80, 87, 0.2);
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.TagItem {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  width: auto;
  display: inline-block;
}
.TagItem mark {
  background-color: inherit;
  color: inherit;
}
.TagItem__button {
  height: 25px;
  display: inline-block;
  border: 1px solid rgba(73, 80, 87, 0.3);
  border-radius: 2px;
  background-color: #868e96;
  letter-spacing: -0.71px;
  text-align: center;
  margin: 5px;
  color: #ffffff;
  font-weight: normal;
  outline: none;
  font-size: 15px;
}
.TagItem__button--active {
  font-weight: 500;
  background-color: #329af0;
}
.TagItem--highlight {
  font-weight: 500;
}
.TagList {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  width: 50%;
  float: left;
}
.TagList__header {
  width: 100%;
  float: left;
}
.TagList__links {
  float: left;
  width: 100%;
  padding-left: 10px;
}
.TagList__label {
  float: left;
  display: inline;
  width: auto;
  color: #343a40;
  padding: 5px 5px 10px 10px;
  margin: 0;
  font-weight: 500;
}
.TagList__label--extraInfo {
  color: #868e96;
  padding-left: 0;
  font-weight: normal;
}
.TagList__noResults {
  padding-top: 100px;
  float: left;
  width: 99.8%;
  text-align: center;
  color: #868e96;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.26px;
  line-height: 26px;
  border-right: 1px solid #dee2e4;
  background-color: #ffffff;
  height: 215px;
}
.TagList--options {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #dee2e4;
  box-sizing: border-box;
}
.TagList--scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: 310px;
  float: left;
  width: 335.5px;
  border-right: 1px solid #dee2e4;
  background-color: #ffffff;
}
.TagList--scroll .TagList--loading {
  width: 100%;
  height: 40px;
  padding: 0;
  display: inline-block;
}
.TagList--scroll .TagList--loading span {
  float: left;
  padding: 5px 0 0 36%;
}
.TagList--scroll .TagList--loading p {
  float: left;
  margin: 0;
  padding: 5px 0 0 0;
}
.TagList--scroll::-webkit-scrollbar {
  width: 3px;
  background: transparent url(/static/images/transparent.png) repeat-y !important;
}
.TagList--scroll::-webkit-scrollbar-track-piece:start {
  background: transparent url(/static/images/transparent.png) repeat-y !important;
}
.TagList--scroll::-webkit-scrollbar-track-piece:end {
  background: transparent url(/static/images/transparent.png) repeat-y !important;
}
.TagList--scroll::-webkit-scrollbar-track-piece {
  background: transparent url(/static/images/transparent.png) repeat-y !important;
  -webkit-border-radius: 3px;
}
.TagList--scroll::-webkit-scrollbar-thumb {
  background-color: rgba(13, 13, 13, 0.41);
}
.TeamAutoSuggestField .SearchBox__suggestion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 20px 10px 20px;
  overflow: hidden;
}
.TeamAutoSuggestField__team-name {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  padding: 5px 0;
}
.TeamAutoSuggestField__team-name--disabled {
  color: #adb5bd;
}
.TeamAutoSuggestField__team-name,
.TeamAutoSuggestField__team-path {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TeamAutoSuggestField__team-path-segment {
  display: inline-block;
  color: #343a40;
  font-size: 13px;
}
.TeamAutoSuggestField__team-path-segment--main {
  color: #868e96;
  font-weight: 500;
}
.TeamAutoSuggestField__team-path-separator {
  margin: 0 4px;
}
.TeamAutoSuggestFieldPSDS {
  min-width: 500px;
}
.TeamAutoSuggestFieldPSDS button {
  background-color: var(--flow-colors-blue-5);
  border-color: var(--flow-colors-blue-5);
}
.TeamAutoSuggestFieldPSDS button:hover {
  background-color: var(--flow-colors-blue-5) !important;
  border-color: var(--flow-colors-blue-5) !important;
}
.TeamCSVBulkImportPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 600px;
}
.TeamCSVBulkImportFileUpload {
  padding: 0px var(--flow-layout-spacing-medium);
}
.TeamCSVBulkImportFileUpload pre {
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0px var(--flow-layout-spacing-small);
  overflow: auto;
  background-color: #ffffff;
}
.TeamCSVBulkImportFileUpload table {
  border-collapse: collapse;
  margin-bottom: 16px;
}
.TeamCSVBulkImportFileUpload td,
.TeamCSVBulkImportFileUpload th {
  padding: 5px;
  border: 1px solid #868e96;
}
.TeamCSVBulkImportFileUpload td {
  height: 10px;
}
.TeamCSVBulkImportFileUpload th {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #dee2e6;
}
.TeamCSVBulkImportFileUpload__subtitle {
  font-weight: 400;
  font-size: 15px;
  padding-bottom: 8px;
}
.TeamCSVBulkImportFileUpload__fileSelect {
  width: 100%;
}
.TeamCSVBulkImportFileUpload__fileUpload {
  padding-top: var(--flow-layout-spacing-xsmall);
  margin: var(--flow-layout-spacing-small) 0px;
  display: flex;
}
.TeamCSVBulkImportFileUpload__fileRemove {
  cursor: pointer;
  border-radius: 50%;
  color: var(--flow-colors-background-light-3);
  background-color: var(--flow-colors-text-icon-low-on-light);
}
.TeamCSVBulkImportFileUpload__fileName {
  display: flex;
  align-items: center;
  font-weight: var(--flow-type-font-weight-default);
  font-size: var(--flow-type-font-size-300);
  font-family: var(--flow-type-font-family);
  border-radius: var(--flow-layout-spacing-xsmall);
}
.TeamCSVBulkImportFileUpload__fileNameText {
  padding: 0px var(--flow-layout-spacing-small);
}
.TeamCSVBulkImportOptions {
  padding: 15px;
  color: #343a40;
}
.TeamCSVBulkImportOptions__header {
  margin-bottom: var(--flow-layout-spacing-medium);
}
.TeamCSVBulkImportOptions__title {
  font-size: var(--flow-type-font-size-600);
  font-weight: var(--flow-type-font-weight-strong);
  margin-bottom: var(--flow-layout-spacing-xsmall);
}
.TeamCSVBulkImportOptions__fileImportingText {
  font-size: var(--flow-type-font-size-300);
  font-weight: var(--flow-type-font-weight-default);
}
.TeamCSVBulkImportOptions__subtitle {
  font-weight: 500;
  font-size: var(--flow-type-font-size-300);
  color: #495057;
}
.TeamCSVBulkImportOptions__radio {
  font-size: var(--flow-type-font-size-300);
  margin-top: 10px;
  margin-bottom: 10px;
}
.TeamCSVBulkImportOptions__checkboxes {
  font-size: var(--flow-type-font-size-300);
  background-color: #dee2e6;
  padding: 10px;
  width: 290px;
}
.TeamCSVBulkImportOptions__checkbox {
  font-size: var(--flow-type-font-size-300);
  margin-top: 10px;
  margin-bottom: 10px;
}
.TeamCSVBulkImportConfirm {
  padding: 15px;
}
.TeamCSVBulkImportConfirm .alert {
  margin-top: 30px;
}
.TeamCSVBulkImportConfirm__verifyText {
  font-size: var(--flow-type-font-size-300);
  font-weight: var(--flow-type-font-weight-default);
  margin: var(--flow-layout-spacing-small) 0px;
}
.TeamCSVBulkImportConfirm li {
  font-size: var(--flow-type-font-size-300);
  font-weight: var(--flow-type-font-weight-default);
}
.TeamCSVBulkImportPanelHeader {
  flex: 0 0 auto;
  padding: 0px var(--flow-layout-spacing-small);
}
.TeamCSVBulkImportPanelHeader__confirmHeaderTitle {
  font-size: var(--flow-type-font-size-600);
  font-weight: var(--flow-type-font-weight-strong);
}
.TeamCSVBulkImportPanelHeader__confirmHeaderSubtitle {
  font-size: var(--flow-type-font-size-300);
  font-weight: var(--flow-type-font-weight-default);
  margin: var(--flow-layout-spacing-small) 0px;
}
.TeamCSVBulkImportPanelHeader__bulkImportTitle {
  font-size: var(--flow-type-font-size-800);
  font-weight: var(--flow-type-font-weight-strong);
  color: var(--flow-colors-text-icon-high-on-light);
  display: inline-block;
  margin: 10px 0px 10px 0px;
}
.TeamCSVBulkImportPanelHeader__bulkImportHeader {
  padding-top: var(--flow-layout-spacing-medium);
  display: flex;
}
.TeamCSVBulkImportPanelHeader__bulkImportSubHeader {
  font-size: var(--flow-type-font-size-600);
  font-weight: var(--flow-type-font-weight-strong);
  margin: 0px;
}
.TeamCSVBulkImportPanelHeader__downloadTemplateButton {
  display: flex;
}
.TeamCSVBulkImportPanelHeader__bulkImportText {
  font-size: var(--flow-type-font-size-300);
  font-weight: var(--flow-type-font-weight-default);
  display: flex;
  margin: var(--flow-layout-spacing-small) 0px;
}
.TeamCSVBulkImportPanelFooter {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  padding: 0px 15px;
}
.TeamCSVBulkImportPanelFooter__btnStyle {
  margin-left: var(--flow-layout-spacing-small);
}
.TeamDetailUsers,
.TeamDetailTeams,
.TeamDetailViewRights,
.TeamDetailSubscriptions {
  width: 100%;
  margin-bottom: 75px;
}
.TeamDetailUsers__header,
.TeamDetailTeams__header,
.TeamDetailViewRights__header,
.TeamDetailSubscriptions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
.TeamDetailUsers__title,
.TeamDetailTeams__title,
.TeamDetailViewRights__title,
.TeamDetailSubscriptions__title {
  margin: 0px 0px 3px 0px;
  line-height: 36px;
}
.TeamDetailUsers__description,
.TeamDetailTeams__description,
.TeamDetailViewRights__description,
.TeamDetailSubscriptions__description {
  margin: 0;
  color: #868e96;
  margin-top: 16px;
}
.TeamDetailUsers__description p,
.TeamDetailTeams__description p,
.TeamDetailViewRights__description p,
.TeamDetailSubscriptions__description p {
  color: #868e96;
}
.TeamDetailUsers__description a,
.TeamDetailTeams__description a,
.TeamDetailViewRights__description a,
.TeamDetailSubscriptions__description a {
  font-weight: 500;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.TeamDetailUsers__description a:hover,
.TeamDetailTeams__description a:hover,
.TeamDetailViewRights__description a:hover,
.TeamDetailSubscriptions__description a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.TeamDetailViewRights h3 {
  margin-top: 0;
  margin-bottom: 3px;
}
.TeamDetailViewRights .Card {
  border: 1px solid #e9ecef;
  padding: 0;
  display: flex;
  align-items: center;
}
.TeamDetailViewRights .Card .first,
.TeamDetailViewRights .Card .second {
  width: 50%;
}
.TeamDetailViewRights .Card .first {
  padding: 40px;
  padding-top: 20px;
}
.TeamDetailViewRights .Card .ScopePickerWrapper {
  margin-bottom: 35px;
}
.TeamDetailViewRights .Card .second {
  display: flex;
  justify-content: center;
  background: #f8f9fa;
  border-left: 1px solid #e9ecef;
  padding-top: 20px;
  padding-bottom: 27px;
}
.TeamDetailViewRights footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 7px 5px;
}
.TeamDetailViewRights .split {
  display: inline-flex;
  width: 100%;
}
.TeamDetailViewRights .split .split-col {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 20px;
}
.TeamDetailViewRights .split .help-img {
  height: 325px;
  background-position-y: -15px;
  background-position-x: center;
  background-repeat: no-repeat;
  background-color: #f8f9fa;
  background-size: 75%;
}
.TeamDetailSummary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.TeamDetailSummary .edit-div {
  text-align: right;
  margin-top: 12px;
}
.TeamDetailSummary__avatar-container {
  align-self: center;
  border-radius: 50%;
  border: 1px solid #868e96;
  background-color: #868e96;
  overflow: hidden;
  width: 110px;
  height: 110px;
}
.TeamDetailSummary__avatar-container img {
  width: auto;
  height: 100%;
}
.TeamDetailSummary__avatar-container div {
  background-color: #73a133;
  height: 110px;
  text-align: center;
  font-size: 64px;
  color: #fff;
  padding-top: 20px;
}
.TeamDetailSummary__name {
  align-self: center;
  font-size: 21px;
  line-height: 28px;
  margin: 5px;
}
.TeamDetailSummary__email {
  align-self: center;
  color: #adb5bd;
  font-weight: 500;
}
.TeamDetailSummary__box {
  margin-top: 38px;
}
.TeamDetailSummary__description {
  color: #adb5bd;
  align-self: center;
}
.TeamDetailSummary__parent {
  align-self: center;
}
.TeamDetailSummary__toggle {
  align-self: center;
  margin-top: 10px;
}
.TeamDetailSummary__toggle label {
  margin-left: 10px;
}
.TeamDetailSummary__summary-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 13px 0;
  border-top: 1px solid #ced4da;
  min-height: 53px;
}
.TeamDetailSummary__summary-row:last-of-type {
  border-bottom: 1px solid #ced4da;
}
.TeamDetailSummary__label-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.TeamDetailSummary__label {
  font-size: 11px;
  font-weight: 400;
  color: #868e96;
  text-transform: uppercase;
  padding-right: 10px;
}
.TeamDetailSummary__sub-name {
  font-size: 14px;
  font-weight: 400;
  color: #343a40;
  padding-right: 10px;
}
.TeamDetailSummary__tooltip {
  display: flex;
  align-self: flex-start;
}
.TeamDetailSummary__toggle {
  display: flex;
}
.TeamDetailSummary__invite-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  cursor: pointer;
}
.TeamDetailSummary__invite-link:hover {
  text-decoration: underline;
}
.TeamCreateEditModal {
  width: 650px !important;
  /* To verify */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.TeamCreateEditModal__avatar_container {
  align-self: center;
  border-radius: 50%;
  border: 1px solid #868e96;
  background-color: #868e96;
  overflow: hidden;
  width: 110px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
}
.TeamCreateEditModal__text {
  background-color: #73a133;
  height: 110px;
  text-align: center;
  font-size: 64px;
  color: #fff;
  padding-top: 20px;
}
.TeamCreateEditModal__avatar_section {
  padding-bottom: 0 !important;
  text-align: center;
}
.TeamCreateEditModal__avatar_section input[type='file'] {
  display: none;
}
.TeamCreateEditModal__file-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  margin: 5px;
  align-self: center;
  cursor: pointer;
}
.TeamCreateEditModal__file-link:hover {
  text-decoration: underline;
}
.TeamCreateEditModal__remove-file-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  color: #3b5bdb;
  color: #f03e3e;
}
.TeamCreateEditModal__remove-file-link:hover {
  text-decoration: underline;
}
.TeamCreateEditModal__bottom-section {
  display: flex;
  background-color: #f8f9fa;
}
.TeamCreateEditModal__left-column {
  display: flex;
  width: 50%;
  flex-direction: column;
}
.TeamCreateEditModal__left-column .item {
  margin-bottom: 15px;
}
.TeamCreateEditModal__right-column {
  display: flex;
  height: 167px;
  width: 250px;
  background-size: 350px;
  background-repeat: no-repeat;
  background-position-x: -50px;
  background-position-y: -25px;
}
.TeamCreateEditModal section {
  padding-top: 15px !important;
  padding-bottom: 0 !important;
}
.TeamCreateEditModal__input-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 0;
}
.TeamCreateEditModal__input-label--error {
  color: #fa5252;
}
.TeamCreateEditModal__input-label--enabled {
  color: #228ae6;
}
.TeamCreateEditModal__input-label--disabled {
  color: #868e96;
}
.TeamCreateEditModal__input-label--pad-top {
  padding-top: 20px;
}
.TeamCreateEditModal__input-label input,
.TeamCreateEditModal__input-label button {
  margin-top: 5px;
}
.TeamCreateEditModal__input-text {
  align-self: stretch;
  font-size: 14px;
  border: 1px solid #dee2e6;
  margin-top: 4px;
}
.TeamCreateEditModal__input-text--error {
  color: #fa5252;
  border: 1px solid #e03131;
}
.TeamCreateEditModal__input-text--enabled-text {
  color: #228ae6;
}
.TeamCreateEditModal__input-text--enabled-border {
  border: 1px solid #3b5bdb;
}
.TeamCreateEditModal__input-text--disabled {
  color: #868e96;
  border: 1px solid gray;
}
.TeamCreateEditModal__input-text--display {
  font-weight: 500;
  font-size: 16px;
}
.TeamCreateEditModal__buttons {
  display: flex;
  justify-content: flex-end;
}
.TeamCreateEditModal__error {
  color: #f03e3e;
  padding-left: 21px;
  margin-top: 0.5px;
}
.TeamCreateEditModalContent .alert {
  display: block !important;
  text-align: left !important;
}
.TeamCreateEditModalContent .alert-content .title,
.TeamCreateEditModalContent .alert-content .details {
  margin-left: 5px;
}
.TeamCreateEditModalContent:after {
  display: none !important;
}
.TeamDetailUsers__team-member-list {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
}
.TeamDetailUsers__team-member-child-icon {
  padding-bottom: 2px;
  padding-right: 2px;
}
.TeamDetailUsers_team-member-list-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TeamDetailUsers_team-member-list-item:last-child {
  margin-right: none;
}
.TeamDetailUsers__team-member-overflow {
  vertical-align: middle;
  display: inline-block;
  width: 78px;
  padding-left: 5px;
}
.ShowNestedUsersToggle {
  display: flex;
  align-items: center;
}
.ShowNestedUsersToggle__label {
  padding-left: 10px;
  padding-top: 5px;
}
.ShowNestedUsersToggle__toggle {
  padding-left: 10px;
  padding-top: 8px;
}
.ItemSummaryPane {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ItemSummaryPane__item {
  display: flex;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
}
.ItemSummaryPane__item--title .ItemSummaryPane__info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ItemSummaryPane__icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin-right: 6px;
}
.ItemSummaryPane .gp-entypo {
  font-family: Entypo;
  font-size: 14px;
  line-height: 1;
}
.ItemSummaryPane .gp-entypo-box:before {
  content: '\e62e';
  color: #888e94;
}
.ItemSummaryPane__info {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ItemSummaryPane__info .ItemSummaryPane__full-date {
  color: #adb5bd;
}
.ItemSummaryPane__state {
  vertical-align: middle;
  margin-left: 10px;
}
.ItemSummaryPane__unreviewed-label {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #fab005;
}
.ItemSummaryPane__unreviewed-symbol,
.ItemSummaryPane__closed-symbol {
  margin: 0 4px 0 8px;
}
.ItemSummaryPane__closed-label {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #868e96;
}
.ItemSummaryPane .summary-metrics {
  padding: 25px;
  flex: 1;
  border-bottom: 1px solid #ced4da;
  text-align: left;
}
.ItemSummaryPane .summary-metrics {
  border-right: 1px solid #ced4da;
}
.TicketCommentPanel {
  width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.TicketCommentPanel__header {
  flex: 0 0 auto;
  display: flex;
  box-sizing: border-box;
  height: auto;
  border-bottom: 1px solid #ced4da;
}
.TicketCommentPanel__summary,
.TicketCommentPanel__stats {
  box-sizing: border-box;
  flex: 0 0 50%;
  width: 50%;
  padding: 24px;
}
.TicketCommentPanel__summary {
  border-right: 1px solid #ced4da;
}
.TicketCommentPanel__activities {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.TicketCommentPanel__loading {
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Tile {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 16px;
  border: 1px solid #dee2e6;
  border-radius: 1px;
  background-color: #fff;
  color: #343a40;
}
.Tile--active,
.Tile:hover {
  border: 1px solid #fff;
  box-shadow: 0 2px 9px 0 rgba(73, 80, 87, 0.2), 0 2px 10px 0 rgba(73, 80, 87, 0.1);
}
.Tile__header--light h3 {
  font-size: 14px;
}
.Tile__header--panel {
  border-bottom: 1px solid #ced4da;
  margin: 0 10px 10px 10px;
  padding: 0 0 8px 0;
}
.Tile__content--panel {
  margin: 0 10px 10px 10px;
  padding: 0 0 8px 0;
}
.Tile__description {
  line-height: 20px;
  margin: 10px 0 0 0;
}
.Tile--panel {
  display: block;
  margin: 40px 0;
}
.Tile__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}
.TimeInput {
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.TimeInput__picker {
  display: none;
  position: absolute;
  left: 0;
  top: 42px;
  background-color: white;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5);
  z-index: var(--z-top);
}
.TimeInput__picker--active {
  display: block;
}
.TextExpansionPanel__header {
  background-color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  min-height: 46px;
}
.TextExpansionPanel__header--first {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TextExpansionPanel__content {
  padding: 0 0 10px 0;
  border: none;
}
.TextExpansionPanel__options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.TextExpansionPanel__button {
  display: inline-block;
  margin-bottom: 0;
  margin-left: auto;
  margin-top: 0;
}
.TextExpansionPanel__text {
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0;
  margin-bottom: 5px;
}
.TextExpansionPanel--expanded .TextExpansionPanel__text {
  max-width: none;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}
.ToggleableExpansionPanel {
  margin-bottom: 25px;
}
.ToggleableExpansionPanel__header {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 2px;
  padding: 19px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.ToggleableExpansionPanel__header .ToggleableExpansionPanel__first {
  display: flex;
  align-items: center;
}
.ToggleableExpansionPanel--expanded .ToggleableExpansionPanel__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ToggleableExpansionPanel__description {
  width: 100%;
  margin-top: 0.4em;
  margin-bottom: 0.2em;
  color: #868e96;
  line-height: 20px;
  margin-top: 6px;
}
.ToggleableExpansionPanel__content {
  display: none;
  border-top: none;
  padding: 19px;
}
.ToggleableExpansionPanel--expanded .ToggleableExpansionPanel__content {
  display: block;
}
.ToggleableExpansionPanel__toggle {
  float: right;
}
.ToggleableExpansionPanel__title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
  color: #212529;
}
.Dropdown.Tooltip .Tooltip__trigger {
  padding: 0;
  vertical-align: middle;
}
.Dropdown.Tooltip .Tooltip__trigger.Button--icon-only {
  width: 24px;
  height: 24px;
}
.Dropdown.Tooltip .Tooltip__trigger .Button__icon {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
.Dropdown.Tooltip .Tooltip__trigger:hover,
.Dropdown.Tooltip .Tooltip__trigger:active {
  background-color: transparent;
}
.Dropdown.Tooltip.Dropdown--active.bottom .Dropdown__content.Tooltip__content {
  transform: translateY(0px);
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content {
  transform: translateY(-10px);
}
.Dropdown.Tooltip.Dropdown--active.right .Dropdown__content.Tooltip__content {
  transform: translateX(41px);
  margin-top: -42px;
}
.Dropdown.Tooltip.right .Dropdown__content.Tooltip__content {
  transform: translateX(22px);
  margin-top: -42px;
}
.Dropdown.Tooltip .Dropdown__content.Tooltip__content {
  border: none;
  padding: 18px;
  box-shadow: 0 2px 9px rgba(73, 80, 87, 0.2), 0 2px 10px rgba(73, 80, 87, 0.1);
  width: 400px;
  margin-left: -9px;
  margin-top: 10px;
  transition: 0.25s all ease;
}
.Dropdown.Tooltip .Dropdown__content.Tooltip__content h4 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 17px;
  color: #343a40;
}
.Dropdown.Tooltip .Dropdown__content.Tooltip__content p {
  margin-top: 0;
  margin-bottom: 8px;
  word-wrap: break-word;
  color: #343a40;
  font-size: 15px;
}
.Dropdown.Tooltip .Dropdown__content.Tooltip__content a {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 15px;
}
.Dropdown.Tooltip .Dropdown__content.Tooltip__content.fail-status {
  width: auto;
}
.Dropdown.Tooltip .Dropdown__content.Tooltip__content:before {
  content: '';
  width: 0;
  height: 0;
  top: -8px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid white;
}
.Dropdown.Tooltip .Dropdown__content.Tooltip__content:after {
  content: '';
  width: 0;
  height: 0;
  z-index: -200;
  top: -8px;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #f7f4f4;
  margin-top: -1px;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.arrow-right {
  margin-left: -365px;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.arrow-right:before {
  content: '';
  right: 18px;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.arrow-right:after {
  content: '';
  right: 18px;
  margin-right: -2px;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.fail-status.arrow-right {
  margin-left: -622px;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.rate-limit-status.arrow-right {
  margin-left: -365px;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.arrow-left:before {
  content: '';
  left: 18px;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.arrow-left:after {
  content: '';
  margin-left: -2px;
  left: 18px;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.arrow-middle:before {
  content: '';
  right: 50%;
}
.Dropdown.Tooltip.bottom .Dropdown__content.Tooltip__content.arrow-middle:after {
  content: '';
  right: 50%;
  margin-right: -2px;
}
.Dropdown.Tooltip.right .Dropdown__content.Tooltip__content.arrow-top:before {
  content: '';
  transform: rotate(-90deg);
  left: -9px;
  margin-top: 32px;
}
.Dropdown.Tooltip.right .Dropdown__content.Tooltip__content.arrow-top:after {
  content: '';
  transform: rotate(-90deg);
  left: -12px;
  margin-top: 32px;
}
.Dropdown.Tooltip.right .Dropdown__content.Tooltip__content.arrow-bottom:before {
  content: '';
  transform: rotate(-90deg);
  left: -9px;
  top: calc(100% - 31px);
}
.Dropdown.Tooltip.right .Dropdown__content.Tooltip__content.arrow-bottom:after {
  content: '';
  transform: rotate(-90deg);
  left: -10px;
  margin-left: -2px;
  top: calc(100% - 30px);
}
.Dropdown.Tooltip.right .Dropdown__content.Tooltip__content.arrow-middle:before {
  content: '';
  transform: rotate(-90deg);
  left: -9px;
  top: 50%;
}
.Dropdown.Tooltip.right .Dropdown__content.Tooltip__content.arrow-middle:after {
  content: '';
  transform: rotate(-90deg);
  left: -10px;
  margin-left: -2px;
  top: 50%;
}
.TrendChartLegend {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
}
.TrendChartLegend__row {
  display: flex;
  color: #495057;
  margin-top: 15px;
}
.TrendChartLegend__date {
  padding-top: 6px;
}
.TrendChartLegend__icon {
  margin-right: 10px;
}
.TrendChartLegend__icon--calendar {
  opacity: 0.6;
}
.TrendChartLegend__value-col {
  display: flex;
  flex-direction: column;
}
.TrendChartLegend__label {
  font-weight: 100;
  font-size: 15px;
  padding-top: 5px;
}
.TrendChartLegend__value {
  font-weight: 500;
  font-size: 32px;
}
.MiniTrendChartLegend {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  color: #495057;
}
.MiniTrendChartLegend__item {
  display: flex;
}
.MiniTrendChartLegend__item--calendar {
  font-size: 12px;
  font-weight: 100;
  color: #868e96;
  align-self: center;
}
.MiniTrendChartLegend__date {
  padding-top: 3px;
}
.MiniTrendChartLegend__icon {
  margin-right: 5px;
}
.MiniTrendChartLegend__icon--calendar {
  opacity: 0.6;
}
.MiniTrendChartLegend__value-col {
  display: flex;
  flex-direction: column;
}
.MiniTrendChartLegend__label {
  font-size: 12px;
  font-weight: 100;
  padding-top: 3px;
}
.MiniTrendChartLegend__value {
  font-weight: 500;
}
.TrendLabel {
  display: flex;
  align-items: flex-end;
}
.TrendLabel--large {
  color: #495057;
  font-size: 32px;
  font-weight: 500;
}
.TrendLabel--fundamentals {
  margin-left: 28px;
}
.TrendLabel__red {
  color: #f03e3e;
}
.TrendLabel__green {
  color: #12b886;
}
.TrendLabel__colorless {
  color: #495057;
}
.TrendLabel__Icon {
  margin: 0 0 5px 5px;
}
.TrendLabel__Icon--trend-arrow-down-red,
.TrendLabel__Icon--trend-arrow-down-green {
  transform: rotate(-0.125turn);
}
.TrendLabel__Icon--trend-arrow-up-green,
.TrendLabel__Icon--trend-arrow-up-red {
  transform: rotate(0.125turn);
}
.UserNameContextMenuTrigger {
  display: inherit;
  padding: 5px 5px;
  box-sizing: border-box;
  transition: 0.1s all ease-in-out;
  cursor: pointer;
}
.UserNameContextMenuTrigger--hovered,
.UserNameContextMenuTrigger:hover {
  background: #d2d9f7;
  font-weight: inherit;
  color: #3b5bdb;
  border-radius: 2px;
  position: relative;
  z-index: 100;
}
.UserNameContextMenuTrigger__name,
.UserNameContextMenuTrigger--hovered .UserNameContextMenuTrigger__name,
.UserNameContextMenuTrigger:hover .UserNameContextMenuTrigger__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.UserNameContextMenuTrigger .Icon {
  display: inline-block;
  opacity: 0;
  margin-left: -10px;
  transition: 0.1s all ease-in-out;
}
.UserNameContextMenuTrigger .Icon:not(:first-child) {
  margin-left: -15px;
}
.UserNameContextMenuTrigger--hovered .Icon,
.UserNameContextMenuTrigger:hover .Icon {
  display: inline-block;
  opacity: 1;
  margin-left: 10px;
}
.UserAvatarContextMenuTrigger {
  display: inherit;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.UserAvatarContextMenuTrigger .Icon {
  display: none;
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 8px);
}
.UserAvatarContextMenuTrigger:before {
  content: '';
  background: #343a40;
  opacity: 0;
  transition: 0.1s all ease-in-out;
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.UserAvatarContextMenuTrigger:hover .Icon {
  display: inline-block;
}
.UserAvatarContextMenuTrigger:hover:before {
  content: '';
  opacity: 0.5;
}
.UserDetailAliases,
.UserDetailTeams,
.UserDetailViewRights,
.UserDetailRoles,
.UserDetailAccess,
.UserDetailGroups {
  width: 100%;
  margin-bottom: 75px;
}
.UserDetailAliases__header,
.UserDetailTeams__header,
.UserDetailViewRights__header,
.UserDetailRoles__header,
.UserDetailAccess__header,
.UserDetailGroups__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
.UserDetailAliases__title,
.UserDetailTeams__title,
.UserDetailViewRights__title,
.UserDetailRoles__title,
.UserDetailAccess__title,
.UserDetailGroups__title {
  margin: 0px 0px 3px 0px;
  line-height: 36px;
}
.UserDetailAliases__description,
.UserDetailTeams__description,
.UserDetailViewRights__description,
.UserDetailRoles__description,
.UserDetailAccess__description,
.UserDetailGroups__description {
  margin: 0;
  color: #868e96;
  margin-top: 16px;
}
.UserDetailAliases__description p,
.UserDetailTeams__description p,
.UserDetailViewRights__description p,
.UserDetailRoles__description p,
.UserDetailAccess__description p,
.UserDetailGroups__description p {
  color: #868e96;
}
.UserDetailAliases__description a,
.UserDetailTeams__description a,
.UserDetailViewRights__description a,
.UserDetailRoles__description a,
.UserDetailAccess__description a,
.UserDetailGroups__description a {
  font-weight: 500;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.UserDetailAliases__description a:hover,
.UserDetailTeams__description a:hover,
.UserDetailViewRights__description a:hover,
.UserDetailRoles__description a:hover,
.UserDetailAccess__description a:hover,
.UserDetailGroups__description a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.UserDetailTeams .rt-td:not(:first-of-type) {
  overflow: visible !important;
  align-self: center;
}
.UserDetailTeams .rt-tbody {
  overflow: visible !important;
}
.UserDetailViewRights .Card {
  border: 1px solid #e9ecef;
  padding: 0;
  display: flex;
  align-items: center;
}
.UserDetailViewRights .Card .first,
.UserDetailViewRights .Card .second {
  width: 50%;
}
.UserDetailViewRights .Card .first {
  padding: 40px;
  padding-top: 20px;
}
.UserDetailViewRights .Card .ScopePickerWrapper {
  margin-bottom: 35px;
}
.UserDetailViewRights .Card .second {
  display: flex;
  justify-content: center;
  background: #f8f9fa;
  border-left: 1px solid #e9ecef;
  padding-top: 20px;
  padding-bottom: 27px;
}
.UserDetailViewRights footer {
  border-top: none !important;
}
.UserDetailSummary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.UserDetailSummary__edit-div {
  text-align: right;
  margin-top: 12px;
}
.UserDetailSummary__avatar-container {
  align-self: center;
  border-radius: 50%;
  border: 1px solid #868e96;
  background-color: #868e96;
  overflow: hidden;
  width: 110px;
  height: 110px;
}
.UserDetailSummary__avatar-container img {
  width: 100%;
  height: 100%;
}
.UserDetailSummary__name {
  align-self: center;
  text-align: center;
  font-size: 21px;
  line-height: 28px;
  margin: 5px;
}
.UserDetailSummary__email {
  align-self: center;
  color: #adb5bd;
  font-weight: 500;
}
.UserDetailSummary__box {
  margin-top: 38px;
}
.UserDetailSummary__summary-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 13px 0;
  border-top: 1px solid #ced4da;
  min-height: 53px;
}
.UserDetailSummary__summary-row:last-of-type {
  border-bottom: 1px solid #ced4da;
}
.UserDetailSummary__label-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.UserDetailSummary__label {
  font-size: 11px;
  font-weight: 400;
  color: #868e96;
  text-transform: uppercase;
  padding-right: 10px;
}
.UserDetailSummary__sub-name {
  font-size: 14px;
  font-weight: 400;
  color: #343a40;
  padding-right: 10px;
}
.UserDetailSummary__tooltip {
  display: flex;
  align-self: flex-start;
}
.UserDetailSummary__toggle {
  display: flex;
}
.UserDetailSummary__invite-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  cursor: pointer;
}
.UserDetailSummary__invite-link:hover {
  text-decoration: underline;
}
.UserDetailSummary__pending-invite {
  color: #adb5bd;
  font-style: italic;
}
.UserDetailSummary__resend-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  cursor: pointer;
  font-size: small;
  float: left;
}
.UserDetailSummary__resend-link:hover {
  text-decoration: underline;
}
.UserDetailSummary__delete-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  cursor: pointer;
  font-size: small;
  float: right;
  color: #ff6b6b;
}
.UserDetailSummary__delete-link:hover {
  text-decoration: underline;
}
.UserDetailEdit {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.UserDetailEdit__line {
  flex: 1 0 0;
  width: 100%;
  border-top: 1px solid #ced4da;
  margin: 10px 0;
}
.UserDetailEdit__header {
  margin-top: 10px;
  font-size: 18px;
  line-height: 18px;
}
.UserDetailEdit__description {
  margin: 10px 0;
}
.UserDetailEdit__edit-div {
  text-align: right;
}
.UserDetailEdit__section {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 10px 20px 50px 20px;
  margin-bottom: 10px;
  border: 1px solid #dee2e6;
  border-radius: 1px;
  background-color: #fff;
  color: #343a40;
}
.UserDetailEdit__avatar-container {
  align-self: center;
  margin-top: 17px;
  margin-left: -1px;
  border-radius: 50%;
  border: 1px solid #868e96;
  background-color: #868e96;
  overflow: hidden;
  height: 111px;
  width: 110px;
}
.UserDetailEdit__avatar-container img {
  width: 100%;
  height: 100%;
}
.UserDetailEdit__avatar_section {
  padding-bottom: 0 !important;
  text-align: center;
}
.UserDetailEdit__avatar_section input[type='file'] {
  display: none;
}
.UserDetailEdit__remove-file-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  color: #3b5bdb;
  color: #f03e3e;
  margin: 5px;
}
.UserDetailEdit__remove-file-link:hover {
  text-decoration: underline;
}
.UserDetailEdit__file-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  margin: 5px;
  align-self: center;
  cursor: pointer;
}
.UserDetailEdit__file-link:hover {
  text-decoration: underline;
}
.UserDetailEdit input[type='file'] {
  display: none;
}
.UserDetailEdit__input-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 0;
}
.UserDetailEdit__input-label--error {
  color: #fa5252;
}
.UserDetailEdit__input-label--enabled {
  color: #228ae6;
}
.UserDetailEdit__input-label--disabled {
  color: #868e96;
}
.UserDetailEdit__input-label--pad-top {
  padding-top: 20px;
}
.UserDetailEdit__input-label input,
.UserDetailEdit__input-label button {
  margin-top: 5px;
}
.UserDetailEdit__input-text {
  align-self: stretch;
  font-size: 14px;
  border: 1px solid #dee2e6;
  margin-top: 4px;
}
.UserDetailEdit__input-text--error {
  color: #fa5252;
  border: 1px solid #e03131;
}
.UserDetailEdit__input-text--enabled-text {
  color: #228ae6;
}
.UserDetailEdit__input-text--enabled-border {
  border: 1px solid #3b5bdb;
}
.UserDetailEdit__input-text--disabled {
  color: #868e96;
  border: 1px solid gray;
}
.UserDetailEdit__input-text--display {
  font-weight: 500;
  font-size: 16px;
}
.UserDetailEdit__buttons {
  display: flex;
  justify-content: flex-end;
}
.UserDetailEdit .FancyCheckbox {
  margin: 8px 0 16px 0;
}
.UserDetailEdit__error {
  color: #f03e3e;
  padding-left: 21px;
  margin-top: 0;
}
.VendorOrgPicker {
  width: 100%;
}
.VendorOrgPicker .InfiniteListPicker__trigger,
.VendorOrgPicker .InfiniteListPicker__content {
  width: 100%;
  margin: 0;
}
.VendorOrgPicker .InfiniteListPicker__trigger-summary {
  border-bottom: 0;
  text-align: left;
  font-weight: 400;
}
.VendorOrgPickerSelectedVendorOrg {
  display: flex;
  align-items: center;
}
.VendorOrgPickerVendorOrgRow {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #dee2e6;
  cursor: pointer;
}
.VendorOrgPickerVendorOrgRow:hover {
  background-color: #edf2ff;
}
.VendorOrgPickerVendorOrgRow__vendor-org,
.VendorOrgPickerVendorOrgRow__spinner {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0px 28px 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.VendorOrgPickerVendorOrgRow__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VerticalMenu {
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
.VerticalMenu li > label,
.VerticalMenu li > a {
  color: #343a40;
  display: block;
  padding: 6px 14px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.VerticalMenu li > label:hover,
.VerticalMenu li > a:hover {
  background-color: rgba(59, 91, 219, 0.08);
}
.VerticalMenu li > label.blocked,
.VerticalMenu li > a.blocked {
  color: #f03e3e;
  text-decoration: line-through;
}
.VerticalMenu li.VerticalMenu-selected {
  font-weight: 500;
}
.VerticalMenu.nohover li > label:hover,
.VerticalMenu.nohover li > a:hover {
  background-color: inherit;
}
.VerticalTabs {
  display: flex;
  flex-direction: column;
}
.VerticalTabs--disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.VerticalTabs__tab {
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ced4da;
  flex: 1;
  cursor: pointer;
}
.VerticalTabs__tab:first-of-type {
  border-top: 1px solid #ced4da;
}
.VerticalTabs__tab--disabled {
  cursor: not-allowed !important;
}
.VerticalTabs__tab--active {
  border-left: 4px solid #1b6ec2;
  background-color: #e8f7ff;
}
.VerticalTabs__tab-label {
  font-size: 16px;
  font-weight: bold;
}
.VerticalTabs__tab-description {
  font-size: 11px;
  font-color: #868e96;
  text-transform: uppercase;
}
.WeekBarTooltip__partial-week-label {
  font-style: italic;
  color: #868e96;
  margin-bottom: 8px;
}
.WeekBarTooltip__date-range {
  font-weight: 500;
  margin-bottom: 8px;
}
.WeekBarTooltip__value {
  font-weight: 500;
}
.RegexRulesTable ol {
  padding-left: 17px;
}
.RegexRulesTable__rule {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e9ecef;
  padding: 15px;
  padding-left: 0;
}
.RegexRulesTable__rule:first-of-type {
  padding-top: 0;
}
.RegexRulesTable__rule:not(.enabled) {
  opacity: 0.4;
  cursor: not-allow;
}
.RegexRulesTable__rule.enabled {
  opacity: 1;
}
.RegexRulesTable .Input--dashed input {
  min-width: 280px;
  text-align: left;
}
.RegexRulesTable .Input--dashed input::placeholder {
  color: rgba(52, 58, 64, 0.23);
}
.RegexRulesTable__footer {
  display: flex;
  justify-content: flex-end;
}
.RegexRulesTable__delete-button {
  opacity: 0.5;
  padding: 7px;
  border-radius: 50%;
}
.RegexRulesTable__delete-button--disabled {
  cursor: not-allowed;
}
.RegexRulesTable__delete-button:hover {
  background: #f1f3f5;
}
.RegexRulesTable__error {
  color: #f03e3e;
  padding-left: 21px;
}
.provider-square {
  width: 150px;
  height: 150px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 1px;
  background-color: var(--flow-colors-background-dark-3);
  display: inline-block;
  position: relative;
  border: 1px solid var(--flow-colors-border-low-on-dark);
  margin: 10px;
}
.provider-square:hover {
  cursor: pointer;
  border: 1px solid var(--flow-colors-border-high-on-dark);
}
.provider-square .checked {
  position: absolute;
  top: -10px;
  right: -10px;
  border-radius: 12px;
  background-color: #3b5bdb;
  visibility: hidden;
  color: #ffffff;
}
.provider-square.selected {
  border: 3px solid #3b5bdb;
}
.provider-square.selected .checked {
  visibility: visible;
}
.provider-square .provider-square-content {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 10% 5%;
  text-align: center;
  color: var(--flow-colors-white);
}
.provider-square .provider-square-content .table {
  display: table;
  height: 100%;
  width: 100%;
}
.provider-square .provider-square-content .table .table-cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}
.provider-square .provider-square-content .table .table-cell .provider-icon {
  margin-bottom: 15px;
}
.TagSearch {
  position: relative;
}
.TagSearch .search-container {
  margin-left: 9px;
  margin-right: 9px;
  margin-top: 13px;
}
.TagSearch ul {
  position: absolute;
  top: 28px;
  background-color: #fff;
  width: 98%;
  margin-left: 9px;
  margin-right: 9px;
}
.TagSearch ul li {
  border: 1px solid #dee2e6;
  padding: 12px 9px;
}
.TagSearch ul li a {
  color: #212529;
  display: list-item;
}
.TagSearch ul li button {
  width: 100%;
}
.TagSearch ul li.no-match {
  color: #adb5bd;
}
.LazySearchPicker__autosuggest-container {
  display: flex;
  flex-direction: column;
}
.LazySearchPicker__trigger {
  display: flex;
  max-width: 100%;
}
.LazySearchPicker__trigger-summary {
  font-weight: 500;
  margin: 4px 6px;
  font-size: 15px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #343a40;
  border-bottom: 2px solid #343a40;
  flex: 1 1 0;
}
.LazySearchPicker__trigger-icon {
  width: 8px;
  height: 8px;
}
.LazySearchPicker__content {
  width: 300px;
}
.LazySearchPicker__content--autosuggest {
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.LazySearchPicker__search-box {
  margin: 10px;
}
.LazySearchPicker__search-box--autosuggest {
  margin: 0 5px;
  width: 100%;
}
.LazySearchPicker__results {
  border-top: 1px solid #e9ecef;
  max-height: 250px;
  overflow: auto;
}
.LazySearchPicker__results-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.LazySearchPicker__results-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 6px 8px;
}
.LazySearchPicker__results-item--selected {
  font-weight: 500;
}
.LazySearchPicker__results-item--autosuggest {
  height: 24px;
  border-top: 1px solid #e9ecef;
}
.LazySearchPicker__results-item--autosuggest:first-child {
  border-top: none;
}
.LazySearchPicker__results-item:hover {
  background-color: rgba(59, 91, 219, 0.08);
}
.LazySearchPicker__results-no-data {
  padding: 6px 8px;
}
.LazySearchPicker__spinner {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}
.value-picker-container {
  min-width: 237px;
}
.LabeledInput__input-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 0;
}
.LabeledInput__input-label--error {
  color: #fa5252;
}
.LabeledInput__input-label--enabled {
  color: #228ae6;
}
.LabeledInput__input-label--disabled {
  color: #868e96;
}
.LabeledInput__input-label--pad-top {
  padding-top: 20px;
}
.LabeledInput__input-label input,
.LabeledInput__input-label button {
  margin-top: 5px;
}
.LabeledInput__input-text {
  align-self: stretch;
  font-size: 14px;
  border: 1px solid #dee2e6;
  margin-top: 4px;
}
.LabeledInput__input-text--error {
  color: #fa5252;
  border: 1px solid #e03131;
}
.LabeledInput__input-text--enabled-text {
  color: #228ae6;
}
.LabeledInput__input-text--enabled-border {
  border: 1px solid #3b5bdb;
}
.LabeledInput__input-text--disabled {
  color: #868e96;
  border: 1px solid gray;
}
.LabeledInput__input-text--display {
  font-weight: 500;
  font-size: 16px;
}
.LabeledInput__error-message {
  color: #fa5252;
  padding-top: 5px;
}
.LabeledInput--error {
  color: #fa5252;
}
.LabeledInput--error input {
  color: unset;
}
.LabeledInput__input-text--readonly {
  cursor: not-allowed;
  opacity: 0.5;
}
.CriteriaMenu {
  width: 245px;
}
.CriteriaMenu li {
  list-style-type: none;
}
.CriteriaMenu__menu-item,
.CriteriaMenu__menu-child {
  padding: 10px;
  margin: 0px;
}
.CriteriaMenu__menu-item:not(:last-child),
.CriteriaMenu__menu-child:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.CriteriaMenu__menu-item:hover,
.CriteriaMenu__menu-child:hover {
  background-color: rgba(59, 91, 219, 0.08);
}
.CriteriaMenu__menu-child {
  padding-left: 30px;
}
.AggregateWorkMetrics {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  padding: initial;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}
.AggregateWorkMetrics__proficiency-aggregates {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.AggregateWorkMetrics__metrics-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 0;
  justify-content: space-between;
}
@media (min-width: 1330px) {
  .AggregateWorkMetrics__metrics-wrapper {
    flex-wrap: nowrap;
  }
}
.AggregateWorkMetrics__metric {
  width: calc(50% - 20px);
}
@media (min-width: 1330px) {
  .AggregateWorkMetrics__metric {
    width: 100%;
    max-width: 25%;
  }
}
.AggregateWorkMetrics__avatar-overlapping {
  margin-right: -10px;
  border: 1px solid #343a40;
}
.Billing {
  width: 100%;
  padding: 24px 40px;
}
.Billing__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Billing .alert.alert-sm {
  margin-top: 0;
}
.Billing__title {
  font-size: 21px;
  font-weight: 500;
  margin: 0 0 10px 0;
}
.Billing__subtitle {
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 31px;
}
.Billing__subtitle--success {
  color: #40c057;
}
.BillingCard {
  box-sizing: border-box;
  width: 314px;
  height: 190px;
  background-color: #fafafa;
  border: 4px solid #ececec;
  border-radius: 9px;
  padding: 22px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.BillingCard__chip {
  width: 40px;
  height: 26px;
  border-radius: 5px;
  background-color: #e2e2e2;
}
.BillingCard__type {
  width: 40px;
  height: 26px;
}
.BillingCard__label {
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: normal;
  color: #495057;
  opacity: 0.41;
  text-transform: uppercase;
}
.BillingCard__number {
  width: 100%;
}
.BillingCard__number-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  color: #495057;
  letter-spacing: 3.2px;
}
.BillingCard__cardholder-text,
.BillingCard__expiry-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #495057;
  letter-spacing: normal;
}
.BillingCard__cardholder-text {
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.BillingForm {
  text-align: right;
  width: 100%;
}
.BillingForm__label {
  display: block;
  letter-spacing: -0.3px;
  text-align: left;
  font-size: 13px;
}
.BillingForm__input {
  font-size: 17px;
  height: 36px;
  padding: 5px 12px;
  border: 1px solid #adb5bd;
  border-radius: 2px;
  margin-top: 4px;
  margin-bottom: 16px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0 #adb5bd;
  display: block;
  width: 100%;
}
.BillingForm__input--focus,
.BillingForm__input:focus {
  outline: none;
  border-color: #3b5bdb;
  box-shadow: 0px 0px 0px 1px #3b5bdb;
}
.BillingForm__input--invalid {
  background-color: #fff5f5;
  border-color: #ff6b6b;
  box-shadow: 0px 0px 0px 1px #ff6b6b;
}
.BillingForm__input--stripe {
  padding: 7.5px 12px;
}
.BillingForm__cancel-button,
.BillingForm__submit-button {
  margin-top: 20px;
}
.BillingForm__submit-button {
  margin-right: 0;
}
.BillingPaymentOption {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin-right: 55px;
  margin-bottom: 30px;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  color: #343a40;
  cursor: pointer;
}
.BillingPaymentOption:active {
  outline: none;
}
.BillingPaymentOption--selected {
  border: 3px solid #3b5bdb;
  border-radius: 2px;
  position: relative;
  cursor: default;
  outline: none;
}
.BillingPaymentOption--selected:before {
  display: block;
  content: '';
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #3b5bdb;
  position: absolute;
  top: -11px;
  right: -11px;
}
.BillingPaymentOption--selected:after {
  display: block;
  content: '';
  width: 8px;
  height: 3px;
  border: 3px solid white;
  border-top: 0;
  border-right: 0;
  position: absolute;
  top: -4.5px;
  right: -6px;
  transform: rotate(-45deg);
}
.BillingPaymentOption__full-price,
.BillingPaymentOption__discount-price {
  font-size: 21px;
  font-weight: 500;
}
.BillingPaymentOption__full-price {
  color: #868e96;
  position: relative;
}
.BillingPaymentOption__full-price:after {
  display: block;
  content: '';
  height: 3px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #343a40;
  transform: translateY(-1.5px) rotate(6deg) scaleX(1.1);
}
.BillingPaymentOption__description {
  font-size: 14px;
  color: #495057;
}
.BillingLanding a,
.BillingCurrent a {
  font-weight: 500;
  text-decoration: none;
}
.BillingLanding a:hover,
.BillingCurrent a:hover,
.BillingLanding a:active,
.BillingCurrent a:active {
  text-decoration: underline;
}
.BillingLanding__content {
  border: 1px solid #adb5bd;
  border-radius: 2px;
  padding: 54px 15%;
  color: #343a40;
}
.BillingLanding__title {
  font-size: 21px;
}
.BillingLanding__description {
  font-size: 17px;
  line-height: 28px;
}
.BillingLanding__contact-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.BillingLanding__contact-list-item {
  font-size: 17px;
  height: 40px;
}
.BillingLanding__contact-list-icon {
  color: #868e96;
  margin: 0 15px 0 4px;
  width: 20px;
  height: 20px;
}
.BillingCurrent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 320px;
}
.BillingCurrent .Billing__subtitle {
  flex: 1 0 0;
  margin-bottom: 20px;
}
.BillingCurrent__contact {
  font-size: 17px;
  line-height: 28px;
  box-sizing: border-box;
  width: 314px;
  border-top: 2px solid #ced4da;
  padding: 10px;
  color: #343a40;
  text-align: center;
  margin-top: 10px;
}
.BillingCurrent__payment-error {
  color: #fa5252;
}
.BillingOffer__offer {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #adb5bd;
  border-radius: 2px;
  margin-bottom: 46px;
}
.BillingOffer__info {
  padding: 24px;
  flex: 1 1 0;
}
.BillingOffer__title {
  font-size: 21px;
  margin: 0 12px 4px 0;
  display: inline-block;
  vertical-align: middle;
}
.BillingOffer__subtitle {
  font-size: 20px;
  margin-top: 4px;
  margin-bottom: 14px;
  color: #868e96;
}
.BillingOffer__message {
  font-size: 17px;
  line-height: 28px;
  color: #343a40;
  white-space: pre-wrap;
}
.BillingOffer__expiry {
  font-size: 12px;
  padding: 4px 7px;
  margin: 0;
  background-color: #ffe3e3;
  color: #fa5252;
  letter-spacing: -0.2px;
}
.BillingOffer__contact {
  width: 312px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #adb5bd;
}
.BillingOffer__contact-title {
  font-size: 11px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  letter-spacing: 0.4px;
  color: #868e96;
}
.BillingOffer__contact-picture {
  height: 64px;
  width: 64px;
  margin-top: 12px;
  margin-bottom: 16px;
  border-radius: 32px;
}
.BillingOffer__contact-name {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 4px 0;
  color: #343a40;
}
.BillingOffer__contact-email {
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.BillingOffer__contact-email:hover {
  text-decoration: underline;
}
.BillingOffer__contact-telephone {
  font-size: 15px;
  margin-top: 6px;
  color: #343a40;
}
.BillingOffer__features {
  width: 100%;
  padding: 24px;
  border-top: 1px solid #adb5bd;
}
.BillingOffer__features-title {
  font-size: 11px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
  letter-spacing: 0.4px;
  color: #868e96;
}
.BillingOffer__features-hr {
  position: relative;
  background-color: #adb5bd;
  width: 100%;
  height: 1px;
}
.BillingOffer__features-hr:before {
  display: block;
  content: '';
  width: 5%;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 0px;
  left: 47.5%;
}
.BillingOffer__features--length-1 .BillingOffer__features-hr:before,
.BillingOffer__features--length-2 .BillingOffer__features-hr:before {
  display: none;
}
.BillingOffer__features-list {
  column-count: 2;
  column-gap: 5%;
  list-style-type: none;
  padding: 0;
  margin-top: 0;
}
.BillingOffer__features-list-item {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  display: inline-flex;
  width: 100%;
  padding: 14px 10px 14px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #adb5bd;
}
.BillingOffer__features-list-icon {
  flex: 0 0 20px;
  height: 20px;
  margin-right: 10px;
  color: #40c057;
}
.BillingOffer__features--length-1 .BillingOffer__features-list,
.BillingOffer__features--length-2 .BillingOffer__features-list {
  column-count: 1;
  column-gap: 0;
}
.BillingOffer__payment {
  display: flex;
}
.BillingOffer__payment-options {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  align-content: space-between;
}
.BillingOffer__payment-form {
  flex: 0 0 50%;
}
.BillingOffer__alternate-payment-button {
  display: block;
  margin: 30px auto 0 auto;
}
.Configurations,
.GeneralSettingsPage,
.OutlierSettingsPage,
.ReportPreferencesPage {
  width: 100%;
  padding: 24px 40px;
}
.Configurations__header,
.GeneralSettingsPage__header,
.OutlierSettingsPage__header,
.ReportPreferencesPage__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Configurations__ConfigurationsHeader__split,
.Configurations__ConfigurationsHeader__header,
.GeneralSettingsPage__ConfigurationsHeader__split,
.GeneralSettingsPage__ConfigurationsHeader__header,
.OutlierSettingsPage__ConfigurationsHeader__split,
.OutlierSettingsPage__ConfigurationsHeader__header,
.ReportPreferencesPage__ConfigurationsHeader__split,
.ReportPreferencesPage__ConfigurationsHeader__header {
  display: flex;
  justify-content: space-between;
}
.Configurations__ConfigurationsHeader__split,
.GeneralSettingsPage__ConfigurationsHeader__split,
.OutlierSettingsPage__ConfigurationsHeader__split,
.ReportPreferencesPage__ConfigurationsHeader__split {
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.Configurations__ConfigurationsHeader__split .split__second .link:first-of-type,
.GeneralSettingsPage__ConfigurationsHeader__split .split__second .link:first-of-type,
.OutlierSettingsPage__ConfigurationsHeader__split .split__second .link:first-of-type,
.ReportPreferencesPage__ConfigurationsHeader__split .split__second .link:first-of-type {
  margin-right: 50px;
}
.Configurations__ConfigurationsHeader__controls,
.GeneralSettingsPage__ConfigurationsHeader__controls,
.OutlierSettingsPage__ConfigurationsHeader__controls,
.ReportPreferencesPage__ConfigurationsHeader__controls {
  display: flex;
  align-items: center;
}
.Configurations__ConfigurationsHeader__controls .PaginationControls,
.GeneralSettingsPage__ConfigurationsHeader__controls .PaginationControls,
.OutlierSettingsPage__ConfigurationsHeader__controls .PaginationControls,
.ReportPreferencesPage__ConfigurationsHeader__controls .PaginationControls {
  margin-left: auto;
}
.Configurations__ConfigurationsHeader__title,
.GeneralSettingsPage__ConfigurationsHeader__title,
.OutlierSettingsPage__ConfigurationsHeader__title,
.ReportPreferencesPage__ConfigurationsHeader__title {
  font-size: 21px;
  font-weight: 500;
  margin: 0;
}
.Configurations__ConfigurationsHeader__label,
.GeneralSettingsPage__ConfigurationsHeader__label,
.OutlierSettingsPage__ConfigurationsHeader__label,
.ReportPreferencesPage__ConfigurationsHeader__label {
  display: flex;
  align-items: center;
  color: #212529;
  font-size: 18px;
  font-weight: 500;
  padding-right: 20px;
}
.Configurations__ConfigurationsHeader__label h3,
.GeneralSettingsPage__ConfigurationsHeader__label h3,
.OutlierSettingsPage__ConfigurationsHeader__label h3,
.ReportPreferencesPage__ConfigurationsHeader__label h3 {
  margin: 0px;
}
.Configurations__ConfigurationsHeader__description,
.GeneralSettingsPage__ConfigurationsHeader__description,
.OutlierSettingsPage__ConfigurationsHeader__description,
.ReportPreferencesPage__ConfigurationsHeader__description {
  color: #868e96;
  line-height: 20px;
  margin-top: 6px;
}
.Configurations__emailReporting--disabled,
.GeneralSettingsPage__emailReporting--disabled,
.OutlierSettingsPage__emailReporting--disabled,
.ReportPreferencesPage__emailReporting--disabled {
  opacity: 0.45;
  pointer-events: none;
}
.Configurations__checkbox-column,
.GeneralSettingsPage__checkbox-column,
.OutlierSettingsPage__checkbox-column,
.ReportPreferencesPage__checkbox-column {
  width: 150px;
  margin-top: 0.6em;
}
.Configurations__checkbox-column > .FancyCheckbox,
.GeneralSettingsPage__checkbox-column > .FancyCheckbox,
.OutlierSettingsPage__checkbox-column > .FancyCheckbox,
.ReportPreferencesPage__checkbox-column > .FancyCheckbox {
  margin-right: 5px;
}
.Configurations__error,
.GeneralSettingsPage__error,
.OutlierSettingsPage__error,
.ReportPreferencesPage__error {
  color: #f03e3e;
  padding-left: 21px;
}
.Configurations__footer,
.Configurations .ConfigurationsFooter,
.GeneralSettingsPage__footer,
.GeneralSettingsPage .ConfigurationsFooter,
.OutlierSettingsPage__footer,
.OutlierSettingsPage .ConfigurationsFooter,
.ReportPreferencesPage__footer,
.ReportPreferencesPage .ConfigurationsFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
}
.Configurations__footer button,
.Configurations .ConfigurationsFooter button,
.GeneralSettingsPage__footer button,
.GeneralSettingsPage .ConfigurationsFooter button,
.OutlierSettingsPage__footer button,
.OutlierSettingsPage .ConfigurationsFooter button,
.ReportPreferencesPage__footer button,
.ReportPreferencesPage .ConfigurationsFooter button {
  margin-top: 0;
  margin-bottom: 0;
}
.Configurations__footer__split,
.Configurations .ConfigurationsFooter__split,
.Configurations__footer__header,
.Configurations .ConfigurationsFooter__header,
.GeneralSettingsPage__footer__split,
.GeneralSettingsPage .ConfigurationsFooter__split,
.GeneralSettingsPage__footer__header,
.GeneralSettingsPage .ConfigurationsFooter__header,
.OutlierSettingsPage__footer__split,
.OutlierSettingsPage .ConfigurationsFooter__split,
.OutlierSettingsPage__footer__header,
.OutlierSettingsPage .ConfigurationsFooter__header,
.ReportPreferencesPage__footer__split,
.ReportPreferencesPage .ConfigurationsFooter__split,
.ReportPreferencesPage__footer__header,
.ReportPreferencesPage .ConfigurationsFooter__header {
  display: flex;
  justify-content: space-between;
}
.Configurations__footer__split,
.Configurations .ConfigurationsFooter__split,
.GeneralSettingsPage__footer__split,
.GeneralSettingsPage .ConfigurationsFooter__split,
.OutlierSettingsPage__footer__split,
.OutlierSettingsPage .ConfigurationsFooter__split,
.ReportPreferencesPage__footer__split,
.ReportPreferencesPage .ConfigurationsFooter__split {
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.Configurations__footer__split .split__second .link:first-of-type,
.Configurations .ConfigurationsFooter__split .split__second .link:first-of-type,
.GeneralSettingsPage__footer__split .split__second .link:first-of-type,
.GeneralSettingsPage .ConfigurationsFooter__split .split__second .link:first-of-type,
.OutlierSettingsPage__footer__split .split__second .link:first-of-type,
.OutlierSettingsPage .ConfigurationsFooter__split .split__second .link:first-of-type,
.ReportPreferencesPage__footer__split .split__second .link:first-of-type,
.ReportPreferencesPage .ConfigurationsFooter__split .split__second .link:first-of-type {
  margin-right: 50px;
}
.Configurations__footer__footer-info,
.Configurations .ConfigurationsFooter__footer-info,
.GeneralSettingsPage__footer__footer-info,
.GeneralSettingsPage .ConfigurationsFooter__footer-info,
.OutlierSettingsPage__footer__footer-info,
.OutlierSettingsPage .ConfigurationsFooter__footer-info,
.ReportPreferencesPage__footer__footer-info,
.ReportPreferencesPage .ConfigurationsFooter__footer-info {
  color: #868e96;
  display: flex;
  align-items: center;
  margin: 0;
}
.Configurations__footer .Configurations__cancel-button,
.Configurations .ConfigurationsFooter__cancel-button,
.GeneralSettingsPage__footer .GeneralSettingsPage__cancel-button,
.GeneralSettingsPage .ConfigurationsFooter__cancel-button,
.OutlierSettingsPage__footer .OutlierSettingsPage__cancel-button,
.OutlierSettingsPage .ConfigurationsFooter__cancel-button,
.ReportPreferencesPage__footer .ReportPreferencesPage__cancel-button,
.ReportPreferencesPage .ConfigurationsFooter__cancel-button {
  margin-left: auto;
}
.Configurations__input-items,
.GeneralSettingsPage__input-items,
.OutlierSettingsPage__input-items,
.ReportPreferencesPage__input-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Configurations__input-section,
.GeneralSettingsPage__input-section,
.OutlierSettingsPage__input-section,
.ReportPreferencesPage__input-section {
  display: block;
  padding-right: 30px;
  flex-basis: 250px;
  flex-grow: 1;
}
.Configurations__input-section:last-child,
.GeneralSettingsPage__input-section:last-child,
.OutlierSettingsPage__input-section:last-child,
.ReportPreferencesPage__input-section:last-child {
  padding-right: 0;
}
.Configurations__metric-category-title,
.Configurations__input-section-header,
.GeneralSettingsPage__metric-category-title,
.GeneralSettingsPage__input-section-header,
.OutlierSettingsPage__metric-category-title,
.OutlierSettingsPage__input-section-header,
.ReportPreferencesPage__metric-category-title,
.ReportPreferencesPage__input-section-header {
  color: #868e96;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 5px;
}
.Configurations__input-section-subheader,
.GeneralSettingsPage__input-section-subheader,
.OutlierSettingsPage__input-section-subheader,
.ReportPreferencesPage__input-section-subheader {
  font-size: 14px;
  color: #868e96;
  margin-bottom: 2px;
  margin-top: 12px;
}
.Configurations__multi-input-row,
.GeneralSettingsPage__multi-input-row,
.OutlierSettingsPage__multi-input-row,
.ReportPreferencesPage__multi-input-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.Configurations__multi-input-row .FancyCheckbox,
.GeneralSettingsPage__multi-input-row .FancyCheckbox,
.OutlierSettingsPage__multi-input-row .FancyCheckbox,
.ReportPreferencesPage__multi-input-row .FancyCheckbox {
  margin-right: 5px;
}
.Configurations__multi-input-row .FancyRadio,
.GeneralSettingsPage__multi-input-row .FancyRadio,
.OutlierSettingsPage__multi-input-row .FancyRadio,
.ReportPreferencesPage__multi-input-row .FancyRadio {
  display: inline-block;
}
.Configurations__multi-input-row span,
.GeneralSettingsPage__multi-input-row span,
.OutlierSettingsPage__multi-input-row span,
.ReportPreferencesPage__multi-input-row span {
  font-size: 15px;
}
.Configurations__multi-input-row--split,
.GeneralSettingsPage__multi-input-row--split,
.OutlierSettingsPage__multi-input-row--split,
.ReportPreferencesPage__multi-input-row--split {
  display: flex;
  justify-content: space-between;
}
.Configurations__multi-input-row--disabled,
.GeneralSettingsPage__multi-input-row--disabled,
.OutlierSettingsPage__multi-input-row--disabled,
.ReportPreferencesPage__multi-input-row--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.Configurations__multi-input-row--fixedHeight,
.GeneralSettingsPage__multi-input-row--fixedHeight,
.OutlierSettingsPage__multi-input-row--fixedHeight,
.ReportPreferencesPage__multi-input-row--fixedHeight {
  padding: 0.7em 0;
  height: 2em;
  margin-bottom: 0;
}
.Configurations__multi-input-row--indented,
.GeneralSettingsPage__multi-input-row--indented,
.OutlierSettingsPage__multi-input-row--indented,
.ReportPreferencesPage__multi-input-row--indented {
  margin-left: 1em;
  margin-right: 1em;
}
.Configurations__multi-input-row--underlined,
.GeneralSettingsPage__multi-input-row--underlined,
.OutlierSettingsPage__multi-input-row--underlined,
.ReportPreferencesPage__multi-input-row--underlined {
  border-bottom: 1px solid #ced4da;
}
.Configurations__multi-input-row--addButton,
.GeneralSettingsPage__multi-input-row--addButton,
.OutlierSettingsPage__multi-input-row--addButton,
.ReportPreferencesPage__multi-input-row--addButton {
  color: #3b5bdb;
  cursor: pointer;
  justify-content: center;
  font-weight: 500;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}
.Configurations__multi-input-row--addButton:hover,
.GeneralSettingsPage__multi-input-row--addButton:hover,
.OutlierSettingsPage__multi-input-row--addButton:hover,
.ReportPreferencesPage__multi-input-row--addButton:hover {
  background-color: #dbe4ff;
}
.Configurations__caption,
.GeneralSettingsPage__caption,
.OutlierSettingsPage__caption,
.ReportPreferencesPage__caption {
  margin-left: 5px;
  font-size: 14px;
  color: #868e96;
}
.Configurations__caption--info,
.GeneralSettingsPage__caption--info,
.OutlierSettingsPage__caption--info,
.ReportPreferencesPage__caption--info {
  margin-left: 20px;
  margin-bottom: 10px;
}
.Configurations__team-picker,
.GeneralSettingsPage__team-picker,
.OutlierSettingsPage__team-picker,
.ReportPreferencesPage__team-picker {
  width: 150px;
}
.Configurations__remove-button,
.GeneralSettingsPage__remove-button,
.OutlierSettingsPage__remove-button,
.ReportPreferencesPage__remove-button {
  cursor: pointer;
  margin-bottom: 2px;
  width: 20px;
}
.Configurations__input-section-border,
.GeneralSettingsPage__input-section-border,
.OutlierSettingsPage__input-section-border,
.ReportPreferencesPage__input-section-border {
  border-color: #ced4da;
  margin-top: 0;
}
.Configurations__sizing-criteria,
.GeneralSettingsPage__sizing-criteria,
.OutlierSettingsPage__sizing-criteria,
.ReportPreferencesPage__sizing-criteria {
  margin-left: 19px;
}
.Configurations__sizing-criteria .Configurations__multi-input-row:first-of-type,
.GeneralSettingsPage__sizing-criteria .GeneralSettingsPage__multi-input-row:first-of-type,
.OutlierSettingsPage__sizing-criteria .OutlierSettingsPage__multi-input-row:first-of-type,
.ReportPreferencesPage__sizing-criteria .ReportPreferencesPage__multi-input-row:first-of-type {
  margin-bottom: 18px;
}
.Configurations__sizing-criteria .Configurations__multi-input-row .FancyCheckbox,
.GeneralSettingsPage__sizing-criteria .GeneralSettingsPage__multi-input-row .FancyCheckbox,
.OutlierSettingsPage__sizing-criteria .OutlierSettingsPage__multi-input-row .FancyCheckbox,
.ReportPreferencesPage__sizing-criteria .ReportPreferencesPage__multi-input-row .FancyCheckbox {
  margin-right: 5px;
}
.Configurations__text-input,
.GeneralSettingsPage__text-input,
.OutlierSettingsPage__text-input,
.ReportPreferencesPage__text-input {
  width: 95%;
  height: 4em;
  resize: none;
  border-radius: 2px;
}
.Configurations__text-input:focus,
.GeneralSettingsPage__text-input:focus,
.OutlierSettingsPage__text-input:focus,
.ReportPreferencesPage__text-input:focus {
  outline: none !important;
  border: 2px solid #3b5bdb;
}
.Configurations__metrics-criteria,
.GeneralSettingsPage__metrics-criteria,
.OutlierSettingsPage__metrics-criteria,
.ReportPreferencesPage__metrics-criteria {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Configurations__metric-category,
.GeneralSettingsPage__metric-category,
.OutlierSettingsPage__metric-category,
.ReportPreferencesPage__metric-category {
  box-sizing: border-box;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 20px;
}
.Configurations__metric-category-title,
.GeneralSettingsPage__metric-category-title,
.OutlierSettingsPage__metric-category-title,
.ReportPreferencesPage__metric-category-title {
  font-size: 15px;
  margin-top: 0px;
}
.Configurations__metric-category-list,
.GeneralSettingsPage__metric-category-list,
.OutlierSettingsPage__metric-category-list,
.ReportPreferencesPage__metric-category-list {
  max-width: 360px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
}
.Configurations__metric-category-item,
.GeneralSettingsPage__metric-category-item,
.OutlierSettingsPage__metric-category-item,
.ReportPreferencesPage__metric-category-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.Configurations__metric-category,
.Configurations__metric-category-item,
.GeneralSettingsPage__metric-category,
.GeneralSettingsPage__metric-category-item,
.OutlierSettingsPage__metric-category,
.OutlierSettingsPage__metric-category-item,
.ReportPreferencesPage__metric-category,
.ReportPreferencesPage__metric-category-item {
  flex: 1 0 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .Configurations__metric-category,
  .GeneralSettingsPage__metric-category,
  .OutlierSettingsPage__metric-category,
  .ReportPreferencesPage__metric-category {
    flex: 0 0 47.5%;
    width: 47.5%;
  }
}
@media (min-width: 600px) {
  .Configurations__metric-category-item,
  .GeneralSettingsPage__metric-category-item,
  .OutlierSettingsPage__metric-category-item,
  .ReportPreferencesPage__metric-category-item {
    flex: 0 0 47.5%;
    width: 47.5%;
  }
}
.Configurations .react-tabs,
.GeneralSettingsPage .react-tabs,
.OutlierSettingsPage .react-tabs,
.ReportPreferencesPage .react-tabs {
  margin-top: 20px;
}
.Configurations .SliderToggle,
.GeneralSettingsPage .SliderToggle,
.OutlierSettingsPage .SliderToggle,
.ReportPreferencesPage .SliderToggle {
  margin-top: 1px;
  margin-left: 12px;
}
.Configurations .FancyRadio--disabled,
.Configurations .FancyRadio--disabled + span,
.Configurations .FancyRadio--disabled + span + .Input--dashed + span .FancyCheckbox--disabled,
.Configurations .FancyCheckbox--disabled + span,
.Configurations .FancyCheckbox--disabled + span + .Input--dashed + span,
.Configurations .FancyCheckbox--disabled label,
.GeneralSettingsPage .FancyRadio--disabled,
.GeneralSettingsPage .FancyRadio--disabled + span,
.GeneralSettingsPage .FancyRadio--disabled + span + .Input--dashed + span .FancyCheckbox--disabled,
.GeneralSettingsPage .FancyCheckbox--disabled + span,
.GeneralSettingsPage .FancyCheckbox--disabled + span + .Input--dashed + span,
.GeneralSettingsPage .FancyCheckbox--disabled label,
.OutlierSettingsPage .FancyRadio--disabled,
.OutlierSettingsPage .FancyRadio--disabled + span,
.OutlierSettingsPage .FancyRadio--disabled + span + .Input--dashed + span .FancyCheckbox--disabled,
.OutlierSettingsPage .FancyCheckbox--disabled + span,
.OutlierSettingsPage .FancyCheckbox--disabled + span + .Input--dashed + span,
.OutlierSettingsPage .FancyCheckbox--disabled label,
.ReportPreferencesPage .FancyRadio--disabled,
.ReportPreferencesPage .FancyRadio--disabled + span,
.ReportPreferencesPage .FancyRadio--disabled + span + .Input--dashed + span .FancyCheckbox--disabled,
.ReportPreferencesPage .FancyCheckbox--disabled + span,
.ReportPreferencesPage .FancyCheckbox--disabled + span + .Input--dashed + span,
.ReportPreferencesPage .FancyCheckbox--disabled label {
  opacity: 0.5;
  cursor: not-allowed;
}
.Configurations .FancyRadio--disabled + span + .Input--dashed,
.Configurations .FancyCheckbox--disabled + span + .Input--dashed,
.GeneralSettingsPage .FancyRadio--disabled + span + .Input--dashed,
.GeneralSettingsPage .FancyCheckbox--disabled + span + .Input--dashed,
.OutlierSettingsPage .FancyRadio--disabled + span + .Input--dashed,
.OutlierSettingsPage .FancyCheckbox--disabled + span + .Input--dashed,
.ReportPreferencesPage .FancyRadio--disabled + span + .Input--dashed,
.ReportPreferencesPage .FancyCheckbox--disabled + span + .Input--dashed {
  pointer-events: none;
}
.ConfigurationPanels__header {
  font-size: 16px;
  display: flex;
  cursor: auto;
}
.ConfigurationPanels__header__icon {
  width: 20px;
}
.ConfigurationPanels__header__name {
  flex: 2 0 0;
}
.ConfigurationPanels__content {
  padding-top: 0;
  padding-bottom: 0;
}
.ItemList,
.CommitList {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #ced4da;
}
.ItemList--message,
.CommitList--message {
  border-top: 1px solid #ced4da;
  padding: 16px;
  padding-left: 30px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.3);
}
.ItemList__item-row,
.CommitList__item-row,
.ItemList__commit-row,
.CommitList__commit-row {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 30px;
  margin-right: 0;
  border-bottom: 1px solid #ced4da;
}
.ItemList__item-row:last-child,
.CommitList__item-row:last-child,
.ItemList__commit-row:last-child,
.CommitList__commit-row:last-child {
  border-bottom: 0px;
}
.ItemList__item-row--reset .TextExpansionPanel__header--first,
.CommitList__item-row--reset .TextExpansionPanel__header--first,
.ItemList__commit-row--reset .TextExpansionPanel__header--first,
.CommitList__commit-row--reset .TextExpansionPanel__header--first,
.ItemList__item-row--reset .TextExpansionPanel__content,
.CommitList__item-row--reset .TextExpansionPanel__content,
.ItemList__commit-row--reset .TextExpansionPanel__content,
.CommitList__commit-row--reset .TextExpansionPanel__content {
  opacity: 0.5;
}
.ItemList__item-row--reset .CommitList__button,
.CommitList__item-row--reset .CommitList__button,
.ItemList__commit-row--reset .CommitList__button,
.CommitList__commit-row--reset .CommitList__button {
  opacity: 1;
}
.ItemList__author,
.CommitList__author {
  font-weight: 500;
  padding: 0 4px;
}
.ItemList__button,
.CommitList__button {
  width: 100%;
  margin: 0;
}
.RegexTester__header {
  border-top: 1px solid #ced4da;
}
.RegexTester__input .FancyCheckbox:not(:last-child) {
  margin-right: 15px;
}
.EditorModal__header.ManuallyMarkedOutliersHeader {
  padding-bottom: 0px;
}
.EditorModal .TextExpansionPanel__options .CommitList__button {
  margin-right: 20px;
}
.ManuallyMarkedOutliersHeader__reset-button {
  display: block;
  text-align: right;
  padding: 0;
  padding-top: 18px;
  margin: 1px 0 0 230px;
  color: #f03e3e;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
.RegexTester,
.ManuallyMarkedOutliersPanel {
  background-color: #f8f9fa;
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.RegexTester__header,
.ManuallyMarkedOutliersPanel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 30px 0;
  padding-top: 24px;
  background-color: #f8f9fa;
}
.RegexTester__title,
.ManuallyMarkedOutliersPanel__title {
  font-size: 11px;
  line-height: 20px;
  letter-spacing: -0.2pe;
  color: #495057;
  align-self: flex-end;
  text-transform: uppercase;
}
.RegexTester__input,
.ManuallyMarkedOutliersPanel__input {
  padding: 15px 0;
}
.RegexTester__button,
.ManuallyMarkedOutliersPanel__button {
  width: 100%;
}
.RegexTester__checkbox,
.ManuallyMarkedOutliersPanel__checkbox {
  padding: 0 10px;
  font-size: 15px;
}
.RegexTester__item-list,
.ManuallyMarkedOutliersPanel__item-list,
.RegexTester__commit-list,
.ManuallyMarkedOutliersPanel__commit-list {
  font-weight: normal;
  font-size: 18px;
  display: block;
  box-sizing: border-box;
  align-items: flex-start;
  resize: none;
  width: 100%;
}
.RegexTester__pill,
.ManuallyMarkedOutliersPanel__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 9.43px;
  font-weight: 500;
  letter-spacing: -0.16px;
  border-radius: 25.71px;
  padding: 5px 8px;
  margin: 0px 8px;
  line-height: 1.15;
}
.RegexTester__pill--no-match,
.ManuallyMarkedOutliersPanel__pill--no-match {
  background-color: #989b9e;
}
.RegexTester__pill--match,
.ManuallyMarkedOutliersPanel__pill--match {
  background-color: #329af0;
}
.RegexTester__error,
.ManuallyMarkedOutliersPanel__error {
  color: #f03e3e;
}
.RegexTester__spinner,
.ManuallyMarkedOutliersPanel__spinner {
  margin: 0 auto;
  width: 40px;
}
.CodePanel__table tr:first-child td:first-child {
  padding-top: 11px;
  border-top-left-radius: 2px;
}
.CodePanel__table tr:first-child td:last-child {
  border-top-right-radius: 2px;
}
.CodePanel__table tr:last-child td:first-child {
  padding-bottom: 11px;
  border-bottom-left-radius: 2px;
}
.CodePanel__table tr:last-child td:last-child {
  border-bottom-right-radius: 2px;
}
.CodePanel__table {
  border-spacing: 0;
  font-family: monospace;
  border-radius: 2px solid #ced4da;
}
.CodePanel--display-line {
  background-color: #555b61;
  color: #a09f9e;
  height: 20px;
  width: 40px;
  text-align: center;
}
.CodePanel--code-line {
  background-color: #363a3f;
  color: #555b61;
  height: 20px;
  width: 450px;
  text-align: left;
  padding-left: 19px;
}
.Input--percent {
  position: relative;
}
.Input--percent:after {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  display: inline-block;
  content: '%';
  position: absolute;
  right: 5px;
  top: 8px;
  font-weight: 500;
  font-size: 15px;
}
.Input--words {
  position: relative;
}
.Input--words:after {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  display: inline-block;
  content: 'words';
  position: absolute;
  right: 5px;
  top: 8px;
  font-weight: 500;
  font-size: 15px;
  line-height: initial;
}
.Input--words input {
  text-align: left;
}
.GeneralSettingsPage__section,
.OutlierSettingsPage__section,
.ReportPreferencesPage__section {
  margin-left: 1em;
}
.GeneralSettingsPage__label,
.OutlierSettingsPage__label,
.ReportPreferencesPage__label {
  display: flex;
  align-items: center;
  color: #212529;
  font-size: 18px;
  font-weight: 500;
  padding-right: 20px;
}
.GeneralSettingsPage__label h3,
.OutlierSettingsPage__label h3,
.ReportPreferencesPage__label h3 {
  margin: 0px;
}
.GeneralSettingsPage__label--pad,
.OutlierSettingsPage__label--pad,
.ReportPreferencesPage__label--pad {
  padding-top: 20px;
  padding-bottom: 20px;
}
.GeneralSettingsPage__multi-input-row,
.OutlierSettingsPage__multi-input-row,
.ReportPreferencesPage__multi-input-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
  height: 31px;
}
.GeneralSettingsPage__multi-input-row span,
.OutlierSettingsPage__multi-input-row span,
.ReportPreferencesPage__multi-input-row span {
  font-size: 15px;
}
.GeneralSettingsPage__multi-input-row--disabled,
.OutlierSettingsPage__multi-input-row--disabled,
.ReportPreferencesPage__multi-input-row--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.GeneralSettingsPage__multi-input-row--split,
.OutlierSettingsPage__multi-input-row--split,
.ReportPreferencesPage__multi-input-row--split {
  display: flex;
  justify-content: space-between;
}
.GeneralSettingsPage__multi-input-row--disabled,
.OutlierSettingsPage__multi-input-row--disabled,
.ReportPreferencesPage__multi-input-row--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.GeneralSettingsPage__multi-input-row--fixedHeight,
.OutlierSettingsPage__multi-input-row--fixedHeight,
.ReportPreferencesPage__multi-input-row--fixedHeight {
  padding: 0.7em 0;
  height: 2em;
  margin-bottom: 0;
}
.GeneralSettingsPage__multi-input-row--fixedWidth,
.OutlierSettingsPage__multi-input-row--fixedWidth,
.ReportPreferencesPage__multi-input-row--fixedWidth {
  padding: 0 2em;
  width: 27em;
  margin-bottom: 3em;
}
.GeneralSettingsPage__multi-input-row--indented,
.OutlierSettingsPage__multi-input-row--indented,
.ReportPreferencesPage__multi-input-row--indented {
  margin-left: 1em;
  margin-right: 1em;
}
.GeneralSettingsPage__multi-input-row:first-child,
.OutlierSettingsPage__multi-input-row:first-child,
.ReportPreferencesPage__multi-input-row:first-child {
  margin-top: 0px;
}
.GeneralSettingsPage__multi-input-row:last-child,
.OutlierSettingsPage__multi-input-row:last-child,
.ReportPreferencesPage__multi-input-row:last-child {
  margin-bottom: 0px;
}
.GeneralSettingsPage__sub-header,
.OutlierSettingsPage__sub-header,
.ReportPreferencesPage__sub-header {
  margin: 0 0 30px 10px;
  font-size: 14px;
}
.GeneralSettingsPage__input-span,
.OutlierSettingsPage__input-span,
.ReportPreferencesPage__input-span {
  display: block;
  line-height: 31px;
}
.GeneralSettingsPage__input-span--dark,
.OutlierSettingsPage__input-span--dark,
.ReportPreferencesPage__input-span--dark {
  font-weight: 500;
}
.GeneralSettingsPage__text-input,
.OutlierSettingsPage__text-input,
.ReportPreferencesPage__text-input {
  padding: 0px 10px;
  width: 298px;
  height: 36px;
  font-weight: normal;
  font-size: 17px;
  line-height: 1.53;
  letter-spacing: -0.3px;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(73, 80, 87, 0.2);
  background-color: #ffffff;
  border: solid 1px #adb5bd;
  display: block;
}
.GeneralSettingsPage__subtitle,
.OutlierSettingsPage__subtitle,
.ReportPreferencesPage__subtitle {
  margin: 0px;
}
.GeneralSettingsPage__checkboxes,
.OutlierSettingsPage__checkboxes,
.ReportPreferencesPage__checkboxes {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.GeneralSettingsPage__checkboxes-title,
.OutlierSettingsPage__checkboxes-title,
.ReportPreferencesPage__checkboxes-title {
  padding-top: 10px;
  padding-right: 20px;
  font-weight: 500;
}
.GeneralSettingsPage__checkboxes-group,
.OutlierSettingsPage__checkboxes-group,
.ReportPreferencesPage__checkboxes-group {
  padding-top: 10px;
}
.GeneralSettingsPage__checkboxes-group .FancyCheckbox,
.OutlierSettingsPage__checkboxes-group .FancyCheckbox,
.ReportPreferencesPage__checkboxes-group .FancyCheckbox {
  display: block;
  padding-bottom: 15px;
}
.GeneralSettingsPage__summary,
.OutlierSettingsPage__summary,
.ReportPreferencesPage__summary {
  font-weight: 400;
  border: 0;
}
.GeneralSettingsPage__error,
.OutlierSettingsPage__error,
.ReportPreferencesPage__error {
  color: #f03e3e;
  padding-left: 21px;
  margin: 5px 0;
}
.GeneralSettingsPage__footer,
.OutlierSettingsPage__footer,
.ReportPreferencesPage__footer {
  display: flex;
  justify-content: flex-end;
}
.GeneralSettingsPage__submit-buttons,
.OutlierSettingsPage__submit-buttons,
.ReportPreferencesPage__submit-buttons {
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
}
.GeneralSettingsPage__quadrant-fields,
.OutlierSettingsPage__quadrant-fields,
.ReportPreferencesPage__quadrant-fields {
  width: 400px;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.GeneralSettingsPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_4_label,
.GeneralSettingsPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_4_label,
.GeneralSettingsPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_4_label,
.OutlierSettingsPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_4_label,
.OutlierSettingsPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_4_label,
.OutlierSettingsPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_4_label,
.ReportPreferencesPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_4_label,
.ReportPreferencesPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_4_label,
.ReportPreferencesPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_4_label {
  order: 1;
}
.GeneralSettingsPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_1_label,
.GeneralSettingsPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_1_label,
.GeneralSettingsPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_1_label,
.OutlierSettingsPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_1_label,
.OutlierSettingsPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_1_label,
.OutlierSettingsPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_1_label,
.ReportPreferencesPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_1_label,
.ReportPreferencesPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_1_label,
.ReportPreferencesPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_1_label {
  order: 2;
}
.GeneralSettingsPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_2_label,
.GeneralSettingsPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_2_label,
.GeneralSettingsPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_2_label,
.OutlierSettingsPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_2_label,
.OutlierSettingsPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_2_label,
.OutlierSettingsPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_2_label,
.ReportPreferencesPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_2_label,
.ReportPreferencesPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_2_label,
.ReportPreferencesPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_2_label {
  order: 4;
}
.GeneralSettingsPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_3_label,
.GeneralSettingsPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_3_label,
.GeneralSettingsPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_3_label,
.OutlierSettingsPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_3_label,
.OutlierSettingsPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_3_label,
.OutlierSettingsPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_3_label,
.ReportPreferencesPage__quadrant-fields .GeneralSettingsPage__input-label--quadrant_3_label,
.ReportPreferencesPage__quadrant-fields .OutlierSettingsPage__input-label--quadrant_3_label,
.ReportPreferencesPage__quadrant-fields .ReportPreferencesPage__input-label--quadrant_3_label {
  order: 3;
}
.GeneralSettingsPage__quadrants,
.OutlierSettingsPage__quadrants,
.ReportPreferencesPage__quadrants {
  position: relative;
  width: 400px;
  height: 300px;
}
.GeneralSettingsPage__y-axis,
.OutlierSettingsPage__y-axis,
.ReportPreferencesPage__y-axis {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: black;
}
.GeneralSettingsPage__x-axis,
.OutlierSettingsPage__x-axis,
.ReportPreferencesPage__x-axis {
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: black;
}
.GeneralSettingsPage__quadrant-label--quadrant_4_label,
.OutlierSettingsPage__quadrant-label--quadrant_4_label,
.ReportPreferencesPage__quadrant-label--quadrant_4_label {
  position: absolute;
  top: 0;
  left: 0;
}
.GeneralSettingsPage__quadrant-label--quadrant_1_label,
.OutlierSettingsPage__quadrant-label--quadrant_1_label,
.ReportPreferencesPage__quadrant-label--quadrant_1_label {
  position: absolute;
  top: 0;
  right: 0;
}
.GeneralSettingsPage__quadrant-label--quadrant_3_label,
.OutlierSettingsPage__quadrant-label--quadrant_3_label,
.ReportPreferencesPage__quadrant-label--quadrant_3_label {
  position: absolute;
  bottom: 0;
  left: 0;
}
.GeneralSettingsPage__quadrant-label--quadrant_2_label,
.OutlierSettingsPage__quadrant-label--quadrant_2_label,
.ReportPreferencesPage__quadrant-label--quadrant_2_label {
  position: absolute;
  bottom: 0;
  right: 0;
}
.GeneralSettingsPage__save-spinner,
.OutlierSettingsPage__save-spinner,
.ReportPreferencesPage__save-spinner {
  margin-right: 4px;
}
.GeneralSettingsPage__input-label,
.OutlierSettingsPage__input-label,
.ReportPreferencesPage__input-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 0;
}
.GeneralSettingsPage__input-label--error,
.OutlierSettingsPage__input-label--error,
.ReportPreferencesPage__input-label--error {
  color: #fa5252;
}
.GeneralSettingsPage__input-label--enabled,
.OutlierSettingsPage__input-label--enabled,
.ReportPreferencesPage__input-label--enabled {
  color: #228ae6;
}
.GeneralSettingsPage__input-label--disabled,
.OutlierSettingsPage__input-label--disabled,
.ReportPreferencesPage__input-label--disabled {
  color: #868e96;
}
.GeneralSettingsPage__input-label--pad-top,
.OutlierSettingsPage__input-label--pad-top,
.ReportPreferencesPage__input-label--pad-top {
  padding-top: 20px;
}
.GeneralSettingsPage__input-label input,
.OutlierSettingsPage__input-label input,
.ReportPreferencesPage__input-label input,
.GeneralSettingsPage__input-label button,
.OutlierSettingsPage__input-label button,
.ReportPreferencesPage__input-label button {
  margin-top: 5px;
}
.GeneralSettingsPage__input-text,
.OutlierSettingsPage__input-text,
.ReportPreferencesPage__input-text {
  align-self: stretch;
  font-size: 14px;
  border: 1px solid #dee2e6;
  margin-top: 4px;
}
.GeneralSettingsPage__input-text--error,
.OutlierSettingsPage__input-text--error,
.ReportPreferencesPage__input-text--error {
  color: #fa5252;
  border: 1px solid #e03131;
}
.GeneralSettingsPage__input-text--enabled-text,
.OutlierSettingsPage__input-text--enabled-text,
.ReportPreferencesPage__input-text--enabled-text {
  color: #228ae6;
}
.GeneralSettingsPage__input-text--enabled-border,
.OutlierSettingsPage__input-text--enabled-border,
.ReportPreferencesPage__input-text--enabled-border {
  border: 1px solid #3b5bdb;
}
.GeneralSettingsPage__input-text--disabled,
.OutlierSettingsPage__input-text--disabled,
.ReportPreferencesPage__input-text--disabled {
  color: #868e96;
  border: 1px solid gray;
}
.GeneralSettingsPage__input-text--display,
.OutlierSettingsPage__input-text--display,
.ReportPreferencesPage__input-text--display {
  font-weight: 500;
  font-size: 16px;
}
.AdminAlertPage {
  color: #868e96;
}
.AdminAlertPage__data-alert-checkboxes {
  display: flex;
  justify-content: space-around;
  margin: 10px;
  width: 40%;
  font-size: 15px;
}
.AdminAlertPage__spinner {
  margin: 0 auto;
  width: 40px;
}
.AdminAlertPage__user-alert-checkbox {
  margin: 8px;
}
.AdminAlertPage__user-alert-checkbox .FancyCheckbox {
  margin: 10px;
}
.AdminAlertPage__delivery-panel {
  display: flex;
  justify-content: space-between;
}
.AdminAlertPage__select-hour-container label,
.AdminAlertPage__select-hour-container .ValuePicker {
  margin: 10px;
}
.PaginationWrapper {
  display: flex;
  justify-content: space-between;
  margin: 24px 0px;
}
.PaginationWrapper .actions {
  display: flex;
}
.EventEditor {
  margin: 0px 20px;
  padding: 20px 10px;
}
.EventEditor__input-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 0;
}
.EventEditor__input-label--error {
  color: #fa5252;
}
.EventEditor__input-label--enabled {
  color: #228ae6;
}
.EventEditor__input-label--disabled {
  color: #868e96;
}
.EventEditor__input-label--pad-top {
  padding-top: 20px;
}
.EventEditor__input-label input,
.EventEditor__input-label button {
  margin-top: 5px;
}
.EventEditor__input-text {
  align-self: stretch;
  font-size: 14px;
  border: 1px solid #dee2e6;
  margin-top: 4px;
}
.EventEditor__input-text--error {
  color: #fa5252;
  border: 1px solid #e03131;
}
.EventEditor__input-text--enabled-text {
  color: #228ae6;
}
.EventEditor__input-text--enabled-border {
  border: 1px solid #3b5bdb;
}
.EventEditor__input-text--disabled {
  color: #868e96;
  border: 1px solid gray;
}
.EventEditor__input-text--display {
  font-weight: 500;
  font-size: 16px;
}
.EventEditor__input-row {
  display: flex;
  overflow: hidden;
  align-items: center;
  padding-top: 10px;
}
.EventEditor__input-row--repeating-options,
.EventEditor__input-row--update-future {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 20px;
  margin-top: 10px;
}
.EventEditor__input-label {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 10px 4px;
  margin-top: -8px;
  margin-bottom: 4px;
  align-self: stretch;
}
.EventEditor__input-label--timezone {
  flex: 1 1 120px;
}
.EventEditor__input-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 16px 8px;
  box-sizing: border-box;
  height: 55px;
  background-color: white;
  margin-top: 5px;
  flex: 1;
}
.EventEditor__input-text::-webkit-clear-button {
  display: none;
}
.EventEditor__input-text--disabled {
  opacity: 0.5;
}
.EventEditor__input-separator {
  margin: 0px 10px;
  font-weight: 500;
}
.EventEditor .FancyCheckbox {
  margin: 0 5px;
}
.EventEditor .FancyRadio {
  margin: 0 5px 0 20px;
  white-space: nowrap;
}
.EventEditor .FancyRadio__label {
  margin-left: 10px;
}
.EventEditor__recurring-end-label {
  margin-right: 100px;
}
.EventEditor__update-future-label {
  margin-right: 50px;
}
.EventEditor__error-message {
  margin: 0;
  color: #fa5252;
}
.CreateEventsModal__add-another-button,
.EditEventModal__add-another-button {
  width: 100%;
}
.CreateEventsModal__footer-content,
.EditEventModal__footer-content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.CreateEventsModal__cancel-button,
.EditEventModal__cancel-button {
  margin-left: auto;
}
.EditorModal.CreateEventsModal,
.EditorModal.EditEventModal {
  width: 750px;
}
.EditorModal__content.CreateEventsModal__content:before,
.EditorModal__content.EditEventModal__content:before,
.EditorModal__content.CreateEventsModal__content:after,
.EditorModal__content.EditEventModal__content:after {
  content: '';
  display: block;
  height: 50px;
  background-color: #f8f9fa;
}
.EditorModal__content.CreateEventsModal__content:before,
.EditorModal__content.EditEventModal__content:before {
  border-bottom: 1px solid #ced4da;
}
.EditorModal__content.CreateEventsModal__content:after,
.EditorModal__content.EditEventModal__content:after {
  border-top: 1px solid #ced4da;
}
.CreateEventsModalEventsList {
  position: relative;
}
.CreateEventsModalEventsList__header {
  width: 100%;
  position: absolute;
  top: -37px;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.CreateEventsModalEventsList__title {
  margin-left: 60px;
  font-weight: 500;
  font-size: 14px;
  color: #868e96;
}
.CreateEventsModalEventsList__clear-all-button {
  margin: 0 20px 5px 0;
}
.CreateEventsModalEventsList__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 40px;
}
.CreateEventsModalEventsList__no-events {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 35px;
  color: #868e96;
  font-size: 18px;
  font-weight: 500;
}
.CreateEventsModalEventSummary {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.CreateEventsModalEventSummary:last-child {
  border-bottom: 0;
}
.CreateEventsModalEventSummary__name {
  font-size: 18px;
  font-weight: 500;
}
.CreateEventsModalEventSummary__schedule {
  color: #868e96;
}
.CreateEventsModalEventSummary__actions {
  display: flex;
  align-items: center;
}
.main-content.reports.dev-snapshot .filter-bar-wrapper {
  justify-content: space-between;
}
.DevSnapshot {
  margin: 0 -6px;
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.DevSnapshot .report__panel {
  display: flex;
  justify-content: center;
  padding: 20px;
  margin: 0 6px 30px 6px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  width: 100%;
  flex: 1 1 auto;
}
.DevSnapshot .report__panel--feedback,
.DevSnapshot .report__panel--stats {
  flex-direction: column;
}
@media screen and (min-width: 957px) {
  .DevSnapshot .report__panel--feedback,
  .DevSnapshot .report__panel--stats {
    flex-direction: row;
  }
}
@media screen and (min-width: 1257px) {
  .DevSnapshot .report__panel--feedback,
  .DevSnapshot .report__panel--stats {
    width: 38%;
    flex-direction: column;
  }
}
@media screen and (min-width: 1920px) {
  .DevSnapshot .report__panel--feedback,
  .DevSnapshot .report__panel--stats {
    flex-direction: row;
  }
}
.DevSnapshot .report__panel--feedback {
  justify-content: space-between;
}
.DevSnapshot .report__panel--commits {
  display: block;
}
.DevSnapshot .report__panel--stats,
.DevSnapshot .report__panel--commits {
  padding: 20px 40px;
}
.DevSnapshot .report__panel__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.DevSnapshot .report__panel__heading {
  font-weight: 400;
  font-size: 18px;
  color: #343a40;
  margin: 20px 0;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.DevSnapshot .report__panel__heading .ContextMenuTrigger {
  position: absolute;
}
.DevSnapshot .report__panel__heading .username-spacer {
  visibility: hidden;
  margin-left: 7px;
  margin-right: 5px;
}
.DevSnapshot .report__panel__legend {
  display: flex;
  align-items: center;
  color: #343a40;
}
.DevSnapshot .report__panel__legend img {
  height: 24px;
  margin-right: 8px;
}
.DevSnapshot .author_feedback {
  display: flex;
  min-height: 240px;
  flex: 1 1 auto;
}
.DevSnapshot .author_feedback__avatar > img {
  width: 62px;
  height: 62px;
  border-radius: 6px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.DevSnapshot .author_feedback__content {
  margin: 0 20px;
  padding-top: 10px;
}
.DevSnapshot .author_feedback__heading {
  color: #adb5bd;
  font-size: 16px;
  font-weight: 400;
  margin: 5px 0;
}
.DevSnapshot .author_feedback__advice {
  font-size: 21px;
  margin-top: 0;
  margin-bottom: 10px;
}
.DevSnapshot .author_feedback__explanation {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
}
.DevSnapshot .author_feedback__explanation > strong {
  background-color: rgba(248, 231, 28, 0.2);
}
.DevSnapshot .author_feedback .Dropdown__trigger {
  white-space: normal;
  text-align: left;
  display: inline-flex;
}
.DevSnapshot .author_feedback .Dropdown__trigger .InfiniteListPicker__trigger-summary {
  border-bottom: 1px dotted #343a40;
  font-size: 36px;
  font-weight: 400;
  margin-left: 0;
  word-break: break-all;
  line-height: inherit;
  display: inline;
}
.DevSnapshot .author_feedback .Dropdown__trigger .InfiniteListPicker__trigger-summary:hover {
  border-bottom: 1px solid #343a40;
}
.DevSnapshot .author_feedback .Dropdown__trigger .InfiniteListPicker__trigger-icon {
  color: #4dadf7 !important;
}
.DevSnapshot .author_scatter {
  align-self: center;
  flex: 0 0 auto;
  margin: 0;
}
.DevSnapshot .commit_risk {
  flex: 1 0 auto;
  flex-direction: column;
  display: flex;
  padding-top: 0;
}
.DevSnapshot .commit_risk svg:not(.Icon) {
  height: 240px;
  margin-right: 20px;
}
.DevSnapshot .author_focus {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.DevSnapshot .author_focus svg:not(.Icon) {
  height: 235px;
  width: 100%;
  margin-left: 16px;
}
.DevSnapshot .commit_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.DevSnapshot .commit_list table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
}
.DevSnapshot .commit_list th {
  text-align: left;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #adb5bd;
}
.DevSnapshot .commit_list td {
  vertical-align: top;
  padding: 10px;
  color: #495057;
}
.DevSnapshot .commit_list__commit {
  height: 70px;
}
.DevSnapshot .commit_list__commit--first {
  border-top: 1px dashed #adb5bd;
}
.DevSnapshot .commit_list__commit--first .commit_list__date {
  visibility: visible;
}
.DevSnapshot .commit_list__date {
  visibility: hidden;
}
.DevSnapshot .commit_list__time {
  text-align: right;
}
.DevSnapshot .commit_list__circle {
  text-align: center;
  position: relative;
}
.DevSnapshot .commit_list__circle > div {
  margin: auto;
  background-color: 'white';
}
.DevSnapshot .commit_list__circle > div:after {
  content: '';
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  border-right: 1px solid #adb5bd;
  z-index: var(--z-sub);
}
.DevSnapshot .commit_list__message a {
  color: #495057;
  text-decoration: none;
}
.DevSnapshot .commit_list__message a:hover {
  color: #3b5bdb;
  text-decoration: underline;
}
.DevSnapshot .commit_list__focus {
  width: 20%;
}
@media screen and (min-width: 1257px) {
  .DevSnapshot .commit_list__focus {
    width: 40%;
  }
}
.DevSnapshot .commit_list__focus svg {
  width: 80%;
  height: 36px;
}
.DevSnapshot .commit_list__show_all {
  text-align: center;
  padding: 20px 0;
}
.DevSnapshot .VictoryContainer svg + div {
  z-index: var(--z-base) !important;
}
.EditCommitGroupModal__description {
  line-height: 1.5;
}
.EditCommitGroupModal__error {
  margin: 10px 20px;
}
.EditCommitGroupModal__content:after {
  display: none;
}
.EditCommitGroupModal__footer {
  justify-content: flex-end;
}
.EditCommitGroupModal__user-picker {
  padding: 0 16px;
}
.EditCommitGroupModal__user-picker .SearchBox__header {
  background-color: white;
}
.EditCommitGroupModal__user-list-header {
  background-color: #f8f9fa;
  padding: 20px 34px 10px 32px;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
}
.EditCommitGroupModal__user-list-header > span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
.EditCommitGroupModal__user-list-header-name {
  color: #868e96;
}
.EditCommitGroupModal__user-list-header-clear {
  color: #fa5252;
  cursor: pointer;
}
.EditCommitGroupModal__user-list-header-clear:hover {
  text-decoration: underline;
}
.EditCommitGroupModal__user-spinner {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.EditCommitGroupModal__user-list {
  height: 200px;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  background-color: #f8f9fa;
}
.EditCommitGroupModal__user-list-placeholder {
  background-color: white;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.EditCommitGroupModal__user-list-placeholder h4 {
  font-size: 24px;
  color: #868e96;
  margin-bottom: 0;
  font-weight: 400;
}
.EditCommitGroupModal__user-list-placeholder p {
  padding: 0 25%;
  color: #adb5bd;
  text-align: center;
}
.EditCommitGroupModal__user-item {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px 12px 32px;
  border-bottom: 1px solid #dee2e6;
  background-color: white;
}
.EditCommitGroupModal__user-summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.EditCommitGroupModal__user-name {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  padding: 5px 0;
}
.EditCommitGroupModal__user-name,
.EditCommitGroupModal__user-path {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.EditCommitGroupModal__user-actions .Button {
  border-radius: 100px;
}
.MetricTabBar {
  display: flex;
  justify-content: center;
  min-width: 750px;
  overflow: hidden;
  position: relative;
}
.MetricTabBar #horizontal-divider-line-hack {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #dee2e6;
}
.fundamentals-main-chart-container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 2fr 11fr;
}
.report-nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.MetricTab {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  padding: 13px 16px 0 16px;
  border: 1px solid #dee2e6;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  color: #343a40;
  z-index: 100;
}
.MetricTab.active,
.MetricTab:hover {
  box-shadow: 0 4px 15px 0 rgba(52, 58, 64, 0.2);
}
.MetricTab.active {
  z-index: 200;
  border: 1px solid #adb5bd;
  border-bottom: 1px solid #fff;
}
.MetricTab .average-value {
  font-weight: 500;
}
/**
 * This hack is necessary to adjust one instance of the TeamPicker's
 * appearance, just for the Fundamentals report.
 */
#team-picker-font-size-hack .ValuePicker__summary {
  font-size: 21px;
  letter-spacing: -0.2px;
}
.main-content.reports.fundamentals .main-chart .VictoryContainer svg {
  overflow: visible;
}
.WeekBar {
  cursor: pointer;
}
.HomePage__header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  border-top: 2px solid #3b5bdb;
}
.HomePage__header .alert.alert-warning.alert-lg {
  margin-top: 53px;
  margin-bottom: 0;
  width: 100%;
  max-width: 1097px;
}
.HomePage__header h1 {
  font-size: 28px;
  font-weight: 500;
  color: #343a40;
  margin-bottom: 0;
}
.HomePage__header h3 {
  font-size: 18px;
  font-weight: 400;
  color: #343a40;
}
.ResourcesSection {
  padding: 53px 20px 84px 20px;
}
.ResourcesSection h1 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #343a40;
  line-height: 1.5;
}
.ResourcesSection h2 {
  font-size: 22px;
  font-weight: 500;
  color: #495057;
  margin-top: 0;
  margin-bottom: 0.8em;
}
.ResourcesSection__wrapper {
  max-width: 1097px;
  margin: auto;
}
.ResourcesSection__cards {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ResourcesSection__cards .card {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  max-width: 345px;
  width: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
}
.ResourcesSection__cards .two-up.card {
  max-width: 720px;
  width: calc(100% - 30px);
  margin-left: 30px;
}
.ResourcesSection .CardList {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.ResourcesSection .CardList .col-1,
.ResourcesSection .CardList .col-2 {
  display: flex;
  flex-direction: column;
}
.ResourcesSection .CardList__item {
  font-size: 16px;
  font-weight: 400;
  color: #3b5bdb;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  padding: 12px 20px;
  border-bottom: 1px solid #e9ecef;
  box-sizing: border-box;
}
.ResourcesSection .CardList__item:first-of-type {
  border-top: 1px solid #e9ecef;
}
.ResourcesSection .CardList a:hover {
  background: rgba(59, 91, 219, 0.08);
}
.ResourcesSection .CodeReviewBestPractices .col-1 {
  width: 100%;
}
.ResourcesSection .EngineeringImpact .col-1,
.ResourcesSection .EngineeringImpact .col-2 {
  width: calc(50% - 10px);
}
.ResourcesSection .EngineeringImpact .Button {
  margin-top: 25px;
  align-self: center;
  width: calc(100% - 40px);
}
.ResourcesSection .Button {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  background-color: #3b5bdb;
  text-align: center;
  border-radius: 0;
  border: 0px solid transparent;
  padding: 10px;
  transition: 0.25s all ease-in-out;
}
.ResourcesSection .Button:hover {
  background-color: #2546c8 !important;
}
.ResourcesSectionPSDS__cards {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ResourcesSectionPSDS__cards .card {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  max-width: 345px;
  width: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
}
.ResourcesSectionPSDS__cards .two-up.card {
  max-width: 720px;
  width: calc(100% - 30px);
  margin-left: 30px;
}
.ResourcesSectionPSDS .CardList {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.ResourcesSectionPSDS .CardList .col-1,
.ResourcesSectionPSDS .CardList .col-2 {
  display: flex;
  flex-direction: column;
}
.ResourcesSectionPSDS .CardList__item {
  font-size: 16px;
  font-weight: 400;
  color: #3b5bdb;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  padding: 12px 20px;
  border-bottom: 1px solid #e9ecef;
  box-sizing: border-box;
}
.ResourcesSectionPSDS .CardList a:hover {
  background: rgba(59, 91, 219, 0.08);
}
.ResourcesSectionPSDS .CodeReviewBestPractices .col-1 {
  width: 100%;
}
.ResourcesSectionPSDS .EngineeringImpact .col-1,
.ResourcesSectionPSDS .EngineeringImpact .col-2 {
  width: calc(50% - 10px);
}
.ResourcesSectionPSDS .EngineeringImpact .Button {
  margin-top: 25px;
  align-self: center;
  width: calc(100% - 40px);
}
.ResourcesSectionPSDS .Button {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  background-color: #3b5bdb;
  text-align: center;
  border-radius: 0;
  border: 0px solid transparent;
  padding: 10px;
  transition: 0.25s all ease-in-out;
}
.ResourcesSectionPSDS .Button:hover {
  background-color: #2546c8 !important;
}
.ReportSuggestionsSectionPSDS {
  padding: 53px 20px;
  padding-top: 84px;
  padding-bottom: 71px;
  overflow: hidden;
}
.ReportSuggestionsSectionPSDS h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: #495057;
  line-height: 1.5;
}
.ReportSuggestionsSectionPSDS__wrapper {
  max-width: 100%;
  background: var(--flow-colors-background-dark-1);
}
.ReportSuggestionsSectionPSDS__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.ReportSuggestionsSectionPSDS--collapsed .ReportSuggestionsSectionPSDS__header {
  margin-bottom: 0;
}
.ReportSuggestionsSectionPSDS__cards-appear {
  transform: translateY(-15px);
  height: 0;
  opacity: 0;
}
.ReportSuggestionsSectionPSDS__cards-appear-done {
  opacity: 1;
  height: auto;
}
.ReportSuggestionsSectionPSDS__cards-appear-active {
  transform: translateY(0px);
  opacity: 1;
  height: auto;
  transition: transform 250ms ease-in-out, opacity 50ms ease-in-out, height 450ms ease-in-out;
}
.ReportSuggestionsSectionPSDS__cards-exit {
  transform: translateY(0px);
  height: auto;
  opacity: 1;
}
.ReportSuggestionsSectionPSDS__cards-exit-done {
  opacity: 0;
  height: 0;
  transition: transform 250ms ease-in-out, opacity 50ms ease-in-out, height 450ms ease-in-out;
}
.ReportSuggestionsSectionPSDS__cards-exit-active {
  transform: translateY(-15px);
  opacity: 0;
  height: 0;
  transition: transform 250ms ease-in-out, opacity 50ms ease-in-out, height 450ms ease-in-out;
}
.ReportSuggestionsSectionPSDS .Card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ReportSuggestionsSectionPSDS .col-1,
.ReportSuggestionsSectionPSDS .col-2 {
  width: calc(50% - 10px);
}
.ReportSuggestionsSectionPSDS .suggestion-card-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background: inherit;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  transition: 0.2s all ease-in-out;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row div {
  width: 100%;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 7px;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row h3 {
  font-size: 18px;
  font-weight: 500;
  color: #343a40;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row p {
  font-size: 11px;
  font-weight: 400;
  color: #868e96;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  line-height: 1.5;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row .right {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row .right .Button {
  background: #fff;
  line-height: 0;
  opacity: 0;
  transform: translateX(0px);
  transition: 0.2s all ease-in-out;
  z-index: 200;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row:hover h3 {
  font-size: 18px;
  font-weight: 500;
  color: #3b5bdb;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row:hover p {
  font-size: 11px;
  font-weight: 500;
  color: #3b5bdb;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row:hover .right {
  visibility: visible;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row:hover .right:after {
  content: '';
  background: linear-gradient(to right, rgba(237, 242, 255, 0), #edf2ff, #edf2ff);
  height: 100%;
  width: calc(100% + 240px);
  position: absolute;
  right: 0;
  z-index: 100;
}
.ReportSuggestionsSectionPSDS .suggestion-card-row:hover .right .Button {
  opacity: 1;
  transform: translateX(-20px);
}
.ReportSuggestionsSectionPSDS .suggestion-card-row:hover .right .Button:hover {
  background-color: #e1e6f2;
}
#ReportsCarouselSectionHeading {
  padding: var(--flow-layout-spacing-xSmall);
  align-items: center;
  justify-content: center;
  background: var(--flow-colors-background-dark-4);
  width: 100%;
}
.ReportsCarouselSection .carousel-container {
  margin-bottom: 2rem;
}
.ReportsCarouselSection .carousel-container .carousel-heading {
  font-size: 18px;
  line-height: var(--flow-layout-spacing-large);
  font-weight: bold;
  margin-bottom: var(--flow-layout-spacing-medium);
}
.KnowledgeSharing__chart,
.KnowledgeSharingChart__chart {
  flex: 1;
}
.KnowledgeSharing .Tile h3,
.KnowledgeSharingChart .Tile h3 {
  font-size: 14px;
  margin-bottom: 3px;
  line-height: normal;
}
.KnowledgeSharing__chart-header,
.KnowledgeSharingChart__chart-header {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.KnowledgeSharing__chart-header--sharing,
.KnowledgeSharingChart__chart-header--sharing {
  margin-bottom: 0;
}
.KnowledgeSharing__chart-title,
.KnowledgeSharingChart__chart-title {
  font-size: 18px;
  margin: 0;
  flex: 1 0 0;
}
.KnowledgeSharing__chart-legend-list,
.KnowledgeSharingChart__chart-legend-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.KnowledgeSharing__chart-legend-item,
.KnowledgeSharingChart__chart-legend-item {
  display: inline-block;
  margin-left: 24px;
}
.KnowledgeSharing__chart-legend-label,
.KnowledgeSharingChart__chart-legend-label {
  color: #868e96;
  margin-left: 6px;
}
.KnowledgeSharing__sharing-tooltip {
  position: fixed;
  background-color: white;
  color: #495057;
  border: 1px solid #212529;
  border-radius: 2px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 4px 6px;
  font-size: 11px;
  line-height: 14px;
}
.KnowledgeSharing__sharing-tooltip ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.KnowledgeSharing__search {
  display: inline-block;
}
.KnowledgeSharing__search .SearchBox {
  height: 36px;
}
.KnowledgeSharingIndex__info-icon {
  color: #adb5bd;
  margin-left: 10px;
}
.KnowledgeSharingIndex__label {
  font-size: 12px;
  color: #495057;
  display: flex;
  align-items: center;
  font-weight: 100;
  margin-top: 5px;
}
.KnowledgeSharingIndex__label--first {
  margin-top: 12px;
}
.KnowledgeSharingIndex__value {
  color: #495057;
  font-size: 32px;
  font-weight: 500;
}
.KnowledgeSharingChart {
  display: flex;
}
.KnowledgeSharingChart__index-card {
  flex: 0 0 175px;
  width: 175px;
  margin-top: 40px;
}
.ReviewRadarChart {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
}
svg.ReviewRadarChart {
  width: 100%;
  overflow: visible;
}
.ReviewRadarChart__axis-line,
.ReviewRadarChart__axis-tick {
  stroke: #212529;
  stroke-width: 1;
}
.ReviewRadarChart__axis-title,
.ReviewRadarChart__axis-label {
  -webkit-user-select: none;
          user-select: none;
  font-size: 11px;
  letter-spacing: 0.5px;
  fill: #495057;
  font-weight: 500;
  alignment-baseline: central;
}
.ReviewRadarChart__axis-label {
  text-transform: uppercase;
}
.ReviewRadarChart__review-line {
  stroke: #228ae6;
  stroke-opacity: 0;
}
.fade-enter-active .ReviewRadarChart__review-line,
.fade-exit .ReviewRadarChart__review-line,
.ReviewRadarChart__review-line .fade-exit-active {
  transition: stroke-opacity 200ms ease;
}
.fade-enter-active .ReviewRadarChart__review-line,
.fade-enter-done .ReviewRadarChart__review-line {
  stroke-opacity: 0.25;
}
.ReviewRadarChart__participant {
  cursor: pointer;
}
.ReviewRadarChart__participant circle {
  fill: #228ae6;
  fill-opacity: 0.25;
  stroke: #228ae6;
  stroke-width: 1;
  stroke-opacity: 1;
  transition: fill 200ms ease, fill-opacity 200ms ease, stroke-opacity 200ms ease;
}
.ReviewRadarChart__participant--nonTeamMember circle {
  fill: white;
  fill-opacity: 1;
}
.ReviewRadarChart__participant--selected circle,
.ReviewRadarChart__participant--reviewed circle {
  fill: white;
  fill-opacity: 1;
}
.ReviewRadarChart__participant--unselected circle,
.ReviewRadarChart__participant--deemphasized circle {
  fill-opacity: 0.1;
  stroke-opacity: 0.1;
}
.ReviewRadarChart__participant--emphasized circle {
  fill-opacity: 0.75;
}
.ReviewRadarChart__participant--emphasized.ReviewRadarChart__participant--nonTeamMember circle {
  fill-opacity: 0;
}
.ReviewRadarChart__participant-bundle circle {
  fill: #ccedff;
  fill-opacity: 1;
  stroke: #228ae6;
  stroke-width: 1;
  stroke-opacity: 1;
  transition: r 200ms ease, fill 200ms ease, fill-opacity 200ms ease, stroke-opacity 200ms ease;
}
.ReviewRadarChart__participant-bundle text {
  fill: #1b6ec2;
  font-size: 12px;
  font-weight: bold;
  -webkit-user-select: none;
          user-select: none;
}
.ReviewRadarChart__participant-bundle--unselected circle,
.ReviewRadarChart__participant-bundle--deemphasized circle {
  fill-opacity: 0.5;
  stroke-opacity: 0.5;
}
.ReviewRadarChart__participant-bundle--unselected text,
.ReviewRadarChart__participant-bundle--deemphasized text {
  fill-opacity: 0.3;
}
.ReviewRadarChart__participant-bundle--selected circle {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.ReviewRadarChart__participant-name text {
  pointer-events: none;
}
.ReviewRadarChart__participant-name--selected text {
  font-weight: normal;
  font-size: 12px;
  text-anchor: middle;
}
.ReviewRadarChart__participant-name--reviewed text {
  font-size: 9px;
}
.ReviewRadarChart__participant--selected > g,
.ReviewRadarChart__participant-name--selected > g,
.ReviewRadarChart__participant--reviewed > g,
.ReviewRadarChart__participant-name--reviewed > g {
  transition: all 200ms ease;
}
.scale-enter-active .ReviewRadarChart__participant,
.scale-enter-active .ReviewRadarChart__participant-name {
  transition: none;
}
.scale-enter-active .ReviewRadarChart__participant > g,
.scale-enter-active .ReviewRadarChart__participant-name > g,
.scale-enter-done .ReviewRadarChart__participant > g,
.scale-enter-done .ReviewRadarChart__participant-name > g {
  transform: translate(0, 0) scale(1, 1) !important;
}
.scale-exit .ReviewRadarChart__participant,
.scale-exit .ReviewRadarChart__participant-name,
.scale-exit-active .ReviewRadarChart__participant,
.scale-exit-active .ReviewRadarChart__participant-name {
  transition: all 200ms ease;
  opacity: 0;
}
.move-enter-active .ReviewRadarChart__participant,
.move-enter-active .ReviewRadarChart__participant-name {
  transition: none;
}
.move-exit .ReviewRadarChart__participant,
.move-exit .ReviewRadarChart__participant-name,
.move-exit-active .ReviewRadarChart__participant,
.move-exit-active .ReviewRadarChart__participant-name {
  opacity: 0;
  transition: all 200ms ease;
}
.AddMessages {
  border-radius: 2px;
  margin: 10px;
  padding: 10px;
  font-size: 15px;
  line-height: 20px;
}
.AddMessages--noMessages {
  background: rgba(59, 91, 219, 0.02);
  border: 1px solid rgba(59, 91, 219, 0.14);
}
.AddMessages__title {
  position: relative;
  background: white;
  top: -22px;
  font-size: x-small;
  font-weight: bold;
  color: #868e96;
  padding: 0px 5px;
  text-transform: uppercase;
}
.EmptyMessageComponent__add-message {
  margin: 80px 0;
}
.EmptyMessageComponent__description {
  margin-bottom: 25px !important;
}
.MiniRuleMessageTable {
  margin-top: -25px;
}
.NewMessages__display-name {
  font-weight: bold;
  margin-left: 20px;
}
.NewMessages__delete {
  margin-top: -1px;
  cursor: pointer;
}
.NewMessages__edit {
  padding: 15px;
}
.NewMessages__rule-message {
  margin: 7px !important;
  justify-self: flex-start;
  font-size: 12px;
  font-weight: bolder;
}
.NewMessages__faux-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 25px;
}
.NewMessages__message-table {
  border-radius: 2px;
  border: 1px solid #dee2e4;
  margin: 10px;
  font-size: 15px;
  line-height: 20px;
}
.ConfigureScope,
.DeliverySettings {
  margin: 50px 0;
}
.ConfigureScope__divider,
.DeliverySettings__divider {
  border-bottom: 1px solid #dee2e6;
  margin: 35px 0px 55px;
}
.ConfigureScope__divider p,
.DeliverySettings__divider p {
  position: relative;
  background: white;
  top: 10px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(73, 80, 87, 0.5);
  padding: 0px 2px;
  width: 15%;
}
.ConfigureScope .NotificationsResultContainer__title,
.DeliverySettings .NotificationsResultContainer__title {
  left: 0px;
}
.CreateRulePage {
  height: 100%;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  background-color: #f7f9fb;
  flex: 1;
  margin: 0;
}
.CreateRulePage__white {
  background-color: #fff;
}
.CreateRulePage__main-content,
.CreateRulePage__main-content-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  height: inherit;
  overflow: auto;
  flex: 1 1 !important;
}
@media (max-width: 450px) {
  .page-skeleton--settings .CreateRulePage__main-content,
  .page-skeleton--settings .CreateRulePage__main-content-container {
    padding: 24px 0;
  }
}
.CreateRulePage__scroll-area {
  flex: 1 1 0;
  overflow-y: auto;
}
.CreateRulePage__scroll-area__main-content {
  padding-bottom: 40px;
}
.CreateRuleFooter {
  flex: 0 0 auto;
  border: 1px solid #ced4da;
  padding: 15px 178px;
  overflow: hidden;
  background-color: #fff;
}
.CreateRuleFooter .right-side {
  float: right;
}
.CreateRuleFooter .right-side .link {
  margin-right: 10px;
}
.CreateRuleFooter .left-side {
  float: left;
}
.CreateRuleStep--pointer {
  cursor: pointer;
}
.CreateRuleStep--active {
  color: #3b5bdb !important;
  font-weight: 500;
}
.CreateRuleWizard {
  flex: 0 0 auto;
  flex-direction: row;
  margin: 0;
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}
.CreateRuleWizard__steps {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.CreateRuleWizard li {
  margin-left: 10px;
  margin-right: 10px;
  color: #adb5bd;
  display: inline-block;
  font-size: 18px;
}
.CreateRuleWizardLayout {
  text-align: center;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(73, 80, 87, 0.1), 0 2px 9px 0 rgba(73, 80, 87, 0.2);
  margin-top: 100px;
  padding: 30px 60px;
}
.CreateRuleWizardLayout p {
  color: #868e96;
  margin: auto;
}
.CreateRuleWizardLayout__content {
  margin: 30px 0;
  flex: 1;
}
.FancyRadio {
  padding: 15px;
  margin-right: 0px;
}
.FancyRadio__box {
  margin: 15px 0px 0px 13px;
}
.FancyRadio--checked {
  background: rgba(59, 91, 219, 0.02);
  border: 1px solid rgba(59, 91, 219, 0.14);
  border-radius: 2px;
}
.LabeledInput label {
  color: grey;
  font-weight: bold;
}
.LabeledInput input {
  width: 95%;
}
.RuleTypeStep__header {
  display: flex;
  margin-left: 28px;
  margin-top: -17px;
  font-size: 16px !important;
}
.RuleTypeStep__description {
  color: #868e96;
  font-weight: 600;
}
.RuleTypeStep__description--title {
  color: #495057 !important;
  margin-left: 8px;
}
.RuleTypeStep__description--info {
  font-weight: 500;
  font-size: 0.8em;
  padding-left: 25px;
  padding-top: 4px;
  text-align: start;
}
.RuleTypeStep__divider {
  border-bottom: 1px solid #dee2e6;
  margin: 35px 0px;
}
.RuleTypeStep__radio {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05) !important;
}
.NotificationsResultContainer {
  margin: 10px;
  padding: 10px;
  font-size: 15px;
  line-height: 20px;
}
.NotificationsResultContainer--border {
  border: 1px solid #dee2e6;
}
.NotificationsResultContainer__title {
  position: relative;
  background: white;
  top: -22px;
  font-size: x-small;
  font-weight: bold;
  color: #868e96;
  padding: 0px 5px;
}
.NotificationsResultDropdownField .Button,
.NotificationsResultSearchField .Button {
  margin: 0px;
  border-radius: 0px;
  border: 1px solid #dee2e6;
  height: 44px;
  border-left-width: 0px;
  background-color: rgba(59, 91, 219, 0.08);
  color: #3b5bdb;
}
.NotificationsResultDropdownField__input-text,
.NotificationsResultSearchField__input-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 16px 8px;
  box-sizing: border-box;
  height: 55px;
  background-color: white;
  margin-top: 5px;
  flex: 1;
  width: 100%;
  align-self: stretch;
  font-size: 14px;
  border: 1px solid #dee2e6;
}
.NotificationsResultDropdownField__input-text::-webkit-clear-button,
.NotificationsResultSearchField__input-text::-webkit-clear-button {
  display: none;
}
.NotificationsResultDropdownField__input-text--disabled,
.NotificationsResultSearchField__input-text--disabled {
  opacity: 0.5;
}
.NotificationsResultDropdownField .SearchBox__icon,
.NotificationsResultSearchField .SearchBox__icon {
  width: 30px;
  color: #dee2e6;
}
.NotificationsResultDropdownField .SearchBox,
.NotificationsResultSearchField .SearchBox {
  box-shadow: none;
  border: 1px solid #dee2e6;
  border-right-width: 0px;
  border-radius: 0px;
  height: 44px;
}
.NotificationsResultDropdownField .SearchBox__icon,
.NotificationsResultSearchField .SearchBox__icon {
  width: 30px;
  color: #dee2e6;
}
.NotificationsResultDropdownField .SearchBox__header,
.NotificationsResultSearchField .SearchBox__header {
  display: flex;
  background: none;
}
.NotificationsResultDropdownField .SearchBox__suggestion,
.NotificationsResultSearchField .SearchBox__suggestion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 20px 10px 20px;
  overflow: hidden;
}
.NotificationsResultDropdownField__result,
.NotificationsResultSearchField__result {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.NotificationsResultDropdownField__result-avatar,
.NotificationsResultSearchField__result-avatar {
  margin: 2px 2px 0 0;
}
.NotificationsResultDropdownField__result-title,
.NotificationsResultSearchField__result-title {
  margin-left: 10px;
}
.NotificationsResultDropdownField__result-name,
.NotificationsResultSearchField__result-name {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  padding: 5px 0;
}
.NotificationsResultDropdownField__result-name--disabled,
.NotificationsResultSearchField__result-name--disabled {
  color: #adb5bd;
}
.NotificationsResultDropdownField__result-name,
.NotificationsResultSearchField__result-name,
.NotificationsResultDropdownField__result-path,
.NotificationsResultSearchField__result-path {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.NotificationsResultDropdownField__result-path-segment,
.NotificationsResultSearchField__result-path-segment {
  display: inline-block;
  color: #adb5bd;
  font-size: 13px;
}
.NotificationsResultDropdownField__result-path-segment--main,
.NotificationsResultSearchField__result-path-segment--main {
  color: #868e96;
  font-weight: 500;
}
.NotificationsResultDropdownField__result-path-separator,
.NotificationsResultSearchField__result-path-separator {
  margin: 0 4px;
}
.NotificationsResultDropdownField .SearchBox__result,
.NotificationsResultSearchField .SearchBox__result {
  width: 30px;
  color: #dee2e6;
}
.NotificationsResultDropdownField {
  margin-bottom: 20px;
}
.SelectedResultRow {
  margin: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(73, 80, 87, 0.1), 0 2px 9px 0 rgba(73, 80, 87, 0.2);
  padding: 15px;
  font-weight: bolder;
}
.SelectedResultRow__description {
  color: #868e96;
}
.SelectedResultRow__result {
  display: flex;
  flex-direction: row;
}
.SelectedResultRow__title {
  font-size: 18px;
}
.SelectedResultRow__title--hasAvatar {
  margin: 3px;
}
.SelectedResultRow__remove-button {
  margin: 0px;
}
.SelectedResultRow__result-avatar {
  color: #343a40;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 12px;
}
.SelectedResultContainer {
  max-height: 200px;
  overflow-y: scroll;
}
.SelectedResultContainer__title {
  font-size: x-small;
  font-weight: bold;
  color: #868e96;
  margin-left: 10px;
}
.SliderToggle--small {
  margin: -6px 7px;
}
.all-results {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #3b5bdb !important;
}
.RuleDetailsSummary,
.RuleDetailsSummaryFooter {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 30px;
}
.RuleDetailsSummary__edit-div,
.RuleDetailsSummaryFooter__edit-div {
  text-align: right;
  margin-top: 10px;
}
.RuleDetailsSummary__name,
.RuleDetailsSummaryFooter__name {
  align-self: center;
  font-size: 21px;
  line-height: 28px;
  margin: 10px;
}
.RuleDetailsSummary__details,
.RuleDetailsSummaryFooter__details {
  align-self: center;
  font-size: 16px;
}
.RuleDetailsSummary__details--description,
.RuleDetailsSummaryFooter__details--description {
  color: #adb5bd;
  margin-top: 8px;
}
.RuleDetailsSummary__details--placement,
.RuleDetailsSummaryFooter__details--placement {
  margin-top: 15px;
}
.RuleDetailsSummary__details--type,
.RuleDetailsSummaryFooter__details--type {
  margin-top: 10px;
}
.RuleDetailsSummary__box,
.RuleDetailsSummaryFooter__box {
  margin-top: 38px;
}
.RuleDetailsSummary__description,
.RuleDetailsSummaryFooter__description {
  color: #adb5bd;
  align-self: center;
}
.RuleDetailsSummary__refresh-button,
.RuleDetailsSummaryFooter__refresh-button {
  margin-top: 15px;
}
.RuleDetailsSummary__toggle,
.RuleDetailsSummaryFooter__toggle {
  align-self: center;
  margin-top: 10px;
}
.RuleDetailsSummary__toggle label,
.RuleDetailsSummaryFooter__toggle label {
  margin-left: 10px;
}
.RuleDetailsSummary__summary-row,
.RuleDetailsSummaryFooter__summary-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 13px 0;
  border-top: 1px solid #ced4da;
  min-height: 53px;
}
.RuleDetailsSummary__summary-row:last-of-type,
.RuleDetailsSummaryFooter__summary-row:last-of-type {
  border-bottom: 1px solid #ced4da;
}
.RuleDetailsSummary__label-group,
.RuleDetailsSummaryFooter__label-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.RuleDetailsSummary__label,
.RuleDetailsSummaryFooter__label {
  font-size: 11px;
  font-weight: 400;
  color: #868e96;
  text-transform: uppercase;
  padding-right: 10px;
}
.RuleDetailsSummary__sub-name,
.RuleDetailsSummaryFooter__sub-name {
  font-size: 14px;
  font-weight: 400;
  color: #343a40;
  padding-right: 10px;
}
.RuleDetailsSummary__created-by,
.RuleDetailsSummaryFooter__created-by {
  padding-top: 5px;
}
.RuleDetailsSummary__user,
.RuleDetailsSummaryFooter__user {
  display: flex;
}
.RuleDetailsSummary__user-avatar,
.RuleDetailsSummaryFooter__user-avatar {
  color: #343a40;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 12px;
}
.RuleDetailsSummary__user-avatar--system,
.RuleDetailsSummaryFooter__user-avatar--system {
  background-color: #ced4da;
  text-align: center;
}
.RuleDetailsSummary__user-avatar--system .Icon,
.RuleDetailsSummaryFooter__user-avatar--system .Icon {
  padding-top: 6px;
}
.RuleDetailsSummary__user-name,
.RuleDetailsSummaryFooter__user-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 24px;
  padding-top: 5px;
  font-weight: 500;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.RuleDetailsSummary__user-name a,
.RuleDetailsSummaryFooter__user-name a {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.RuleDataScopeTab,
.RuleDeliverySettingsTab,
.RuleMessagesTab {
  width: 100%;
  margin-bottom: 75px;
}
.RuleDataScopeTab__header,
.RuleDeliverySettingsTab__header,
.RuleMessagesTab__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
.RuleDataScopeTab__title,
.RuleDeliverySettingsTab__title,
.RuleMessagesTab__title {
  margin: 0px 0px 3px 0px;
  line-height: 36px;
}
.RuleDataScopeTab__description,
.RuleDeliverySettingsTab__description,
.RuleMessagesTab__description {
  margin: 0;
  color: #868e96;
  margin-top: 16px;
}
.RuleDataScopeTab__description p,
.RuleDeliverySettingsTab__description p,
.RuleMessagesTab__description p {
  color: #868e96;
}
.RuleDataScopeTab__description a,
.RuleDeliverySettingsTab__description a,
.RuleMessagesTab__description a {
  font-weight: 500;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.RuleDataScopeTab__description a:hover,
.RuleDeliverySettingsTab__description a:hover,
.RuleMessagesTab__description a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.RuleDataScopeTab__pickers,
.RuleDeliverySettingsTab__pickers,
.RuleMessagesTab__pickers {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.RuleDataScopeTab__team-picker,
.RuleDeliverySettingsTab__team-picker,
.RuleMessagesTab__team-picker {
  flex: 1;
}
.RuleDataScopeTab__repo-picker,
.RuleDeliverySettingsTab__repo-picker,
.RuleMessagesTab__repo-picker {
  flex: 1;
}
.RuleDataScopeTab footer,
.RuleDeliverySettingsTab footer,
.RuleMessagesTab footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 7px 5px;
  margin-top: 40px;
}
.NoRuleMessages__description {
  color: #adb5bd;
  align-self: center;
  margin-bottom: 10px;
  margin-top: -2px;
}
.NoRuleMessages__no-messages {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  flex-direction: column;
}
.SettingsDetailsSummary__panel {
  width: 33% !important;
}
.SettingsDetailsSummary__summary-footer {
  padding-top: 12px !important;
}
.NoRulesData,
.RulesPage {
  width: 100%;
  margin-bottom: 75px;
}
.NoRulesData__header,
.RulesPage__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
.NoRulesData__title,
.RulesPage__title {
  margin: 0px 0px 3px 0px;
  line-height: 36px;
}
.NoRulesData__description,
.RulesPage__description {
  margin: 0;
  color: #868e96;
  margin-top: 16px;
}
.NoRulesData__description p,
.RulesPage__description p {
  color: #868e96;
}
.NoRulesData__description a,
.RulesPage__description a {
  font-weight: 500;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.NoRulesData__description a:hover,
.RulesPage__description a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.NoRulesData__description,
.RulesPage__description {
  margin: 0;
  color: #868e96;
  margin-top: 5px;
}
.NoRulesData--no-integration,
.RulesPage--no-integration,
.NoRulesData--no-rules,
.RulesPage--no-rules {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  flex-direction: column;
}
.NoRulesData--no-rules h2,
.RulesPage--no-rules h2 {
  color: #868e96;
}
.NoRulesData .truncate,
.RulesPage .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#app .ReactTable .rt-thead .rt-tr .rt-th {
  color: #343a40;
  font-weight: bold;
}
#app .RulesTable {
  flex: 1;
}
#app .RulesTable__table .rt-td {
  overflow: visible;
}
.DeleteRuleMessageButton__cell-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  vertical-align: middle;
}
.DeleteRuleMessageButton__cell-content--remove-button {
  padding: 0;
  margin: 0;
}
.FancyCheckbox__label {
  line-height: 18px;
}
.AddMessageModal {
  padding-left: 20px;
  padding-right: 20px;
}
.AddMessageModal__input-label {
  text-transform: uppercase;
  font-size: 10px;
  color: #495057;
  margin: 0;
}
.AddMessageModal__input {
  font-size: 15px;
  color: blue;
  width: 30px;
  height: 29px;
  padding: 0px 6px;
  text-align: center;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 2px;
}
.AddMessageModal__select {
  font-size: 15px;
  margin: 2px 6px;
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: middle;
  min-width: 200px;
}
.AddMessageModal__item {
  width: 270px;
  margin: 5px;
}
.AddMessageModal__item--disabled {
  pointer-events: none;
  opacity: 0.4;
}
.AddMessageModal__multi-input-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.AddMessageModal__content {
  overflow-y: visible !important;
}
.AddMessageModal__content:after {
  height: 0px !important;
  border-top: 0px !important;
}
.AddMessageModal__scroller {
  max-height: calc(100vh - 300px);
}
.AddMessageModal__template-label {
  text-align: center;
  color: #868e96;
}
.AddMessageModal__editor-box {
  margin-top: 0px;
  height: 100%;
  padding: 6px;
}
.AddMessageModal__editor-button-box {
  text-align: right;
  padding-bottom: 10px;
  margin-top: -10px;
}
.AddMessageModal__disabled {
  pointer-events: none;
  opacity: 0.4;
}
.AddMessageModal__template-editor {
  font-weight: normal;
  border: 1px solid #ced4da;
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
}
.AddMessageModal .Button {
  margin-left: 0;
  margin-right: 0;
}
.AddMessageModal .Button--small {
  margin-left: 6px;
  margin-right: 6px;
}
.EditorModal.AddMessageModal {
  padding-left: 20px;
  padding-right: 20px;
}
.ToggleableExpansionPanel--disabled {
  pointer-events: none;
  opacity: 0.4;
}
.TestRuleMessagesModal {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  font-weight: normal;
  width: 600px !important;
}
.TestRuleMessagesModal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding-top: 24px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #ced4da;
}
.TestRuleMessagesModal__content:after {
  height: 44px !important;
}
.TestRuleMessagesModal__title {
  font-size: 11px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #495057;
  align-self: flex-end;
  text-transform: uppercase;
  margin: 0;
}
.TestRuleMessagesModal .Button--link {
  font-size: 11px;
  line-height: 20px;
  letter-spacing: -0.2px;
  align-self: flex-end;
  text-transform: uppercase;
  margin: 0;
}
.TestRuleMessagesModal__message-list-item {
  font-weight: normal;
  border-bottom: 1px solid #ced4da;
  background: #fff;
  border-radius: 0px;
  padding: 20px;
  width: calc(100% - 40px);
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.TestRuleMessagesModal__message-name-and-chip {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.TestRuleMessagesModal__message-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: -1px;
}
.TestRuleMessagesModal .NotificationsResultContainer {
  border-bottom: 1px solid #ced4da;
  margin-left: 0;
  margin-right: 0;
}
.TestRuleMessagesModal__error {
  color: #f03e3e;
}
.TestRuleMessagesModal footer {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
}
.TestStatusChip {
  height: 18px;
  border-radius: 2px;
  font-size: 16px;
  line-height: 20px;
  padding: 5px 6px;
  margin-left: 9px;
  margin-right: 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.TestStatusChip--success {
  width: 84px;
  background: rgba(111, 207, 151, 0.14);
  color: #27ae60;
}
.TestStatusChip--error {
  width: 64px;
  background: rgba(235, 87, 87, 0.14);
  color: #eb5757;
}
.TestStatusChip--default {
  width: 64px;
  color: #eb5757;
}
.OpenPullRequests .tooltip-inner {
  white-space: pre-wrap;
}
.OpenPullRequests .reportbody {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 45px;
}
.OpenPullRequests .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 20px;
}
.OpenPullRequests .report__panel {
  padding: 24px 0px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  width: 100%;
  min-width: 600px;
  max-width: 2114px;
}
.OpenPullRequests .report__legend .selector-label {
  font-size: 16px;
  color: #6c6c6c;
  line-height: 20px;
}
.OpenPullRequests .pr-summary__wrapper {
  width: 330px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: -3px;
  margin-bottom: 30px;
}
.OpenPullRequests .card__row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 13px 0;
}
.OpenPullRequests .card__row:not(:last-child) {
  border-bottom: 1px solid #e9ecef;
}
.OpenPullRequests .card__row:last-child {
  padding-bottom: 0;
}
.OpenPullRequests .card-summary__active,
.OpenPullRequests .card-summary__today {
  margin-right: 28px;
}
.OpenPullRequests .card-summary__active h3,
.OpenPullRequests .card-summary__today h3 {
  margin: 0;
}
.OpenPullRequests .card-summary__active header,
.OpenPullRequests .card-summary__today header {
  border-bottom: 1px solid #e9ecef;
}
.OpenPullRequests .card-summary__active .summary__data,
.OpenPullRequests .card-summary__today .summary__data {
  margin-left: 12px;
}
.OpenPullRequests .card-summary__active .summary__data span:not(.bold),
.OpenPullRequests .card-summary__today .summary__data span:not(.bold) {
  opacity: 0.8;
  margin-left: 6px;
}
.OpenPullRequests .card-summary__active {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.OpenPullRequests .card-summary__today {
  padding: 16px;
  margin-bottom: 28px;
}
.OpenPullRequests .pb-20 {
  padding-bottom: 20px;
}
.OpenPullRequests .pb-13 {
  padding-bottom: 13px;
}
.OpenPullRequests .text-19 {
  font-size: 19px;
}
.OpenPullRequests .pl-8 {
  padding-left: 8px;
}
.OpenPullRequests .legend-marker {
  height: 10px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.OpenPullRequests .legend-marker.blue:before {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 30px;
  background-color: #4dadf7;
  z-index: var(--z-base);
}
.OpenPullRequests .legend-marker.pink:before {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 30px;
  background-color: #f783ac;
  z-index: var(--z-base);
}
.OpenPullRequests .legend-marker svg {
  z-index: 100;
}
.OpenPullRequests .prsList {
  margin-top: 20px;
}
.OpenPullRequests .sortPullDown {
  margin-left: -5px;
}
.OpenPullRequests .text-24 {
  font-size: 24px;
}
.OpenPullRequests .text-gray-3 {
  color: #495057;
}
.OpenPullRequests .missingDataAlert {
  padding: 8px;
  justify-content: space-between;
}
.OpenPullRequests .dataErrorAlert {
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 0px;
  margin-left: 0px;
}
.OpenPullRequests .dataErrorAlert > div {
  flex: 1 1 auto;
  margin: 5px;
}
.OpenPullRequests .pull-right {
  float: right !important;
}
.OpenPullRequests .text-warning {
  color: #8a6d3b;
}
.OpenPullRequests .updatePRsLink {
  text-decoration: underline;
}
.OpenPullRequests .prProcessingSuccess {
  padding: 8px;
}
.OpenPullRequests .gp-entypo {
  font-family: Entypo;
  font-size: 14px;
  line-height: 1;
}
.OpenPullRequests .gp-entypo-check:before {
  content: '\e63a';
}
.OpenPullRequests .gp-entypo-info:before {
  content: '\e6b1';
}
.OpenPullRequests .gp-entypo-warning:before {
  content: '\e747';
}
.OpenPullRequests .prChart {
  width: 100%;
  margin-bottom: 10px;
}
.OpenPullRequests .prChartTitle {
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  color: #868e96;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
}
.OpenPullRequests .SortByPanel {
  width: 100%;
  min-width: 600px;
  max-width: 2114px;
}
.OpenPullRequests .SortByPicker {
  float: right !important;
  margin-bottom: -10px;
}
.OpenPullRequests .PRTable {
  margin-top: 0px;
  margin-bottom: 0px;
}
.OpenPullRequests .PRTable .PRrow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.OpenPullRequests .PRTable .col-xs-3 {
  width: 25%;
}
.OpenPullRequests .PRTable .col-xs-6 {
  width: 50%;
}
.OpenPullRequests .PRTable .col-xs-4 {
  width: 33.33333333%;
}
.OpenPullRequests .PRTable .icon-16 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
}
.OpenPullRequests .PRTable td.openedBy > div {
  padding-bottom: 10px;
}
.OpenPullRequests .PRTable .actorAvatar {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: flex;
}
.OpenPullRequests .PRTable .actorAvatar .gravatarImg {
  border-radius: 15px;
  border-style: none;
}
.OpenPullRequests .PRTable .badge {
  background-color: #e1e8f0;
  color: #444d59;
  letter-spacing: 0.5px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
}
.OpenPullRequests .PRTable .icon-comment-bluegray {
  background-image: url(/static/images/icons/comment-bluegray@2x.png);
}
.OpenPullRequests .PRTable .icon-actors-bluegray {
  background-image: url(/static/images/icons/actors-bluegray@2x.png);
}
.OpenPullRequests .PRTable .prInfo {
  margin-left: 10px;
}
.OpenPullRequests .PRTable .prDetailsSection {
  border-left: 1px solid #e1e8f0;
  border-right: 1px solid #e1e8f0;
}
.OpenPullRequests .PRTable .prDetails {
  margin-left: 10px;
}
.OpenPullRequests .PRTable .lastActivity {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.OpenPullRequests .PRTable .prTitle {
  color: #6c6c6c;
}
.OpenPullRequests .PRTable .panel {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 0px;
  padding: 10px 10px;
  width: 100%;
  min-width: 600px;
  max-width: 2114px;
}
.OpenPullRequests .PRTable .panel.no-padding {
  padding: 0 !important;
}
.OpenPullRequests .PRTable .panel .panel-body.no-padding {
  padding: 0 !important;
}
.OpenPullRequests .PRTable .panel.panel-no-border-top {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.OpenPullRequests .PRTable .panel.panel--pr {
  margin-top: 8px;
  margin-bottom: 8px;
  border: solid 1px #e1e8f0;
  border-radius: 3px;
  background-color: white;
  transition: all 0.1s ease;
}
.OpenPullRequests .PRTable .panel.panel--pr:hover {
  background-color: #fafcfc;
  border-color: #c6d3e2;
}
.OpenPullRequests .OpenPRLineChart {
  width: 100%;
  overflow: visible;
  z-index: 1500;
}
.OpenPullRequests .my-popover-trigger {
  position: relative;
}
.OpenPullRequests .my-popover-trigger .PRrowTrigger {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 10px 0 0 0;
}
.OpenPullRequests .my-popover-trigger .PRrowTrigger:hover + div {
  opacity: 1;
}
.OpenPullRequests .my-popover-trigger .my-popover {
  position: absolute;
  pointer-events: none;
  top: 59px;
  margin-left: 20%;
  margin-bottom: 0;
  padding: 10px 20px;
  z-index: 400;
  width: 60%;
  border-radius: 3px;
  color: black;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  opacity: 0;
}
.OpenPullRequests .my-popover-trigger .my-popover:before {
  border-bottom: 12px solid #565e69;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  top: -12px;
  content: '';
  display: block;
  left: 50%;
  margin-left: -12px;
  position: absolute;
}
.OpenPullRequests .my-popover-trigger .my-popover .my-popover-title {
  margin: -10px -20px 0 -20px;
  padding: 10px 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #565e69;
  color: #fafcfc;
}
.OpenPullRequests .my-popover-trigger .my-popover .tooltipRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.OpenPullRequests .my-popover-trigger .my-popover .rightMiniChart {
  border-left: solid 2px #e1e8f0;
  padding: 0px;
  margin: 0px;
}
.OpenPullRequests .my-popover-trigger .my-popover .miniDonutChart {
  width: 400px;
  height: 100px;
  padding: 0px;
  margin: 0px;
  overflow: visible;
}
.OpenPullRequests .my-popover-trigger .my-popover .miniTimeline {
  width: 400px;
  height: 100px;
  margin-top: 10px;
}
.OpenPullRequests .my-popover-trigger .my-popover .centeredContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.OpenPullRequests .my-popover-trigger .my-popover .icon-repo-bluegray {
  background-image: url(/static/images/icons/repo-bluegray@2x.png);
}
.OpenPullRequests .my-popover-trigger .my-popover .icon-commit-bluegray {
  background-image: url(/static/images/icons/commit-bluegray@2x.png);
}
.OpenPullRequests .my-popover-trigger .my-popover .icon-pull-request-bluegray {
  background-image: url(/static/images/icons/pull-request-bluegray@2x.png);
}
.OrgSettings {
  width: 100%;
  padding: 24px 40px;
}
.OrgSettings__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.OrgSettings .alert.alert-sm {
  margin-top: 0;
}
.OrgSettings__hr {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #343a40;
  border: 0.03em solid #adb5bd;
}
.OrgSettings__title {
  font-size: 21px;
  font-weight: 500;
  margin: 0 0 10px 0;
}
.OrgSettings__subtitle {
  font-size: 16px;
  font-weight: 500;
}
.OrgSettings__input-text {
  align-self: stretch;
  font-size: 14px;
}
.OrgSettings__input-text--error {
  color: #fa5252;
  border: 1px solid red;
}
.OrgSettings__content {
  border: 1px solid #adb5bd;
  border-radius: 2px;
  color: #343a40;
  display: inline-block;
}
.OrgSettings__content section {
  width: 100%;
}
.OrgSettings__content section .ViewRightsPickersWrapper {
  float: left;
  width: 50%;
}
.OrgSettings__content section .ViewRightsPickersWrapper .FancyCheckbox {
  margin: 20px;
}
.OrgSettings__content section .ViewRightsPickersWrapper .FancyCheckbox__label {
  font-weight: bold;
}
.OrgSettings__content section .ViewRightsCard {
  float: left;
  width: 49.9%;
  border-left: 1px solid #adb5bd;
}
.OrgSettings__description {
  color: #343a40;
  font-size: 14px;
}
.OrgSettings .label {
  font-size: 13px;
  display: block;
  color: #212529;
  margin-top: 10px;
}
.OrgSettings__tags {
  margin-bottom: 20px;
}
.PersonalInfo {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  text-align: left;
  flex: 0 1 2000px;
  padding-left: 37px;
  padding-top: 37px;
  padding-bottom: 100px;
}
.PersonalInfo input[type='file'] {
  display: none;
}
.PersonalInfo .alert {
  margin-right: 25px;
}
.PersonalInfo .alert .alert-content {
  padding: 15px;
}
.PersonalInfo .Button {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 20px;
}
.PersonalInfo .input-container {
  padding-top: 10px;
}
.PersonalInfo .text-input {
  padding: 0px 10px;
  width: 298px;
  height: 36px;
  font-weight: normal;
  font-size: 17px;
  line-height: 1.53;
  letter-spacing: -0.3px;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(73, 80, 87, 0.2);
  background-color: #ffffff;
  border: solid 1px #adb5bd;
  display: block;
}
.PersonalInfo .disabled {
  background-color: #f1f3f5;
}
.PersonalInfo .select {
  width: 320px;
  border-radius: 2px;
  background-color: #ffffff;
}
.PersonalInfo .input-label {
  font-size: 13px;
  line-height: 1.69;
  letter-spacing: -0.3px;
  display: block;
  width: 320px;
}
.PersonalInfo .icon {
  position: relative;
  top: -2px;
}
.PersonalInfo .rights-control {
  margin-bottom: 30px;
  width: 1000px;
  border-radius: 2px;
}
.PersonalInfo .rights-control-left {
  padding: 0px;
  max-width: 445px;
  margin-right: 110px;
}
.PersonalInfo .rights-control-right {
  padding: 0px;
}
.PersonalInfo .display-flex {
  display: flex;
}
.PersonalInfo .avatar {
  margin-top: 25px;
  margin-left: 33px;
  margin-right: 29px;
  margin-bottom: 10px;
  width: 110px;
  height: 110px;
  -webkit-clip-path: circle(110px, 110px, 110px);
          clip-path: circle(110px, 110px, 110px);
  -webkit-clip-path: circle(110px at center);
          clip-path: circle(110px at center);
  border: 0;
}
.PersonalInfo .avatar_content {
  margin-top: 30px;
  margin-bottom: 40px;
  width: 424px;
  height: 166px;
  box-shadow: 0 2px 10px 0 rgba(73, 80, 87, 0.1), 0 2px 9px 0 rgba(73, 80, 87, 0.2);
  background-color: #ffffff;
  border: solid 1px #ffffff;
  text-align: center;
  width: 322px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.PersonalInfo .email_content {
  padding-left: 16px;
  padding-bottom: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  width: 408px;
  box-shadow: 0 2px 10px 0 rgba(73, 80, 87, 0.1), 0 2px 9px 0 rgba(73, 80, 87, 0.2);
  background-color: #ffffff;
  border: solid 1px #ffffff;
}
.PersonalInfo .email_content .pt-10 {
  padding-top: 10px;
}
.PersonalInfo hr {
  margin-top: 36px;
  margin-bottom: 36px;
  max-width: 1118px;
  height: 1px;
  background-color: #dee2e4;
  display: block;
  text-align: left;
  border: 0;
}
.PersonalInfo h1 {
  margin: 0px;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.52;
  letter-spacing: -0.4px;
}
.PersonalInfo h2 {
  margin: 0px;
  font-weight: 500;
  padding-top: 11px;
  margin-bottom: 11px;
  font-size: 17px;
  line-height: 1.65;
  letter-spacing: -0.2px;
}
.PersonalInfo h3 {
  margin: 0px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.87;
  letter-spacing: -0.2px;
}
.PersonalInfo .file-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  margin-top: 5px;
  align-self: center;
  cursor: pointer;
}
.PersonalInfo .file-link:hover {
  text-decoration: underline;
}
.PersonalInfo p.description {
  margin: 0;
  color: #868e96;
}
.PersonalInfo .pull-right {
  float: right;
}
.main-content.reports.pr-details .filter-bar-wrapper {
  justify-content: space-between;
}
.main-content.reports.pr-details .pr-details__timestamp {
  align-self: flex-end;
  font-size: 14px;
  margin: 0 0 0 1.6em;
  opacity: 0.75;
}
.PRDetails {
  max-width: 2114px;
  margin-top: 20px;
}
.PRDetails .report {
  color: #495057;
}
.PRDetails .report .selected-period {
  margin-bottom: 15px;
}
.PRDetails .report .report__panel {
  padding: 24px 0px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
  min-width: 900px;
  max-width: 100%;
}
.PRDetails .report .col-xs-6 {
  width: 50%;
}
.PRDetails .report .col-xs-4 {
  width: 33.33333333%;
}
.PRDetails .report .col-xs-8 {
  width: 66.66666667%;
}
.PRDetails .report .pl-8 {
  padding-left: 8px;
}
.PRDetails .report .statsItem {
  border-left: 1px solid #444d59;
}
.PRDetails .report .tooltip-inner {
  white-space: pre-wrap;
}
.PRDetails .report .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0px;
  margin: 0px;
}
.PRDetails .report .roleChartRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.PRDetails .report .miniCharts {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0px 30px;
}
.PRDetails .report .miniCharts svg {
  max-height: 150px;
}
.PRDetails .report .miniCharts .chartContainer {
  flex-direction: column;
  display: flex;
  justify-content: center;
}
.PRDetails .report .dataErrorAlert {
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 0px;
  margin-left: 0px;
}
.PRDetails .report .dataErrorAlert > div {
  flex: 1 1 auto;
  margin: 5px;
}
.PRDetails .report .gp-entypo {
  font-family: Entypo;
  font-size: 14px;
  line-height: 1;
}
.PRDetails .report .gp-entypo-check:before {
  content: '\e63a';
}
.PRDetails .report .gp-entypo-info:before {
  content: '\e6b1';
}
.PRDetails .report .gp-entypo-warning:before {
  content: '\e747';
}
.PRDetails .report .col-xs-12 {
  width: 100%;
}
.PRDetails .report .missingDataAlert {
  padding: 8px;
  justify-content: space-between;
}
.PRDetails .report .pull-right {
  float: right !important;
}
.PRDetails .report .text-warning {
  color: #8a6d3b;
}
.PRDetails .report .updatePRsLink {
  text-decoration: underline;
}
.PRDetails .report .prProcessingSuccess {
  padding: 8px;
}
.PRDetails .report .gp-entypo {
  font-family: Entypo;
  font-size: 14px;
  line-height: 1;
}
.PRDetails .report .gp-entypo-check:before {
  content: '\e63a';
}
.PRDetails .report .gp-entypo-info:before {
  content: '\e6b1';
}
.PRDetails .report .webHooksLink {
  text-decoration: underline;
}
.PRDetails .report .miniDonutChart {
  width: 400px;
  height: 100px;
  padding: 5px;
  margin: 0px;
  overflow: visible;
}
.PRDetails .report .miniHistogram {
  width: 400px;
  height: 100px;
  padding: 5px;
  margin: 0px;
}
.PRDetails .report .centeredContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.PRDetails .report .actorAvatar {
  width: 23px;
  height: 23px;
  vertical-align: middle;
  display: flex;
}
.PRDetails .report .actorAvatar .gravatarImg {
  border-radius: 15px;
  border-style: none;
}
.PRDetails .report .actorAvatar .gravatarImgSelected {
  border-radius: 15px;
  border: solid 1px #4dadf7;
  box-sizing: border-box;
}
.PRDetails .report .actorRoleDiv {
  height: 30px;
  padding: 0px;
  margin: 0px;
}
.PRDetails .report .PRDetailsTable {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}
.PRDetails .report .PRDetailsTable .PRrow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.PRDetails .report .PRDetailsTable .col-xs-3 {
  width: 25%;
}
.PRDetails .report .PRDetailsTable .col-xs-6 {
  width: 50%;
}
.PRDetails .report .PRDetailsTable .col-xs-4 {
  width: 33.33333333%;
}
.PRDetails .report .PRDetailsTable .icon-16 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
}
.PRDetails .report .PRDetailsTable td.openedBy > div {
  padding-bottom: 10px;
}
.PRDetails .report .PRDetailsTable .actorAvatar {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.PRDetails .report .PRDetailsTable .actorAvatar .gravatarImg {
  border-radius: 15px;
  border-style: none;
}
.PRDetails .report .PRDetailsTable .badge {
  background-color: #e1e8f0;
  color: #444d59;
  letter-spacing: 0.5px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
}
.PRDetails .report .PRDetailsTable .icon-comment-bluegray {
  background-image: url(/static/images/icons/comment-bluegray@2x.png);
}
.PRDetails .report .PRDetailsTable .icon-actors-bluegray {
  background-image: url(/static/images/icons/actors-bluegray@2x.png);
}
.PRDetails .report .PRDetailsTable .prInfo {
  margin-left: 10px;
}
.PRDetails .report .PRDetailsTable .prDetailsSection {
  border-left: 1px solid #e1e8f0;
  border-right: 1px solid #e1e8f0;
}
.PRDetails .report .PRDetailsTable .prDetails {
  margin-left: 10px;
}
.PRDetails .report .PRDetailsTable .lastActivity {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.PRDetails .report .PRDetailsTable .prTitle {
  color: #6c6c6c;
}
.PRDetails .report .PRDetailsTable .panel {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 0px;
  padding: 10px 10px;
  width: 100%;
  min-width: 600px;
  max-width: 2114px;
}
.PRDetails .report .PRDetailsTable .panel.no-padding {
  padding: 0 !important;
}
.PRDetails .report .PRDetailsTable .panel .panel-body.no-padding {
  padding: 0 !important;
}
.PRDetails .report .PRDetailsTable .panel.panel-no-border-top {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.PRDetails .report .PRDetailsTable .panel.panel--pr {
  margin-top: 8px;
  margin-bottom: 8px;
  border: solid 1px #e1e8f0;
  border-radius: 3px;
  background-color: white;
  transition: all 0.1s ease;
}
.PRDetails .report .PRDetailsTable .panel.panel--pr:hover {
  background-color: #fafcfc;
  border-color: #c6d3e2;
}
.PRDetails .report .my-popover-trigger {
  position: relative;
}
.PRDetails .report .my-popover-trigger .PRrowTrigger {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.PRDetails .report .my-popover-trigger .PRrowTrigger:hover + div {
  opacity: 1;
}
.PRDetails .report .my-popover-trigger .my-popover {
  position: absolute;
  pointer-events: none;
  top: 59px;
  margin-left: 20%;
  margin-bottom: 0px;
  padding: 10px 20px;
  z-index: 400;
  width: 60%;
  border-radius: 3px;
  color: black;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  opacity: 0;
}
.PRDetails .report .my-popover-trigger .my-popover:before {
  border-bottom: 12px solid #565e69;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  top: -12px;
  content: '';
  display: block;
  left: 50%;
  margin-left: -12px;
  position: absolute;
}
.PRDetails .report .my-popover-trigger .my-popover .my-popover-title {
  margin: -10px -20px 0 -20px;
  padding: 10px 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #565e69;
  color: #fafcfc;
}
.PRDetails .report .my-popover-trigger .my-popover .tooltipRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.PRDetails .report .my-popover-trigger .my-popover .rightMiniChart {
  border-left: solid 2px #e1e8f0;
  padding: 0px;
  margin: 0px;
}
.PRDetails .report .my-popover-trigger .my-popover .miniDonutChart {
  width: 400px;
  height: 100px;
  padding: 0px;
  margin: 0px;
  overflow: visible;
}
.PRDetails .report .my-popover-trigger .my-popover .miniTimeline {
  width: 400px;
  height: 100px;
  margin-top: 10px;
}
.PRDetails .report .my-popover-trigger .my-popover .centeredContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.PRDetails .report .my-popover-trigger .my-popover .icon-repo-bluegray {
  background-image: url(/static/images/icons/repo-bluegray@2x.png);
}
.PRDetails .report .my-popover-trigger .my-popover .icon-commit-bluegray {
  background-image: url(/static/images/icons/commit-bluegray@2x.png);
}
.PRDetails .report .my-popover-trigger .my-popover .icon-pull-request-bluegray {
  background-image: url(/static/images/icons/pull-request-bluegray@2x.png);
}
.PRResolution {
  /* This causes the debug links to end up on top of the summary, but it works correctly outside of debug. */
  margin-top: -30px;
}
.PRResolution__histograms {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-top: 40px;
}
.PRResolution__title {
  margin-top: 20px;
  display: flex;
}
.PRResolution__filter {
  margin-left: auto;
}
.PRResolutionScatterChart {
  height: 350px;
  cursor: crosshair;
}
.PRResolutionScatterChart svg {
  overflow: visible;
}
.PRResolutionScatterChartLegend {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PRResolutionScatterChartLegend__item {
  margin: 0 15px;
  display: flex;
  align-items: center;
}
.PRResolutionScatterChartLegend__symbol {
  margin-right: 4px;
}
.PRResolutionScatterChartLegend__symbol--pr {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #dee2e6;
}
.PRResolutionScatterChartLegend__symbol--median {
  flex: 0 0 20px;
  width: 16px;
  height: 4px;
  background-color: #4dadf7;
}
.PRResolutionScatterChartLegend__symbol--trailingAvg {
  flex: 0 0 20px;
  width: 16px;
  height: 1px;
  background-color: #f06595;
}
.PRResolutionScatterChartLegend__label {
  white-space: nowrap;
}
.PRResolutionHistogramPanel {
  box-sizing: border-box;
  flex: 0 0 47%;
  width: 47%;
  border: 1px solid #868e96;
  border-radius: 2px;
  margin-bottom: 30px;
  padding: 16px 24px 36px 24px;
}
@media screen and (min-width: 957px) {
  .PRResolutionHistogramPanel {
    flex: 0 0 30%;
    width: 30%;
  }
}
@media screen and (min-width: 1920px) {
  .PRResolutionHistogramPanel {
    flex: 0 0 15%;
    width: 15%;
  }
}
.PRResolutionHistogramPanel--no-data {
  padding-bottom: 16px;
}
.PRResolutionHistogramPanel__header {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.PRResolutionHistogramPanel__title {
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #343a40;
}
.PRResolutionHistogramPanel__no-data {
  display: block;
  font-size: 26px;
  font-weight: 500;
  color: #495057;
  margin-top: 10px;
}
.PRResolutionHistogram {
  cursor: crosshair;
}
.PRResolutionHistogram svg {
  overflow: visible;
}
.PRResolutionParticipantsTable {
  position: relative;
}
.PRResolutionParticipantsTable__filters {
  display: flex;
  align-items: center;
}
.PRResolutionParticipantsTable__selection {
  margin-right: 15px;
}
.PRResolutionParticipantsTable__selection .Icon {
  margin-top: -2px;
  margin-left: 5px;
  cursor: pointer;
}
.PRResolutionParticipantsTable__selection-label {
  font-weight: 500;
}
.PRResolutionParticipantsTable__selection-value {
  color: #3b5bdb;
  font-weight: 500;
}
.PRResolutionParticipantsTable__pagination-controls {
  margin-left: auto;
}
.PRResolutionParticipantsTable__name-cell {
  display: flex;
  align-items: center;
}
.PRResolutionParticipantsTable__avatar {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.PRResolutionParticipantsTable__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  margin-left: 8px;
}
.PRResolutionParticipantsTable__name span:first-of-type {
  display: inline-block;
}
.PRResolutionParticipantsTable__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
}
.PRResolutionPSDS__histograms {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-top: 40px;
}
.PRResolutionPSDS__title {
  margin-top: 20px;
  display: flex;
}
.PRResolutionPSDS__title-text {
  display: inline-flex;
  font-size: var(--flow-type-font-size-400);
  font-weight: var(--flow-type-font-weight-500);
  color: var(--flow-colors-white);
  margin-bottom: var(--flow-layout-spacing-medium);
  margin-top: -8px;
  align-items: center;
}
.PRResolutionPSDS__title-text div {
  margin-left: var(--flow-layout-spacing-xxSmall);
}
.PRResolutionPSDS__filter {
  margin-left: auto;
}
.PRResolutionPSDS .react-tabs__tab {
  font-size: var(--flow-type-font-size-200);
  font-weight: var(--flow-type-font-weight-500);
  color: var(--flow-colors-code-gray);
  background: none;
}
.PRResolutionPSDS .react-tabs__tab--selected {
  color: var(--flow-colors-white);
  border-color: var(--flow-colors-orange-6);
}
.PRResolutionScatterChartLegendPSDS {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PRResolutionScatterChartLegendPSDS__item {
  margin: 0 15px;
  display: flex;
  align-items: center;
}
.PRResolutionScatterChartLegendPSDS__symbol {
  margin-right: 4px;
}
.PRResolutionScatterChartLegendPSDS__symbol--pr {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #dee2e6;
}
.PRResolutionScatterChartLegendPSDS__symbol--median {
  flex: 0 0 20px;
  width: 16px;
  height: 4px;
  background-color: #4dadf7;
}
.PRResolutionScatterChartLegendPSDS__symbol--trailingAvg {
  flex: 0 0 20px;
  width: 16px;
  height: 1px;
  background-color: #f06595;
}
.PRResolutionScatterChartLegendPSDS__label {
  white-space: nowrap;
}
.PRResolutionHistogramPanelPSDS {
  box-sizing: border-box;
  flex: 0 0 47%;
  width: 47%;
  margin-bottom: 30px;
  padding: 16px 24px 36px 24px;
  background-color: var(--flow-colors-gray-5);
}
@media screen and (min-width: 957px) {
  .PRResolutionHistogramPanelPSDS {
    flex: 0 0 30%;
    width: 30%;
  }
}
@media screen and (min-width: 1920px) {
  .PRResolutionHistogramPanelPSDS {
    flex: 0 0 15%;
    width: 15%;
  }
}
.PRResolutionHistogramPanelPSDS--no-data {
  padding-bottom: 16px;
}
.PRResolutionHistogramPanelPSDS__header {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.PRResolutionHistogramPanelPSDS__header div {
  margin-left: var(--flow-layout-spacing-xxSmall);
}
.PRResolutionHistogramPanelPSDS__title {
  font-size: var(--flow-type-font-size-400);
  font-weight: var(--flow-type-font-weight-500);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--flow-colors-white);
}
.PRResolutionHistogramPanelPSDS__no-data {
  display: block;
  font-size: var(--flow-type-font-size-400);
  font-weight: var(--flow-type-font-weight-500);
  color: var(--flow-colors-white);
  margin-top: 10px;
}
.PRResolutionHistogramPSDS {
  cursor: crosshair;
}
.PRResolutionHistogramPSDS svg {
  overflow: visible;
}
.PRResolutionParticipantsTablePSDS {
  position: relative;
}
.PRResolutionParticipantsTablePSDS__filters {
  display: flex;
  align-items: center;
}
.PRResolutionParticipantsTablePSDS__selection {
  margin-right: 15px;
}
.PRResolutionParticipantsTablePSDS__selection .Icon {
  margin-top: -2px;
  margin-left: 5px;
  cursor: pointer;
}
.PRResolutionParticipantsTablePSDS__selection-label {
  font-weight: 500;
}
.PRResolutionParticipantsTablePSDS__selection-value {
  color: #3b5bdb;
  font-weight: 500;
}
.PRResolutionParticipantsTablePSDS__pagination-controls {
  margin-left: auto;
}
.PRResolutionParticipantsTablePSDS__name-cell {
  display: flex;
  align-items: center;
}
.PRResolutionParticipantsTablePSDS__avatar {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.PRResolutionParticipantsTablePSDS__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  margin-left: 8px;
}
.PRResolutionParticipantsTablePSDS__name span:first-of-type {
  display: inline-block;
}
.PRResolutionParticipantsTablePSDS__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
}
.WorkBreakdownPanel {
  padding: initial;
  display: flex;
  flex-direction: column;
}
.main-content.reports.project-timeline .filter-bar-wrapper {
  justify-content: space-between;
}
.ProjectTimeline {
  margin: 0 -6px;
  padding-top: 40px;
}
.ProjectTimeline .TopListChart {
  margin: 30px 0;
}
.ProjectTimeline .TopListChart .UserNameContextMenuTrigger__name,
.ProjectTimeline .TopListChart .UserNameContextMenuTrigger--hovered .ProjectTimeline .TopListChart .UserNameContextMenuTrigger__name,
.ProjectTimeline .TopListChart .UserNameContextMenuTrigger:hover .ProjectTimeline .TopListChart .UserNameContextMenuTrigger__name {
  max-width: 45%;
}
.ProjectTimeline .report__panel {
  width: 100%;
  box-sizing: border-box;
  padding: 24px 24px 3px 24px;
  margin-bottom: 30px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.ProjectTimeline .report__controls,
.ProjectTimeline .report__legend {
  float: right;
}
.ProjectTimeline .report__control,
.ProjectTimeline .report__key {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
.ProjectTimeline .report__section {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.ProjectTimeline .report__section > .report__panel {
  flex: 1 1 auto;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (min-width: 1258px) {
  .ProjectTimeline .report__section > .report__panel {
    width: 40%;
  }
}
.ProjectTimeline__work-volume-section {
  display: flex;
  align-items: stretch;
  margin-bottom: 30px;
  overflow: hidden;
  max-height: 550px;
}
.ProjectTimeline__work-volume-section .report__panel {
  margin: 0;
  border: 1px solid #dee2e6;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow-x: hidden;
}
.ProjectTimeline__work-trend-section {
  display: flex;
  align-items: stretch;
  margin-bottom: 30px;
}
.ProjectTimeline__work-trend-section .report__panel {
  margin: 0;
}
.ProjectTimelineEventCalendarPanel {
  width: 300px;
  flex: 0 0 300px;
  border: 1px solid #dee2e6;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.ProjectTimelineEventCalendarPanel__header {
  display: border-box;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #dee2e6;
}
.ProjectTimelineEventCalendarPanel__header-content {
  overflow: hidden;
}
.ProjectTimelineEventCalendarPanel__title,
.ProjectTimelineEventCalendarPanel__date-range {
  line-height: 1.15;
}
.ProjectTimelineEventCalendarPanel__title {
  color: #212529;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 4px 0;
}
.ProjectTimelineEventCalendarPanel__date-range {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #495057;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}
.ProjectTimelineEventCalendarPanel__content {
  flex: 1 1 auto;
  overflow-y: auto;
}
.ProjectTimelineEventCalendarPanel__add-event-button {
  margin: 0;
}
.ProjectTimelineEventCalendarPanel__no-selection-body {
  color: #495057;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ProjectTimelineEventCalendarPanel__no-selection-text-container {
  margin: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ProjectTimelineEventCalendarPanel__no-selection-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
}
.ProjectTimelineEventCalendarPanel__no-selection-subtitle {
  font-size: 14px;
  text-align: center;
  line-height: 1.6em;
}
.ProjectTimelineEventCalendarPanel__day-of-week-header {
  background-color: #e9ecef;
  padding: 4px 8px;
  font-weight: 500;
  font-size: 18px;
}
.ProjectTimelineEventCalendarPanel__day-of-week-no-events-text {
  text-align: center;
  font-style: italic;
  color: #495057;
  padding: 8px 0;
}
.ProjectTimelineEventCalendarPanel__react-big-calendar-event {
  pointer-events: none;
}
.ProjectTimelineEventCalendarPanel .rbc-time-slot {
  min-height: 1.6em;
}
.ProjectTimelineEventCalendarPanel .rbc-day-slot .rbc-event-content {
  max-height: 2em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ProjectTimelineWorkBreakdownPanel {
  width: 300px;
  flex: 0 0 300px;
  border: 1px solid #dee2e6;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.ProjectTimelineWorkBreakdownPanel__header {
  padding: 20px;
}
.ProjectTimelineWorkBreakdownPanel__title {
  color: #212529;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
}
.ProjectTimelineWorkBreakdownPanel__date-range {
  color: #495057;
  font-size: 12px;
}
.ProjectTimelineWorkBreakdownPanel__summary {
  background-color: #f1f3f5;
  padding: 20px 30px 40px 30px;
}
.ProjectTimelineWorkBreakdownPanel__total-loc {
  font-size: 36px;
  font-weight: 500;
  color: #495057;
}
.ProjectTimelineWorkBreakdownPanel__mode-buttons {
  width: 200px;
  background-color: white;
  text-align: center;
  position: relative;
  top: -20px;
  align-self: center;
}
.ProjectTimelineWorkBreakdownPanel__mode-button {
  width: 100px;
  margin: 0;
}
.Button--disabled.ProjectTimelineWorkBreakdownPanel__mode-button {
  opacity: 1;
}
.Button--outline.Button--enabled.ProjectTimelineWorkBreakdownPanel__mode-button {
  box-shadow: none;
}
.ProjectTimelineWorkBreakdownPanel__mode-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ProjectTimelineWorkBreakdownPanel__mode-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ProjectTimelineWorkBreakdownPanel__total-loc-label {
  color: #868e96;
  font-weight: 500;
}
.ProjectTimelineWorkBreakdownPanel__breakdown {
  margin-top: auto;
}
.ProjectTimelineWorkBreakdownPanel__breakdown-item {
  padding: 20px;
}
.ProjectTimelineWorkBreakdownPanel__breakdown-item--new-work,
.ProjectTimelineWorkBreakdownPanel__breakdown-item--legacy-refactor,
.ProjectTimelineWorkBreakdownPanel__breakdown-item--help-others {
  border-bottom: 1px solid #dee2e6;
}
.ProjectTimelineWorkBreakdownPanel__breakdown-item--new-work .Icon {
  color: #51cf66;
}
.ProjectTimelineWorkBreakdownPanel__breakdown-item--legacy-refactor .Icon {
  color: #ff922b;
}
.ProjectTimelineWorkBreakdownPanel__breakdown-item--help-others .Icon {
  color: #329af0;
}
.ProjectTimelineWorkBreakdownPanel__breakdown-item--churn .Icon {
  color: #ff6b6b;
}
.ProjectTimelineWorkBreakdownPanel__breakdown-stat {
  color: #212529;
  font-weight: 500;
  margin-left: 10px;
}
.ProjectTimelineWorkBreakdownPanel__breakdown-label {
  color: #495057;
  font-size: 12px;
  margin-left: 10px;
}
.ProjectTimelineHorizontalEventsPanel__header {
  margin-left: 25px;
  margin-bottom: 10px;
}
.ProjectTimelineHorizontalEventsPanel__title,
.ProjectTimelineHorizontalEventsPanel__selected-sprint {
  font-size: 12px;
  text-transform: uppercase;
}
.ProjectTimelineHorizontalEventsPanel__title {
  font-weight: 500;
  color: #868e96;
}
.ProjectTimelineHorizontalEventsPanel__selected-sprint {
  font-weight: 300;
  color: #adb5bd;
  margin-left: 10px;
  font-style: italic;
}
.ProjectTimelineHorizontalEventsPanel__timeline {
  padding-left: 50px;
  padding-right: 30px;
}
.ProjectTimelineHorizontalEventsPanel__segments {
  box-sizing: border-box;
  display: flex;
  height: 60px;
  width: 100%;
  overflow: hidden;
}
.ProjectTimelineHorizontalEventsPanel__segment {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.ProjectTimelineHorizontalEventsPanel__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  color: #868e96;
}
.ProjectTimelineHorizontalEventsPanel__content {
  flex: 1;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px solid #dee2e6;
}
.Button.Button--primary.ProjectTimelineHorizontalEventsPanel__button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #868e96;
  size: 12px;
}
.Button.Button--primary.ProjectTimelineHorizontalEventsPanel__button .Icon {
  color: #adb5bd;
  margin-bottom: 3px;
  margin-right: 3px;
}
.TopListPanelHeader {
  display: flex;
}
.TopListPanelHeader__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #343a40;
}
.TopListPanelHeader__title--right {
  text-align: right;
}
.TopListPanelHeader__subtitle {
  font-size: 14px;
  margin-top: 8px;
  color: #868e96;
}
.TopListPanelHeader__subtitle--right {
  text-align: right;
}
.TopListPanelHeader__summary {
  margin-left: auto;
  margin-right: 10px;
}
.TopListPanelHeader__no-data {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #868e96;
}
.PSDesignSystem .rbc-label {
  font-size: var(--flow-type-font-size-200);
  font-weight: var(--flow-type-font-weight-400);
  font-family: var(--flow-type-font-family);
  color: var(--flow-colors-bone);
  text-transform: uppercase;
}
.PSDesignSystem .rbc-time-slot {
  height: 60px;
}
.PSDesignSystem .rbc-event-label {
  font-size: var(--flow-type-font-size-100);
  font-weight: var(--flow-type-font-weight-400);
  font-family: var(--flow-type-font-family);
  color: var(--flow-colors-bone);
  text-transform: uppercase;
}
.PSDesignSystem .rbc-event-content {
  font-size: var(--flow-type-font-size-100);
  font-weight: var(--flow-type-font-weight-500);
  font-family: var(--flow-type-font-family);
  color: var(--flow-colors-bone);
  text-transform: uppercase;
}
.PSDesignSystem .rbc-time-content,
.PSDesignSystem .rbc-time-view,
.PSDesignSystem .rbc-day-slot .rbc-time-slot,
.PSDesignSystem .rbc-timeslot-group {
  border: none;
}
.PSDesignSystem .rbc-time-content > * + * > *,
.PSDesignSystem .rbc-time-header-content {
  border-left: 1px solid var(--flow-colors-gray-4);
}
.PSDesignSystem .rbc-time-header.rbc-overflowing {
  border-right: 1px solid var(--flow-colors-gray-4);
}
.PSDesignSystem .rbc-day-slot .rbc-event {
  border: 1px solid var(--flow-colors-gray-4) !important;
}
.main-content.reports.review-collaboration .filter-bar-wrapper {
  justify-content: space-between;
}
.main-content.reports.review-collaboration .review-collaboration__timestamp {
  align-self: flex-end;
  font-size: 14px;
  margin: 0 0 0 1.6em;
  opacity: 0.75;
}
.ReviewCollaboration {
  max-width: 2114px;
  margin-top: 20px;
}
.ReviewCollaboration .text-15 {
  font-size: 15px;
}
.ReviewCollaboration .text-13 {
  font-size: 13px;
}
.ReviewCollaboration .text-24 {
  font-size: 24px;
}
.ReviewCollaboration .text-gray-7 {
  color: #495057;
}
.ReviewCollaboration .text-gray-6 {
  color: #868e96;
}
.ReviewCollaboration .text-gray-8 {
  color: #343a40;
}
.ReviewCollaboration .report {
  color: #495057;
}
.ReviewCollaboration .report .report__panel {
  padding: 24px 0px;
  border-radius: 4px;
  border: 1px solid transparent;
  width: 100%;
  margin-bottom: 20px;
  min-width: 900px;
  max-width: 100%;
}
.ReviewCollaboration .report .col-xs-6 {
  width: 50%;
}
.ReviewCollaboration .report .col-xs-4 {
  width: 33.33333333%;
}
.ReviewCollaboration .report .col-xs-8 {
  width: 66.66666667%;
}
.ReviewCollaboration .report .pl-8 {
  padding-left: 8px;
}
.ReviewCollaboration .report .statsItem {
  border-left: 1px solid #444d59;
}
.ReviewCollaboration .report .tooltip-inner {
  white-space: pre-wrap;
}
.ReviewCollaboration .report .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0px;
  margin: 0px;
}
.ReviewCollaboration .report .roleChartRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.ReviewCollaboration .report .col-xs-12 {
  width: 100%;
}
.ReviewCollaboration .report .pull-right {
  float: right !important;
}
.ReviewCollaboration .report .centeredContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.ReviewCollaboration .report .gravatarLargeImg {
  border-radius: 25px;
  border-style: none;
}
.ReviewCollaboration .report .back-button {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  cursor: pointer;
  height: 40px;
  width: 56px;
  background-image: url(../images/charts/back-button@2x.png);
  margin-left: 20px;
}
.ReviewCollaboration .report .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.ReviewCollaboration .report .actorAvatar {
  width: 23px;
  height: 23px;
  vertical-align: middle;
  display: flex;
  box-sizing: border-box;
  border-radius: 15px;
}
.ReviewCollaboration .report .actorAvatar.gravatarSubmitterSelected {
  box-shadow: 0 0 0 3px #51cf66;
}
.ReviewCollaboration .report .actorAvatar.gravatarSubmitterSelected img {
  border-radius: 50%;
}
.ReviewCollaboration .report .actorAvatar.gravatarReviewerSelected {
  box-shadow: 0 0 0 3px #ff922b;
}
.ReviewCollaboration .report .actorAvatar.gravatarReviewerSelected img {
  border-radius: 50%;
}
.ReviewCollaboration .report .actorAvatar .gravatarImg {
  border-radius: 50%;
}
.ReviewCollaboration .report .actorRoleDiv {
  height: 30px;
  padding: 0px;
  margin: 0px;
}
.ReviewCollaboration .report .actorRoleDiv span svg {
  z-index: -100;
}
.ReviewCollaboration .report .metricSectionHeader {
  width: 250px;
  font-size: 14px;
  margin: 10px;
  display: flex;
  flex-direction: column;
}
.ReviewCollaboration .report .metricSectionHeader .user-name {
  display: block;
  margin-top: 4px;
}
.ReviewCollaboration .report .metric_box {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ReviewCollaboration .report .whenReviewing {
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9ecef;
}
.ReviewCollaboration .ReviewerDetailPanel .PaginationControlsWrapper {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 18px;
  border-bottom: 1px solid #e9ecef;
}
.ReviewCollaboration .SubmitterDetailPanel .PRBarChartContainer .PRBarChartFilters {
  padding-bottom: 18px;
  border-bottom: 1px solid #e9ecef;
}
.ReviewCollaboration .SubmitterDetailPanel__scrollable {
  overflow-y: auto;
  height: calc(100vh - 470px);
}
.ReviewCollaboration .ReviewerDetailPanel__scrollable {
  overflow-y: auto;
  height: calc(100vh - 350px);
}
.ReviewCollaboration .no-permission-message {
  box-sizing: border-box;
  display: flex;
  align-items: left;
  padding: 10px;
  box-shadow: 0px 0px 4px 0px #343a40;
}
.MetricsPanel {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  padding: initial;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px;
}
.TabDrawer .MetricsPanel {
  box-shadow: none;
  margin-bottom: 0;
  border-bottom: 1px solid #ced4da;
}
.MetricsPanel__submitter + .MetricsPanel__reviewer {
  border-top: 1px solid #e9ecef;
}
.MetricsPanel__submitter {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 15px;
}
.MetricsPanel__reviewer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 15px;
  padding-top: 15px;
}
.MetricsPanel__submitter .MetricsPanel__role-header,
.MetricsPanel__reviewer .MetricsPanel__role-header {
  flex: 0 0 167px;
  max-width: 167px;
}
.MetricsPanel__submitter .MetricsPanel__role-header h3,
.MetricsPanel__reviewer .MetricsPanel__role-header h3 {
  font-size: 15px;
  margin-top: 0;
}
.MetricsPanel__submitter .MetricsPanel__role-header table,
.MetricsPanel__reviewer .MetricsPanel__role-header table {
  margin-left: 20px;
  font-size: 13px;
  color: #495057;
}
.MetricsPanel__submitter .MetricsPanel__role-header table td,
.MetricsPanel__reviewer .MetricsPanel__role-header table td {
  padding-bottom: 5px;
}
.MetricsPanel__metrics-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 0;
  justify-content: space-between;
}
@media (min-width: 1330px) {
  .MetricsPanel__metrics-wrapper {
    flex-wrap: nowrap;
  }
}
.MetricsPanel__metric {
  width: calc(50% - 20px);
  margin: 0 10px;
}
@media (min-width: 1330px) {
  .MetricsPanel__metric {
    width: 100%;
    max-width: 25%;
  }
}
.MetricsPanel__value-text {
  font-size: 24px;
  color: #343a40;
  font-weight: 500;
}
.MetricsPanel__value-text--no-data {
  font-size: 16px;
  padding: 5px 10px 4px 10px;
}
.ReviewCollaboration .Details {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 30px;
}
.ReviewCollaboration .Details .top-text {
  margin-left: 7px;
}
.ReviewCollaboration .Details .close-icon {
  cursor: pointer;
  background: #ced4da;
  padding: 10px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  box-sizing: border-box;
}
.ReviewCollaboration .Details__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px;
}
.ReviewCollaboration .Details__header .SummaryLine {
  display: flex;
  align-items: center;
}
.ReviewCollaboration .Details__header .SummaryLine h1 {
  font-size: 22px;
  color: #868e96;
  margin-left: 10px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.ReviewCollaboration .Details__header .SummaryLine h1 strong {
  color: #343a40;
  display: flex;
  align-items: center;
}
.ReviewCollaboration .Details__header .SummaryLine .ContextMenuTrigger .UserNameContextMenuTrigger {
  position: absolute;
  top: -5px;
}
.ReviewCollaboration .Details__header .SummaryLine .username-spacer {
  visibility: hidden;
  margin-left: 7px;
  margin-right: 5px;
}
.Roles {
  flex: 1;
}
.Roles__RolesHeader__header {
  display: flex;
  justify-content: space-between;
}
.Roles__RolesHeader__controls {
  display: flex;
  align-items: center;
}
.Roles__RolesHeader__controls .PaginationControls {
  margin-left: auto;
}
.Roles__RolesHeader__title {
  font-size: 21px;
  font-weight: 500;
  margin: 0;
}
.Roles__RolesHeader__description {
  margin-top: 5px;
}
.Roles__RolesHeader__create-button {
  float: right;
}
.Roles__RolesTable__tr-group--selected {
  background-color: #f6f9ff;
  border-bottom: 1px solid #dbe4ff !important;
}
.Roles__RolesTableLoading {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  pointer-events: none;
  z-index: -100;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}
.Roles__RolesTableLoading--active {
  opacity: 1;
  pointer-events: all;
  z-index: 200;
  transform: translateY(0);
}
.Roles__RolesTableLoading__text {
  font-size: 20px;
}
.Roles__RolesTableNameCell {
  align-self: flex-start;
  width: 100%;
}
.Roles__RolesTableNameCell__checkbox {
  float: left;
  margin-top: 2px;
  margin-bottom: 22px;
}
.Roles__RolesTableNameCell__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
}
.Roles__RolesTableNameCell__title .Tag {
  font-size: 12px;
  font-weight: 400;
  color: #495057;
  margin: 2px 10px;
  letter-spacing: -0.2px;
}
.Roles__RolesTableNameCell__grants {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #868e96;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Roles__RoleEditor__label {
  font-size: 13px;
  display: block;
  text-transform: uppercase;
  color: #212529;
}
.Roles__RoleEditor__view-rights-description {
  background-color: #f8f9fa;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}
.Roles__RoleEditor__view-rights-description h3 {
  font-size: 17px;
  font-weight: 500;
  margin: 16px 0 0 0;
}
.Roles__RoleEditor__view-rights-description p {
  margin: 8px 0 0 0;
}
#app .Roles .ReactTable {
  margin-top: 10px;
  padding-bottom: 90px;
}
#app .Roles .ReactTable .rt-table {
  overflow: visible;
}
#app .Roles .ReactTable .rt-thead .rt-th {
  line-height: 24px;
  font-weight: 500;
  outline: none;
  padding: 5px 0px;
  text-align: right !important;
}
#app .Roles .ReactTable .rt-thead .rt-th:first-child {
  text-align: left !important;
  padding-left: 24px;
}
#app .Roles .ReactTable .rt-thead .rt-th:first-child .Icon {
  margin-left: 4px;
  transition: transform 0.3s ease;
}
#app .Roles .ReactTable .rt-thead .rt-th:first-child.-sort-desc .Icon {
  transform: rotate(180deg);
}
#app .Roles .ReactTable .rt-thead .rt-tr .rt-th.-sort-asc div:first-of-type::after {
  content: none !important;
}
#app .Roles .ReactTable .rt-thead .rt-tr .rt-th.-sort-desc div:first-of-type::after {
  content: none !important;
}
#app .Roles .ReactTable .rt-tbody {
  overflow: visible;
}
#app .Roles .ReactTable .rt-td {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  height: 62px;
  overflow: visible;
}
.CheckboxList__header {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  padding: 24px 30px 0;
  background-color: #f8f9fa;
}
.CheckboxList__title,
.CheckboxList__toggle-all {
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: -0.2px;
}
.CheckboxList__title {
  color: #495057;
}
.CheckboxList__toggle-all {
  height: 20px;
  padding: 0;
  margin: 0;
}
.CheckboxList__toggle-all.Button--primary.Button--enabled:hover {
  background-color: transparent;
  text-decoration: underline;
}
.CheckboxList__toggle-all.Button--primary.Button--enabled:active {
  background-color: transparent;
  text-decoration: underline;
}
.CheckboxList__list {
  list-style: none;
  padding-left: 30px;
  margin: 0;
}
.CheckboxList__item {
  font-size: 17px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 44px;
  border-bottom: 1px solid #ced4da;
}
.CheckboxList__item:last-of-type {
  border-bottom: none;
}
.CheckboxList__item .FancyCheckbox__input {
  margin: 0;
}
.CheckboxList__item .FancyCheckbox__label {
  margin-left: 10px;
}
.EditorModal {
  max-height: calc(100vh - 150px) !important;
  width: 500px;
}
.EditorModal__header {
  flex: 0 0 auto;
  text-align: center;
  padding: 30px 0;
  border-bottom: 1px solid #ced4da;
}
.EditorModal__title {
  font-size: 26px;
  font-weight: 400;
  margin: 10px 0px;
  color: #212529;
}
.EditorModal__description {
  margin: 0 30px;
  color: #343a40;
}
.EditorModal__description p {
  margin: 10px 0;
}
.EditorModal__description a {
  font-weight: 500;
  text-decoration: none;
}
.EditorModal__description a:hover {
  text-decoration: underline;
}
.EditorModal__footer {
  flex: 0 0 auto;
  border-top: 1px solid #ced4da;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.EditorModal__footer .Button--primary:last-of-type {
  min-width: 160px;
}
.EditorModal__content {
  flex: 1 1 auto;
  overflow-y: auto;
}
.EditorModal__content:after {
  content: '';
  display: block;
  height: 100px;
  background-color: #f8f9fa;
  border-top: 1px solid #ced4da;
}
.EditorModal__content section {
  padding: 30px;
}
.EditorModal__content input[type='text'],
.EditorModal__content textarea {
  box-sizing: border-box;
  width: 100%;
  margin-top: 4px;
}
.EditorModal__content img {
  max-width: 100%;
}
.GroupSettingsPage {
  /** Gitpair configuration area **/
  /** Name / e-mail area **/
  /** Credit allocation **/
}
.GroupSettingsPage__assignment-settings > div {
  padding-top: 15px;
}
.GroupSettingsPage__assignment-settings > div:not(:last-child) {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
}
.GroupSettingsPage__label-input-span {
  font-weight: bold;
}
.GroupSettingsPage__label-input-span input {
  margin-left: 20px;
}
.GroupSettingsPage__label-input-span input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.GroupSettingsPage__label-input-span--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.GroupSettingsPage__gitpair-container {
  margin-top: 15px;
  margin-left: 30px;
  display: flex;
  flex-direction: column;
}
.GroupSettingsPage__gitpair-column button {
  margin-top: -5px;
}
.GroupSettingsPage__gitpair-row {
  margin-bottom: 15px;
}
.GroupSettingsPage__gitpair-row input {
  width: 250px;
  margin-right: 15px;
}
.GroupSettingsPage__gitpair-container label {
  color: #adb5bd;
  text-transform: uppercase;
  font-size: 12px;
}
.GroupSettingsPage__gitpair-children {
  margin-left: 15px;
  border-top: 1px solid #ced4da;
  margin-top: 15px;
}
.GroupSettingsPage__gitpair-children > div {
  border-bottom: 1px solid #ced4da;
}
.GroupSettingsPage__gitpairs {
  display: flex;
}
.GroupSettingsPage__gitpairs-left {
  flex: 1;
  display: flex;
}
.GroupSettingsPage__gitpairs-right {
  flex: 1;
  background-color: #f1f3f5;
}
.GroupSettingsPage__gitpairs-inner-left {
  flex: 1;
  margin-top: 15px;
}
.GroupSettingsPage__inner-gitpair {
  display: flex;
  align-items: center;
  padding: 5px;
}
.GroupSettingsPage__gitpair-input {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  font-size: 12px;
  color: #adb5bd;
  padding: 5px;
  flex: 1;
}
.GroupSettingsPage__gitpair-input input {
  margin-top: 5px;
}
.GroupSettingsPage__gitpair-delete {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}
.GroupSettingsPage__name-emails {
  display: flex;
}
.GroupSettingsPage__name-emails-left {
  flex: 1;
  margin-top: 15px;
}
.GroupSettingsPage__name-emails-right {
  flex: 1;
  background-color: #f1f3f5;
  display: flex;
}
.GroupSettingsPage_credit-allocation {
  display: flex;
  margin-left: 15%;
  margin-right: 15%;
}
.GroupSettingsPage_credit-allocation--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.GroupSettingsPage_credit-allocation__left {
  flex: 1;
}
.GroupSettingsPage_credit-allocation__right {
  flex: 2;
}
.GroupSettingsPage_credit-allocation__right--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.GroupSettingsPage_credit-allocation__allocation-panel {
  padding-left: 15px;
  padding-right: 15px;
}
.GroupSettingsPage_credit-allocation__allocation-header {
  display: flex;
  align-items: center;
}
.GroupSettingsPage_credit-allocation__allocation-picker {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.GroupSettingsPage_credit-allocation__allocation-picker > span {
  font-size: 12px;
  text-transform: uppercase;
  color: #adb5bd;
  margin-bottom: 5px;
}
.GroupSettingsPage_credit-allocation__allocation-image img {
  width: 100%;
}
.EventImportModal {
  min-width: 650px;
  display: flex;
  flex-direction: column;
}
.EventImportModal__content {
  flex: 1 1 auto;
  overflow-y: auto;
}
.EventImportModal__content:after {
  content: '';
  display: block;
  height: 100px;
  background-color: #f8f9fa;
  border-top: 1px solid #ced4da;
}
.EventImportModal__content section {
  padding: 30px;
}
.EventImportModal__content input[type='text'],
.EventImportModal__content textarea {
  box-sizing: border-box;
  width: 100%;
  margin-top: 4px;
}
.EventImportModal__content img {
  max-width: 100%;
}
.BulkTeamMembershipModal__description {
  line-height: 1.5;
}
.BulkTeamMembershipModal__error {
  margin: 10px 20px;
}
.BulkTeamMembershipModal__move-from-team-name {
  font-weight: 500;
}
.BulkTeamMembershipModal__user-list {
  list-style: none;
  margin: 10px 20px;
  padding: 0;
}
.BulkTeamMembershipModal__user-item {
  display: inline-block;
  margin: 5px;
  padding: 5px;
  border: 1px solid #3b5bdb;
  background-color: #edf2ff;
  color: #3b5bdb;
}
.BulkTeamMembershipModal__content:after {
  display: none;
}
.BulkTeamMembershipModal__footer {
  justify-content: flex-end;
}
.BulkTeamMembershipModal__team-picker {
  padding: 0 16px;
}
.BulkTeamMembershipModal__team-picker .SearchBox__header {
  background-color: white;
}
.BulkTeamMembershipModal__team-list-header {
  background-color: #f8f9fa;
  padding: 20px 34px 10px 32px;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
}
.BulkTeamMembershipModal__team-list-header > span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
.BulkTeamMembershipModal__team-list-header-name {
  color: #868e96;
}
.BulkTeamMembershipModal__team-list-header-clear {
  color: #fa5252;
  cursor: pointer;
}
.BulkTeamMembershipModal__team-list-header-clear:hover {
  text-decoration: underline;
}
.BulkTeamMembershipModal__team-list {
  height: 200px;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  background-color: #f8f9fa;
}
.BulkTeamMembershipModal__team-list-placeholder {
  background-color: white;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.BulkTeamMembershipModal__team-list-placeholder h4 {
  font-size: 24px;
  color: #868e96;
  margin-bottom: 0;
  font-weight: 400;
}
.BulkTeamMembershipModal__team-list-placeholder p {
  padding: 0 25%;
  color: #adb5bd;
  text-align: center;
}
.BulkTeamMembershipModal__team-item {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px 12px 32px;
  border-bottom: 1px solid #dee2e6;
  background-color: white;
}
.BulkTeamMembershipModal__team-summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.BulkTeamMembershipModal__team-name {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  padding: 5px 0;
}
.BulkTeamMembershipModal__team-name,
.BulkTeamMembershipModal__team-path {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BulkTeamMembershipModal__team-path-segment {
  display: inline-block;
  color: #adb5bd;
  font-size: 13px;
}
.BulkTeamMembershipModal__team-path-segment--main {
  color: #868e96;
  font-weight: 500;
}
.BulkTeamMembershipModal__team-path-separator {
  margin: 0 4px;
}
.BulkTeamMembershipModal__team-actions .Button {
  border-radius: 100px;
}
.FilterGroup__group-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.FilterGroup__group-controls:before,
.FilterGroup__group-controls:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #3b5bdb;
  flex: 1 0 auto;
}
.FilterGroup__group-controls:before {
  order: 1;
}
.FilterGroup__group-controls:after {
  order: 3;
}
.FilterGroup__remove {
  width: 140px;
  padding: 0 5px;
  margin-left: 14px;
  margin-right: 0;
  order: 4;
}
.FilterGroup__operator-picker {
  width: 100px;
  margin: 0 14px;
  order: 2;
}
.FilterGroup__filter-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.FilterPanel__title {
  font-size: 13px;
  color: #343a40;
  margin-bottom: 4px;
}
.FilterPanel__form {
  border-radius: 2px;
  background-color: #edf2ff;
}
.FilterPanel__group-list {
  list-style: none;
  margin: 0;
  padding: 24px;
  padding-bottom: 10px;
}
.FilterPanel__panel-controls {
  padding: 7px 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #dbe4ff;
  border-top: 1px solid #bac8ff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.FilterPanel__clear {
  margin-right: auto;
}
.FilterPanel__add-group,
.FilterPanel__submit {
  margin: 0 0 0 10px;
}
.FilterRow {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.FilterRow__remove {
  font-size: 26px;
  line-height: 20px;
  font-weight: 500;
  flex: 0 0 24px;
  height: 24px;
  padding: 0;
  margin-right: 10px;
}
.FilterRow__field-picker {
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
  margin-right: 10px;
}
.FilterRow__filter {
  flex: 1 1 auto;
}
.FilterRow__operator-picker {
  flex: 0 0 140px;
  width: 140px;
}
.FilterRow__add {
  flex: 0 0 140px;
  margin: 0;
}
.FilterRow__add:hover {
  background-color: #3b5bdb;
}
.FilterRow--error {
  margin-bottom: 0;
}
.SearchFilterPanel {
  margin-bottom: 32px;
}
.SearchFilterPanel__header {
  display: flex;
  align-items: center;
  background-color: #f1f3f5;
  padding: 9px;
  margin-bottom: 8px;
}
.SearchFilterPanel__search-box {
  border-radius: 2px;
  margin: 0 10px 0 21px;
}
.SearchFilterPanel__search-box.available {
  flex: 0 0 50%;
}
.SearchFilterPanel__toggle-filters {
  margin: 0;
  padding: 0 10px;
  flex: 0 0 130px;
  width: 130px;
  max-width: 130px;
  justify-content: space-between;
}
.SearchFilterPanel__filters--hidden {
  display: none;
}
.SearchFilterPanel--no-filters .SearchFilterPanel__search-box {
  margin-right: 21px;
}
.LookupFilter {
  display: flex;
  align-items: center;
}
.LookupFilter__lookup-picker {
  flex: 0 0 30%;
  width: 30%;
  max-width: 30%;
  margin-right: 10px;
}
.LookupFilter__input-container {
  flex: 1 0 0;
  margin-right: 10px;
}
.LookupFilter__label {
  line-height: 28px;
}
.LookupFilter--error .LookupFilter__input-container {
  position: relative;
  top: -14px;
}
.LookupFilter--error .LookupFilter__label {
  color: #fa5252;
}
.LookupFilter .SearchBox__header {
  margin-bottom: 0px;
  background-color: transparent;
}
.AutosuggestLookupFilterInput {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
}
.AutosuggestLookupFilterInput__input {
  font-size: 17px;
  font-weight: normal;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 2px;
}
.AutosuggestLookupFilterInput--error .AutosuggestLookupFilterInput__input {
  background-color: #ffe3e3;
  color: #fa5252;
}
.AutosuggestTagsLookupFilterInput {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: white;
  width: 100%;
  padding: 6px 12px;
  box-sizing: border-box;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 2px;
  position: relative;
}
.AutosuggestTagsLookupFilterInput__autosuggest {
  flex: 1 0 0;
  min-width: 100px;
}
.AutosuggestTagsLookupFilterInput__input {
  font-size: 17px;
  height: 18px;
  margin: 6px 0;
  font-weight: normal;
  background: transparent;
  border: 0;
  padding: 0;
  outline: none;
}
.AutosuggestTagsLookupFilterInput__tag {
  font-size: 13px;
  margin: 3px 6px 3px 0;
  padding: 4px 8px;
}
.AutosuggestTagsLookupFilterInput--focused {
  outline: 2px solid #3b5bdb;
}
.AutosuggestTagsLookupFilterInput--error {
  background-color: #ffe3e3;
}
.AutosuggestTagsLookupFilterInput--error .AutosuggestTagsLookupFilterInput__input::placeholder {
  color: #fa5252;
}
.AutosuggestTagsLookupFilterInput__suggestions {
  visibility: hidden;
}
.AutosuggestTagsLookupFilterInput__suggestions--open {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  visibility: visible;
  position: absolute;
  left: 0;
  transform: translateY(6px);
  border: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  font-weight: normal;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 200;
}
.AutosuggestTagsLookupFilterInput__suggestions-list {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.AutosuggestTagsLookupFilterInput__suggestion {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid #e9ecef;
  letter-spacing: 0.5px;
}
.AutosuggestTagsLookupFilterInput__suggestion--highlighted {
  background-color: #dbe4ff;
}
.DateLookupFilterInput {
  width: 100%;
}
.DateLookupFilterInput__trigger {
  font-size: 17px;
  font-weight: 400;
  color: #343a40;
  width: 100%;
  margin: 0;
}
.DateLookupFilterInput--error .DateLookupFilterInput__trigger {
  background-color: #ffe3e3;
}
.DateLookupFilterInput--error .DateLookupFilterInput__summary {
  color: #fa5252;
}
.NumberLookupFilterInput {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 2px;
}
.NumberLookupFilterInput--error {
  background-color: #ffe3e3;
  color: #fa5252;
}
.NumberLookupFilterInput::-webkit-inner-spin-button,
.NumberLookupFilterInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.TagsLookupFilterInput {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: white;
  width: 100%;
  padding: 6px 12px;
  box-sizing: border-box;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 2px;
}
.TagsLookupFilterInput__input {
  font-size: 17px;
  flex: 1 0 auto;
  height: 18px;
  margin: 6px 0;
  font-weight: normal;
  background: transparent;
  border: 0;
  padding: 0;
  outline: none;
}
.TagsLookupFilterInput__tag {
  font-size: 13px;
  margin: 6px 6px 6px 0;
  padding: 4px 8px;
}
.TagsLookupFilterInput--focused {
  outline: 2px solid #3b5bdb;
}
.TagsLookupFilterInput--error {
  background-color: #ffe3e3;
}
.TagsLookupFilterInput--error .TagsLookupFilterInput__input::placeholder {
  color: #fa5252;
}
.TextLookupFilterInput {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 2px;
}
.TextLookupFilterInput--error {
  background-color: #ffe3e3;
  color: #fa5252;
}
.SettingsLayout {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
}
.SettingsLayout__content {
  width: 100%;
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative;
}
.SettingsLayout__content--noscroll {
  height: 100%;
  overflow: hidden;
}
.SettingsDetailsLayout .SettingsDetailsHeader {
  border-bottom: 1px solid #dee2e6;
  padding: 25px;
}
.SettingsDetailsLayout .SettingsDetailsHeader__title-block {
  display: flex;
  justify-content: space-between;
}
.SettingsDetailsLayout .SettingsDetailsHeader__title {
  padding: 0;
}
.SettingsDetailsLayout .SettingsDetailsHeader__actions {
  display: flex;
  padding: 0;
  align-items: center;
}
.SettingsDetailsLayout .SettingsDetailsHeader h2 {
  margin: 0;
  padding: 0;
  line-height: 46px;
}
.SettingsDetailsLayout .SettingsDetailsSummary {
  background-color: #f7f9fb;
  border-bottom: 1px solid #dee2e6;
  padding: 25px;
}
.SettingsDetailsLayout .SettingsDetailsSummary__panel {
  width: 66%;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(73, 80, 87, 0.1), 0 2px 9px 0 rgba(73, 80, 87, 0.2);
  padding: 15px 30px;
}
.SettingsDetailsLayout .SettingsDetailsSummary__panel--UserDetails {
  width: 50%;
  padding-bottom: 40px;
  max-width: 380px;
}
.SettingsDetailsLayout .SettingsDetailsSummary__summary-footer {
  padding-top: 32px;
  padding-bottom: 52px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #343a40;
  padding-right: 10px;
}
.SettingsDetailsLayout .SettingsDetailsSummary--UserDetails {
  padding-top: 67px;
  padding-bottom: 73px;
}
.SettingsDetailsLayout .SettingsDetailsContent {
  padding: 20px;
}
.SettingsDetailsLayout .SettingsDetailsContent--UserDetails .TableCell--button {
  display: flex;
  justify-content: flex-end;
}
.SettingsDetailsLayout .SettingsDetailsContent--UserDetails footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 7px 5px;
}
nav.SettingsNav--hidden {
  display: none;
}
nav.SettingsNav ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 10px 19px;
}
nav.SettingsNav li {
  margin: 0;
  padding: 0;
}
nav.SettingsNav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 0 6px 8px;
  font-size: 15px;
  line-height: 20px;
  color: inherit;
  text-decoration: none;
  letter-spacing: -0.25px;
}
nav.SettingsNav li a .Icon {
  margin-right: 6px;
  flex: 0 0 auto;
}
nav.SettingsNav li a span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
nav.SettingsNav li a:hover {
  background-color: rgba(59, 91, 219, 0.08);
}
nav.SettingsNav li a.active {
  background-color: rgba(59, 91, 219, 0.08);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #3b5bdb;
  font-weight: 500;
}
nav.SettingsNav--mini ul {
  margin-left: 0;
  padding-left: 0;
}
nav.SettingsNav--mini li a span {
  display: none;
}
.SettingsTopBar {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin: 0;
  padding: 20px 0 20px 27px;
  background-color: var(--flow-colors-blue-6);
}
.SettingsTopBar__title,
.SettingsTopBar__link {
  font-size: 19px;
  line-height: 1.05;
  letter-spacing: -0.3px;
  text-align: left;
  color: white;
  padding: 0;
}
.SettingsTopBar__title {
  margin: 0 44px 0 0;
}
.SettingsTopBar__link {
  text-decoration: none;
}
.ViewRightsPickers__label {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 20px;
}
.ViewRightsPickers__pickerContainer {
  padding-top: 20px;
}
.ViewRightsPickers__sublabel {
  font-size: 13px;
  line-height: 20px;
}
.ViewRightsPickers__picker {
  width: 100%;
}
.TableCell {
  font-size: 15px;
  display: flex;
  height: 100%;
  align-items: center;
}
.center .TableCell {
  justify-content: center;
}
.TableCell a {
  font-weight: 500;
  text-decoration: none;
}
.TableCell a:hover {
  text-decoration: underline;
}
.TableCell a .Icon {
  margin-right: 8px;
}
.TableCell--center {
  justify-content: center;
}
.TableCell__checkbox,
.TableCell__date,
.TableCell__content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TableCell__checkbox--muted,
.TableCell__date--muted,
.TableCell__content--muted {
  color: #adb5bd;
}
.TableCell--icon .TableCell__icon,
.TableCell--user .TableCell__avatar {
  color: #343a40;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-right: 8px;
  background-size: cover;
}
.TableCell--icon .TableCell__label,
.TableCell--user .TableCell__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.TableCell--user .TableCell__avatar {
  border-radius: 12px;
}
.TableCell--checkbox .TableCell__label {
  margin-left: 8px;
}
.TableCell--checkbox .TableCell__link {
  font-weight: 500;
  text-decoration: none;
}
.TableCell--checkbox .TableCell__link:hover {
  text-decoration: underline;
}
.TableCell--show-overflow .TableCell__content {
  overflow: visible;
}
.TableCell--expander .Icon {
  flex: 0 0 24px;
}
.TableCell__button {
  max-height: 25px;
}
.TableCell__team-member-list {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  margin-right: 6px;
}
.TableCell__team-member-icon {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
}
.legacy-nav {
  /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  /* Login pages */
  /*
   * This file can be used to add styles that only apply locally.  It is left
   * away in debug builds.  Good for marking certain elements with colors, like
   * old components that need replacement, or debug info.
   */
  /* A bullet list, but with green checkmark icons */
  /**
   * In order to use icons, do this:
   *
   * So, pick a size:
   *
   *     icon-12
   *     icon-16
   *     icon-18
   *     icon-24
   *     icon-32
   *     icon-48
   *     icon-64
   *
   * Then, pick the name of the icon (just use the filename, minus the @2x part):
   *
   *     icon-github-white
   *     icon-github-black
   *     icon-bitbucket-gray
   *     icon-bigbucket-blue
   *     icon-state-done
   *     ...
   *
   * Then, put them together like this:
   *
   *     <span class="icon-32 icon-github-white"></span>
   *
   */
}
.legacy-nav body.v2-like.sign-in #main-area {
  width: 100%;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 80px;
  margin: auto;
}
.legacy-nav body.v2-like.sign-in .sign-up-content,
.legacy-nav body.v2-like.sign-in .create-org-content,
.legacy-nav body.v2-like.sign-in .sign-in-content,
.legacy-nav body.v2-like.sign-in .pick-a-password-content,
.legacy-nav body.v2-like.sign-in .verify-content {
  margin-top: 70px;
}
.legacy-nav body.v2-like.sign-in .sign-up-content h1.header-lg,
.legacy-nav body.v2-like.sign-in .create-org-content h1.header-lg,
.legacy-nav body.v2-like.sign-in .sign-in-content h1.header-lg,
.legacy-nav body.v2-like.sign-in .pick-a-password-content h1.header-lg,
.legacy-nav body.v2-like.sign-in .verify-content h1.header-lg {
  font-size: 45px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: white;
  margin-bottom: 20px;
}
.legacy-nav body.v2-like.sign-in .sign-up-content p,
.legacy-nav body.v2-like.sign-in .create-org-content p,
.legacy-nav body.v2-like.sign-in .sign-in-content p,
.legacy-nav body.v2-like.sign-in .pick-a-password-content p,
.legacy-nav body.v2-like.sign-in .verify-content p {
  font-size: 18px;
  font-weight: 400;
  color: white;
  line-height: 1.3;
}
.legacy-nav body.v2-like.sign-in .sign-up-content p.description,
.legacy-nav body.v2-like.sign-in .create-org-content p.description,
.legacy-nav body.v2-like.sign-in .sign-in-content p.description,
.legacy-nav body.v2-like.sign-in .pick-a-password-content p.description,
.legacy-nav body.v2-like.sign-in .verify-content p.description {
  font-size: 14px;
}
.legacy-nav body.v2-like.sign-in .sign-up-content footer,
.legacy-nav body.v2-like.sign-in .create-org-content footer,
.legacy-nav body.v2-like.sign-in .sign-in-content footer,
.legacy-nav body.v2-like.sign-in .pick-a-password-content footer,
.legacy-nav body.v2-like.sign-in .verify-content footer {
  color: white;
  font-weight: 400;
}
.legacy-nav body.v2-like.sign-in .sign-up-content footer a,
.legacy-nav body.v2-like.sign-in .create-org-content footer a,
.legacy-nav body.v2-like.sign-in .sign-in-content footer a,
.legacy-nav body.v2-like.sign-in .pick-a-password-content footer a,
.legacy-nav body.v2-like.sign-in .verify-content footer a {
  color: #3b5bdb;
}
.legacy-nav body.v2-like.sign-in .sign-up-content form,
.legacy-nav body.v2-like.sign-in .create-org-content form,
.legacy-nav body.v2-like.sign-in .sign-in-content form,
.legacy-nav body.v2-like.sign-in .pick-a-password-content form,
.legacy-nav body.v2-like.sign-in .verify-content form {
  margin-top: 56px;
}
.legacy-nav body.v2-like.sign-in .sign-up-content .alert-container .alert.alert-danger,
.legacy-nav body.v2-like.sign-in .create-org-content .alert-container .alert.alert-danger,
.legacy-nav body.v2-like.sign-in .sign-in-content .alert-container .alert.alert-danger,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .alert-container .alert.alert-danger,
.legacy-nav body.v2-like.sign-in .verify-content .alert-container .alert.alert-danger {
  background: rgba(250, 82, 82, 0.08);
  color: #fa5252;
  border: 1px solid transparent;
  border-radius: 0;
  font-weight: 500;
  padding: 20px;
}
.legacy-nav body.v2-like.sign-in .sign-up-content .alert-container .alert.alert-danger a,
.legacy-nav body.v2-like.sign-in .create-org-content .alert-container .alert.alert-danger a,
.legacy-nav body.v2-like.sign-in .sign-in-content .alert-container .alert.alert-danger a,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .alert-container .alert.alert-danger a,
.legacy-nav body.v2-like.sign-in .verify-content .alert-container .alert.alert-danger a {
  color: #fa5252;
  text-decoration: underline;
}
.legacy-nav body.v2-like.sign-in .sign-up-content .form-control,
.legacy-nav body.v2-like.sign-in .create-org-content .form-control,
.legacy-nav body.v2-like.sign-in .sign-in-content .form-control,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .form-control,
.legacy-nav body.v2-like.sign-in .verify-content .form-control {
  box-shadow: none;
}
.legacy-nav body.v2-like.sign-in .sign-up-content .form-group,
.legacy-nav body.v2-like.sign-in .create-org-content .form-group,
.legacy-nav body.v2-like.sign-in .sign-in-content .form-group,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .form-group,
.legacy-nav body.v2-like.sign-in .verify-content .form-group {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 10px;
  position: relative;
}
.legacy-nav body.v2-like.sign-in .sign-up-content .form-group .link.black,
.legacy-nav body.v2-like.sign-in .create-org-content .form-group .link.black,
.legacy-nav body.v2-like.sign-in .sign-in-content .form-group .link.black,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .form-group .link.black,
.legacy-nav body.v2-like.sign-in .verify-content .form-group .link.black {
  position: absolute;
  color: #212529;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
  right: 20px;
  top: 50%;
  transform: translateY(-48%);
}
.legacy-nav body.v2-like.sign-in .sign-up-content .back-link,
.legacy-nav body.v2-like.sign-in .create-org-content .back-link,
.legacy-nav body.v2-like.sign-in .sign-in-content .back-link,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .back-link,
.legacy-nav body.v2-like.sign-in .verify-content .back-link {
  color: #212529;
  font-size: 16px;
  font-weight: 800;
  background: transparent;
  border: none;
  padding: 0;
  display: block;
  margin-bottom: 55px;
}
.legacy-nav body.v2-like.sign-in .sign-up-content label,
.legacy-nav body.v2-like.sign-in .create-org-content label,
.legacy-nav body.v2-like.sign-in .sign-in-content label,
.legacy-nav body.v2-like.sign-in .pick-a-password-content label,
.legacy-nav body.v2-like.sign-in .verify-content label,
.legacy-nav body.v2-like.sign-in .sign-up-content input,
.legacy-nav body.v2-like.sign-in .create-org-content input,
.legacy-nav body.v2-like.sign-in .sign-in-content input,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input,
.legacy-nav body.v2-like.sign-in .verify-content input {
  transition: all 200ms ease-out 0s;
  touch-action: manipulation;
}
.legacy-nav body.v2-like.sign-in .sign-up-content select,
.legacy-nav body.v2-like.sign-in .create-org-content select,
.legacy-nav body.v2-like.sign-in .sign-in-content select,
.legacy-nav body.v2-like.sign-in .pick-a-password-content select,
.legacy-nav body.v2-like.sign-in .verify-content select,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='password'],
.legacy-nav body.v2-like.sign-in .create-org-content input[type='password'],
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='password'],
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='password'],
.legacy-nav body.v2-like.sign-in .verify-content input[type='password'],
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='text'],
.legacy-nav body.v2-like.sign-in .create-org-content input[type='text'],
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='text'],
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='text'],
.legacy-nav body.v2-like.sign-in .verify-content input[type='text'],
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='email'],
.legacy-nav body.v2-like.sign-in .create-org-content input[type='email'],
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='email'],
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='email'],
.legacy-nav body.v2-like.sign-in .verify-content input[type='email'] {
  -webkit-appearance: none;
  border: 1px solid #dee2e6;
  font-size: 16px;
  color: #495057;
  cursor: text;
  padding-left: 20px;
  padding-right: 20px;
  height: 64px;
  background: #ffffff;
  border-radius: 0;
  width: 100%;
  transition: all 0.2s ease-in 0s;
}
.legacy-nav body.v2-like.sign-in .sign-up-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .create-org-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .sign-in-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .pick-a-password-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .verify-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .sign-up-content button[type='reset'],
.legacy-nav body.v2-like.sign-in .create-org-content button[type='reset'],
.legacy-nav body.v2-like.sign-in .sign-in-content button[type='reset'],
.legacy-nav body.v2-like.sign-in .pick-a-password-content button[type='reset'],
.legacy-nav body.v2-like.sign-in .verify-content button[type='reset'] {
  width: 100%;
  background-color: #3b5bdb;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 800;
  position: relative;
  z-index: 100;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  outline: none;
  overflow: hidden;
  padding: 20px;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.8, 0, 0.2, 1);
  margin-top: 10px;
  margin-bottom: 56px;
}
.legacy-nav body.v2-like.sign-in .sign-up-content button[type='submit']:after,
.legacy-nav body.v2-like.sign-in .create-org-content button[type='submit']:after,
.legacy-nav body.v2-like.sign-in .sign-in-content button[type='submit']:after,
.legacy-nav body.v2-like.sign-in .pick-a-password-content button[type='submit']:after,
.legacy-nav body.v2-like.sign-in .verify-content button[type='submit']:after,
.legacy-nav body.v2-like.sign-in .sign-up-content button[type='reset']:after,
.legacy-nav body.v2-like.sign-in .create-org-content button[type='reset']:after,
.legacy-nav body.v2-like.sign-in .sign-in-content button[type='reset']:after,
.legacy-nav body.v2-like.sign-in .pick-a-password-content button[type='reset']:after,
.legacy-nav body.v2-like.sign-in .verify-content button[type='reset']:after {
  content: '';
  background-color: #364fc7;
  bottom: 0px;
  display: block;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  transform-origin: center top;
  transform: scaleY(0);
  z-index: -100;
  transition: transform 0.2s ease-in 0s;
}
.legacy-nav body.v2-like.sign-in .sign-up-content button[type='submit']:hover:after,
.legacy-nav body.v2-like.sign-in .create-org-content button[type='submit']:hover:after,
.legacy-nav body.v2-like.sign-in .sign-in-content button[type='submit']:hover:after,
.legacy-nav body.v2-like.sign-in .pick-a-password-content button[type='submit']:hover:after,
.legacy-nav body.v2-like.sign-in .verify-content button[type='submit']:hover:after,
.legacy-nav body.v2-like.sign-in .sign-up-content button[type='reset']:hover:after,
.legacy-nav body.v2-like.sign-in .create-org-content button[type='reset']:hover:after,
.legacy-nav body.v2-like.sign-in .sign-in-content button[type='reset']:hover:after,
.legacy-nav body.v2-like.sign-in .pick-a-password-content button[type='reset']:hover:after,
.legacy-nav body.v2-like.sign-in .verify-content button[type='reset']:hover:after {
  transform: scaleY(1);
  transform-origin: center bottom;
}
.legacy-nav body.v2-like.sign-in .sign-up-content .secondary-button.outline,
.legacy-nav body.v2-like.sign-in .create-org-content .secondary-button.outline,
.legacy-nav body.v2-like.sign-in .sign-in-content .secondary-button.outline,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .secondary-button.outline,
.legacy-nav body.v2-like.sign-in .verify-content .secondary-button.outline {
  background: #ffffff;
  width: 100%;
  padding: 20px;
  outline: none;
  text-decoration: none;
  margin-top: 10px;
  border: 1px solid #dee2e6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 800;
  color: #212529;
  transition: all 0.2s ease-in 0s;
}
.legacy-nav body.v2-like.sign-in .sign-up-content .secondary-button.outline .icon-github-black,
.legacy-nav body.v2-like.sign-in .create-org-content .secondary-button.outline .icon-github-black,
.legacy-nav body.v2-like.sign-in .sign-in-content .secondary-button.outline .icon-github-black,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .secondary-button.outline .icon-github-black,
.legacy-nav body.v2-like.sign-in .verify-content .secondary-button.outline .icon-github-black {
  background-image: url(/static/images/icons/github-black@2x.png);
}
.legacy-nav body.v2-like.sign-in .sign-up-content .secondary-button.outline .icon-bitbucket-blue,
.legacy-nav body.v2-like.sign-in .create-org-content .secondary-button.outline .icon-bitbucket-blue,
.legacy-nav body.v2-like.sign-in .sign-in-content .secondary-button.outline .icon-bitbucket-blue,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .secondary-button.outline .icon-bitbucket-blue,
.legacy-nav body.v2-like.sign-in .verify-content .secondary-button.outline .icon-bitbucket-blue {
  background-image: url(/static/images/icons/bitbucket-blue@2x.png);
}
.legacy-nav body.v2-like.sign-in .sign-up-content .secondary-button.outline:hover,
.legacy-nav body.v2-like.sign-in .create-org-content .secondary-button.outline:hover,
.legacy-nav body.v2-like.sign-in .sign-in-content .secondary-button.outline:hover,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .secondary-button.outline:hover,
.legacy-nav body.v2-like.sign-in .verify-content .secondary-button.outline:hover {
  border: 1px solid #adb5bd;
}
.legacy-nav body.v2-like.sign-in .sign-up-content .button-icon,
.legacy-nav body.v2-like.sign-in .create-org-content .button-icon,
.legacy-nav body.v2-like.sign-in .sign-in-content .button-icon,
.legacy-nav body.v2-like.sign-in .pick-a-password-content .button-icon,
.legacy-nav body.v2-like.sign-in .verify-content .button-icon {
  margin-right: 16px;
}
.legacy-nav body.v2-like.sign-in .sign-up-content select,
.legacy-nav body.v2-like.sign-in .create-org-content select,
.legacy-nav body.v2-like.sign-in .sign-in-content select,
.legacy-nav body.v2-like.sign-in .pick-a-password-content select,
.legacy-nav body.v2-like.sign-in .verify-content select {
  background: url('/static/images/icons/arrow-down-black@2x.png') no-repeat right;
  background-size: 11px 7px;
  background-position: right 20px bottom 26px;
  cursor: pointer;
}
.legacy-nav body.v2-like.sign-in .sign-up-content select:focus,
.legacy-nav body.v2-like.sign-in .create-org-content select:focus,
.legacy-nav body.v2-like.sign-in .sign-in-content select:focus,
.legacy-nav body.v2-like.sign-in .pick-a-password-content select:focus,
.legacy-nav body.v2-like.sign-in .verify-content select:focus,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .verify-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .verify-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .verify-content input[type='password']:focus {
  border: 1px solid #3b5bdb;
  outline: 0;
}
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .verify-content input[type='email']:focus,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .verify-content input[type='password']:focus,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .verify-content input[type='text']:focus,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='text'].has-value,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='text'].has-value,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='text'].has-value,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='text'].has-value,
.legacy-nav body.v2-like.sign-in .verify-content input[type='text'].has-value,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='email'].has-value,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='email'].has-value,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='email'].has-value,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='email'].has-value,
.legacy-nav body.v2-like.sign-in .verify-content input[type='email'].has-value,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='password'].has-value,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='password'].has-value,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='password'].has-value,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='password'].has-value,
.legacy-nav body.v2-like.sign-in .verify-content input[type='password'].has-value {
  padding-top: 14px;
  padding-bottom: 0;
}
.legacy-nav body.v2-like.sign-in .sign-up-content label,
.legacy-nav body.v2-like.sign-in .create-org-content label,
.legacy-nav body.v2-like.sign-in .sign-in-content label,
.legacy-nav body.v2-like.sign-in .pick-a-password-content label,
.legacy-nav body.v2-like.sign-in .verify-content label {
  position: absolute;
  top: 50%;
  left: 20px;
  font-weight: 400;
  color: #212529;
  opacity: 0.5;
  cursor: text;
  white-space: nowrap;
  overflow: hidden;
  transform-origin: left bottom;
  transform: translateY(-48%);
  font-size: 16px;
  pointer-events: none;
  margin-bottom: 0;
}
.legacy-nav body.v2-like.sign-in .sign-up-content label.error,
.legacy-nav body.v2-like.sign-in .create-org-content label.error,
.legacy-nav body.v2-like.sign-in .sign-in-content label.error,
.legacy-nav body.v2-like.sign-in .pick-a-password-content label.error,
.legacy-nav body.v2-like.sign-in .verify-content label.error {
  color: #ff6b6b;
}
.legacy-nav body.v2-like.sign-in .sign-up-content input.error,
.legacy-nav body.v2-like.sign-in .create-org-content input.error,
.legacy-nav body.v2-like.sign-in .sign-in-content input.error,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input.error,
.legacy-nav body.v2-like.sign-in .verify-content input.error {
  border: 1px solid #ff6b6b;
}
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='email']:focus + label,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='email']:focus + label,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='email']:focus + label,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='email']:focus + label,
.legacy-nav body.v2-like.sign-in .verify-content input[type='email']:focus + label,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='text']:focus + label,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='text']:focus + label,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='text']:focus + label,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='text']:focus + label,
.legacy-nav body.v2-like.sign-in .verify-content input[type='text']:focus + label,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='password']:focus + label,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='password']:focus + label,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='password']:focus + label,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='password']:focus + label,
.legacy-nav body.v2-like.sign-in .verify-content input[type='password']:focus + label,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='text'].has-value + label,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='text'].has-value + label,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='text'].has-value + label,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='text'].has-value + label,
.legacy-nav body.v2-like.sign-in .verify-content input[type='text'].has-value + label,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='email'].has-value + label,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='email'].has-value + label,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='email'].has-value + label,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='email'].has-value + label,
.legacy-nav body.v2-like.sign-in .verify-content input[type='email'].has-value + label,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='password'].has-value + label,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='password'].has-value + label,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='password'].has-value + label,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='password'].has-value + label,
.legacy-nav body.v2-like.sign-in .verify-content input[type='password'].has-value + label {
  transform: translateY(-24px);
  font-size: 14px;
  color: #868e96;
  opacity: 0.5;
}
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='email']:focus + label.error,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='email']:focus + label.error,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='email']:focus + label.error,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='email']:focus + label.error,
.legacy-nav body.v2-like.sign-in .verify-content input[type='email']:focus + label.error,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='text']:focus + label.error,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='text']:focus + label.error,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='text']:focus + label.error,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='text']:focus + label.error,
.legacy-nav body.v2-like.sign-in .verify-content input[type='text']:focus + label.error,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='password']:focus + label.error,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='password']:focus + label.error,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='password']:focus + label.error,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='password']:focus + label.error,
.legacy-nav body.v2-like.sign-in .verify-content input[type='password']:focus + label.error,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='text'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='text'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='text'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='text'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .verify-content input[type='text'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='email'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='email'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='email'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='email'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .verify-content input[type='email'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .sign-up-content input[type='password'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .create-org-content input[type='password'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .sign-in-content input[type='password'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .pick-a-password-content input[type='password'].has-value + label.error,
.legacy-nav body.v2-like.sign-in .verify-content input[type='password'].has-value + label.error {
  color: #ff6b6b;
}
.legacy-nav body.on-prem .hide__on-prem {
  display: none;
}
@media print {
  .legacy-nav *,
  .legacy-nav *:before,
  .legacy-nav *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .legacy-nav a,
  .legacy-nav a:visited {
    text-decoration: underline;
  }
  .legacy-nav a[href]:after {
    content: ' (' attr(href) ')';
  }
  .legacy-nav abbr[title]:after {
    content: ' (' attr(title) ')';
  }
  .legacy-nav a[href^='#']:after,
  .legacy-nav a[href^='javascript:']:after {
    content: '';
  }
  .legacy-nav pre,
  .legacy-nav blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .legacy-nav thead {
    display: table-header-group;
  }
  .legacy-nav tr,
  .legacy-nav img {
    page-break-inside: avoid;
  }
  .legacy-nav img {
    max-width: 100% !important;
  }
  .legacy-nav p,
  .legacy-nav h2,
  .legacy-nav h3 {
    orphans: 3;
    widows: 3;
  }
  .legacy-nav h2,
  .legacy-nav h3 {
    page-break-after: avoid;
  }
  .legacy-nav .navbar {
    display: none;
  }
  .legacy-nav .btn > .caret,
  .legacy-nav .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .legacy-nav .label {
    border: 1px solid #000;
  }
  .legacy-nav .table {
    border-collapse: collapse !important;
  }
  .legacy-nav .table td,
  .legacy-nav .table th {
    background-color: #fff !important;
  }
  .legacy-nav .table-bordered th,
  .legacy-nav .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
.legacy-nav * {
  box-sizing: border-box;
}
.legacy-nav *:before,
.legacy-nav *:after {
  box-sizing: border-box;
}
.legacy-nav html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.legacy-nav body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
.legacy-nav input,
.legacy-nav button,
.legacy-nav select,
.legacy-nav textarea {
  font-size: inherit;
  line-height: inherit;
}
.legacy-nav a {
  color: #34a0cf;
  text-decoration: none;
}
.legacy-nav a:hover,
.legacy-nav a:focus {
  color: #53bdeb;
  text-decoration: underline;
}
.legacy-nav a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.legacy-nav figure {
  margin: 0;
}
.legacy-nav img {
  vertical-align: middle;
}
.legacy-nav .img-responsive,
.legacy-nav .thumbnail > img,
.legacy-nav .thumbnail a > img,
.legacy-nav .carousel-inner > .item > img,
.legacy-nav .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.legacy-nav .img-rounded {
  border-radius: 6px;
}
.legacy-nav .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.legacy-nav .img-circle {
  border-radius: 50%;
}
.legacy-nav hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.legacy-nav .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.legacy-nav .sr-only-focusable:active,
.legacy-nav .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.legacy-nav [role='button'] {
  cursor: pointer;
}
.legacy-nav h1,
.legacy-nav h2,
.legacy-nav h3,
.legacy-nav h4,
.legacy-nav h5,
.legacy-nav h6,
.legacy-nav .h1,
.legacy-nav .h2,
.legacy-nav .h3,
.legacy-nav .h4,
.legacy-nav .h5,
.legacy-nav .h6 {
  font-weight: 600;
  line-height: 2;
  color: inherit;
}
.legacy-nav h1 small,
.legacy-nav h2 small,
.legacy-nav h3 small,
.legacy-nav h4 small,
.legacy-nav h5 small,
.legacy-nav h6 small,
.legacy-nav .h1 small,
.legacy-nav .h2 small,
.legacy-nav .h3 small,
.legacy-nav .h4 small,
.legacy-nav .h5 small,
.legacy-nav .h6 small,
.legacy-nav h1 .small,
.legacy-nav h2 .small,
.legacy-nav h3 .small,
.legacy-nav h4 .small,
.legacy-nav h5 .small,
.legacy-nav h6 .small,
.legacy-nav .h1 .small,
.legacy-nav .h2 .small,
.legacy-nav .h3 .small,
.legacy-nav .h4 .small,
.legacy-nav .h5 .small,
.legacy-nav .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
.legacy-nav h1,
.legacy-nav .h1,
.legacy-nav h2,
.legacy-nav .h2,
.legacy-nav h3,
.legacy-nav .h3 {
  margin-top: 20px;
  margin-bottom: 24px;
}
.legacy-nav h1 small,
.legacy-nav .h1 small,
.legacy-nav h2 small,
.legacy-nav .h2 small,
.legacy-nav h3 small,
.legacy-nav .h3 small,
.legacy-nav h1 .small,
.legacy-nav .h1 .small,
.legacy-nav h2 .small,
.legacy-nav .h2 .small,
.legacy-nav h3 .small,
.legacy-nav .h3 .small {
  font-size: 65%;
}
.legacy-nav h4,
.legacy-nav .h4,
.legacy-nav h5,
.legacy-nav .h5,
.legacy-nav h6,
.legacy-nav .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.legacy-nav h4 small,
.legacy-nav .h4 small,
.legacy-nav h5 small,
.legacy-nav .h5 small,
.legacy-nav h6 small,
.legacy-nav .h6 small,
.legacy-nav h4 .small,
.legacy-nav .h4 .small,
.legacy-nav h5 .small,
.legacy-nav .h5 .small,
.legacy-nav h6 .small,
.legacy-nav .h6 .small {
  font-size: 75%;
}
.legacy-nav h1,
.legacy-nav .h1 {
  font-size: 36px;
}
.legacy-nav h2,
.legacy-nav .h2 {
  font-size: 30px;
}
.legacy-nav h3,
.legacy-nav .h3 {
  font-size: 24px;
}
.legacy-nav h4,
.legacy-nav .h4 {
  font-size: 18px;
}
.legacy-nav h5,
.legacy-nav .h5 {
  font-size: 14px;
}
.legacy-nav h6,
.legacy-nav .h6 {
  font-size: 12px;
}
.legacy-nav p {
  margin: 0 0 10px;
}
.legacy-nav .lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .legacy-nav .lead {
    font-size: 21px;
  }
}
.legacy-nav small,
.legacy-nav .small {
  font-size: 85%;
}
.legacy-nav mark,
.legacy-nav .mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.legacy-nav .text-left {
  text-align: left;
}
.legacy-nav .text-right {
  text-align: right;
}
.legacy-nav .text-center {
  text-align: center;
}
.legacy-nav .text-justify {
  text-align: justify;
}
.legacy-nav .text-nowrap {
  white-space: nowrap;
}
.legacy-nav .text-lowercase {
  text-transform: lowercase;
}
.legacy-nav .text-uppercase {
  text-transform: uppercase;
}
.legacy-nav .text-capitalize {
  text-transform: capitalize;
}
.legacy-nav .text-muted {
  color: #777777;
}
.legacy-nav .text-primary {
  color: #34a0cf;
}
.legacy-nav a.text-primary:hover,
.legacy-nav a.text-primary:focus {
  color: #2881a8;
}
.legacy-nav .text-success {
  color: #3c763d;
}
.legacy-nav a.text-success:hover,
.legacy-nav a.text-success:focus {
  color: #2b542c;
}
.legacy-nav .text-info {
  color: #31708f;
}
.legacy-nav a.text-info:hover,
.legacy-nav a.text-info:focus {
  color: #245269;
}
.legacy-nav .text-warning {
  color: #8a6d3b;
}
.legacy-nav a.text-warning:hover,
.legacy-nav a.text-warning:focus {
  color: #66512c;
}
.legacy-nav .text-danger {
  color: #a94442;
}
.legacy-nav a.text-danger:hover,
.legacy-nav a.text-danger:focus {
  color: #843534;
}
.legacy-nav .bg-primary {
  color: #fff;
  background-color: #34a0cf;
}
.legacy-nav a.bg-primary:hover,
.legacy-nav a.bg-primary:focus {
  background-color: #2881a8;
}
.legacy-nav .bg-success {
  background-color: #dff0d8;
}
.legacy-nav a.bg-success:hover,
.legacy-nav a.bg-success:focus {
  background-color: #c1e2b3;
}
.legacy-nav .bg-info {
  background-color: #d9edf7;
}
.legacy-nav a.bg-info:hover,
.legacy-nav a.bg-info:focus {
  background-color: #afd9ee;
}
.legacy-nav .bg-warning {
  background-color: #fcf8e3;
}
.legacy-nav a.bg-warning:hover,
.legacy-nav a.bg-warning:focus {
  background-color: #f7ecb5;
}
.legacy-nav .bg-danger {
  background-color: #f2dede;
}
.legacy-nav a.bg-danger:hover,
.legacy-nav a.bg-danger:focus {
  background-color: #e4b9b9;
}
.legacy-nav .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.legacy-nav ul,
.legacy-nav ol {
  margin-top: 0;
  margin-bottom: 10px;
}
.legacy-nav ul ul,
.legacy-nav ol ul,
.legacy-nav ul ol,
.legacy-nav ol ol {
  margin-bottom: 0;
}
.legacy-nav .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.legacy-nav .list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.legacy-nav .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.legacy-nav dl {
  margin-top: 0;
  margin-bottom: 20px;
}
.legacy-nav dt,
.legacy-nav dd {
  line-height: 1.42857143;
}
.legacy-nav dt {
  font-weight: bold;
}
.legacy-nav dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .legacy-nav .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .legacy-nav .dl-horizontal dd {
    margin-left: 180px;
  }
}
.legacy-nav abbr[title],
.legacy-nav abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.legacy-nav .initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.legacy-nav blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
.legacy-nav blockquote p:last-child,
.legacy-nav blockquote ul:last-child,
.legacy-nav blockquote ol:last-child {
  margin-bottom: 0;
}
.legacy-nav blockquote footer,
.legacy-nav blockquote small,
.legacy-nav blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
.legacy-nav blockquote footer:before,
.legacy-nav blockquote small:before,
.legacy-nav blockquote .small:before {
  content: '\2014 \00A0';
}
.legacy-nav .blockquote-reverse,
.legacy-nav blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.legacy-nav .blockquote-reverse footer:before,
.legacy-nav blockquote.pull-right footer:before,
.legacy-nav .blockquote-reverse small:before,
.legacy-nav blockquote.pull-right small:before,
.legacy-nav .blockquote-reverse .small:before,
.legacy-nav blockquote.pull-right .small:before {
  content: '';
}
.legacy-nav .blockquote-reverse footer:after,
.legacy-nav blockquote.pull-right footer:after,
.legacy-nav .blockquote-reverse small:after,
.legacy-nav blockquote.pull-right small:after,
.legacy-nav .blockquote-reverse .small:after,
.legacy-nav blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
.legacy-nav address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
.legacy-nav code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.legacy-nav kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.legacy-nav kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
.legacy-nav pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.legacy-nav pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.legacy-nav .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.legacy-nav .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100% !important;
}
@media (min-width: 768px) {
  .legacy-nav .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .legacy-nav .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .legacy-nav .container {
    width: 1170px;
  }
}
.legacy-nav .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.legacy-nav .row {
  margin-left: -15px;
  margin-right: -15px;
}
.legacy-nav .col-xs-1,
.legacy-nav .col-sm-1,
.legacy-nav .col-md-1,
.legacy-nav .col-lg-1,
.legacy-nav .col-xs-2,
.legacy-nav .col-sm-2,
.legacy-nav .col-md-2,
.legacy-nav .col-lg-2,
.legacy-nav .col-xs-3,
.legacy-nav .col-sm-3,
.legacy-nav .col-md-3,
.legacy-nav .col-lg-3,
.legacy-nav .col-xs-4,
.legacy-nav .col-sm-4,
.legacy-nav .col-md-4,
.legacy-nav .col-lg-4,
.legacy-nav .col-xs-5,
.legacy-nav .col-sm-5,
.legacy-nav .col-md-5,
.legacy-nav .col-lg-5,
.legacy-nav .col-xs-6,
.legacy-nav .col-sm-6,
.legacy-nav .col-md-6,
.legacy-nav .col-lg-6,
.legacy-nav .col-xs-7,
.legacy-nav .col-sm-7,
.legacy-nav .col-md-7,
.legacy-nav .col-lg-7,
.legacy-nav .col-xs-8,
.legacy-nav .col-sm-8,
.legacy-nav .col-md-8,
.legacy-nav .col-lg-8,
.legacy-nav .col-xs-9,
.legacy-nav .col-sm-9,
.legacy-nav .col-md-9,
.legacy-nav .col-lg-9,
.legacy-nav .col-xs-10,
.legacy-nav .col-sm-10,
.legacy-nav .col-md-10,
.legacy-nav .col-lg-10,
.legacy-nav .col-xs-11,
.legacy-nav .col-sm-11,
.legacy-nav .col-md-11,
.legacy-nav .col-lg-11,
.legacy-nav .col-xs-12,
.legacy-nav .col-sm-12,
.legacy-nav .col-md-12,
.legacy-nav .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.legacy-nav .col-xs-1,
.legacy-nav .col-xs-2,
.legacy-nav .col-xs-3,
.legacy-nav .col-xs-4,
.legacy-nav .col-xs-5,
.legacy-nav .col-xs-6,
.legacy-nav .col-xs-7,
.legacy-nav .col-xs-8,
.legacy-nav .col-xs-9,
.legacy-nav .col-xs-10,
.legacy-nav .col-xs-11,
.legacy-nav .col-xs-12 {
  float: left;
}
.legacy-nav .col-xs-12 {
  width: 100%;
}
.legacy-nav .col-xs-11 {
  width: 91.66666667%;
}
.legacy-nav .col-xs-10 {
  width: 83.33333333%;
}
.legacy-nav .col-xs-9 {
  width: 75%;
}
.legacy-nav .col-xs-8 {
  width: 66.66666667%;
}
.legacy-nav .col-xs-7 {
  width: 58.33333333%;
}
.legacy-nav .col-xs-6 {
  width: 50%;
}
.legacy-nav .col-xs-5 {
  width: 41.66666667%;
}
.legacy-nav .col-xs-4 {
  width: 33.33333333%;
}
.legacy-nav .col-xs-3 {
  width: 25%;
}
.legacy-nav .col-xs-2 {
  width: 16.66666667%;
}
.legacy-nav .col-xs-1 {
  width: 8.33333333%;
}
.legacy-nav .col-xs-pull-12 {
  right: 100%;
}
.legacy-nav .col-xs-pull-11 {
  right: 91.66666667%;
}
.legacy-nav .col-xs-pull-10 {
  right: 83.33333333%;
}
.legacy-nav .col-xs-pull-9 {
  right: 75%;
}
.legacy-nav .col-xs-pull-8 {
  right: 66.66666667%;
}
.legacy-nav .col-xs-pull-7 {
  right: 58.33333333%;
}
.legacy-nav .col-xs-pull-6 {
  right: 50%;
}
.legacy-nav .col-xs-pull-5 {
  right: 41.66666667%;
}
.legacy-nav .col-xs-pull-4 {
  right: 33.33333333%;
}
.legacy-nav .col-xs-pull-3 {
  right: 25%;
}
.legacy-nav .col-xs-pull-2 {
  right: 16.66666667%;
}
.legacy-nav .col-xs-pull-1 {
  right: 8.33333333%;
}
.legacy-nav .col-xs-pull-0 {
  right: auto;
}
.legacy-nav .col-xs-push-12 {
  left: 100%;
}
.legacy-nav .col-xs-push-11 {
  left: 91.66666667%;
}
.legacy-nav .col-xs-push-10 {
  left: 83.33333333%;
}
.legacy-nav .col-xs-push-9 {
  left: 75%;
}
.legacy-nav .col-xs-push-8 {
  left: 66.66666667%;
}
.legacy-nav .col-xs-push-7 {
  left: 58.33333333%;
}
.legacy-nav .col-xs-push-6 {
  left: 50%;
}
.legacy-nav .col-xs-push-5 {
  left: 41.66666667%;
}
.legacy-nav .col-xs-push-4 {
  left: 33.33333333%;
}
.legacy-nav .col-xs-push-3 {
  left: 25%;
}
.legacy-nav .col-xs-push-2 {
  left: 16.66666667%;
}
.legacy-nav .col-xs-push-1 {
  left: 8.33333333%;
}
.legacy-nav .col-xs-push-0 {
  left: auto;
}
.legacy-nav .col-xs-offset-12 {
  margin-left: 100%;
}
.legacy-nav .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.legacy-nav .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.legacy-nav .col-xs-offset-9 {
  margin-left: 75%;
}
.legacy-nav .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.legacy-nav .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.legacy-nav .col-xs-offset-6 {
  margin-left: 50%;
}
.legacy-nav .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.legacy-nav .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.legacy-nav .col-xs-offset-3 {
  margin-left: 25%;
}
.legacy-nav .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.legacy-nav .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.legacy-nav .col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .legacy-nav .col-sm-1,
  .legacy-nav .col-sm-2,
  .legacy-nav .col-sm-3,
  .legacy-nav .col-sm-4,
  .legacy-nav .col-sm-5,
  .legacy-nav .col-sm-6,
  .legacy-nav .col-sm-7,
  .legacy-nav .col-sm-8,
  .legacy-nav .col-sm-9,
  .legacy-nav .col-sm-10,
  .legacy-nav .col-sm-11,
  .legacy-nav .col-sm-12 {
    float: left;
  }
  .legacy-nav .col-sm-12 {
    width: 100%;
  }
  .legacy-nav .col-sm-11 {
    width: 91.66666667%;
  }
  .legacy-nav .col-sm-10 {
    width: 83.33333333%;
  }
  .legacy-nav .col-sm-9 {
    width: 75%;
  }
  .legacy-nav .col-sm-8 {
    width: 66.66666667%;
  }
  .legacy-nav .col-sm-7 {
    width: 58.33333333%;
  }
  .legacy-nav .col-sm-6 {
    width: 50%;
  }
  .legacy-nav .col-sm-5 {
    width: 41.66666667%;
  }
  .legacy-nav .col-sm-4 {
    width: 33.33333333%;
  }
  .legacy-nav .col-sm-3 {
    width: 25%;
  }
  .legacy-nav .col-sm-2 {
    width: 16.66666667%;
  }
  .legacy-nav .col-sm-1 {
    width: 8.33333333%;
  }
  .legacy-nav .col-sm-pull-12 {
    right: 100%;
  }
  .legacy-nav .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .legacy-nav .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .legacy-nav .col-sm-pull-9 {
    right: 75%;
  }
  .legacy-nav .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .legacy-nav .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .legacy-nav .col-sm-pull-6 {
    right: 50%;
  }
  .legacy-nav .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .legacy-nav .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .legacy-nav .col-sm-pull-3 {
    right: 25%;
  }
  .legacy-nav .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .legacy-nav .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .legacy-nav .col-sm-pull-0 {
    right: auto;
  }
  .legacy-nav .col-sm-push-12 {
    left: 100%;
  }
  .legacy-nav .col-sm-push-11 {
    left: 91.66666667%;
  }
  .legacy-nav .col-sm-push-10 {
    left: 83.33333333%;
  }
  .legacy-nav .col-sm-push-9 {
    left: 75%;
  }
  .legacy-nav .col-sm-push-8 {
    left: 66.66666667%;
  }
  .legacy-nav .col-sm-push-7 {
    left: 58.33333333%;
  }
  .legacy-nav .col-sm-push-6 {
    left: 50%;
  }
  .legacy-nav .col-sm-push-5 {
    left: 41.66666667%;
  }
  .legacy-nav .col-sm-push-4 {
    left: 33.33333333%;
  }
  .legacy-nav .col-sm-push-3 {
    left: 25%;
  }
  .legacy-nav .col-sm-push-2 {
    left: 16.66666667%;
  }
  .legacy-nav .col-sm-push-1 {
    left: 8.33333333%;
  }
  .legacy-nav .col-sm-push-0 {
    left: auto;
  }
  .legacy-nav .col-sm-offset-12 {
    margin-left: 100%;
  }
  .legacy-nav .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .legacy-nav .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .legacy-nav .col-sm-offset-9 {
    margin-left: 75%;
  }
  .legacy-nav .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .legacy-nav .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .legacy-nav .col-sm-offset-6 {
    margin-left: 50%;
  }
  .legacy-nav .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .legacy-nav .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .legacy-nav .col-sm-offset-3 {
    margin-left: 25%;
  }
  .legacy-nav .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .legacy-nav .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .legacy-nav .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .legacy-nav .col-md-1,
  .legacy-nav .col-md-2,
  .legacy-nav .col-md-3,
  .legacy-nav .col-md-4,
  .legacy-nav .col-md-5,
  .legacy-nav .col-md-6,
  .legacy-nav .col-md-7,
  .legacy-nav .col-md-8,
  .legacy-nav .col-md-9,
  .legacy-nav .col-md-10,
  .legacy-nav .col-md-11,
  .legacy-nav .col-md-12 {
    float: left;
  }
  .legacy-nav .col-md-12 {
    width: 100%;
  }
  .legacy-nav .col-md-11 {
    width: 91.66666667%;
  }
  .legacy-nav .col-md-10 {
    width: 83.33333333%;
  }
  .legacy-nav .col-md-9 {
    width: 75%;
  }
  .legacy-nav .col-md-8 {
    width: 66.66666667%;
  }
  .legacy-nav .col-md-7 {
    width: 58.33333333%;
  }
  .legacy-nav .col-md-6 {
    width: 50%;
  }
  .legacy-nav .col-md-5 {
    width: 41.66666667%;
  }
  .legacy-nav .col-md-4 {
    width: 33.33333333%;
  }
  .legacy-nav .col-md-3 {
    width: 25%;
  }
  .legacy-nav .col-md-2 {
    width: 16.66666667%;
  }
  .legacy-nav .col-md-1 {
    width: 8.33333333%;
  }
  .legacy-nav .col-md-pull-12 {
    right: 100%;
  }
  .legacy-nav .col-md-pull-11 {
    right: 91.66666667%;
  }
  .legacy-nav .col-md-pull-10 {
    right: 83.33333333%;
  }
  .legacy-nav .col-md-pull-9 {
    right: 75%;
  }
  .legacy-nav .col-md-pull-8 {
    right: 66.66666667%;
  }
  .legacy-nav .col-md-pull-7 {
    right: 58.33333333%;
  }
  .legacy-nav .col-md-pull-6 {
    right: 50%;
  }
  .legacy-nav .col-md-pull-5 {
    right: 41.66666667%;
  }
  .legacy-nav .col-md-pull-4 {
    right: 33.33333333%;
  }
  .legacy-nav .col-md-pull-3 {
    right: 25%;
  }
  .legacy-nav .col-md-pull-2 {
    right: 16.66666667%;
  }
  .legacy-nav .col-md-pull-1 {
    right: 8.33333333%;
  }
  .legacy-nav .col-md-pull-0 {
    right: auto;
  }
  .legacy-nav .col-md-push-12 {
    left: 100%;
  }
  .legacy-nav .col-md-push-11 {
    left: 91.66666667%;
  }
  .legacy-nav .col-md-push-10 {
    left: 83.33333333%;
  }
  .legacy-nav .col-md-push-9 {
    left: 75%;
  }
  .legacy-nav .col-md-push-8 {
    left: 66.66666667%;
  }
  .legacy-nav .col-md-push-7 {
    left: 58.33333333%;
  }
  .legacy-nav .col-md-push-6 {
    left: 50%;
  }
  .legacy-nav .col-md-push-5 {
    left: 41.66666667%;
  }
  .legacy-nav .col-md-push-4 {
    left: 33.33333333%;
  }
  .legacy-nav .col-md-push-3 {
    left: 25%;
  }
  .legacy-nav .col-md-push-2 {
    left: 16.66666667%;
  }
  .legacy-nav .col-md-push-1 {
    left: 8.33333333%;
  }
  .legacy-nav .col-md-push-0 {
    left: auto;
  }
  .legacy-nav .col-md-offset-12 {
    margin-left: 100%;
  }
  .legacy-nav .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .legacy-nav .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .legacy-nav .col-md-offset-9 {
    margin-left: 75%;
  }
  .legacy-nav .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .legacy-nav .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .legacy-nav .col-md-offset-6 {
    margin-left: 50%;
  }
  .legacy-nav .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .legacy-nav .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .legacy-nav .col-md-offset-3 {
    margin-left: 25%;
  }
  .legacy-nav .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .legacy-nav .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .legacy-nav .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .legacy-nav .col-lg-1,
  .legacy-nav .col-lg-2,
  .legacy-nav .col-lg-3,
  .legacy-nav .col-lg-4,
  .legacy-nav .col-lg-5,
  .legacy-nav .col-lg-6,
  .legacy-nav .col-lg-7,
  .legacy-nav .col-lg-8,
  .legacy-nav .col-lg-9,
  .legacy-nav .col-lg-10,
  .legacy-nav .col-lg-11,
  .legacy-nav .col-lg-12 {
    float: left;
  }
  .legacy-nav .col-lg-12 {
    width: 100%;
  }
  .legacy-nav .col-lg-11 {
    width: 91.66666667%;
  }
  .legacy-nav .col-lg-10 {
    width: 83.33333333%;
  }
  .legacy-nav .col-lg-9 {
    width: 75%;
  }
  .legacy-nav .col-lg-8 {
    width: 66.66666667%;
  }
  .legacy-nav .col-lg-7 {
    width: 58.33333333%;
  }
  .legacy-nav .col-lg-6 {
    width: 50%;
  }
  .legacy-nav .col-lg-5 {
    width: 41.66666667%;
  }
  .legacy-nav .col-lg-4 {
    width: 33.33333333%;
  }
  .legacy-nav .col-lg-3 {
    width: 25%;
  }
  .legacy-nav .col-lg-2 {
    width: 16.66666667%;
  }
  .legacy-nav .col-lg-1 {
    width: 8.33333333%;
  }
  .legacy-nav .col-lg-pull-12 {
    right: 100%;
  }
  .legacy-nav .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .legacy-nav .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .legacy-nav .col-lg-pull-9 {
    right: 75%;
  }
  .legacy-nav .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .legacy-nav .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .legacy-nav .col-lg-pull-6 {
    right: 50%;
  }
  .legacy-nav .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .legacy-nav .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .legacy-nav .col-lg-pull-3 {
    right: 25%;
  }
  .legacy-nav .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .legacy-nav .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .legacy-nav .col-lg-pull-0 {
    right: auto;
  }
  .legacy-nav .col-lg-push-12 {
    left: 100%;
  }
  .legacy-nav .col-lg-push-11 {
    left: 91.66666667%;
  }
  .legacy-nav .col-lg-push-10 {
    left: 83.33333333%;
  }
  .legacy-nav .col-lg-push-9 {
    left: 75%;
  }
  .legacy-nav .col-lg-push-8 {
    left: 66.66666667%;
  }
  .legacy-nav .col-lg-push-7 {
    left: 58.33333333%;
  }
  .legacy-nav .col-lg-push-6 {
    left: 50%;
  }
  .legacy-nav .col-lg-push-5 {
    left: 41.66666667%;
  }
  .legacy-nav .col-lg-push-4 {
    left: 33.33333333%;
  }
  .legacy-nav .col-lg-push-3 {
    left: 25%;
  }
  .legacy-nav .col-lg-push-2 {
    left: 16.66666667%;
  }
  .legacy-nav .col-lg-push-1 {
    left: 8.33333333%;
  }
  .legacy-nav .col-lg-push-0 {
    left: auto;
  }
  .legacy-nav .col-lg-offset-12 {
    margin-left: 100%;
  }
  .legacy-nav .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .legacy-nav .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .legacy-nav .col-lg-offset-9 {
    margin-left: 75%;
  }
  .legacy-nav .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .legacy-nav .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .legacy-nav .col-lg-offset-6 {
    margin-left: 50%;
  }
  .legacy-nav .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .legacy-nav .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .legacy-nav .col-lg-offset-3 {
    margin-left: 25%;
  }
  .legacy-nav .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .legacy-nav .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .legacy-nav .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.legacy-nav table {
  background-color: transparent;
}
.legacy-nav caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
.legacy-nav th {
  text-align: left;
}
.legacy-nav .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.legacy-nav .table > thead > tr > th,
.legacy-nav .table > tbody > tr > th,
.legacy-nav .table > tfoot > tr > th,
.legacy-nav .table > thead > tr > td,
.legacy-nav .table > tbody > tr > td,
.legacy-nav .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.legacy-nav .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.legacy-nav .table > caption + thead > tr:first-child > th,
.legacy-nav .table > colgroup + thead > tr:first-child > th,
.legacy-nav .table > thead:first-child > tr:first-child > th,
.legacy-nav .table > caption + thead > tr:first-child > td,
.legacy-nav .table > colgroup + thead > tr:first-child > td,
.legacy-nav .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.legacy-nav .table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.legacy-nav .table .table {
  background-color: #fff;
}
.legacy-nav .table-condensed > thead > tr > th,
.legacy-nav .table-condensed > tbody > tr > th,
.legacy-nav .table-condensed > tfoot > tr > th,
.legacy-nav .table-condensed > thead > tr > td,
.legacy-nav .table-condensed > tbody > tr > td,
.legacy-nav .table-condensed > tfoot > tr > td {
  padding: 5px;
}
.legacy-nav .table-bordered {
  border: 1px solid #ddd;
}
.legacy-nav .table-bordered > thead > tr > th,
.legacy-nav .table-bordered > tbody > tr > th,
.legacy-nav .table-bordered > tfoot > tr > th,
.legacy-nav .table-bordered > thead > tr > td,
.legacy-nav .table-bordered > tbody > tr > td,
.legacy-nav .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.legacy-nav .table-bordered > thead > tr > th,
.legacy-nav .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.legacy-nav .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.legacy-nav .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.legacy-nav table col[class*='col-'] {
  position: static;
  float: none;
  display: table-column;
}
.legacy-nav table td[class*='col-'],
.legacy-nav table th[class*='col-'] {
  position: static;
  float: none;
  display: table-cell;
}
.legacy-nav .table > thead > tr > td.active,
.legacy-nav .table > tbody > tr > td.active,
.legacy-nav .table > tfoot > tr > td.active,
.legacy-nav .table > thead > tr > th.active,
.legacy-nav .table > tbody > tr > th.active,
.legacy-nav .table > tfoot > tr > th.active,
.legacy-nav .table > thead > tr.active > td,
.legacy-nav .table > tbody > tr.active > td,
.legacy-nav .table > tfoot > tr.active > td,
.legacy-nav .table > thead > tr.active > th,
.legacy-nav .table > tbody > tr.active > th,
.legacy-nav .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.legacy-nav .table-hover > tbody > tr > td.active:hover,
.legacy-nav .table-hover > tbody > tr > th.active:hover,
.legacy-nav .table-hover > tbody > tr.active:hover > td,
.legacy-nav .table-hover > tbody > tr:hover > .active,
.legacy-nav .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.legacy-nav .table > thead > tr > td.success,
.legacy-nav .table > tbody > tr > td.success,
.legacy-nav .table > tfoot > tr > td.success,
.legacy-nav .table > thead > tr > th.success,
.legacy-nav .table > tbody > tr > th.success,
.legacy-nav .table > tfoot > tr > th.success,
.legacy-nav .table > thead > tr.success > td,
.legacy-nav .table > tbody > tr.success > td,
.legacy-nav .table > tfoot > tr.success > td,
.legacy-nav .table > thead > tr.success > th,
.legacy-nav .table > tbody > tr.success > th,
.legacy-nav .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.legacy-nav .table-hover > tbody > tr > td.success:hover,
.legacy-nav .table-hover > tbody > tr > th.success:hover,
.legacy-nav .table-hover > tbody > tr.success:hover > td,
.legacy-nav .table-hover > tbody > tr:hover > .success,
.legacy-nav .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.legacy-nav .table > thead > tr > td.info,
.legacy-nav .table > tbody > tr > td.info,
.legacy-nav .table > tfoot > tr > td.info,
.legacy-nav .table > thead > tr > th.info,
.legacy-nav .table > tbody > tr > th.info,
.legacy-nav .table > tfoot > tr > th.info,
.legacy-nav .table > thead > tr.info > td,
.legacy-nav .table > tbody > tr.info > td,
.legacy-nav .table > tfoot > tr.info > td,
.legacy-nav .table > thead > tr.info > th,
.legacy-nav .table > tbody > tr.info > th,
.legacy-nav .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.legacy-nav .table-hover > tbody > tr > td.info:hover,
.legacy-nav .table-hover > tbody > tr > th.info:hover,
.legacy-nav .table-hover > tbody > tr.info:hover > td,
.legacy-nav .table-hover > tbody > tr:hover > .info,
.legacy-nav .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.legacy-nav .table > thead > tr > td.warning,
.legacy-nav .table > tbody > tr > td.warning,
.legacy-nav .table > tfoot > tr > td.warning,
.legacy-nav .table > thead > tr > th.warning,
.legacy-nav .table > tbody > tr > th.warning,
.legacy-nav .table > tfoot > tr > th.warning,
.legacy-nav .table > thead > tr.warning > td,
.legacy-nav .table > tbody > tr.warning > td,
.legacy-nav .table > tfoot > tr.warning > td,
.legacy-nav .table > thead > tr.warning > th,
.legacy-nav .table > tbody > tr.warning > th,
.legacy-nav .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.legacy-nav .table-hover > tbody > tr > td.warning:hover,
.legacy-nav .table-hover > tbody > tr > th.warning:hover,
.legacy-nav .table-hover > tbody > tr.warning:hover > td,
.legacy-nav .table-hover > tbody > tr:hover > .warning,
.legacy-nav .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.legacy-nav .table > thead > tr > td.danger,
.legacy-nav .table > tbody > tr > td.danger,
.legacy-nav .table > tfoot > tr > td.danger,
.legacy-nav .table > thead > tr > th.danger,
.legacy-nav .table > tbody > tr > th.danger,
.legacy-nav .table > tfoot > tr > th.danger,
.legacy-nav .table > thead > tr.danger > td,
.legacy-nav .table > tbody > tr.danger > td,
.legacy-nav .table > tfoot > tr.danger > td,
.legacy-nav .table > thead > tr.danger > th,
.legacy-nav .table > tbody > tr.danger > th,
.legacy-nav .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.legacy-nav .table-hover > tbody > tr > td.danger:hover,
.legacy-nav .table-hover > tbody > tr > th.danger:hover,
.legacy-nav .table-hover > tbody > tr.danger:hover > td,
.legacy-nav .table-hover > tbody > tr:hover > .danger,
.legacy-nav .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.legacy-nav .table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .legacy-nav .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .legacy-nav .table-responsive > .table {
    margin-bottom: 0;
  }
  .legacy-nav .table-responsive > .table > thead > tr > th,
  .legacy-nav .table-responsive > .table > tbody > tr > th,
  .legacy-nav .table-responsive > .table > tfoot > tr > th,
  .legacy-nav .table-responsive > .table > thead > tr > td,
  .legacy-nav .table-responsive > .table > tbody > tr > td,
  .legacy-nav .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .legacy-nav .table-responsive > .table-bordered {
    border: 0;
  }
  .legacy-nav .table-responsive > .table-bordered > thead > tr > th:first-child,
  .legacy-nav .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .legacy-nav .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .legacy-nav .table-responsive > .table-bordered > thead > tr > td:first-child,
  .legacy-nav .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .legacy-nav .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .legacy-nav .table-responsive > .table-bordered > thead > tr > th:last-child,
  .legacy-nav .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .legacy-nav .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .legacy-nav .table-responsive > .table-bordered > thead > tr > td:last-child,
  .legacy-nav .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .legacy-nav .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .legacy-nav .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .legacy-nav .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .legacy-nav .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .legacy-nav .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.legacy-nav fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
.legacy-nav legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.legacy-nav label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.legacy-nav input[type='search'] {
  box-sizing: border-box;
}
.legacy-nav input[type='radio'],
.legacy-nav input[type='checkbox'] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.legacy-nav input[type='file'] {
  display: block;
}
.legacy-nav input[type='range'] {
  display: block;
  width: 100%;
}
.legacy-nav select[multiple],
.legacy-nav select[size] {
  height: auto;
}
.legacy-nav input[type='file']:focus,
.legacy-nav input[type='radio']:focus,
.legacy-nav input[type='checkbox']:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.legacy-nav output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.legacy-nav .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.legacy-nav .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.legacy-nav .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.legacy-nav .form-control:-ms-input-placeholder {
  color: #999;
}
.legacy-nav .form-control::-webkit-input-placeholder {
  color: #999;
}
.legacy-nav .form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.legacy-nav .form-control[disabled],
.legacy-nav .form-control[readonly],
.legacy-nav fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.legacy-nav .form-control[disabled],
.legacy-nav fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.legacy-nav textarea.form-control {
  height: auto;
}
.legacy-nav input[type='search'] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .legacy-nav input[type='date'].form-control,
  .legacy-nav input[type='time'].form-control,
  .legacy-nav input[type='datetime-local'].form-control,
  .legacy-nav input[type='month'].form-control {
    line-height: 34px;
  }
  .legacy-nav input[type='date'].input-sm,
  .legacy-nav input[type='time'].input-sm,
  .legacy-nav input[type='datetime-local'].input-sm,
  .legacy-nav input[type='month'].input-sm,
  .legacy-nav .input-group-sm input[type='date'],
  .legacy-nav .input-group-sm input[type='time'],
  .legacy-nav .input-group-sm input[type='datetime-local'],
  .legacy-nav .input-group-sm input[type='month'] {
    line-height: 30px;
  }
  .legacy-nav input[type='date'].input-lg,
  .legacy-nav input[type='time'].input-lg,
  .legacy-nav input[type='datetime-local'].input-lg,
  .legacy-nav input[type='month'].input-lg,
  .legacy-nav .input-group-lg input[type='date'],
  .legacy-nav .input-group-lg input[type='time'],
  .legacy-nav .input-group-lg input[type='datetime-local'],
  .legacy-nav .input-group-lg input[type='month'] {
    line-height: 46px;
  }
}
.legacy-nav .form-group {
  margin-bottom: 15px;
}
.legacy-nav .radio,
.legacy-nav .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.legacy-nav .radio label,
.legacy-nav .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.legacy-nav .radio input[type='radio'],
.legacy-nav .radio-inline input[type='radio'],
.legacy-nav .checkbox input[type='checkbox'],
.legacy-nav .checkbox-inline input[type='checkbox'] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.legacy-nav .radio + .radio,
.legacy-nav .checkbox + .checkbox {
  margin-top: -5px;
}
.legacy-nav .radio-inline,
.legacy-nav .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.legacy-nav .radio-inline + .radio-inline,
.legacy-nav .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.legacy-nav input[type='radio'][disabled],
.legacy-nav input[type='checkbox'][disabled],
.legacy-nav input[type='radio'].disabled,
.legacy-nav input[type='checkbox'].disabled,
.legacy-nav fieldset[disabled] input[type='radio'],
.legacy-nav fieldset[disabled] input[type='checkbox'] {
  cursor: not-allowed;
}
.legacy-nav .radio-inline.disabled,
.legacy-nav .checkbox-inline.disabled,
.legacy-nav fieldset[disabled] .radio-inline,
.legacy-nav fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.legacy-nav .radio.disabled label,
.legacy-nav .checkbox.disabled label,
.legacy-nav fieldset[disabled] .radio label,
.legacy-nav fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.legacy-nav .form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.legacy-nav .form-control-static.input-lg,
.legacy-nav .form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.legacy-nav .input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.legacy-nav select.input-sm {
  height: 30px;
  line-height: 30px;
}
.legacy-nav textarea.input-sm,
.legacy-nav select[multiple].input-sm {
  height: auto;
}
.legacy-nav .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.legacy-nav .form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.legacy-nav .form-group-sm textarea.form-control,
.legacy-nav .form-group-sm select[multiple].form-control {
  height: auto;
}
.legacy-nav .form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.legacy-nav .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.legacy-nav select.input-lg {
  height: 46px;
  line-height: 46px;
}
.legacy-nav textarea.input-lg,
.legacy-nav select[multiple].input-lg {
  height: auto;
}
.legacy-nav .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.legacy-nav .form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.legacy-nav .form-group-lg textarea.form-control,
.legacy-nav .form-group-lg select[multiple].form-control {
  height: auto;
}
.legacy-nav .form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.legacy-nav .has-feedback {
  position: relative;
}
.legacy-nav .has-feedback .form-control {
  padding-right: 42.5px;
}
.legacy-nav .form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 200;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.legacy-nav .input-lg + .form-control-feedback,
.legacy-nav .input-group-lg + .form-control-feedback,
.legacy-nav .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.legacy-nav .input-sm + .form-control-feedback,
.legacy-nav .input-group-sm + .form-control-feedback,
.legacy-nav .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.legacy-nav .has-success .help-block,
.legacy-nav .has-success .control-label,
.legacy-nav .has-success .radio,
.legacy-nav .has-success .checkbox,
.legacy-nav .has-success .radio-inline,
.legacy-nav .has-success .checkbox-inline,
.legacy-nav .has-success.radio label,
.legacy-nav .has-success.checkbox label,
.legacy-nav .has-success.radio-inline label,
.legacy-nav .has-success.checkbox-inline label {
  color: #3c763d;
}
.legacy-nav .has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.legacy-nav .has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.legacy-nav .has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.legacy-nav .has-success .form-control-feedback {
  color: #3c763d;
}
.legacy-nav .has-warning .help-block,
.legacy-nav .has-warning .control-label,
.legacy-nav .has-warning .radio,
.legacy-nav .has-warning .checkbox,
.legacy-nav .has-warning .radio-inline,
.legacy-nav .has-warning .checkbox-inline,
.legacy-nav .has-warning.radio label,
.legacy-nav .has-warning.checkbox label,
.legacy-nav .has-warning.radio-inline label,
.legacy-nav .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.legacy-nav .has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.legacy-nav .has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.legacy-nav .has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.legacy-nav .has-warning .form-control-feedback {
  color: #8a6d3b;
}
.legacy-nav .has-error .help-block,
.legacy-nav .has-error .control-label,
.legacy-nav .has-error .radio,
.legacy-nav .has-error .checkbox,
.legacy-nav .has-error .radio-inline,
.legacy-nav .has-error .checkbox-inline,
.legacy-nav .has-error.radio label,
.legacy-nav .has-error.checkbox label,
.legacy-nav .has-error.radio-inline label,
.legacy-nav .has-error.checkbox-inline label {
  color: #a94442;
}
.legacy-nav .has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.legacy-nav .has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.legacy-nav .has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.legacy-nav .has-error .form-control-feedback {
  color: #a94442;
}
.legacy-nav .has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.legacy-nav .has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.legacy-nav .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .legacy-nav .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .legacy-nav .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .legacy-nav .form-inline .form-control-static {
    display: inline-block;
  }
  .legacy-nav .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .legacy-nav .form-inline .input-group .input-group-addon,
  .legacy-nav .form-inline .input-group .input-group-btn,
  .legacy-nav .form-inline .input-group .form-control {
    width: auto;
  }
  .legacy-nav .form-inline .input-group > .form-control {
    width: 100%;
  }
  .legacy-nav .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .legacy-nav .form-inline .radio,
  .legacy-nav .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .legacy-nav .form-inline .radio label,
  .legacy-nav .form-inline .checkbox label {
    padding-left: 0;
  }
  .legacy-nav .form-inline .radio input[type='radio'],
  .legacy-nav .form-inline .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }
  .legacy-nav .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.legacy-nav .form-horizontal .radio,
.legacy-nav .form-horizontal .checkbox,
.legacy-nav .form-horizontal .radio-inline,
.legacy-nav .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.legacy-nav .form-horizontal .radio,
.legacy-nav .form-horizontal .checkbox {
  min-height: 27px;
}
.legacy-nav .form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .legacy-nav .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.legacy-nav .form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .legacy-nav .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .legacy-nav .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.legacy-nav .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  user-select: none;
}
.legacy-nav .btn:focus,
.legacy-nav .btn:active:focus,
.legacy-nav .btn.active:focus,
.legacy-nav .btn.focus,
.legacy-nav .btn:active.focus,
.legacy-nav .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.legacy-nav .btn:hover,
.legacy-nav .btn:focus,
.legacy-nav .btn.focus {
  color: #333;
  text-decoration: none;
}
.legacy-nav .btn:active,
.legacy-nav .btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.legacy-nav .btn.disabled,
.legacy-nav .btn[disabled],
.legacy-nav fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.legacy-nav a.btn.disabled,
.legacy-nav fieldset[disabled] a.btn {
  pointer-events: none;
}
.legacy-nav .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.legacy-nav .btn-default:focus,
.legacy-nav .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.legacy-nav .btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.legacy-nav .btn-default:active,
.legacy-nav .btn-default.active,
.legacy-nav .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.legacy-nav .btn-default:active:hover,
.legacy-nav .btn-default.active:hover,
.legacy-nav .open > .dropdown-toggle.btn-default:hover,
.legacy-nav .btn-default:active:focus,
.legacy-nav .btn-default.active:focus,
.legacy-nav .open > .dropdown-toggle.btn-default:focus,
.legacy-nav .btn-default:active.focus,
.legacy-nav .btn-default.active.focus,
.legacy-nav .open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.legacy-nav .btn-default:active,
.legacy-nav .btn-default.active,
.legacy-nav .open > .dropdown-toggle.btn-default {
  background-image: none;
}
.legacy-nav .btn-default.disabled:hover,
.legacy-nav .btn-default[disabled]:hover,
.legacy-nav fieldset[disabled] .btn-default:hover,
.legacy-nav .btn-default.disabled:focus,
.legacy-nav .btn-default[disabled]:focus,
.legacy-nav fieldset[disabled] .btn-default:focus,
.legacy-nav .btn-default.disabled.focus,
.legacy-nav .btn-default[disabled].focus,
.legacy-nav fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.legacy-nav .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.legacy-nav .btn-primary {
  color: #fff;
  background-color: #34a0cf;
  border-color: #2d91bd;
}
.legacy-nav .btn-primary:focus,
.legacy-nav .btn-primary.focus {
  color: #fff;
  background-color: #2881a8;
  border-color: #144256;
}
.legacy-nav .btn-primary:hover {
  color: #fff;
  background-color: #2881a8;
  border-color: #216b8b;
}
.legacy-nav .btn-primary:active,
.legacy-nav .btn-primary.active,
.legacy-nav .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2881a8;
  border-color: #216b8b;
}
.legacy-nav .btn-primary:active:hover,
.legacy-nav .btn-primary.active:hover,
.legacy-nav .open > .dropdown-toggle.btn-primary:hover,
.legacy-nav .btn-primary:active:focus,
.legacy-nav .btn-primary.active:focus,
.legacy-nav .open > .dropdown-toggle.btn-primary:focus,
.legacy-nav .btn-primary:active.focus,
.legacy-nav .btn-primary.active.focus,
.legacy-nav .open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #216b8b;
  border-color: #144256;
}
.legacy-nav .btn-primary:active,
.legacy-nav .btn-primary.active,
.legacy-nav .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.legacy-nav .btn-primary.disabled:hover,
.legacy-nav .btn-primary[disabled]:hover,
.legacy-nav fieldset[disabled] .btn-primary:hover,
.legacy-nav .btn-primary.disabled:focus,
.legacy-nav .btn-primary[disabled]:focus,
.legacy-nav fieldset[disabled] .btn-primary:focus,
.legacy-nav .btn-primary.disabled.focus,
.legacy-nav .btn-primary[disabled].focus,
.legacy-nav fieldset[disabled] .btn-primary.focus {
  background-color: #34a0cf;
  border-color: #2d91bd;
}
.legacy-nav .btn-primary .badge {
  color: #34a0cf;
  background-color: #fff;
}
.legacy-nav .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.legacy-nav .btn-success:focus,
.legacy-nav .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.legacy-nav .btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.legacy-nav .btn-success:active,
.legacy-nav .btn-success.active,
.legacy-nav .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.legacy-nav .btn-success:active:hover,
.legacy-nav .btn-success.active:hover,
.legacy-nav .open > .dropdown-toggle.btn-success:hover,
.legacy-nav .btn-success:active:focus,
.legacy-nav .btn-success.active:focus,
.legacy-nav .open > .dropdown-toggle.btn-success:focus,
.legacy-nav .btn-success:active.focus,
.legacy-nav .btn-success.active.focus,
.legacy-nav .open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.legacy-nav .btn-success:active,
.legacy-nav .btn-success.active,
.legacy-nav .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.legacy-nav .btn-success.disabled:hover,
.legacy-nav .btn-success[disabled]:hover,
.legacy-nav fieldset[disabled] .btn-success:hover,
.legacy-nav .btn-success.disabled:focus,
.legacy-nav .btn-success[disabled]:focus,
.legacy-nav fieldset[disabled] .btn-success:focus,
.legacy-nav .btn-success.disabled.focus,
.legacy-nav .btn-success[disabled].focus,
.legacy-nav fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.legacy-nav .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.legacy-nav .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.legacy-nav .btn-info:focus,
.legacy-nav .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.legacy-nav .btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.legacy-nav .btn-info:active,
.legacy-nav .btn-info.active,
.legacy-nav .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.legacy-nav .btn-info:active:hover,
.legacy-nav .btn-info.active:hover,
.legacy-nav .open > .dropdown-toggle.btn-info:hover,
.legacy-nav .btn-info:active:focus,
.legacy-nav .btn-info.active:focus,
.legacy-nav .open > .dropdown-toggle.btn-info:focus,
.legacy-nav .btn-info:active.focus,
.legacy-nav .btn-info.active.focus,
.legacy-nav .open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.legacy-nav .btn-info:active,
.legacy-nav .btn-info.active,
.legacy-nav .open > .dropdown-toggle.btn-info {
  background-image: none;
}
.legacy-nav .btn-info.disabled:hover,
.legacy-nav .btn-info[disabled]:hover,
.legacy-nav fieldset[disabled] .btn-info:hover,
.legacy-nav .btn-info.disabled:focus,
.legacy-nav .btn-info[disabled]:focus,
.legacy-nav fieldset[disabled] .btn-info:focus,
.legacy-nav .btn-info.disabled.focus,
.legacy-nav .btn-info[disabled].focus,
.legacy-nav fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.legacy-nav .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.legacy-nav .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.legacy-nav .btn-warning:focus,
.legacy-nav .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.legacy-nav .btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.legacy-nav .btn-warning:active,
.legacy-nav .btn-warning.active,
.legacy-nav .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.legacy-nav .btn-warning:active:hover,
.legacy-nav .btn-warning.active:hover,
.legacy-nav .open > .dropdown-toggle.btn-warning:hover,
.legacy-nav .btn-warning:active:focus,
.legacy-nav .btn-warning.active:focus,
.legacy-nav .open > .dropdown-toggle.btn-warning:focus,
.legacy-nav .btn-warning:active.focus,
.legacy-nav .btn-warning.active.focus,
.legacy-nav .open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.legacy-nav .btn-warning:active,
.legacy-nav .btn-warning.active,
.legacy-nav .open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.legacy-nav .btn-warning.disabled:hover,
.legacy-nav .btn-warning[disabled]:hover,
.legacy-nav fieldset[disabled] .btn-warning:hover,
.legacy-nav .btn-warning.disabled:focus,
.legacy-nav .btn-warning[disabled]:focus,
.legacy-nav fieldset[disabled] .btn-warning:focus,
.legacy-nav .btn-warning.disabled.focus,
.legacy-nav .btn-warning[disabled].focus,
.legacy-nav fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.legacy-nav .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.legacy-nav .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.legacy-nav .btn-danger:focus,
.legacy-nav .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.legacy-nav .btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.legacy-nav .btn-danger:active,
.legacy-nav .btn-danger.active,
.legacy-nav .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.legacy-nav .btn-danger:active:hover,
.legacy-nav .btn-danger.active:hover,
.legacy-nav .open > .dropdown-toggle.btn-danger:hover,
.legacy-nav .btn-danger:active:focus,
.legacy-nav .btn-danger.active:focus,
.legacy-nav .open > .dropdown-toggle.btn-danger:focus,
.legacy-nav .btn-danger:active.focus,
.legacy-nav .btn-danger.active.focus,
.legacy-nav .open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.legacy-nav .btn-danger:active,
.legacy-nav .btn-danger.active,
.legacy-nav .open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.legacy-nav .btn-danger.disabled:hover,
.legacy-nav .btn-danger[disabled]:hover,
.legacy-nav fieldset[disabled] .btn-danger:hover,
.legacy-nav .btn-danger.disabled:focus,
.legacy-nav .btn-danger[disabled]:focus,
.legacy-nav fieldset[disabled] .btn-danger:focus,
.legacy-nav .btn-danger.disabled.focus,
.legacy-nav .btn-danger[disabled].focus,
.legacy-nav fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.legacy-nav .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.legacy-nav .btn-link {
  color: #34a0cf;
  font-weight: normal;
  border-radius: 0;
}
.legacy-nav .btn-link,
.legacy-nav .btn-link:active,
.legacy-nav .btn-link.active,
.legacy-nav .btn-link[disabled],
.legacy-nav fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.legacy-nav .btn-link,
.legacy-nav .btn-link:hover,
.legacy-nav .btn-link:focus,
.legacy-nav .btn-link:active {
  border-color: transparent;
}
.legacy-nav .btn-link:hover,
.legacy-nav .btn-link:focus {
  color: #53bdeb;
  text-decoration: underline;
  background-color: transparent;
}
.legacy-nav .btn-link[disabled]:hover,
.legacy-nav fieldset[disabled] .btn-link:hover,
.legacy-nav .btn-link[disabled]:focus,
.legacy-nav fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.legacy-nav .btn-lg,
.legacy-nav .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.legacy-nav .btn-sm,
.legacy-nav .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.legacy-nav .btn-xs,
.legacy-nav .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.legacy-nav .btn-block {
  display: block;
  width: 100%;
}
.legacy-nav .btn-block + .btn-block {
  margin-top: 5px;
}
.legacy-nav input[type='submit'].btn-block,
.legacy-nav input[type='reset'].btn-block,
.legacy-nav input[type='button'].btn-block {
  width: 100%;
}
.legacy-nav .fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.legacy-nav .fade.in {
  opacity: 1;
}
.legacy-nav .collapse {
  display: none;
}
.legacy-nav .collapse.in {
  display: block;
}
.legacy-nav tr.collapse.in {
  display: table-row;
}
.legacy-nav tbody.collapse.in {
  display: table-row-group;
}
.legacy-nav .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.legacy-nav .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.legacy-nav .dropup,
.legacy-nav .dropdown {
  position: relative;
}
.legacy-nav .dropdown-toggle:focus {
  outline: 0;
}
.legacy-nav .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1500;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.legacy-nav .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.legacy-nav .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.legacy-nav .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.legacy-nav .dropdown-menu > li > a:hover,
.legacy-nav .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.legacy-nav .dropdown-menu > .active > a,
.legacy-nav .dropdown-menu > .active > a:hover,
.legacy-nav .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #34a0cf;
}
.legacy-nav .dropdown-menu > .disabled > a,
.legacy-nav .dropdown-menu > .disabled > a:hover,
.legacy-nav .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.legacy-nav .dropdown-menu > .disabled > a:hover,
.legacy-nav .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.legacy-nav .open > .dropdown-menu {
  display: block;
}
.legacy-nav .open > a {
  outline: 0;
}
.legacy-nav .dropdown-menu-right {
  left: auto;
  right: 0;
}
.legacy-nav .dropdown-menu-left {
  left: 0;
  right: auto;
}
.legacy-nav .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.legacy-nav .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1300;
}
.legacy-nav .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.legacy-nav .dropup .caret,
.legacy-nav .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: '';
}
.legacy-nav .dropup .dropdown-menu,
.legacy-nav .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .legacy-nav .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .legacy-nav .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.legacy-nav .btn-group,
.legacy-nav .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.legacy-nav .btn-group > .btn,
.legacy-nav .btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.legacy-nav .btn-group > .btn:hover,
.legacy-nav .btn-group-vertical > .btn:hover,
.legacy-nav .btn-group > .btn:focus,
.legacy-nav .btn-group-vertical > .btn:focus,
.legacy-nav .btn-group > .btn:active,
.legacy-nav .btn-group-vertical > .btn:active,
.legacy-nav .btn-group > .btn.active,
.legacy-nav .btn-group-vertical > .btn.active {
  z-index: 200;
}
.legacy-nav .btn-group .btn + .btn,
.legacy-nav .btn-group .btn + .btn-group,
.legacy-nav .btn-group .btn-group + .btn,
.legacy-nav .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.legacy-nav .btn-toolbar {
  margin-left: -5px;
}
.legacy-nav .btn-toolbar .btn,
.legacy-nav .btn-toolbar .btn-group,
.legacy-nav .btn-toolbar .input-group {
  float: left;
}
.legacy-nav .btn-toolbar > .btn,
.legacy-nav .btn-toolbar > .btn-group,
.legacy-nav .btn-toolbar > .input-group {
  margin-left: 5px;
}
.legacy-nav .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.legacy-nav .btn-group > .btn:first-child {
  margin-left: 0;
}
.legacy-nav .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.legacy-nav .btn-group > .btn:last-child:not(:first-child),
.legacy-nav .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.legacy-nav .btn-group > .btn-group {
  float: left;
}
.legacy-nav .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.legacy-nav .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.legacy-nav .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.legacy-nav .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.legacy-nav .btn-group .dropdown-toggle:active,
.legacy-nav .btn-group.open .dropdown-toggle {
  outline: 0;
}
.legacy-nav .btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.legacy-nav .btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.legacy-nav .btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.legacy-nav .btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.legacy-nav .btn .caret {
  margin-left: 0;
}
.legacy-nav .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.legacy-nav .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.legacy-nav .btn-group-vertical > .btn,
.legacy-nav .btn-group-vertical > .btn-group,
.legacy-nav .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.legacy-nav .btn-group-vertical > .btn-group > .btn {
  float: none;
}
.legacy-nav .btn-group-vertical > .btn + .btn,
.legacy-nav .btn-group-vertical > .btn + .btn-group,
.legacy-nav .btn-group-vertical > .btn-group + .btn,
.legacy-nav .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.legacy-nav .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.legacy-nav .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.legacy-nav .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.legacy-nav .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.legacy-nav .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.legacy-nav .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.legacy-nav .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.legacy-nav .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.legacy-nav .btn-group-justified > .btn,
.legacy-nav .btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.legacy-nav .btn-group-justified > .btn-group .btn {
  width: 100%;
}
.legacy-nav .btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
.legacy-nav [data-toggle='buttons'] > .btn input[type='radio'],
.legacy-nav [data-toggle='buttons'] > .btn-group > .btn input[type='radio'],
.legacy-nav [data-toggle='buttons'] > .btn input[type='checkbox'],
.legacy-nav [data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.legacy-nav .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.legacy-nav .input-group[class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.legacy-nav .input-group .form-control {
  position: relative;
  z-index: 200;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.legacy-nav .input-group .form-control:focus {
  z-index: 300;
}
.legacy-nav .input-group-lg > .form-control,
.legacy-nav .input-group-lg > .input-group-addon,
.legacy-nav .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.legacy-nav select.input-group-lg > .form-control,
.legacy-nav select.input-group-lg > .input-group-addon,
.legacy-nav select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
.legacy-nav textarea.input-group-lg > .form-control,
.legacy-nav textarea.input-group-lg > .input-group-addon,
.legacy-nav textarea.input-group-lg > .input-group-btn > .btn,
.legacy-nav select[multiple].input-group-lg > .form-control,
.legacy-nav select[multiple].input-group-lg > .input-group-addon,
.legacy-nav select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.legacy-nav .input-group-sm > .form-control,
.legacy-nav .input-group-sm > .input-group-addon,
.legacy-nav .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.legacy-nav select.input-group-sm > .form-control,
.legacy-nav select.input-group-sm > .input-group-addon,
.legacy-nav select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
.legacy-nav textarea.input-group-sm > .form-control,
.legacy-nav textarea.input-group-sm > .input-group-addon,
.legacy-nav textarea.input-group-sm > .input-group-btn > .btn,
.legacy-nav select[multiple].input-group-sm > .form-control,
.legacy-nav select[multiple].input-group-sm > .input-group-addon,
.legacy-nav select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.legacy-nav .input-group-addon,
.legacy-nav .input-group-btn,
.legacy-nav .input-group .form-control {
  display: table-cell;
}
.legacy-nav .input-group-addon:not(:first-child):not(:last-child),
.legacy-nav .input-group-btn:not(:first-child):not(:last-child),
.legacy-nav .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.legacy-nav .input-group-addon,
.legacy-nav .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.legacy-nav .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.legacy-nav .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.legacy-nav .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.legacy-nav .input-group-addon input[type='radio'],
.legacy-nav .input-group-addon input[type='checkbox'] {
  margin-top: 0;
}
.legacy-nav .input-group .form-control:first-child,
.legacy-nav .input-group-addon:first-child,
.legacy-nav .input-group-btn:first-child > .btn,
.legacy-nav .input-group-btn:first-child > .btn-group > .btn,
.legacy-nav .input-group-btn:first-child > .dropdown-toggle,
.legacy-nav .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.legacy-nav .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.legacy-nav .input-group-addon:first-child {
  border-right: 0;
}
.legacy-nav .input-group .form-control:last-child,
.legacy-nav .input-group-addon:last-child,
.legacy-nav .input-group-btn:last-child > .btn,
.legacy-nav .input-group-btn:last-child > .btn-group > .btn,
.legacy-nav .input-group-btn:last-child > .dropdown-toggle,
.legacy-nav .input-group-btn:first-child > .btn:not(:first-child),
.legacy-nav .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.legacy-nav .input-group-addon:last-child {
  border-left: 0;
}
.legacy-nav .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.legacy-nav .input-group-btn > .btn {
  position: relative;
}
.legacy-nav .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.legacy-nav .input-group-btn > .btn:hover,
.legacy-nav .input-group-btn > .btn:focus,
.legacy-nav .input-group-btn > .btn:active {
  z-index: 200;
}
.legacy-nav .input-group-btn:first-child > .btn,
.legacy-nav .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.legacy-nav .input-group-btn:last-child > .btn,
.legacy-nav .input-group-btn:last-child > .btn-group {
  z-index: 200;
  margin-left: -1px;
}
.legacy-nav .nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.legacy-nav .nav > li {
  position: relative;
  display: block;
}
.legacy-nav .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.legacy-nav .nav > li > a:hover,
.legacy-nav .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.legacy-nav .nav > li.disabled > a {
  color: #777777;
}
.legacy-nav .nav > li.disabled > a:hover,
.legacy-nav .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.legacy-nav .nav .open > a,
.legacy-nav .nav .open > a:hover,
.legacy-nav .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #34a0cf;
}
.legacy-nav .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.legacy-nav .nav > li > a > img {
  max-width: none;
}
.legacy-nav .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.legacy-nav .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.legacy-nav .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.legacy-nav .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.legacy-nav .nav-tabs > li.active > a,
.legacy-nav .nav-tabs > li.active > a:hover,
.legacy-nav .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.legacy-nav .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.legacy-nav .nav-tabs.nav-justified > li {
  float: none;
}
.legacy-nav .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.legacy-nav .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .legacy-nav .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .legacy-nav .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.legacy-nav .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.legacy-nav .nav-tabs.nav-justified > .active > a,
.legacy-nav .nav-tabs.nav-justified > .active > a:hover,
.legacy-nav .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .legacy-nav .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .legacy-nav .nav-tabs.nav-justified > .active > a,
  .legacy-nav .nav-tabs.nav-justified > .active > a:hover,
  .legacy-nav .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.legacy-nav .nav-pills > li {
  float: left;
}
.legacy-nav .nav-pills > li > a {
  border-radius: 4px;
}
.legacy-nav .nav-pills > li + li {
  margin-left: 2px;
}
.legacy-nav .nav-pills > li.active > a,
.legacy-nav .nav-pills > li.active > a:hover,
.legacy-nav .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #34a0cf;
}
.legacy-nav .nav-stacked > li {
  float: none;
}
.legacy-nav .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.legacy-nav .nav-justified {
  width: 100%;
}
.legacy-nav .nav-justified > li {
  float: none;
}
.legacy-nav .nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.legacy-nav .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .legacy-nav .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .legacy-nav .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.legacy-nav .nav-tabs-justified {
  border-bottom: 0;
}
.legacy-nav .nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.legacy-nav .nav-tabs-justified > .active > a,
.legacy-nav .nav-tabs-justified > .active > a:hover,
.legacy-nav .nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .legacy-nav .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .legacy-nav .nav-tabs-justified > .active > a,
  .legacy-nav .nav-tabs-justified > .active > a:hover,
  .legacy-nav .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.legacy-nav .tab-content > .tab-pane {
  display: none;
}
.legacy-nav .tab-content > .active {
  display: block;
}
.legacy-nav .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.legacy-nav .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .legacy-nav .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .legacy-nav .navbar-header {
    float: left;
  }
}
.legacy-nav .navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.legacy-nav .navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .legacy-nav .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .legacy-nav .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .legacy-nav .navbar-collapse.in {
    overflow-y: visible;
  }
  .legacy-nav .navbar-fixed-top .navbar-collapse,
  .legacy-nav .navbar-static-top .navbar-collapse,
  .legacy-nav .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.legacy-nav .navbar-fixed-top .navbar-collapse,
.legacy-nav .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .legacy-nav .navbar-fixed-top .navbar-collapse,
  .legacy-nav .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.legacy-nav .container > .navbar-header,
.legacy-nav .container-fluid > .navbar-header,
.legacy-nav .container > .navbar-collapse,
.legacy-nav .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .legacy-nav .container > .navbar-header,
  .legacy-nav .container-fluid > .navbar-header,
  .legacy-nav .container > .navbar-collapse,
  .legacy-nav .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.legacy-nav .navbar-static-top {
  z-index: 1500;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .legacy-nav .navbar-static-top {
    border-radius: 0;
  }
}
.legacy-nav .navbar-fixed-top,
.legacy-nav .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1600;
}
@media (min-width: 768px) {
  .legacy-nav .navbar-fixed-top,
  .legacy-nav .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.legacy-nav .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.legacy-nav .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.legacy-nav .navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.legacy-nav .navbar-brand:hover,
.legacy-nav .navbar-brand:focus {
  text-decoration: none;
}
.legacy-nav .navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .legacy-nav .navbar > .container .navbar-brand,
  .legacy-nav .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.legacy-nav .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.legacy-nav .navbar-toggle:focus {
  outline: 0;
}
.legacy-nav .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.legacy-nav .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .legacy-nav .navbar-toggle {
    display: none;
  }
}
.legacy-nav .navbar-nav {
  margin: 7.5px -15px;
}
.legacy-nav .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .legacy-nav .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .legacy-nav .navbar-nav .open .dropdown-menu > li > a,
  .legacy-nav .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .legacy-nav .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .legacy-nav .navbar-nav .open .dropdown-menu > li > a:hover,
  .legacy-nav .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .legacy-nav .navbar-nav {
    float: left;
    margin: 0;
  }
  .legacy-nav .navbar-nav > li {
    float: left;
  }
  .legacy-nav .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.legacy-nav .navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .legacy-nav .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .legacy-nav .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .legacy-nav .navbar-form .form-control-static {
    display: inline-block;
  }
  .legacy-nav .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .legacy-nav .navbar-form .input-group .input-group-addon,
  .legacy-nav .navbar-form .input-group .input-group-btn,
  .legacy-nav .navbar-form .input-group .form-control {
    width: auto;
  }
  .legacy-nav .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .legacy-nav .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .legacy-nav .navbar-form .radio,
  .legacy-nav .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .legacy-nav .navbar-form .radio label,
  .legacy-nav .navbar-form .checkbox label {
    padding-left: 0;
  }
  .legacy-nav .navbar-form .radio input[type='radio'],
  .legacy-nav .navbar-form .checkbox input[type='checkbox'] {
    position: relative;
    margin-left: 0;
  }
  .legacy-nav .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .legacy-nav .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .legacy-nav .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .legacy-nav .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}
.legacy-nav .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.legacy-nav .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.legacy-nav .navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.legacy-nav .navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.legacy-nav .navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.legacy-nav .navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .legacy-nav .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .legacy-nav .navbar-left {
    float: left !important;
  }
  .legacy-nav .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .legacy-nav .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.legacy-nav .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.legacy-nav .navbar-default .navbar-brand {
  color: #777;
}
.legacy-nav .navbar-default .navbar-brand:hover,
.legacy-nav .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.legacy-nav .navbar-default .navbar-text {
  color: #777;
}
.legacy-nav .navbar-default .navbar-nav > li > a {
  color: #777;
}
.legacy-nav .navbar-default .navbar-nav > li > a:hover,
.legacy-nav .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.legacy-nav .navbar-default .navbar-nav > .active > a,
.legacy-nav .navbar-default .navbar-nav > .active > a:hover,
.legacy-nav .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.legacy-nav .navbar-default .navbar-nav > .disabled > a,
.legacy-nav .navbar-default .navbar-nav > .disabled > a:hover,
.legacy-nav .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.legacy-nav .navbar-default .navbar-toggle {
  border-color: #ddd;
}
.legacy-nav .navbar-default .navbar-toggle:hover,
.legacy-nav .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.legacy-nav .navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.legacy-nav .navbar-default .navbar-collapse,
.legacy-nav .navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.legacy-nav .navbar-default .navbar-nav > .open > a,
.legacy-nav .navbar-default .navbar-nav > .open > a:hover,
.legacy-nav .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .legacy-nav .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.legacy-nav .navbar-default .navbar-link {
  color: #777;
}
.legacy-nav .navbar-default .navbar-link:hover {
  color: #333;
}
.legacy-nav .navbar-default .btn-link {
  color: #777;
}
.legacy-nav .navbar-default .btn-link:hover,
.legacy-nav .navbar-default .btn-link:focus {
  color: #333;
}
.legacy-nav .navbar-default .btn-link[disabled]:hover,
.legacy-nav fieldset[disabled] .navbar-default .btn-link:hover,
.legacy-nav .navbar-default .btn-link[disabled]:focus,
.legacy-nav fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.legacy-nav .navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.legacy-nav .navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.legacy-nav .navbar-inverse .navbar-brand:hover,
.legacy-nav .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.legacy-nav .navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.legacy-nav .navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.legacy-nav .navbar-inverse .navbar-nav > li > a:hover,
.legacy-nav .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.legacy-nav .navbar-inverse .navbar-nav > .active > a,
.legacy-nav .navbar-inverse .navbar-nav > .active > a:hover,
.legacy-nav .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.legacy-nav .navbar-inverse .navbar-nav > .disabled > a,
.legacy-nav .navbar-inverse .navbar-nav > .disabled > a:hover,
.legacy-nav .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.legacy-nav .navbar-inverse .navbar-toggle {
  border-color: #333;
}
.legacy-nav .navbar-inverse .navbar-toggle:hover,
.legacy-nav .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.legacy-nav .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.legacy-nav .navbar-inverse .navbar-collapse,
.legacy-nav .navbar-inverse .navbar-form {
  border-color: #101010;
}
.legacy-nav .navbar-inverse .navbar-nav > .open > a,
.legacy-nav .navbar-inverse .navbar-nav > .open > a:hover,
.legacy-nav .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 767px) {
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .legacy-nav .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.legacy-nav .navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.legacy-nav .navbar-inverse .navbar-link:hover {
  color: #fff;
}
.legacy-nav .navbar-inverse .btn-link {
  color: #9d9d9d;
}
.legacy-nav .navbar-inverse .btn-link:hover,
.legacy-nav .navbar-inverse .btn-link:focus {
  color: #fff;
}
.legacy-nav .navbar-inverse .btn-link[disabled]:hover,
.legacy-nav fieldset[disabled] .navbar-inverse .btn-link:hover,
.legacy-nav .navbar-inverse .btn-link[disabled]:focus,
.legacy-nav fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.legacy-nav .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.legacy-nav .breadcrumb > li {
  display: inline-block;
}
.legacy-nav .breadcrumb > li + li:before {
  content: '/\00a0';
  padding: 0 5px;
  color: #ccc;
}
.legacy-nav .breadcrumb > .active {
  color: #777777;
}
.legacy-nav .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.legacy-nav .pagination > li {
  display: inline;
}
.legacy-nav .pagination > li > a,
.legacy-nav .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #34a0cf;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.legacy-nav .pagination > li:first-child > a,
.legacy-nav .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.legacy-nav .pagination > li:last-child > a,
.legacy-nav .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.legacy-nav .pagination > li > a:hover,
.legacy-nav .pagination > li > span:hover,
.legacy-nav .pagination > li > a:focus,
.legacy-nav .pagination > li > span:focus {
  z-index: 200;
  color: #53bdeb;
  background-color: #eeeeee;
  border-color: #ddd;
}
.legacy-nav .pagination > .active > a,
.legacy-nav .pagination > .active > span,
.legacy-nav .pagination > .active > a:hover,
.legacy-nav .pagination > .active > span:hover,
.legacy-nav .pagination > .active > a:focus,
.legacy-nav .pagination > .active > span:focus {
  z-index: 300;
  color: #fff;
  background-color: #34a0cf;
  border-color: #34a0cf;
  cursor: default;
}
.legacy-nav .pagination > .disabled > span,
.legacy-nav .pagination > .disabled > span:hover,
.legacy-nav .pagination > .disabled > span:focus,
.legacy-nav .pagination > .disabled > a,
.legacy-nav .pagination > .disabled > a:hover,
.legacy-nav .pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.legacy-nav .pagination-lg > li > a,
.legacy-nav .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.legacy-nav .pagination-lg > li:first-child > a,
.legacy-nav .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.legacy-nav .pagination-lg > li:last-child > a,
.legacy-nav .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.legacy-nav .pagination-sm > li > a,
.legacy-nav .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.legacy-nav .pagination-sm > li:first-child > a,
.legacy-nav .pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.legacy-nav .pagination-sm > li:last-child > a,
.legacy-nav .pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.legacy-nav .pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.legacy-nav .pager li {
  display: inline;
}
.legacy-nav .pager li > a,
.legacy-nav .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.legacy-nav .pager li > a:hover,
.legacy-nav .pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.legacy-nav .pager .next > a,
.legacy-nav .pager .next > span {
  float: right;
}
.legacy-nav .pager .previous > a,
.legacy-nav .pager .previous > span {
  float: left;
}
.legacy-nav .pager .disabled > a,
.legacy-nav .pager .disabled > a:hover,
.legacy-nav .pager .disabled > a:focus,
.legacy-nav .pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.legacy-nav .label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.legacy-nav a.label:hover,
.legacy-nav a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.legacy-nav .label:empty {
  display: none;
}
.legacy-nav .btn .label {
  position: relative;
  top: -1px;
}
.legacy-nav .label-default {
  background-color: #777777;
}
.legacy-nav .label-default[href]:hover,
.legacy-nav .label-default[href]:focus {
  background-color: #5e5e5e;
}
.legacy-nav .label-primary {
  background-color: #34a0cf;
}
.legacy-nav .label-primary[href]:hover,
.legacy-nav .label-primary[href]:focus {
  background-color: #2881a8;
}
.legacy-nav .label-success {
  background-color: #5cb85c;
}
.legacy-nav .label-success[href]:hover,
.legacy-nav .label-success[href]:focus {
  background-color: #449d44;
}
.legacy-nav .label-info {
  background-color: #5bc0de;
}
.legacy-nav .label-info[href]:hover,
.legacy-nav .label-info[href]:focus {
  background-color: #31b0d5;
}
.legacy-nav .label-warning {
  background-color: #f0ad4e;
}
.legacy-nav .label-warning[href]:hover,
.legacy-nav .label-warning[href]:focus {
  background-color: #ec971f;
}
.legacy-nav .label-danger {
  background-color: #d9534f;
}
.legacy-nav .label-danger[href]:hover,
.legacy-nav .label-danger[href]:focus {
  background-color: #c9302c;
}
.legacy-nav .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.legacy-nav .badge:empty {
  display: none;
}
.legacy-nav .btn .badge {
  position: relative;
  top: -1px;
}
.legacy-nav .btn-xs .badge,
.legacy-nav .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.legacy-nav a.badge:hover,
.legacy-nav a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.legacy-nav .list-group-item.active > .badge,
.legacy-nav .nav-pills > .active > a > .badge {
  color: #34a0cf;
  background-color: #fff;
}
.legacy-nav .list-group-item > .badge {
  float: right;
}
.legacy-nav .list-group-item > .badge + .badge {
  margin-right: 5px;
}
.legacy-nav .nav-pills > li > a > .badge {
  margin-left: 3px;
}
.legacy-nav .jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.legacy-nav .jumbotron h1,
.legacy-nav .jumbotron .h1 {
  color: inherit;
}
.legacy-nav .jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.legacy-nav .jumbotron > hr {
  border-top-color: #d5d5d5;
}
.legacy-nav .container .jumbotron,
.legacy-nav .container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}
.legacy-nav .jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .legacy-nav .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .legacy-nav .container .jumbotron,
  .legacy-nav .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .legacy-nav .jumbotron h1,
  .legacy-nav .jumbotron .h1 {
    font-size: 63px;
  }
}
.legacy-nav .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}
.legacy-nav .thumbnail > img,
.legacy-nav .thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
.legacy-nav a.thumbnail:hover,
.legacy-nav a.thumbnail:focus,
.legacy-nav a.thumbnail.active {
  border-color: #34a0cf;
}
.legacy-nav .thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.legacy-nav .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.legacy-nav .alert h4 {
  margin-top: 0;
  color: inherit;
}
.legacy-nav .alert .alert-link {
  font-weight: bold;
}
.legacy-nav .alert > p,
.legacy-nav .alert > ul {
  margin-bottom: 0;
}
.legacy-nav .alert > p + p {
  margin-top: 5px;
}
.legacy-nav .alert-dismissable,
.legacy-nav .alert-dismissible {
  padding-right: 35px;
}
.legacy-nav .alert-dismissable .close,
.legacy-nav .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.legacy-nav .alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.legacy-nav .alert-success hr {
  border-top-color: #c9e2b3;
}
.legacy-nav .alert-success .alert-link {
  color: #2b542c;
}
.legacy-nav .alert-info {
  background-color: var(--flow-colors-blue-7);
  color: var(--flow-colors-text-icon-high-on-dark);
}
.legacy-nav .alert-info hr {
  border-top-color: #a6e1ec;
}
.legacy-nav .alert-info .alert-link {
  color: #245269;
}
.legacy-nav .alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.legacy-nav .alert-warning hr {
  border-top-color: #f7e1b5;
}
.legacy-nav .alert-warning .alert-link {
  color: #66512c;
}
.legacy-nav .alert-danger {
  background-color: #d21c09;
  color: rgba(255, 255, 255, 0.95);
}
.legacy-nav .alert-danger hr {
  border-top-color: #e4b9c0;
}
.legacy-nav .alert-danger .alert-link {
  color: #843534;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.legacy-nav .progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.legacy-nav .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #34a0cf;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.legacy-nav .progress-striped .progress-bar,
.legacy-nav .progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.legacy-nav .progress.active .progress-bar,
.legacy-nav .progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}
.legacy-nav .progress-bar-success {
  background-color: #5cb85c;
}
.legacy-nav .progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.legacy-nav .progress-bar-info {
  background-color: #5bc0de;
}
.legacy-nav .progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.legacy-nav .progress-bar-warning {
  background-color: #f0ad4e;
}
.legacy-nav .progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.legacy-nav .progress-bar-danger {
  background-color: #d9534f;
}
.legacy-nav .progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.legacy-nav .media {
  margin-top: 15px;
}
.legacy-nav .media:first-child {
  margin-top: 0;
}
.legacy-nav .media,
.legacy-nav .media-body {
  zoom: 1;
  overflow: hidden;
}
.legacy-nav .media-body {
  width: 10000px;
}
.legacy-nav .media-object {
  display: block;
}
.legacy-nav .media-object.img-thumbnail {
  max-width: none;
}
.legacy-nav .media-right,
.legacy-nav .media > .pull-right {
  padding-left: 10px;
}
.legacy-nav .media-left,
.legacy-nav .media > .pull-left {
  padding-right: 10px;
}
.legacy-nav .media-left,
.legacy-nav .media-right,
.legacy-nav .media-body {
  display: table-cell;
  vertical-align: top;
}
.legacy-nav .media-middle {
  vertical-align: middle;
}
.legacy-nav .media-bottom {
  vertical-align: bottom;
}
.legacy-nav .media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.legacy-nav .media-list {
  padding-left: 0;
  list-style: none;
}
.legacy-nav .list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.legacy-nav .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.legacy-nav .list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.legacy-nav .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.legacy-nav a.list-group-item,
.legacy-nav button.list-group-item {
  color: #555;
}
.legacy-nav a.list-group-item .list-group-item-heading,
.legacy-nav button.list-group-item .list-group-item-heading {
  color: #333;
}
.legacy-nav a.list-group-item:hover,
.legacy-nav button.list-group-item:hover,
.legacy-nav a.list-group-item:focus,
.legacy-nav button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
.legacy-nav button.list-group-item {
  width: 100%;
  text-align: left;
}
.legacy-nav .list-group-item.disabled,
.legacy-nav .list-group-item.disabled:hover,
.legacy-nav .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.legacy-nav .list-group-item.disabled .list-group-item-heading,
.legacy-nav .list-group-item.disabled:hover .list-group-item-heading,
.legacy-nav .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.legacy-nav .list-group-item.disabled .list-group-item-text,
.legacy-nav .list-group-item.disabled:hover .list-group-item-text,
.legacy-nav .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.legacy-nav .list-group-item.active,
.legacy-nav .list-group-item.active:hover,
.legacy-nav .list-group-item.active:focus {
  z-index: 200;
  color: #fff;
  background-color: #34a0cf;
  border-color: #34a0cf;
}
.legacy-nav .list-group-item.active .list-group-item-heading,
.legacy-nav .list-group-item.active:hover .list-group-item-heading,
.legacy-nav .list-group-item.active:focus .list-group-item-heading,
.legacy-nav .list-group-item.active .list-group-item-heading > small,
.legacy-nav .list-group-item.active:hover .list-group-item-heading > small,
.legacy-nav .list-group-item.active:focus .list-group-item-heading > small,
.legacy-nav .list-group-item.active .list-group-item-heading > .small,
.legacy-nav .list-group-item.active:hover .list-group-item-heading > .small,
.legacy-nav .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.legacy-nav .list-group-item.active .list-group-item-text,
.legacy-nav .list-group-item.active:hover .list-group-item-text,
.legacy-nav .list-group-item.active:focus .list-group-item-text {
  color: #d9edf6;
}
.legacy-nav .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.legacy-nav a.list-group-item-success,
.legacy-nav button.list-group-item-success {
  color: #3c763d;
}
.legacy-nav a.list-group-item-success .list-group-item-heading,
.legacy-nav button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
.legacy-nav a.list-group-item-success:hover,
.legacy-nav button.list-group-item-success:hover,
.legacy-nav a.list-group-item-success:focus,
.legacy-nav button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
.legacy-nav a.list-group-item-success.active,
.legacy-nav button.list-group-item-success.active,
.legacy-nav a.list-group-item-success.active:hover,
.legacy-nav button.list-group-item-success.active:hover,
.legacy-nav a.list-group-item-success.active:focus,
.legacy-nav button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.legacy-nav .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
.legacy-nav a.list-group-item-info,
.legacy-nav button.list-group-item-info {
  color: #31708f;
}
.legacy-nav a.list-group-item-info .list-group-item-heading,
.legacy-nav button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
.legacy-nav a.list-group-item-info:hover,
.legacy-nav button.list-group-item-info:hover,
.legacy-nav a.list-group-item-info:focus,
.legacy-nav button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
.legacy-nav a.list-group-item-info.active,
.legacy-nav button.list-group-item-info.active,
.legacy-nav a.list-group-item-info.active:hover,
.legacy-nav button.list-group-item-info.active:hover,
.legacy-nav a.list-group-item-info.active:focus,
.legacy-nav button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.legacy-nav .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.legacy-nav a.list-group-item-warning,
.legacy-nav button.list-group-item-warning {
  color: #8a6d3b;
}
.legacy-nav a.list-group-item-warning .list-group-item-heading,
.legacy-nav button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
.legacy-nav a.list-group-item-warning:hover,
.legacy-nav button.list-group-item-warning:hover,
.legacy-nav a.list-group-item-warning:focus,
.legacy-nav button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
.legacy-nav a.list-group-item-warning.active,
.legacy-nav button.list-group-item-warning.active,
.legacy-nav a.list-group-item-warning.active:hover,
.legacy-nav button.list-group-item-warning.active:hover,
.legacy-nav a.list-group-item-warning.active:focus,
.legacy-nav button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.legacy-nav .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
.legacy-nav a.list-group-item-danger,
.legacy-nav button.list-group-item-danger {
  color: #a94442;
}
.legacy-nav a.list-group-item-danger .list-group-item-heading,
.legacy-nav button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
.legacy-nav a.list-group-item-danger:hover,
.legacy-nav button.list-group-item-danger:hover,
.legacy-nav a.list-group-item-danger:focus,
.legacy-nav button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
.legacy-nav a.list-group-item-danger.active,
.legacy-nav button.list-group-item-danger.active,
.legacy-nav a.list-group-item-danger.active:hover,
.legacy-nav button.list-group-item-danger.active:hover,
.legacy-nav a.list-group-item-danger.active:focus,
.legacy-nav button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.legacy-nav .list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.legacy-nav .list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.legacy-nav .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.legacy-nav .panel-body {
  padding: 15px;
}
.legacy-nav .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.legacy-nav .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.legacy-nav .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.legacy-nav .panel-title > a,
.legacy-nav .panel-title > small,
.legacy-nav .panel-title > .small,
.legacy-nav .panel-title > small > a,
.legacy-nav .panel-title > .small > a {
  color: inherit;
}
.legacy-nav .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.legacy-nav .panel > .list-group,
.legacy-nav .panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.legacy-nav .panel > .list-group .list-group-item,
.legacy-nav .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.legacy-nav .panel > .list-group:first-child .list-group-item:first-child,
.legacy-nav .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.legacy-nav .panel > .list-group:last-child .list-group-item:last-child,
.legacy-nav .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.legacy-nav .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.legacy-nav .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.legacy-nav .list-group + .panel-footer {
  border-top-width: 0;
}
.legacy-nav .panel > .table,
.legacy-nav .panel > .table-responsive > .table,
.legacy-nav .panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.legacy-nav .panel > .table caption,
.legacy-nav .panel > .table-responsive > .table caption,
.legacy-nav .panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.legacy-nav .panel > .table:first-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.legacy-nav .panel > .table:first-child > thead:first-child > tr:first-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.legacy-nav .panel > .table:first-child > tbody:first-child > tr:first-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.legacy-nav .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.legacy-nav .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.legacy-nav .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.legacy-nav .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.legacy-nav .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.legacy-nav .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.legacy-nav .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.legacy-nav .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.legacy-nav .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.legacy-nav .panel > .table:last-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.legacy-nav .panel > .table:last-child > tbody:last-child > tr:last-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.legacy-nav .panel > .table:last-child > tfoot:last-child > tr:last-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.legacy-nav .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.legacy-nav .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.legacy-nav .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.legacy-nav .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.legacy-nav .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.legacy-nav .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.legacy-nav .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.legacy-nav .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.legacy-nav .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.legacy-nav .panel > .panel-body + .table,
.legacy-nav .panel > .panel-body + .table-responsive,
.legacy-nav .panel > .table + .panel-body,
.legacy-nav .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.legacy-nav .panel > .table > tbody:first-child > tr:first-child th,
.legacy-nav .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.legacy-nav .panel > .table-bordered,
.legacy-nav .panel > .table-responsive > .table-bordered {
  border: 0;
}
.legacy-nav .panel > .table-bordered > thead > tr > th:first-child,
.legacy-nav .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.legacy-nav .panel > .table-bordered > tbody > tr > th:first-child,
.legacy-nav .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.legacy-nav .panel > .table-bordered > tfoot > tr > th:first-child,
.legacy-nav .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.legacy-nav .panel > .table-bordered > thead > tr > td:first-child,
.legacy-nav .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.legacy-nav .panel > .table-bordered > tbody > tr > td:first-child,
.legacy-nav .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.legacy-nav .panel > .table-bordered > tfoot > tr > td:first-child,
.legacy-nav .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.legacy-nav .panel > .table-bordered > thead > tr > th:last-child,
.legacy-nav .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.legacy-nav .panel > .table-bordered > tbody > tr > th:last-child,
.legacy-nav .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.legacy-nav .panel > .table-bordered > tfoot > tr > th:last-child,
.legacy-nav .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.legacy-nav .panel > .table-bordered > thead > tr > td:last-child,
.legacy-nav .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.legacy-nav .panel > .table-bordered > tbody > tr > td:last-child,
.legacy-nav .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.legacy-nav .panel > .table-bordered > tfoot > tr > td:last-child,
.legacy-nav .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.legacy-nav .panel > .table-bordered > thead > tr:first-child > td,
.legacy-nav .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.legacy-nav .panel > .table-bordered > tbody > tr:first-child > td,
.legacy-nav .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.legacy-nav .panel > .table-bordered > thead > tr:first-child > th,
.legacy-nav .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.legacy-nav .panel > .table-bordered > tbody > tr:first-child > th,
.legacy-nav .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.legacy-nav .panel > .table-bordered > tbody > tr:last-child > td,
.legacy-nav .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.legacy-nav .panel > .table-bordered > tfoot > tr:last-child > td,
.legacy-nav .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.legacy-nav .panel > .table-bordered > tbody > tr:last-child > th,
.legacy-nav .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.legacy-nav .panel > .table-bordered > tfoot > tr:last-child > th,
.legacy-nav .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.legacy-nav .panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.legacy-nav .panel-group {
  margin-bottom: 20px;
}
.legacy-nav .panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.legacy-nav .panel-group .panel + .panel {
  margin-top: 5px;
}
.legacy-nav .panel-group .panel-heading {
  border-bottom: 0;
}
.legacy-nav .panel-group .panel-heading + .panel-collapse > .panel-body,
.legacy-nav .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.legacy-nav .panel-group .panel-footer {
  border-top: 0;
}
.legacy-nav .panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.legacy-nav .panel-default {
  border-color: #ddd;
}
.legacy-nav .panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.legacy-nav .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.legacy-nav .panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.legacy-nav .panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.legacy-nav .panel-primary {
  border-color: #34a0cf;
}
.legacy-nav .panel-primary > .panel-heading {
  color: #fff;
  background-color: #34a0cf;
  border-color: #34a0cf;
}
.legacy-nav .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #34a0cf;
}
.legacy-nav .panel-primary > .panel-heading .badge {
  color: #34a0cf;
  background-color: #fff;
}
.legacy-nav .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #34a0cf;
}
.legacy-nav .panel-success {
  border-color: #d6e9c6;
}
.legacy-nav .panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.legacy-nav .panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.legacy-nav .panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.legacy-nav .panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.legacy-nav .panel-info {
  border-color: #bce8f1;
}
.legacy-nav .panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.legacy-nav .panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.legacy-nav .panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.legacy-nav .panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.legacy-nav .panel-warning {
  border-color: #faebcc;
}
.legacy-nav .panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.legacy-nav .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.legacy-nav .panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.legacy-nav .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.legacy-nav .panel-danger {
  border-color: #ebccd1;
}
.legacy-nav .panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.legacy-nav .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.legacy-nav .panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.legacy-nav .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.legacy-nav .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.legacy-nav .embed-responsive .embed-responsive-item,
.legacy-nav .embed-responsive iframe,
.legacy-nav .embed-responsive embed,
.legacy-nav .embed-responsive object,
.legacy-nav .embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.legacy-nav .embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.legacy-nav .embed-responsive-4by3 {
  padding-bottom: 75%;
}
.legacy-nav .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.legacy-nav .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.legacy-nav .well-lg {
  padding: 24px;
  border-radius: 6px;
}
.legacy-nav .well-sm {
  padding: 9px;
  border-radius: 3px;
}
.legacy-nav .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.legacy-nav .close:hover,
.legacy-nav .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.legacy-nav button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.legacy-nav .modal-open {
  overflow: hidden;
}
.legacy-nav .modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1800;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.legacy-nav .modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.legacy-nav .modal.in .modal-dialog {
  transform: translate(0, 0);
}
.legacy-nav .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.legacy-nav .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.legacy-nav .modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.legacy-nav .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1700;
  background-color: #000;
}
.legacy-nav .modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.legacy-nav .modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.legacy-nav .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.legacy-nav .modal-header .close {
  margin-top: -2px;
}
.legacy-nav .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.legacy-nav .modal-body {
  position: relative;
  padding: 15px;
}
.legacy-nav .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.legacy-nav .modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.legacy-nav .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.legacy-nav .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.legacy-nav .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .legacy-nav .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .legacy-nav .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .legacy-nav .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .legacy-nav .modal-lg {
    width: 900px;
  }
}
.legacy-nav .tooltip {
  position: absolute;
  z-index: 2000;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.legacy-nav .tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.legacy-nav .tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.legacy-nav .tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.legacy-nav .tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.legacy-nav .tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.legacy-nav .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.legacy-nav .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.legacy-nav .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.legacy-nav .tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.legacy-nav .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.legacy-nav .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.legacy-nav .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.legacy-nav .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.legacy-nav .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.legacy-nav .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.legacy-nav .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1900;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.legacy-nav .popover.top {
  margin-top: -10px;
}
.legacy-nav .popover.right {
  margin-left: 10px;
}
.legacy-nav .popover.bottom {
  margin-top: 10px;
}
.legacy-nav .popover.left {
  margin-left: -10px;
}
.legacy-nav .popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.legacy-nav .popover-content {
  padding: 9px 14px;
}
.legacy-nav .popover > .arrow,
.legacy-nav .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.legacy-nav .popover > .arrow {
  border-width: 11px;
}
.legacy-nav .popover > .arrow:after {
  border-width: 10px;
  content: '';
}
.legacy-nav .popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.legacy-nav .popover.top > .arrow:after {
  content: ' ';
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.legacy-nav .popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.legacy-nav .popover.right > .arrow:after {
  content: ' ';
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.legacy-nav .popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.legacy-nav .popover.bottom > .arrow:after {
  content: ' ';
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.legacy-nav .popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.legacy-nav .popover.left > .arrow:after {
  content: ' ';
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.legacy-nav .carousel {
  position: relative;
}
.legacy-nav .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.legacy-nav .carousel-inner > .item {
  display: none;
  position: relative;
  transition: 0.6s ease-in-out left;
}
.legacy-nav .carousel-inner > .item > img,
.legacy-nav .carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .legacy-nav .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .legacy-nav .carousel-inner > .item.next,
  .legacy-nav .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .legacy-nav .carousel-inner > .item.prev,
  .legacy-nav .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .legacy-nav .carousel-inner > .item.next.left,
  .legacy-nav .carousel-inner > .item.prev.right,
  .legacy-nav .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.legacy-nav .carousel-inner > .active,
.legacy-nav .carousel-inner > .next,
.legacy-nav .carousel-inner > .prev {
  display: block;
}
.legacy-nav .carousel-inner > .active {
  left: 0;
}
.legacy-nav .carousel-inner > .next,
.legacy-nav .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.legacy-nav .carousel-inner > .next {
  left: 100%;
}
.legacy-nav .carousel-inner > .prev {
  left: -100%;
}
.legacy-nav .carousel-inner > .next.left,
.legacy-nav .carousel-inner > .prev.right {
  left: 0;
}
.legacy-nav .carousel-inner > .active.left {
  left: -100%;
}
.legacy-nav .carousel-inner > .active.right {
  left: 100%;
}
.legacy-nav .carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.legacy-nav .carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.legacy-nav .carousel-control.right {
  left: auto;
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.legacy-nav .carousel-control:hover,
.legacy-nav .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.legacy-nav .carousel-control .icon-prev,
.legacy-nav .carousel-control .icon-next,
.legacy-nav .carousel-control .glyphicon-chevron-left,
.legacy-nav .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 500;
  display: inline-block;
}
.legacy-nav .carousel-control .icon-prev,
.legacy-nav .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.legacy-nav .carousel-control .icon-next,
.legacy-nav .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.legacy-nav .carousel-control .icon-prev,
.legacy-nav .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
}
.legacy-nav .carousel-control .icon-prev:before {
  content: '\2039';
}
.legacy-nav .carousel-control .icon-next:before {
  content: '\203a';
}
.legacy-nav .carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: var(--z-low);
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.legacy-nav .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.legacy-nav .carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.legacy-nav .carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 600;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.legacy-nav .carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .legacy-nav .carousel-control .glyphicon-chevron-left,
  .legacy-nav .carousel-control .glyphicon-chevron-right,
  .legacy-nav .carousel-control .icon-prev,
  .legacy-nav .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .legacy-nav .carousel-control .glyphicon-chevron-left,
  .legacy-nav .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .legacy-nav .carousel-control .glyphicon-chevron-right,
  .legacy-nav .carousel-control .icon-next {
    margin-right: -10px;
  }
  .legacy-nav .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .legacy-nav .carousel-indicators {
    bottom: 20px;
  }
}
.legacy-nav .clearfix:before,
.legacy-nav .clearfix:after,
.legacy-nav .dl-horizontal dd:before,
.legacy-nav .dl-horizontal dd:after,
.legacy-nav .container:before,
.legacy-nav .container:after,
.legacy-nav .container-fluid:before,
.legacy-nav .container-fluid:after,
.legacy-nav .row:before,
.legacy-nav .row:after,
.legacy-nav .form-horizontal .form-group:before,
.legacy-nav .form-horizontal .form-group:after,
.legacy-nav .btn-toolbar:before,
.legacy-nav .btn-toolbar:after,
.legacy-nav .btn-group-vertical > .btn-group:before,
.legacy-nav .btn-group-vertical > .btn-group:after,
.legacy-nav .nav:before,
.legacy-nav .nav:after,
.legacy-nav .navbar:before,
.legacy-nav .navbar:after,
.legacy-nav .navbar-header:before,
.legacy-nav .navbar-header:after,
.legacy-nav .navbar-collapse:before,
.legacy-nav .navbar-collapse:after,
.legacy-nav .pager:before,
.legacy-nav .pager:after,
.legacy-nav .panel-body:before,
.legacy-nav .panel-body:after,
.legacy-nav .modal-header:before,
.legacy-nav .modal-header:after,
.legacy-nav .modal-footer:before,
.legacy-nav .modal-footer:after {
  content: ' ';
  display: table;
}
.legacy-nav .clearfix:after,
.legacy-nav .dl-horizontal dd:after,
.legacy-nav .container:after,
.legacy-nav .container-fluid:after,
.legacy-nav .row:after,
.legacy-nav .form-horizontal .form-group:after,
.legacy-nav .btn-toolbar:after,
.legacy-nav .btn-group-vertical > .btn-group:after,
.legacy-nav .nav:after,
.legacy-nav .navbar:after,
.legacy-nav .navbar-header:after,
.legacy-nav .navbar-collapse:after,
.legacy-nav .pager:after,
.legacy-nav .panel-body:after,
.legacy-nav .modal-header:after,
.legacy-nav .modal-footer:after {
  clear: both;
}
.legacy-nav .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.legacy-nav .pull-right {
  float: right !important;
}
.legacy-nav .pull-left {
  float: left !important;
}
.legacy-nav .hide {
  display: none !important;
}
.legacy-nav .show {
  display: block !important;
}
.legacy-nav .invisible {
  visibility: hidden;
}
.legacy-nav .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.legacy-nav .hidden {
  display: none !important;
}
.legacy-nav .affix {
  position: fixed;
}
.legacy-nav .visible-xs,
.legacy-nav .visible-sm,
.legacy-nav .visible-md,
.legacy-nav .visible-lg {
  display: none !important;
}
.legacy-nav .visible-xs-block,
.legacy-nav .visible-xs-inline,
.legacy-nav .visible-xs-inline-block,
.legacy-nav .visible-sm-block,
.legacy-nav .visible-sm-inline,
.legacy-nav .visible-sm-inline-block,
.legacy-nav .visible-md-block,
.legacy-nav .visible-md-inline,
.legacy-nav .visible-md-inline-block,
.legacy-nav .visible-lg-block,
.legacy-nav .visible-lg-inline,
.legacy-nav .visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .legacy-nav .visible-xs {
    display: block !important;
  }
  .legacy-nav table.visible-xs {
    display: table !important;
  }
  .legacy-nav tr.visible-xs {
    display: table-row !important;
  }
  .legacy-nav th.visible-xs,
  .legacy-nav td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .legacy-nav .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .legacy-nav .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .legacy-nav .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .legacy-nav .visible-sm {
    display: block !important;
  }
  .legacy-nav table.visible-sm {
    display: table !important;
  }
  .legacy-nav tr.visible-sm {
    display: table-row !important;
  }
  .legacy-nav th.visible-sm,
  .legacy-nav td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .legacy-nav .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .legacy-nav .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .legacy-nav .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .legacy-nav .visible-md {
    display: block !important;
  }
  .legacy-nav table.visible-md {
    display: table !important;
  }
  .legacy-nav tr.visible-md {
    display: table-row !important;
  }
  .legacy-nav th.visible-md,
  .legacy-nav td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .legacy-nav .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .legacy-nav .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .legacy-nav .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .legacy-nav .visible-lg {
    display: block !important;
  }
  .legacy-nav table.visible-lg {
    display: table !important;
  }
  .legacy-nav tr.visible-lg {
    display: table-row !important;
  }
  .legacy-nav th.visible-lg,
  .legacy-nav td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .legacy-nav .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .legacy-nav .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .legacy-nav .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .legacy-nav .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .legacy-nav .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .legacy-nav .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .legacy-nav .hidden-lg {
    display: none !important;
  }
}
.legacy-nav .visible-print {
  display: none !important;
}
@media print {
  .legacy-nav .visible-print {
    display: block !important;
  }
  .legacy-nav table.visible-print {
    display: table !important;
  }
  .legacy-nav tr.visible-print {
    display: table-row !important;
  }
  .legacy-nav th.visible-print,
  .legacy-nav td.visible-print {
    display: table-cell !important;
  }
}
.legacy-nav .visible-print-block {
  display: none !important;
}
@media print {
  .legacy-nav .visible-print-block {
    display: block !important;
  }
}
.legacy-nav .visible-print-inline {
  display: none !important;
}
@media print {
  .legacy-nav .visible-print-inline {
    display: inline !important;
  }
}
.legacy-nav .visible-print-inline-block {
  display: none !important;
}
@media print {
  .legacy-nav .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .legacy-nav .hidden-print {
    display: none !important;
  }
}
.legacy-nav .v2-like.no-nav #page-skeleton {
  display: flex;
  width: 100%;
  min-width: 100%;
  margin-left: 0;
}
.legacy-nav .v2-like.no-nav #page-skeleton .trap-in-box {
  width: auto;
}
.legacy-nav .v2-like.no-nav #top-nav-area {
  background-color: transparent;
}
.legacy-nav .v2-like #page-skeleton {
  display: grid;
  min-width: 800px;
  min-height: 100vh;
  width: calc(100% - 60px);
  margin-left: 60px;
  grid-template-columns: 1fr;
  grid-gap: 0;
  grid-template-rows: auto 1fr auto;
}
@media (min-width: 1257px) {
  .legacy-nav .v2-like #page-skeleton {
    width: calc(100% - 250px);
    margin-left: 250px;
  }
}
.legacy-nav .v2-like #banner-area {
  display: block;
}
.legacy-nav .v2-like #top-nav-area {
  position: fixed;
  display: flex;
  background-color: #343a40;
  width: 60px;
  height: 100vh;
  z-index: 300;
}
@media (min-width: 1257px) {
  .legacy-nav .v2-like #top-nav-area {
    width: 250px;
  }
}
.legacy-nav .v2-like #main-area {
  min-height: 60vh;
  padding: 24px 40px;
  color: white;
  max-width: 750px;
}
.legacy-nav .v2-like #footer-area {
  text-align: center;
}
.legacy-nav .v2-like #main-area > .container {
  margin: 0;
}
.legacy-nav .v2-like:not(.no-nav) .trap-in-box {
  margin-left: 0;
}
.legacy-nav .v2-like.no-nav .trap-in-box {
  max-width: 920px;
}
.legacy-nav .v2-like .container {
  width: auto !important;
}
.legacy-nav .v2-like #top-nav-area .navbar-list-items {
  background-color: #343a40;
}
.legacy-nav .v2-like #top-nav-area .navbar-nav,
.legacy-nav .v2-like #top-nav-area .navbar-header {
  width: 100%;
}
.legacy-nav .v2-like #top-nav-area .navbar-default {
  border: none;
}
.legacy-nav .v2-like #top-nav-area .navbar-header {
  border: 0;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.legacy-nav .v2-like #top-nav-area .navbar-header .navbar-brand {
  padding: 6px 15px;
  height: 47px;
}
.legacy-nav .v2-like #top-nav-area .navbar-header hr {
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px solid #495057;
  margin: 4px 0 4px 0;
}
.legacy-nav .v2-like #top-nav-area .navbar > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
}
.legacy-nav .v2-like #top-nav-area .navbar-nav > li {
  float: none !important;
}
.legacy-nav .v2-like #top-nav-area .dropdown-menu {
  border: 0;
  padding: 0;
  float: none !important;
  display: block !important;
  position: relative !important;
  background-color: transparent !important;
  color: #adb5bd;
  box-shadow: none !important;
}
.legacy-nav .v2-like #top-nav-area .dropdown-menu > li > a {
  padding: 6px 15px;
  font-size: 15px;
  line-height: 20px;
  color: #adb5bd;
}
.legacy-nav .v2-like #top-nav-area .dropdown-menu > li > a.active {
  background-color: #212529 !important;
}
.legacy-nav .v2-like #top-nav-area .dropdown-menu > li > a:hover,
.legacy-nav .v2-like #top-nav-area .dropdown-menu > li > a:active,
.legacy-nav .v2-like #top-nav-area .dropdown-menu > li > a:focus {
  background-color: #212529 !important;
  color: #e9ecef;
}
.legacy-nav .v2-like #top-nav-area .icon-menu {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 11px;
}
.legacy-nav .v2-like #top-nav-area .icon-menu-report {
  width: 30px;
  height: 20px;
  margin-right: 6px;
}
.legacy-nav .v2-like #top-nav-area .menu-ribbon {
  display: none;
}
.legacy-nav .v2-like #top-nav-area .avatar {
  border: 1px solid #868e96;
  border-radius: 8px;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  margin-top: -5px;
  margin-bottom: -5px;
}
.legacy-nav #react-main-navbar {
  width: 60px;
}
@media (min-width: 1257px) {
  .legacy-nav #react-main-navbar {
    width: 250px;
  }
}
.legacy-nav #react-main-navbar .text-oc-gray-3 {
  color: #dee2e6;
}
.legacy-nav #react-main-navbar .text-oc-teal-3 {
  color: #63e6be;
}
.legacy-nav #react-main-navbar .text-oc-blue-3 {
  color: #72c3fc;
}
.legacy-nav #react-main-navbar .text-oc-yellow-3 {
  color: #ffe066;
}
.legacy-nav .Copyright {
  width: 60vw;
  height: 100%;
  margin-left: 2em;
  margin-top: 2em;
}
.legacy-nav .Dropdown {
  display: inline-block;
  position: relative;
}
.legacy-nav .Dropdown__content {
  visibility: hidden;
  opacity: 0;
  transition: 0.2s all ease;
  position: absolute;
  z-index: 900;
  transform: translateY(-10px) scaleY(0.2) scaleX(0.5);
  transform-origin: top left;
  margin-left: 5px;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 2px 9px rgba(73, 80, 87, 0.2), 0 2px 10px rgba(73, 80, 87, 0.1);
}
.legacy-nav .Dropdown__content .with-search a {
  margin-top: 5px;
}
.legacy-nav .Dropdown__content .with-search + .results {
  max-height: 310px;
  overflow: auto;
}
.legacy-nav .Dropdown__content .with-search + .results .VerticalMenu.has-border li:first-of-type:before {
  content: '';
  border-top: 1px solid #dee2e6;
  display: block;
  margin-top: -5px;
  padding-bottom: 10px;
}
.legacy-nav .Dropdown__trigger {
  margin: 0 5px;
}
.legacy-nav .Dropdown--active .Dropdown__content {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px) scaleY(1) scaleX(1);
}
.legacy-nav .Dropdown--text .Dropdown__trigger {
  height: auto;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.legacy-nav .Dropdown--text .Dropdown__trigger:hover,
.legacy-nav .Dropdown--text .Dropdown__trigger:active {
  background-color: transparent;
}
.legacy-nav .Dropdown--right .Dropdown__content {
  right: 0;
  transform-origin: top right;
}
.legacy-nav .Dropdown--center .Dropdown__content {
  transform-origin: top center;
  transform: translateY(-10px) scaleY(0.5);
  margin: 0;
  width: 100%;
}
.legacy-nav .Dropdown--center.Dropdown--active .Dropdown__content {
  transform-origin: top center;
  transform: translateY(0px) scale(1);
}
.legacy-nav .Dropdown--triple-dot .Dropdown__trigger {
  height: 24px;
  width: 36px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border-color: transparent;
}
.legacy-nav .Dropdown--triple-dot .Dropdown__trigger:hover {
  background-color: #f8f9fa;
  border-color: #ced4da;
}
.legacy-nav .Dropdown--triple-dot .Dropdown__trigger:active {
  background-color: #e9ecef;
  border-color: #ced4da;
}
.legacy-nav .Dropdown--triple-dot.Dropdown--active .Dropdown__trigger {
  background-color: #f8f9fa;
  border-color: #ced4da;
}
.legacy-nav .Dropdown--raised .Dropdown__content {
  margin: 0;
}
.legacy-nav .Dropdown--raised .Dropdown__trigger {
  background-color: #ffffff;
  height: 42px;
  padding: 0 14px;
  border: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  justify-content: space-between;
}
.legacy-nav .Dropdown--dashed .Dropdown__trigger {
  justify-content: flex-start;
  border: 0;
  padding: 0;
  border-bottom: 2px dashed #ced4da;
  width: auto;
  height: auto;
}
.legacy-nav .SearchablePicker .Dropdown__content {
  width: 290px;
}
.legacy-nav .TeamPicker .Dropdown__content {
  width: 400px;
}
.legacy-nav .text-bold {
  font-weight: 500;
}
.legacy-nav .text-thin {
  font-weight: 100;
}
.legacy-nav .text-light {
  font-weight: 100;
  color: #495057;
}
.legacy-nav .text-right {
  text-align: right;
}
.legacy-nav .text-center {
  text-align: center;
}
.legacy-nav .underline {
  text-decoration: underline;
}
.legacy-nav .no-underline {
  text-decoration: none;
}
.legacy-nav .text-11 {
  font-size: 11px;
}
.legacy-nav .text-12 {
  font-size: 12px;
}
.legacy-nav .text-13 {
  font-size: 13px;
}
.legacy-nav .text-14 {
  font-size: 14px;
}
.legacy-nav .text-15 {
  font-size: 15px;
}
.legacy-nav .text-16 {
  font-size: 16px;
}
.legacy-nav .text-17 {
  font-size: 17px;
}
.legacy-nav .text-18 {
  font-size: 18px;
}
.legacy-nav .text-20 {
  font-size: 20px;
}
.legacy-nav .text-21 {
  font-size: 21px;
}
.legacy-nav .text-22 {
  font-size: 21px;
}
.legacy-nav .text-26 {
  font-size: 26px;
}
.legacy-nav .text-28 {
  font-size: 28px;
}
.legacy-nav .text-32 {
  font-size: 32px;
}
.legacy-nav .text-36 {
  font-size: 36px;
}
.legacy-nav .text-48 {
  font-size: 48px;
}
.legacy-nav .line-13 {
  line-height: 13px;
}
.legacy-nav .line-20 {
  line-height: 20px;
}
.legacy-nav .line-24 {
  line-height: 24px;
}
.legacy-nav .line-28 {
  line-height: 28px;
}
.legacy-nav .m-sm {
  margin: 4px 6px;
}
.legacy-nav .mt-4 {
  margin-top: 4px;
}
.legacy-nav .mt-6 {
  margin-top: 6px;
}
.legacy-nav .mt-8 {
  margin-top: 8px;
}
.legacy-nav .mt-10 {
  margin-top: 10px;
}
.legacy-nav .mt-20 {
  margin-top: 20px;
}
.legacy-nav .mt-24 {
  margin-top: 24px;
}
.legacy-nav .mt-30 {
  margin-top: 30px;
}
.legacy-nav .mt-40 {
  margin-top: 40px;
}
.legacy-nav .mt-60 {
  margin-top: 60px;
}
.legacy-nav .mr-2 {
  margin-right: 2px;
}
.legacy-nav .mr-4 {
  margin-right: 4px;
}
.legacy-nav .mr-6 {
  margin-right: 6px;
}
.legacy-nav .mr-8 {
  margin-right: 8px;
}
.legacy-nav .mr-10 {
  margin-right: 10px;
}
.legacy-nav .mr-20 {
  margin-right: 20px;
}
.legacy-nav .mr-30 {
  margin-right: 30px;
}
.legacy-nav .mr-40 {
  margin-right: 40px;
}
.legacy-nav .mr-60 {
  margin-right: 60px;
}
.legacy-nav .mb-3 {
  margin-bottom: 3px;
}
.legacy-nav .mb-4 {
  margin-bottom: 4px;
}
.legacy-nav .mb-6 {
  margin-bottom: 6px;
}
.legacy-nav .mb-8 {
  margin-bottom: 8px;
}
.legacy-nav .mb-10 {
  margin-bottom: 10px;
}
.legacy-nav .mb-15 {
  margin-bottom: 15px;
}
.legacy-nav .mb-20 {
  margin-bottom: 20px;
}
.legacy-nav .mb-25 {
  margin-bottom: 25px;
}
.legacy-nav .mb-30 {
  margin-bottom: 30px;
}
.legacy-nav .mb-40 {
  margin-bottom: 40px;
}
.legacy-nav .mb-60 {
  margin-bottom: 60px;
}
.legacy-nav .ml-4 {
  margin-left: 4px;
}
.legacy-nav .ml-6 {
  margin-left: 6px;
}
.legacy-nav .ml-8 {
  margin-left: 8px;
}
.legacy-nav .ml-10 {
  margin-left: 10px;
}
.legacy-nav .ml-12 {
  margin-left: 12px;
}
.legacy-nav .ml-14 {
  margin-left: 14px;
}
.legacy-nav .ml-16 {
  margin-left: 16px;
}
.legacy-nav .ml-20 {
  margin-left: 20px;
}
.legacy-nav .ml-28 {
  margin-left: 28px;
}
.legacy-nav .ml-30 {
  margin-left: 30px;
}
.legacy-nav .ml-40 {
  margin-left: 40px;
}
.legacy-nav .ml-60 {
  margin-left: 60px;
}
.legacy-nav .DrawerNav,
.legacy-nav .OrgPicker {
  display: inline-block;
  position: relative;
  width: 100%;
}
.legacy-nav .DrawerNav .avatar-wrapper,
.legacy-nav .OrgPicker .avatar-wrapper {
  transform: translateX(-10%);
}
.legacy-nav .DrawerNav .Dropdown,
.legacy-nav .OrgPicker .Dropdown {
  width: 100%;
}
.legacy-nav .DrawerNav .Dropdown .Dropdown__trigger,
.legacy-nav .OrgPicker .Dropdown .Dropdown__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 6px 15px;
  position: relative;
  font-weight: 400;
  border: none;
  margin: 0;
  background-color: transparent;
  font-size: 15px;
  line-height: 20px;
  opacity: 0.9;
  color: #adb5bd;
  text-decoration: none;
  letter-spacing: -0.25px;
}
.legacy-nav .DrawerNav .Dropdown .Dropdown__trigger:hover,
.legacy-nav .OrgPicker .Dropdown .Dropdown__trigger:hover {
  color: #f1f3f5;
  background-color: #353a3f;
}
.legacy-nav .DrawerNav .Dropdown .Dropdown__trigger.active,
.legacy-nav .OrgPicker .Dropdown .Dropdown__trigger.active {
  color: white;
  background-color: #212529;
}
.legacy-nav .DrawerNav .DrawerNav-summary span,
.legacy-nav .OrgPicker .DrawerNav-summary span {
  vertical-align: middle;
}
.legacy-nav .DrawerNav .DrawerNav-summary svg,
.legacy-nav .OrgPicker .DrawerNav-summary svg {
  vertical-align: middle;
}
.legacy-nav .DrawerNav .OrgPicker-summary,
.legacy-nav .OrgPicker .OrgPicker-summary {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.legacy-nav .DrawerNav .OrgPicker-summary span,
.legacy-nav .OrgPicker .OrgPicker-summary span {
  vertical-align: middle;
}
.legacy-nav .DrawerNav .OrgPicker-summary svg,
.legacy-nav .OrgPicker .OrgPicker-summary svg {
  vertical-align: middle;
}
.legacy-nav .OrgPicker-content,
.legacy-nav .DrawerNav-content {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #343a40;
  background-color: #4b535c;
  box-shadow: 0 2px 12px 0 rgba(33, 37, 41, 0.2), 0 2px 8px 0 rgba(33, 37, 41, 0.15);
  position: absolute;
  left: 250px;
  bottom: -50%;
  width: 250px;
  margin: 4px 6px;
  transition: 0.5s all ease;
}
.legacy-nav .OrgPicker-content hr,
.legacy-nav .DrawerNav-content hr {
  border-top: 1px solid #606973 !important;
}
.legacy-nav .OrgPicker-content .DrawerNav-anchorIcon,
.legacy-nav .DrawerNav-content .DrawerNav-anchorIcon {
  position: absolute;
  bottom: 25px;
  left: -10px;
  color: #4b535c !important;
}
.legacy-nav .Tag {
  color: #212529;
  border-radius: 12px;
  display: inline-block;
  line-height: 10px;
  padding: 3px 7px;
  margin-left: 3px;
  font-size: 10px;
  letter-spacing: 0.5px;
}
.legacy-nav .Tag--beta {
  border-radius: 3px;
  font-weight: 500;
}
.legacy-nav .Tag--beta.Tag--small {
  padding: 2px 3px 1px 4px;
  font-size: 8px;
  margin-left: 8px;
}
.legacy-nav .Tag--beta.Tag--large {
  padding: 3px 4px 2px 5px;
  font-size: 10px;
  margin-left: 8px;
}
.legacy-nav .DateRangePicker {
  display: inline-block;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.legacy-nav .DateRangePicker__Legend {
  color: #52575e;
  font-size: 14px;
  line-height: 16px;
  list-style-type: none;
  margin: 20px 0;
  padding: 0;
}
.legacy-nav .DateRangePicker__LegendItem {
  display: inline-block;
  margin: 0 20px;
}
.legacy-nav .DateRangePicker__LegendItemColor {
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  vertical-align: text-bottom;
  width: 14px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.legacy-nav .DateRangePicker__LegendItemColor--selection {
  background-color: #ed5434;
}
.legacy-nav .DateRangePicker__PaginationArrow {
  border: 0;
  cursor: pointer;
  display: block;
  height: 35px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 35px;
  z-index: 100;
}
.legacy-nav .DateRangePicker__PaginationArrow--previous {
  left: 20px;
}
.legacy-nav .DateRangePicker__PaginationArrow--next {
  right: 20px;
}
.legacy-nav .DateRangePicker__PaginationArrow:hover {
  background-color: #ccc;
}
.legacy-nav .DateRangePicker__PaginationArrowIcon {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  height: 0;
  position: absolute;
  top: 10px;
  width: 0;
}
.legacy-nav .DateRangePicker__PaginationArrowIcon--is-disabled {
  opacity: 0.25;
}
.legacy-nav .DateRangePicker__PaginationArrowIcon--previous {
  border-left: 8px solid transparent;
  border-right: 8px solid #aaa;
  right: 11px;
}
.legacy-nav .DateRangePicker__PaginationArrowIcon--next {
  border-left: 8px solid #aaa;
  border-right: 8px solid transparent;
  left: 11px;
}
.legacy-nav .DateRangePicker__Month {
  color: #333;
  display: inline-block;
  margin: 0 20px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 275px;
}
.legacy-nav .DateRangePicker__MonthHeader {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
  position: relative;
  text-align: center;
}
.legacy-nav .DateRangePicker__MonthHeaderLabel {
  display: inline-block;
  position: relative;
}
.legacy-nav .DateRangePicker__MonthHeaderSelect {
  background: #e4e4e4;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500;
}
.legacy-nav .DateRangePicker__MonthDates {
  border-bottom: 1px solid #f4f5f6;
  border-collapse: separate;
  border-spacing: 0 1px;
  margin: 0;
  width: 100%;
}
.legacy-nav .DateRangePicker__WeekdayHeading,
.legacy-nav .DateRangePicker__Date {
  font-size: 12px;
  line-height: 1;
  padding: 10px 0;
  text-align: center;
  width: 14.28571429%;
}
.legacy-nav .DateRangePicker__WeekdayHeading {
  border-bottom: 1px solid #f4f5f6;
  color: #000;
  font-weight: 500;
}
.legacy-nav .DateRangePicker__WeekdayHeading abbr[title] {
  border-bottom-width: 0;
  color: #000;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}
.legacy-nav .DateRangePicker__Date {
  border: 0 solid #f4f5f6;
  border-right-width: 1px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.legacy-nav .DateRangePicker__Date:first-child {
  border-left-width: 1px;
}
.legacy-nav .DateRangePicker__Date--weekend {
  background-color: #f6f7f9;
}
.legacy-nav .DateRangePicker__Date--otherMonth {
  opacity: 0.25;
}
.legacy-nav .DateRangePicker__Date--is-disabled {
  color: #cdcdd1;
  cursor: default;
}
.legacy-nav .DateRangePicker__Date--is-selected {
  color: #fff;
}
.legacy-nav .DateRangePicker__Date--is-highlighted {
  color: #333;
}
.legacy-nav .DateRangePicker__CalendarDatePeriod {
  bottom: 0;
  position: absolute;
  top: 0;
}
.legacy-nav .DateRangePicker__CalendarDatePeriod--am {
  left: 0;
  right: 50%;
}
.legacy-nav .DateRangePicker__CalendarDatePeriod--pm {
  left: 50%;
  right: 0;
}
.legacy-nav .DateRangePicker__CalendarSelection {
  background-color: #3b5bdb;
  border: 1px solid #274ad5;
  bottom: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 5px;
}
.legacy-nav .DateRangePicker__CalendarSelection--inOtherMonth {
  opacity: 0.5;
}
.legacy-nav .DateRangePicker__CalendarSelection--start {
  border-bottom-left-radius: 5px;
  border-right-width: 0;
  border-top-left-radius: 5px;
  left: 5px;
}
.legacy-nav .DateRangePicker__CalendarSelection--end {
  border-bottom-right-radius: 5px;
  border-left-width: 0;
  border-top-right-radius: 5px;
  right: 5px;
}
.legacy-nav .DateRangePicker__CalendarSelection--segment {
  border-left-width: 0;
  border-right-width: 0;
}
.legacy-nav .DateRangePicker__CalendarSelection--single {
  border-radius: 5px;
  left: 5px;
  right: 5px;
}
.legacy-nav .DateRangePicker__CalendarSelection--is-pending {
  background-color: rgba(59, 91, 219, 0.75);
  border-width: 0;
}
.legacy-nav .DateRangePicker__CalendarHighlight {
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.25);
  bottom: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 5px;
}
.legacy-nav .DateRangePicker__CalendarHighlight--inOtherMonth {
  opacity: 0.5;
}
.legacy-nav .DateRangePicker__CalendarHighlight--start {
  border-bottom-left-radius: 5px;
  border-right-width: 0;
  border-top-left-radius: 5px;
  left: 5px;
}
.legacy-nav .DateRangePicker__CalendarHighlight--end {
  border-bottom-right-radius: 5px;
  border-left-width: 0;
  border-top-right-radius: 5px;
  right: 5px;
}
.legacy-nav .DateRangePicker__CalendarHighlight--segment {
  border-left-width: 0;
  border-right-width: 0;
}
.legacy-nav .DateRangePicker__CalendarHighlight--single {
  background-color: #fff;
  border: 1px solid #274ad5;
  border-radius: 5px;
  left: 5px;
  right: 5px;
}
.legacy-nav .DateRangePicker__HalfDateStates {
  bottom: -50px;
  left: -50px;
  position: absolute;
  right: -50px;
  top: -50px;
  transform: rotate(30deg);
}
.legacy-nav .DateRangePicker__FullDateStates {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.legacy-nav .DateRangePicker__DateLabel {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 100;
}
.legacy-nav .Button {
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  outline: 2px solid transparent;
  height: 36px;
  padding: 0px 17px;
  margin: 5px;
  color: #868e96;
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease, text-shadow 0s;
}
.legacy-nav .Button--enabled:focus {
  outline-color: #3b5bdb;
}
.legacy-nav .Button--enabled:hover {
  background-color: #e9ecef;
}
.legacy-nav .Button--enabled:active {
  background-color: #dee2e6;
}
.legacy-nav .Button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.legacy-nav .Button--pill {
  border-radius: 18px;
}
.legacy-nav .Button--outline {
  border-color: #868e96;
}
.legacy-nav .Button--flat {
  border-width: 0;
}
.legacy-nav .Button--outline,
.legacy-nav .Button--flat {
  background-color: transparent;
}
.legacy-nav .Button--outline.Button--enabled {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.legacy-nav .Button--outline.Button--enabled:hover,
.legacy-nav .Button--flat.Button--enabled:hover {
  background-color: rgba(134, 142, 150, 0.1);
}
.legacy-nav .Button--outline.Button--enabled:active,
.legacy-nav .Button--flat.Button--enabled:active {
  background-color: rgba(134, 142, 150, 0.2);
}
.legacy-nav .Button--outline.Button--disabled {
  opacity: 0.4;
}
.legacy-nav .Button--icon-only {
  width: 36px;
  padding: 0;
}
.legacy-nav .Button__icon {
  margin-right: 4px;
}
.legacy-nav .Button--icon-only > .Button__icon {
  margin-right: 0;
}
.legacy-nav .Button--small {
  height: 25px;
  padding: 0px 10px;
  font-size: 12px;
}
.legacy-nav .Button--primary {
  color: #ffffff;
  background-color: #3b5bdb;
  border-color: #3552c5;
}
.legacy-nav .Button--primary.Button--enabled:hover {
  background-color: #2f49af;
  border-color: #294099;
}
.legacy-nav .Button--primary.Button--enabled:active {
  background-color: #294099;
  border-color: #233783;
}
.legacy-nav .Button--primary.Button--outline {
  border-color: #3b5bdb;
}
.legacy-nav .Button--primary.Button--outline,
.legacy-nav .Button--primary.Button--flat {
  background-color: transparent;
  color: #3b5bdb;
}
.legacy-nav .Button--primary.Button--enabled.Button--outline {
  box-shadow: 0 0 2px #3b5bdb;
}
.legacy-nav .Button--primary.Button--enabled.Button--outline:hover,
.legacy-nav .Button--primary.Button--enabled.Button--flat:hover,
.legacy-nav .ButtonMenu--vertical > .Button--primary.Button--enabled.ButtonMenu__button:hover {
  background-color: rgba(59, 91, 219, 0.1);
}
.legacy-nav .Button--primary.Button--enabled.Button--outline:active,
.legacy-nav .Button--primary.Button--enabled.Button--flat:active,
.legacy-nav .ButtonMenu--vertical > .Button--primary.Button--enabled.ButtonMenu__button:active {
  background-color: rgba(59, 91, 219, 0.2);
}
.legacy-nav .ButtonMenu--vertical > .Button--primary.ButtonMenu__button {
  background-color: #ebeffb;
  border-color: #dee2e6;
  color: #3b5bdb;
}
.legacy-nav .ButtonMenu--vertical > .Button--primary.Button--enabled.ButtonMenu__button:hover {
  background-color: #d8def8;
  border-color: #dee2e6;
}
.legacy-nav .ButtonMenu--vertical > .Button--primary.Button--enabled.ButtonMenu__button:active {
  background-color: #c4cef4;
  border-color: #c4cef4;
}
.legacy-nav .Button--success {
  color: #ffffff;
  background-color: #37b24d;
  border-color: #32a045;
}
.legacy-nav .Button--success.Button--enabled:hover {
  background-color: #2c8e3e;
  border-color: #277d36;
}
.legacy-nav .Button--success.Button--enabled:active {
  background-color: #277d36;
  border-color: #216b2e;
}
.legacy-nav .Button--success.Button--outline {
  border-color: #37b24d;
}
.legacy-nav .Button--success.Button--outline,
.legacy-nav .Button--success.Button--flat {
  background-color: transparent;
  color: #37b24d;
}
.legacy-nav .Button--success.Button--enabled.Button--outline {
  box-shadow: 0 0 2px #37b24d;
}
.legacy-nav .Button--success.Button--enabled.Button--outline:hover,
.legacy-nav .Button--success.Button--enabled.Button--flat:hover,
.legacy-nav .ButtonMenu--vertical > .Button--success.Button--enabled.ButtonMenu__button:hover {
  background-color: rgba(55, 178, 77, 0.1);
}
.legacy-nav .Button--success.Button--enabled.Button--outline:active,
.legacy-nav .Button--success.Button--enabled.Button--flat:active,
.legacy-nav .ButtonMenu--vertical > .Button--success.Button--enabled.ButtonMenu__button:active {
  background-color: rgba(55, 178, 77, 0.2);
}
.legacy-nav .ButtonMenu--vertical > .Button--success.ButtonMenu__button {
  background-color: #ebf7ed;
  border-color: #dee2e6;
  color: #37b24d;
}
.legacy-nav .ButtonMenu--vertical > .Button--success.Button--enabled.ButtonMenu__button:hover {
  background-color: #d7f0db;
  border-color: #dee2e6;
}
.legacy-nav .ButtonMenu--vertical > .Button--success.Button--enabled.ButtonMenu__button:active {
  background-color: #c3e8ca;
  border-color: #c3e8ca;
}
.legacy-nav .Button--caution {
  color: #ffffff;
  background-color: #f59f00;
  border-color: #dd8f00;
}
.legacy-nav .Button--caution.Button--enabled:hover {
  background-color: #c47f00;
  border-color: #ac6f00;
}
.legacy-nav .Button--caution.Button--enabled:active {
  background-color: #ac6f00;
  border-color: #935f00;
}
.legacy-nav .Button--caution.Button--outline {
  border-color: #f59f00;
}
.legacy-nav .Button--caution.Button--outline,
.legacy-nav .Button--caution.Button--flat {
  background-color: transparent;
  color: #f59f00;
}
.legacy-nav .Button--caution.Button--enabled.Button--outline {
  box-shadow: 0 0 2px #f59f00;
}
.legacy-nav .Button--caution.Button--enabled.Button--outline:hover,
.legacy-nav .Button--caution.Button--enabled.Button--flat:hover,
.legacy-nav .ButtonMenu--vertical > .Button--caution.Button--enabled.ButtonMenu__button:hover {
  background-color: rgba(245, 159, 0, 0.1);
}
.legacy-nav .Button--caution.Button--enabled.Button--outline:active,
.legacy-nav .Button--caution.Button--enabled.Button--flat:active,
.legacy-nav .ButtonMenu--vertical > .Button--caution.Button--enabled.ButtonMenu__button:active {
  background-color: rgba(245, 159, 0, 0.2);
}
.legacy-nav .ButtonMenu--vertical > .Button--caution.ButtonMenu__button {
  background-color: #fef5e6;
  border-color: #dee2e6;
  color: #f59f00;
}
.legacy-nav .ButtonMenu--vertical > .Button--caution.Button--enabled.ButtonMenu__button:hover {
  background-color: #fdeccc;
  border-color: #dee2e6;
}
.legacy-nav .ButtonMenu--vertical > .Button--caution.Button--enabled.ButtonMenu__button:active {
  background-color: #fce2b3;
  border-color: #fce2b3;
}
.legacy-nav .Button--danger {
  color: #ffffff;
  background-color: #f03e3e;
  border-color: #d83838;
}
.legacy-nav .Button--danger.Button--enabled:hover {
  background-color: #c03232;
  border-color: #a82b2b;
}
.legacy-nav .Button--danger.Button--enabled:active {
  background-color: #a82b2b;
  border-color: #902525;
}
.legacy-nav .Button--danger.Button--outline {
  border-color: #f03e3e;
}
.legacy-nav .Button--danger.Button--outline,
.legacy-nav .Button--danger.Button--flat {
  background-color: transparent;
  color: #f03e3e;
}
.legacy-nav .Button--danger.Button--enabled.Button--outline {
  box-shadow: 0 0 2px #f03e3e;
}
.legacy-nav .Button--danger.Button--enabled.Button--outline:hover,
.legacy-nav .Button--danger.Button--enabled.Button--flat:hover,
.legacy-nav .ButtonMenu--vertical > .Button--danger.Button--enabled.ButtonMenu__button:hover {
  background-color: rgba(240, 62, 62, 0.1);
}
.legacy-nav .Button--danger.Button--enabled.Button--outline:active,
.legacy-nav .Button--danger.Button--enabled.Button--flat:active,
.legacy-nav .ButtonMenu--vertical > .Button--danger.Button--enabled.ButtonMenu__button:active {
  background-color: rgba(240, 62, 62, 0.2);
}
.legacy-nav .ButtonMenu--vertical > .Button--danger.ButtonMenu__button {
  background-color: #feecec;
  border-color: #dee2e6;
  color: #f03e3e;
}
.legacy-nav .ButtonMenu--vertical > .Button--danger.Button--enabled.ButtonMenu__button:hover {
  background-color: #fcd8d8;
  border-color: #dee2e6;
}
.legacy-nav .ButtonMenu--vertical > .Button--danger.Button--enabled.ButtonMenu__button:active {
  background-color: #fbc5c5;
  border-color: #fbc5c5;
}
.legacy-nav .DateRangePicker .VerticalMenu {
  min-width: 125px;
}
.legacy-nav .DateRangePicker .DateRangePicker-pickers-container {
  min-width: 640px;
  border-left: 1px solid #dee2e6;
}
.legacy-nav .FancyCheckbox {
  display: inline-block;
  position: relative;
  line-height: 16px;
}
.legacy-nav .FancyCheckbox__input {
  opacity: 0;
  margin: 0;
}
.legacy-nav .FancyCheckbox__label {
  cursor: pointer;
}
.legacy-nav .FancyCheckbox__box {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  border-radius: 5px;
  border: 1px solid #adb5bd;
  box-shadow: inset 0 1px 3px 0 #adb5bd;
  transition: all 0.2s ease, outline 0s;
}
.legacy-nav .FancyCheckbox__box:after {
  content: '';
  width: 7px;
  height: 3px;
  border: 2px solid white;
  border-top: none;
  border-right: none;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: transparent;
  opacity: 0;
  transform: translateY(-1px) rotate(-45deg);
  transition: all 0.2s ease;
}
.legacy-nav .FancyCheckbox--checked .FancyCheckbox__box,
.legacy-nav .FancyCheckbox--indeterminate .FancyCheckbox__box {
  background: #3b5bdb;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(73, 80, 87, 0.2);
}
.legacy-nav .FancyCheckbox--checked .FancyCheckbox__box:after,
.legacy-nav .FancyCheckbox--indeterminate .FancyCheckbox__box:after {
  opacity: 1;
}
.legacy-nav .FancyCheckbox__input:focus + .FancyCheckbox__box {
  box-shadow: 0 0 2px 2px rgba(59, 91, 219, 0.5);
}
.legacy-nav .FancyCheckbox--indeterminate .FancyCheckbox__box:after {
  transform: scaleX(1.1) rotate(0deg) translateY(-1px);
  border-left: none;
}
.legacy-nav .FancyCheckbox__input:disabled + .FancyCheckbox__box {
  cursor: not-allowed;
}
.legacy-nav .FancyCheckbox--chart-legend {
  background: rgba(248, 249, 250, 0.5);
  border-radius: 2px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  box-sizing: border-box;
  opacity: 0.4;
  border: 1px solid transparent;
  transition: 0.25s all ease-in-out;
}
.legacy-nav .FancyCheckbox--chart-legend:hover {
  border: 1px solid #3b5bdb;
  cursor: pointer;
  opacity: 1;
}
.legacy-nav .FancyCheckbox--chart-legend.FancyCheckbox--checked {
  opacity: 1;
}
.legacy-nav .FancyCheckbox--chart-legend .FancyCheckbox__icon {
  margin-right: 5px;
}
.legacy-nav .FancyCheckbox--chart-legend .FancyCheckbox__input {
  display: none;
}
.legacy-nav .FancyCheckbox--chart-legend .FancyCheckbox__label {
  font-size: 14px;
  color: #495057;
}
.legacy-nav .FancyCheckbox--disabled {
  opacity: 0.5;
}
.legacy-nav .OrgReportsEdit h3 {
  line-height: 28px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.legacy-nav .ValuePicker {
  display: inline-block;
}
.legacy-nav .ValuePicker__summary {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #343a40;
  border-bottom: 2px solid #343a40;
  margin: 4px 6px;
}
.legacy-nav .ValuePicker__menu {
  max-height: 250px;
  overflow-y: auto;
}
.legacy-nav .ValuePicker__option {
  font-weight: 400;
  min-height: 35px;
}
.legacy-nav .ValuePicker__option--selected {
  text-shadow: 0.5px 0 0.05px black;
}
.legacy-nav .ValuePicker__option--radio {
  font-weight: 500;
}
.legacy-nav .ValuePicker__option--radio .Icon {
  box-shadow: 0 1px 2px rgba(73, 80, 87, 0.2);
  border-radius: 100px;
  position: relative;
}
.legacy-nav .ValuePicker__option--radio.ValuePicker__option--selected {
  text-shadow: none;
}
.legacy-nav .ValuePicker__icon {
  flex: 0 0 auto;
}
.legacy-nav .ValuePicker--raised {
  width: 100%;
}
.legacy-nav .ValuePicker--raised .ValuePicker__summary {
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  border: none;
  margin: 0;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.legacy-nav .ValuePicker--raised .ValuePicker__dropdown,
.legacy-nav .ValuePicker--raised .ValuePicker__trigger {
  width: 100%;
}
.legacy-nav .ValuePicker--raised .ValuePicker__trigger {
  margin: 0;
}
.legacy-nav .ValuePicker--dashed .ValuePicker__summary {
  border-bottom: none;
}
.legacy-nav .ValuePicker--error .ValuePicker__trigger {
  background-color: #ffe3e3;
}
.legacy-nav .ValuePicker--error .ValuePicker__summary {
  color: #fa5252;
}
.legacy-nav .trap-in-box {
  width: 1080px;
  min-height: 500px;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
}
.legacy-nav .selected {
  background-color: #ebebe8;
}
.legacy-nav .gp-form-box .gprime-raw-code {
  word-wrap: break-word;
  margin: 10px 0 0;
  font-size: 14px;
  max-width: 463px;
  width: 100%;
  background: #ebebe8;
  padding: 15px;
}
.legacy-nav .gp-form-box .gprime-raw-code .btn {
  font-size: 14px;
}
.legacy-nav .gp-form-box label {
  font-weight: 400;
  font-size: 14px;
}
.legacy-nav .gp-form-box label span {
  color: #494949;
}
.legacy-nav .gp-form-box .gp-checkbox label {
  font-size: 15px;
}
.legacy-nav .gp-form-box h2 {
  margin-bottom: 25px;
}
.legacy-nav .gp-form-box--container {
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  padding: 30px 15px;
  margin: 25px 0;
  font-size: 14px;
}
.legacy-nav .gp-form-box--container h2 {
  margin-bottom: 0;
}
.legacy-nav .gp-form-box--container.-no-border {
  border: none;
}
.legacy-nav .gp-form-box--container.-popup {
  font-size: 14px;
}
.legacy-nav .gp-form-box--container.-popup p + p {
  margin-top: 25px;
}
.legacy-nav .gp-form-box--container.-popup p span {
  color: #494949;
}
.legacy-nav .gp-form-box--container.-popup {
  background: #fff;
}
.legacy-nav .form-control.form-control--big {
  font-size: 16px;
  padding: 10px;
  height: auto;
}
.legacy-nav html > body .todo {
  background-color: pink;
}
.legacy-nav html > body .todo * {
  background-color: pink;
}
.legacy-nav html > body .todo .done {
  text-decoration: line-through;
}
.legacy-nav .navbar {
  background-color: #ebebe8;
}
.legacy-nav .v2-like .navbar {
  background-color: #343a40;
}
.legacy-nav .v2-like .navbar-nav > li > a {
  color: #adb5bd;
}
.legacy-nav .v2-like .navbar-nav > li > a:focus,
.legacy-nav .v2-like .navbar-nav > li > a:hover {
  color: #f1f3f5;
}
.legacy-nav .v1 li.dropdown.open-on-hover:hover .dropdown-menu {
  display: block;
}
.legacy-nav .v1 li.dropdown.underline-when-active {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transition: border 200ms ease-out;
}
.legacy-nav .v1 li.dropdown.underline-when-active:active,
.legacy-nav .v1 li.dropdown.underline-when-active:hover {
  border-bottom-color: #c9c9c9;
}
.legacy-nav .v1 li.dropdown.underline-when-active .dropdown-menu {
  margin-top: 4px;
}
.legacy-nav .v1 li.dropdown ul.dropdown-menu.dropdown-menu-detached {
  margin-top: 20px;
  margin-right: -33%;
  border-radius: 5px;
  border: 1px solid #c9c9c9;
}
.legacy-nav .v1 li.dropdown ul.dropdown-menu.dropdown-menu-detached:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  top: -20px;
  left: 0;
  background-color: transparent;
  z-index: -100;
}
.legacy-nav .v1 li.dropdown ul.dropdown-menu.dropdown-menu-detached:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  display: block;
  background-color: white;
  top: -9px;
  left: calc(50% - 8px);
  transform: rotate(45deg);
  border-left: 1px solid #c9c9c9;
  border-top: 1px solid #c9c9c9;
}
.legacy-nav .v1 li.dropdown ul.dropdown-menu.dropdown-menu-detached li:first-of-type {
  margin-top: 5px;
}
.legacy-nav .v1 li.dropdown ul.dropdown-menu.dropdown-menu-detached li:last-of-type {
  margin-bottom: 5px;
}
.legacy-nav .icon-menu-report {
  width: 60px;
  height: 40px;
  margin-right: 10px;
}
.legacy-nav .menu-ribbon {
  width: 38px;
  height: 16px;
  position: absolute;
  top: 15px;
  left: -10px;
}
.legacy-nav .drawer-nav {
  display: flex;
  position: relative;
  width: 100%;
  font-size: 15px;
  line-height: 20px;
  align-items: center;
  color: #e9ecef;
  text-decoration: none;
  padding: 6px 15px !important;
}
.legacy-nav .drawer-nav .avatar-wrapper {
  transform: translateX(-10%);
}
.legacy-nav .drawer-nav:hover > .drawer-nav-content {
  visibility: visible;
}
.legacy-nav .drawer-nav:hover {
  background-color: #212529;
  color: #f1f3f5;
}
.legacy-nav .drawer-nav-content {
  visibility: hidden;
  font-size: 15px;
  line-height: 18px;
  color: #343a40;
  background-color: #4b535c;
  border: 2px solid #343a40;
  position: absolute;
  left: 250px;
  bottom: -50%;
  width: 250px;
  margin: 4px 6px;
}
.legacy-nav .drawer-nav-content hr {
  border-top: 1px solid #606973 !important;
}
.legacy-nav .drawer-nav-content .drawer-nav {
  padding: 0 !important;
}
.legacy-nav .drawer-nav-content .drawer-nav-anchor-icon {
  position: absolute;
  bottom: 15px;
  left: -10px;
  color: #4b535c !important;
}
.legacy-nav .avatar {
  border-radius: 5px;
  border: 1px solid #c9c9c9;
}
.legacy-nav .avatar.avatar-64 {
  width: 64px;
  height: 64px;
}
.legacy-nav .circle {
  border-radius: 999px;
}
.legacy-nav .avatar-22 {
  border: 1px solid #c9c9c9;
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
.legacy-nav .avatar-32 {
  border: 1px solid #c9c9c9;
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.legacy-nav .avatar-36 {
  border: 1px solid #c9c9c9;
  width: 36px;
  height: 36px;
  vertical-align: middle;
}
.legacy-nav .avatar-64 {
  border: 1px solid #c9c9c9;
  width: 64px;
  height: 64px;
  vertical-align: middle;
}
.legacy-nav .site-footer {
  border-top: 1px solid #efefef;
  margin: 40px 0;
  padding-top: 40px;
  font-size: 11px;
}
.legacy-nav .bg-gray-1 {
  background-color: #303030;
}
.legacy-nav svg .bg-gray-1 {
  fill: #303030;
}
.legacy-nav .text-gray-1 {
  color: #303030;
}
.legacy-nav svg .text-gray-1 {
  fill: #303030;
}
.legacy-nav .bg-gray-2 {
  background-color: #494949;
}
.legacy-nav svg .bg-gray-2 {
  fill: #494949;
}
.legacy-nav .text-gray-2 {
  color: #494949;
}
.legacy-nav svg .text-gray-2 {
  fill: #494949;
}
.legacy-nav .bg-gray-3 {
  background-color: #6c6c6c;
}
.legacy-nav svg .bg-gray-3 {
  fill: #6c6c6c;
}
.legacy-nav .text-gray-3 {
  color: #6c6c6c;
}
.legacy-nav svg .text-gray-3 {
  fill: #6c6c6c;
}
.legacy-nav .bg-gray-4 {
  background-color: #7c7c7c;
}
.legacy-nav svg .bg-gray-4 {
  fill: #7c7c7c;
}
.legacy-nav .text-gray-4 {
  color: #7c7c7c;
}
.legacy-nav svg .text-gray-4 {
  fill: #7c7c7c;
}
.legacy-nav .bg-gray-5 {
  background-color: #a5a5a5;
}
.legacy-nav svg .bg-gray-5 {
  fill: #a5a5a5;
}
.legacy-nav .text-gray-5 {
  color: #a5a5a5;
}
.legacy-nav svg .text-gray-5 {
  fill: #a5a5a5;
}
.legacy-nav .bg-gray-6 {
  background-color: #c9c9c9;
}
.legacy-nav svg .bg-gray-6 {
  fill: #c9c9c9;
}
.legacy-nav .text-gray-6 {
  color: #c9c9c9;
}
.legacy-nav svg .text-gray-6 {
  fill: #c9c9c9;
}
.legacy-nav .bg-gray-7 {
  background-color: #efefef;
}
.legacy-nav svg .bg-gray-7 {
  fill: #efefef;
}
.legacy-nav .text-gray-7 {
  color: #efefef;
}
.legacy-nav svg .text-gray-7 {
  fill: #efefef;
}
.legacy-nav .bg-bright-1 {
  background-color: #53bdeb;
}
.legacy-nav svg .bg-bright-1 {
  fill: #53bdeb;
}
.legacy-nav .text-bright-1 {
  color: #53bdeb;
}
.legacy-nav svg .text-bright-1 {
  fill: #53bdeb;
}
.legacy-nav .bg-bright-2 {
  background-color: #34a0cf;
}
.legacy-nav svg .bg-bright-2 {
  fill: #34a0cf;
}
.legacy-nav .text-bright-2 {
  color: #34a0cf;
}
.legacy-nav svg .text-bright-2 {
  fill: #34a0cf;
}
.legacy-nav .bg-light-1 {
  background-color: #f5f5f1;
}
.legacy-nav svg .bg-light-1 {
  fill: #f5f5f1;
}
.legacy-nav .text-light-1 {
  color: #f5f5f1;
}
.legacy-nav svg .text-light-1 {
  fill: #f5f5f1;
}
.legacy-nav .bg-light-2 {
  background-color: #ebebe8;
}
.legacy-nav svg .bg-light-2 {
  fill: #ebebe8;
}
.legacy-nav .text-light-2 {
  color: #ebebe8;
}
.legacy-nav svg .text-light-2 {
  fill: #ebebe8;
}
.legacy-nav .bg-dark-1 {
  background-color: #7c7c7c;
}
.legacy-nav svg .bg-dark-1 {
  fill: #7c7c7c;
}
.legacy-nav .text-dark-1 {
  color: #7c7c7c;
}
.legacy-nav svg .text-dark-1 {
  fill: #7c7c7c;
}
.legacy-nav .bg-dark-2 {
  background-color: #6c6c6c;
}
.legacy-nav svg .bg-dark-2 {
  fill: #6c6c6c;
}
.legacy-nav .text-dark-2 {
  color: #6c6c6c;
}
.legacy-nav svg .text-dark-2 {
  fill: #6c6c6c;
}
.legacy-nav .bg-dark-3 {
  background-color: #494949;
}
.legacy-nav svg .bg-dark-3 {
  fill: #494949;
}
.legacy-nav .text-dark-3 {
  color: #494949;
}
.legacy-nav svg .text-dark-3 {
  fill: #494949;
}
.legacy-nav .bg-contrast {
  background-color: #f05a3c;
}
.legacy-nav svg .bg-contrast {
  fill: #f05a3c;
}
.legacy-nav .text-contrast {
  color: #f05a3c;
}
.legacy-nav svg .text-contrast {
  fill: #f05a3c;
}
.legacy-nav .bg-white {
  background-color: #fff;
}
.legacy-nav svg .bg-white {
  fill: #fff;
}
.legacy-nav .text-white {
  color: #fff;
}
.legacy-nav svg .text-white {
  fill: #fff;
}
.legacy-nav .bg-gray-lt {
  background-color: #8c8c8c;
}
.legacy-nav svg .bg-gray-lt {
  fill: #8c8c8c;
}
.legacy-nav .text-gray-lt {
  color: #8c8c8c;
}
.legacy-nav svg .text-gray-lt {
  fill: #8c8c8c;
}
.legacy-nav .bg-gray-reg {
  background-color: #4d4d4d;
}
.legacy-nav svg .bg-gray-reg {
  fill: #4d4d4d;
}
.legacy-nav .text-gray-reg {
  color: #4d4d4d;
}
.legacy-nav svg .text-gray-reg {
  fill: #4d4d4d;
}
.legacy-nav .bg-gray-dk {
  background-color: #2d2d2d;
}
.legacy-nav svg .bg-gray-dk {
  fill: #2d2d2d;
}
.legacy-nav .text-gray-dk {
  color: #2d2d2d;
}
.legacy-nav svg .text-gray-dk {
  fill: #2d2d2d;
}
.legacy-nav .bg-red-lt {
  background-color: #eb755e;
}
.legacy-nav svg .bg-red-lt {
  fill: #eb755e;
}
.legacy-nav .text-red-lt {
  color: #eb755e;
}
.legacy-nav svg .text-red-lt {
  fill: #eb755e;
}
.legacy-nav .bg-red-reg {
  background-color: #f05a3c;
}
.legacy-nav svg .bg-red-reg {
  fill: #f05a3c;
}
.legacy-nav .text-red-reg {
  color: #f05a3c;
}
.legacy-nav svg .text-red-reg {
  fill: #f05a3c;
}
.legacy-nav .bg-red-dk {
  background-color: #cc3f2a;
}
.legacy-nav svg .bg-red-dk {
  fill: #cc3f2a;
}
.legacy-nav .text-red-dk {
  color: #cc3f2a;
}
.legacy-nav svg .text-red-dk {
  fill: #cc3f2a;
}
.legacy-nav .bg-blue-lt {
  background-color: #68bdcc;
}
.legacy-nav svg .bg-blue-lt {
  fill: #68bdcc;
}
.legacy-nav .text-blue-lt {
  color: #68bdcc;
}
.legacy-nav svg .text-blue-lt {
  fill: #68bdcc;
}
.legacy-nav .bg-blue-reg {
  background-color: #3eb9cf;
}
.legacy-nav svg .bg-blue-reg {
  fill: #3eb9cf;
}
.legacy-nav .text-blue-reg {
  color: #3eb9cf;
}
.legacy-nav svg .text-blue-reg {
  fill: #3eb9cf;
}
.legacy-nav .bg-blue-dk {
  background-color: #2991a3;
}
.legacy-nav svg .bg-blue-dk {
  fill: #2991a3;
}
.legacy-nav .text-blue-dk {
  color: #2991a3;
}
.legacy-nav svg .text-blue-dk {
  fill: #2991a3;
}
.legacy-nav .bg-orange-lt {
  background-color: #fca43f;
}
.legacy-nav svg .bg-orange-lt {
  fill: #fca43f;
}
.legacy-nav .text-orange-lt {
  color: #fca43f;
}
.legacy-nav svg .text-orange-lt {
  fill: #fca43f;
}
.legacy-nav .bg-orange-reg {
  background-color: #fc9826;
}
.legacy-nav svg .bg-orange-reg {
  fill: #fc9826;
}
.legacy-nav .text-orange-reg {
  color: #fc9826;
}
.legacy-nav svg .text-orange-reg {
  fill: #fc9826;
}
.legacy-nav .bg-orange-dk {
  background-color: #d37b15;
}
.legacy-nav svg .bg-orange-dk {
  fill: #d37b15;
}
.legacy-nav .text-orange-dk {
  color: #d37b15;
}
.legacy-nav svg .text-orange-dk {
  fill: #d37b15;
}
.legacy-nav .bg-green-lt {
  background-color: #a4c773;
}
.legacy-nav svg .bg-green-lt {
  fill: #a4c773;
}
.legacy-nav .text-green-lt {
  color: #a4c773;
}
.legacy-nav svg .text-green-lt {
  fill: #a4c773;
}
.legacy-nav .bg-green-reg {
  background-color: #91bf50;
}
.legacy-nav svg .bg-green-reg {
  fill: #91bf50;
}
.legacy-nav .text-green-reg {
  color: #91bf50;
}
.legacy-nav svg .text-green-reg {
  fill: #91bf50;
}
.legacy-nav .bg-green-dk {
  background-color: #779f38;
}
.legacy-nav svg .bg-green-dk {
  fill: #779f38;
}
.legacy-nav .text-green-dk {
  color: #779f38;
}
.legacy-nav svg .text-green-dk {
  fill: #779f38;
}
.legacy-nav .bg-purple-lt {
  background-color: #af70ba;
}
.legacy-nav svg .bg-purple-lt {
  fill: #af70ba;
}
.legacy-nav .text-purple-lt {
  color: #af70ba;
}
.legacy-nav svg .text-purple-lt {
  fill: #af70ba;
}
.legacy-nav .bg-purple-reg {
  background-color: #a057ae;
}
.legacy-nav svg .bg-purple-reg {
  fill: #a057ae;
}
.legacy-nav .text-purple-reg {
  color: #a057ae;
}
.legacy-nav svg .text-purple-reg {
  fill: #a057ae;
}
.legacy-nav .bg-purple-dk {
  background-color: #7a248b;
}
.legacy-nav svg .bg-purple-dk {
  fill: #7a248b;
}
.legacy-nav .text-purple-dk {
  color: #7a248b;
}
.legacy-nav svg .text-purple-dk {
  fill: #7a248b;
}
.legacy-nav .bg-yellow-lt {
  background-color: #ebdc6a;
}
.legacy-nav svg .bg-yellow-lt {
  fill: #ebdc6a;
}
.legacy-nav .text-yellow-lt {
  color: #ebdc6a;
}
.legacy-nav svg .text-yellow-lt {
  fill: #ebdc6a;
}
.legacy-nav .bg-yellow-reg {
  background-color: #e1d04c;
}
.legacy-nav svg .bg-yellow-reg {
  fill: #e1d04c;
}
.legacy-nav .text-yellow-reg {
  color: #e1d04c;
}
.legacy-nav svg .text-yellow-reg {
  fill: #e1d04c;
}
.legacy-nav .bg-yellow-dk {
  background-color: #bfae41;
}
.legacy-nav svg .bg-yellow-dk {
  fill: #bfae41;
}
.legacy-nav .text-yellow-dk {
  color: #bfae41;
}
.legacy-nav svg .text-yellow-dk {
  fill: #bfae41;
}
.legacy-nav .bg-pink-lt {
  background-color: #eb6797;
}
.legacy-nav svg .bg-pink-lt {
  fill: #eb6797;
}
.legacy-nav .text-pink-lt {
  color: #eb6797;
}
.legacy-nav svg .text-pink-lt {
  fill: #eb6797;
}
.legacy-nav .bg-pink-reg {
  background-color: #e54982;
}
.legacy-nav svg .bg-pink-reg {
  fill: #e54982;
}
.legacy-nav .text-pink-reg {
  color: #e54982;
}
.legacy-nav svg .text-pink-reg {
  fill: #e54982;
}
.legacy-nav .bg-pink-dk {
  background-color: #c91757;
}
.legacy-nav svg .bg-pink-dk {
  fill: #c91757;
}
.legacy-nav .text-pink-dk {
  color: #c91757;
}
.legacy-nav svg .text-pink-dk {
  fill: #c91757;
}
.legacy-nav .bg-brown-lt {
  background-color: #a8794f;
}
.legacy-nav svg .bg-brown-lt {
  fill: #a8794f;
}
.legacy-nav .text-brown-lt {
  color: #a8794f;
}
.legacy-nav svg .text-brown-lt {
  fill: #a8794f;
}
.legacy-nav .bg-brown-reg {
  background-color: #97673d;
}
.legacy-nav svg .bg-brown-reg {
  fill: #97673d;
}
.legacy-nav .text-brown-reg {
  color: #97673d;
}
.legacy-nav svg .text-brown-reg {
  fill: #97673d;
}
.legacy-nav .bg-brown-dk {
  background-color: #7f5532;
}
.legacy-nav svg .bg-brown-dk {
  fill: #7f5532;
}
.legacy-nav .text-brown-dk {
  color: #7f5532;
}
.legacy-nav svg .text-brown-dk {
  fill: #7f5532;
}
.legacy-nav .hover-anchor .show-on-hover {
  opacity: 0;
  transition: opacity 0.1s linear;
}
.legacy-nav .hover-anchor:hover .show-on-hover {
  opacity: 1;
}
.legacy-nav html body {
  padding: 0;
  min-height: 100%;
  background-color: #f5f5f1;
  font-weight: normal;
  -webkit-font-smoothing: antialias;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  -webkit-font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.legacy-nav html body.v2-like {
  background-color: white !important;
  color: #343a40;
}
.legacy-nav html body.dark {
  background-color: #ebebe8;
}
.legacy-nav a {
  cursor: pointer;
}
.legacy-nav a:hover {
  text-decoration: underline;
}
.legacy-nav a:active {
  text-decoration: none;
  outline: 0;
}
.legacy-nav a:focus {
  text-decoration: none;
  outline: 0;
}
.legacy-nav h1,
.legacy-nav h2,
.legacy-nav h3,
.legacy-nav h4 {
  color: #6c6c6c;
}
.legacy-nav h1 {
  font-size: 24px;
  line-height: 28px;
}
.legacy-nav h2 {
  margin: 0;
  font-size: 20px;
}
.legacy-nav h3 {
  font-size: 18px;
  line-height: 20px;
}
.legacy-nav h4 {
  font-size: 16px;
  line-height: 20px;
}
.legacy-nav .bold {
  font-weight: 500;
}
.legacy-nav b,
.legacy-nav strong {
  font-weight: 500;
}
.legacy-nav dt,
.legacy-nav label {
  font-weight: 500;
}
.legacy-nav optgroup {
  font-weight: 500;
}
.legacy-nav .block {
  display: block;
}
.legacy-nav .inline {
  display: inline-block;
}
.legacy-nav .text-left {
  text-align: left;
}
.legacy-nav .text-right {
  text-align: right;
}
.legacy-nav .text-center {
  text-align: center;
}
.legacy-nav table > thead > tr > th.valign-middle {
  vertical-align: middle;
}
.legacy-nav table > tbody > tr > td.valign-middle {
  vertical-align: middle;
}
.legacy-nav .padding-sm {
  padding: 8px 16px;
}
.legacy-nav .text-thin {
  font-weight: 100;
}
.legacy-nav .text-normal {
  font-weight: normal;
}
.legacy-nav .text-bold {
  font-weight: 500;
}
.legacy-nav .text-italic {
  font-style: italic;
}
.legacy-nav .text-sm {
  font-size: 12px;
}
.legacy-nav .text-8 {
  font-size: 8px;
}
.legacy-nav .text-10 {
  font-size: 10px;
}
.legacy-nav .text-12 {
  font-size: 12px;
}
.legacy-nav .text-14 {
  font-size: 14px;
}
.legacy-nav .text-15 {
  font-size: 15px;
}
.legacy-nav .text-16 {
  font-size: 16px;
}
.legacy-nav .text-17 {
  font-size: 17px;
}
.legacy-nav .text-18 {
  font-size: 18px;
}
.legacy-nav .text-20 {
  font-size: 20px;
}
.legacy-nav .text-22 {
  font-size: 22px;
}
.legacy-nav .text-24 {
  font-size: 24px;
}
.legacy-nav .text-28 {
  font-size: 28px;
}
.legacy-nav .text-36 {
  font-size: 36px;
}
.legacy-nav .text-48 {
  font-size: 48px;
}
.legacy-nav .line-10 {
  line-height: 10px;
}
.legacy-nav .line-12 {
  line-height: 12px;
}
.legacy-nav .line-14 {
  line-height: 14px;
}
.legacy-nav .line-15 {
  line-height: 15px;
}
.legacy-nav .line-16 {
  line-height: 16px;
}
.legacy-nav .line-18 {
  line-height: 18px;
}
.legacy-nav .line-20 {
  line-height: 20px;
}
.legacy-nav .line-21 {
  line-height: 21px;
}
.legacy-nav .line-22 {
  line-height: 22px;
}
.legacy-nav .line-24 {
  line-height: 24px;
}
.legacy-nav .line-25 {
  line-height: 25px;
}
.legacy-nav .line-28 {
  line-height: 28px;
}
.legacy-nav .line-30 {
  line-height: 30px;
}
.legacy-nav .line-32 {
  line-height: 32px;
}
.legacy-nav .line-36 {
  line-height: 36px;
}
.legacy-nav .line-48 {
  line-height: 48px;
}
.legacy-nav .line-64 {
  line-height: 64px;
}
.legacy-nav .m-4 {
  margin: 4px;
}
.legacy-nav .m-8 {
  margin: 8px;
}
.legacy-nav .m-10 {
  margin: 10px;
}
.legacy-nav .mt-0 {
  margin-top: 0px;
}
.legacy-nav .mt-2 {
  margin-top: 2px;
}
.legacy-nav .mt-4 {
  margin-top: 4px;
}
.legacy-nav .mt-6 {
  margin-top: 6px;
}
.legacy-nav .mt-8 {
  margin-top: 8px;
}
.legacy-nav .mt-10 {
  margin-top: 10px;
}
.legacy-nav .mt-12 {
  margin-top: 12px;
}
.legacy-nav .mt-14 {
  margin-top: 14px;
}
.legacy-nav .mt-17 {
  margin-top: 17px;
}
.legacy-nav .mt-20 {
  margin-top: 20px;
}
.legacy-nav .mt-25 {
  margin-top: 25px;
}
.legacy-nav .mt-30 {
  margin-top: 30px;
}
.legacy-nav .mt-40 {
  margin-top: 40px;
}
.legacy-nav .mt-110 {
  margin-top: 110px;
}
.legacy-nav .mt-120 {
  margin-top: 120px;
}
.legacy-nav .mr-2 {
  margin-right: 2px;
}
.legacy-nav .mr-4 {
  margin-right: 4px;
}
.legacy-nav .mr-8 {
  margin-right: 8px;
}
.legacy-nav .mr-10 {
  margin-right: 10px;
}
.legacy-nav .mb-1 {
  margin-bottom: 1px;
}
.legacy-nav .mb-2 {
  margin-bottom: 2px;
}
.legacy-nav .mb-3 {
  margin-bottom: 3px;
}
.legacy-nav .mb-4 {
  margin-bottom: 4px;
}
.legacy-nav .mb-5 {
  margin-bottom: 5px;
}
.legacy-nav .mb-8 {
  margin-bottom: 8px;
}
.legacy-nav .mb-10 {
  margin-bottom: 10px;
}
.legacy-nav .mb-13 {
  margin-bottom: 13px;
}
.legacy-nav .mb-20 {
  margin-bottom: 20px;
}
.legacy-nav .mb-30 {
  margin-bottom: 30px;
}
.legacy-nav .ml-4 {
  margin-left: 4px;
}
.legacy-nav .ml-5 {
  margin-left: 5px;
}
.legacy-nav .ml-8 {
  margin-left: 8px;
}
.legacy-nav .ml-10 {
  margin-left: 10px;
}
.legacy-nav .ml-13 {
  margin-left: 13px;
}
.legacy-nav .ml-20 {
  margin-left: 20px;
}
.legacy-nav .ml-23 {
  margin-left: 23px;
}
.legacy-nav .ml-25 {
  margin-left: 25px;
}
.legacy-nav .ml-26 {
  margin-left: 26px;
}
.legacy-nav .ml-30 {
  margin-left: 30px;
}
.legacy-nav .ml-48 {
  margin-left: 48px;
}
.legacy-nav .mv-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.legacy-nav .mv-11 {
  margin-top: 11px;
  margin-bottom: 11px;
}
.legacy-nav .mv-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.legacy-nav .mh-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.legacy-nav .p-4 {
  padding: 4px;
}
.legacy-nav .p-6 {
  padding: 6px;
}
.legacy-nav .p-8 {
  padding: 8px;
}
.legacy-nav .p-10 {
  padding: 10px;
}
.legacy-nav .p-16 {
  padding: 16px;
}
.legacy-nav .p-20 {
  padding: 20px;
}
.legacy-nav .p-25 {
  padding: 25px;
}
.legacy-nav .p-30 {
  padding: 30px;
}
.legacy-nav .pt-2 {
  padding-top: 2px;
}
.legacy-nav .pt-4 {
  padding-top: 4px;
}
.legacy-nav .pt-6 {
  padding-top: 6px;
}
.legacy-nav .pt-8 {
  padding-top: 8px;
}
.legacy-nav .pt-10 {
  padding-top: 10px;
}
.legacy-nav .pt-12 {
  padding-top: 12px;
}
.legacy-nav .pt-20 {
  padding-top: 20px;
}
.legacy-nav .pr-10 {
  padding-right: 10px;
}
.legacy-nav .pr-15 {
  padding-right: 15px;
}
.legacy-nav .pr-20 {
  padding-right: 20px;
}
.legacy-nav .pb-4 {
  padding-bottom: 4px;
}
.legacy-nav .pb-5 {
  padding-bottom: 5px;
}
.legacy-nav .pb-8 {
  padding-bottom: 8px;
}
.legacy-nav .pb-12 {
  padding-bottom: 12px;
}
.legacy-nav .pb-20 {
  padding-bottom: 20px;
}
.legacy-nav .pl-8 {
  padding-left: 8px;
}
.legacy-nav .pl-10 {
  padding-left: 10px;
}
.legacy-nav .pl-15 {
  padding-left: 15px;
}
.legacy-nav .pl-20 {
  padding-left: 20px;
}
.legacy-nav .pl-30 {
  padding-left: 30px;
}
.legacy-nav .pl-36 {
  padding-left: 36px;
}
.legacy-nav .pl-60 {
  padding-left: 60px;
}
.legacy-nav .pl-80 {
  padding-left: 80px;
}
.legacy-nav .pv-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.legacy-nav .pv-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.legacy-nav .pv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.legacy-nav .pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.legacy-nav .pv-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.legacy-nav .ph-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.legacy-nav .ph-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.legacy-nav .ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.legacy-nav .ph-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.legacy-nav .ph-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.legacy-nav .bt-0 {
  border-top: 0 !important;
}
.legacy-nav .bt-1 {
  border-top: 1px solid #c9c9c9;
}
.legacy-nav .br-1 {
  border-right: 1px solid #c9c9c9;
}
.legacy-nav .bordered {
  border-radius: 5px;
  border: 1px solid #c9c9c9;
}
.legacy-nav .bordered-contrast {
  border-radius: 5px;
  border: 1px solid #f05a3c;
}
.legacy-nav .blur {
  filter: blur(4px);
  transition: filter 0.2s;
}
.legacy-nav .blur.unblur-on-hover:hover {
  filter: none;
}
.legacy-nav .allcaps {
  text-transform: uppercase;
}
.legacy-nav .capitalize {
  text-transform: capitalize;
}
.legacy-nav .line-through {
  text-decoration: line-through;
}
.legacy-nav .text-highlighted {
  background-color: rgba(248, 231, 28, 0.2);
}
.legacy-nav .pointer {
  cursor: pointer;
}
.legacy-nav .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.legacy-nav .text-wrap {
  white-space: normal;
  word-break: normal;
  word-wrap: break-word;
}
.legacy-nav .pre-wrap {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.legacy-nav .no-hover:hover {
  text-decoration: none;
}
.legacy-nav .relative {
  position: relative;
}
.legacy-nav .absolute {
  position: absolute;
}
.legacy-nav .affix {
  position: fixed !important;
  top: 0;
  z-index: 1300;
}
.legacy-nav .alert.alert-gp-warning {
  border: 1px solid #c9c9c9;
  color: #7c7c7c;
  font-size: 15px;
  padding: 20px 30px;
}
.legacy-nav .mono {
  font-size: 14px;
  line-height: 18px;
}
.legacy-nav pre {
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  border: 0;
  background: inherit;
  color: inherit;
}
.legacy-nav code {
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  white-space: inherit;
  background: inherit;
  color: inherit;
}
.legacy-nav ul.checklist {
  position: relative;
  list-style: none;
  padding: 0 0 0 32px;
}
.legacy-nav ul.checklist.mb-10 li {
  margin-bottom: 10px;
}
.legacy-nav ul.checklist li {
  margin-bottom: 6px;
}
.legacy-nav ul.checklist li:before {
  content: '';
  width: 16px;
  height: 16px;
  left: 8px;
  position: absolute;
  background-image: url(/static/images/icons/check-green@2x.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.legacy-nav .manage-page {
  position: relative;
}
.legacy-nav .manage-page .search-merge {
  min-height: 80px;
}
.legacy-nav .manage-page .search-merge__wrapper {
  width: 920px;
  background-color: #f5f5f1;
  top: 0;
  z-index: 800;
}
.legacy-nav .manage-page__header {
  position: relative;
  margin-top: 28px;
  margin-bottom: 16px;
}
.legacy-nav .manage-page__header h3 {
  font-size: 24px;
  line-height: 26px;
}
.legacy-nav .thebent-search {
  background: none;
  border: none;
  display: inline-block;
  font-size: 36px;
  line-height: 48px;
  width: 100%;
}
.legacy-nav .thebent-search:focus {
  outline: 0;
}
.legacy-nav .gp-entypo {
  font-size: 14px;
  line-height: 1;
}
.legacy-nav .gp-entypo[ng-click] {
  cursor: pointer;
}
.legacy-nav [class^='gp-entypo-'],
.legacy-nav [class*=' gp-entypo-'] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.legacy-nav .gp-entypo-address:before {
  content: '\e600';
}
.legacy-nav .gp-entypo-add-to-list:before {
  content: '\e601';
}
.legacy-nav .gp-entypo-add-user:before {
  content: '\e602';
}
.legacy-nav .gp-entypo-adjust:before {
  content: '\e603';
}
.legacy-nav .gp-entypo-air:before {
  content: '\e604';
}
.legacy-nav .gp-entypo-aircraft:before {
  content: '\e605';
}
.legacy-nav .gp-entypo-aircraft-landing:before {
  content: '\e606';
}
.legacy-nav .gp-entypo-aircraft-take-off:before {
  content: '\e607';
}
.legacy-nav .gp-entypo-align-bottom:before {
  content: '\e608';
}
.legacy-nav .gp-entypo-align-horizontal-middle:before {
  content: '\e609';
}
.legacy-nav .gp-entypo-align-left:before {
  content: '\e60a';
}
.legacy-nav .gp-entypo-align-right:before {
  content: '\e60b';
}
.legacy-nav .gp-entypo-align-top:before {
  content: '\e60c';
}
.legacy-nav .gp-entypo-align-vertical-middle:before {
  content: '\e60d';
}
.legacy-nav .gp-entypo-archive:before {
  content: '\e60e';
}
.legacy-nav .gp-entypo-area-graph:before {
  content: '\e60f';
}
.legacy-nav .gp-entypo-arrow-bold-down:before {
  content: '\e610';
}
.legacy-nav .gp-entypo-arrow-bold-left:before {
  content: '\e611';
}
.legacy-nav .gp-entypo-arrow-bold-right:before {
  content: '\e612';
}
.legacy-nav .gp-entypo-arrow-bold-up:before {
  content: '\e613';
}
.legacy-nav .gp-entypo-arrow-down:before {
  content: '\e614';
}
.legacy-nav .gp-entypo-arrow-left:before {
  content: '\e615';
}
.legacy-nav .gp-entypo-arrow-long-down:before {
  content: '\e616';
}
.legacy-nav .gp-entypo-arrow-long-left:before {
  content: '\e617';
}
.legacy-nav .gp-entypo-arrow-long-right:before {
  content: '\e618';
}
.legacy-nav .gp-entypo-arrow-long-up:before {
  content: '\e619';
}
.legacy-nav .gp-entypo-arrow-right:before {
  content: '\e61a';
}
.legacy-nav .gp-entypo-arrow-up:before {
  content: '\e61b';
}
.legacy-nav .gp-entypo-arrow-with-circle-down:before {
  content: '\e61c';
}
.legacy-nav .gp-entypo-arrow-with-circle-left:before {
  content: '\e61d';
}
.legacy-nav .gp-entypo-arrow-with-circle-right:before {
  content: '\e61e';
}
.legacy-nav .gp-entypo-arrow-with-circle-up:before {
  content: '\e61f';
}
.legacy-nav .gp-entypo-attachment:before {
  content: '\e620';
}
.legacy-nav .gp-entypo-awareness-ribbon:before {
  content: '\e621';
}
.legacy-nav .gp-entypo-back:before {
  content: '\e622';
}
.legacy-nav .gp-entypo-back-in-time:before {
  content: '\e623';
}
.legacy-nav .gp-entypo-bar-graph:before {
  content: '\e624';
}
.legacy-nav .gp-entypo-battery:before {
  content: '\e625';
}
.legacy-nav .gp-entypo-beamed-note:before {
  content: '\e626';
}
.legacy-nav .gp-entypo-bell:before {
  content: '\e627';
}
.legacy-nav .gp-entypo-blackboard:before {
  content: '\e628';
}
.legacy-nav .gp-entypo-block:before {
  content: '\e629';
}
.legacy-nav .gp-entypo-book:before {
  content: '\e62a';
}
.legacy-nav .gp-entypo-bookmark:before {
  content: '\e62b';
}
.legacy-nav .gp-entypo-bookmarks:before {
  content: '\e62c';
}
.legacy-nav .gp-entypo-bowl:before {
  content: '\e62d';
}
.legacy-nav .gp-entypo-box:before {
  content: '\e62e';
}
.legacy-nav .gp-entypo-briefcase:before {
  content: '\e62f';
}
.legacy-nav .gp-entypo-browser:before {
  content: '\e630';
}
.legacy-nav .gp-entypo-brush:before {
  content: '\e631';
}
.legacy-nav .gp-entypo-bucket:before {
  content: '\e632';
}
.legacy-nav .gp-entypo-bug:before {
  content: '\e633';
}
.legacy-nav .gp-entypo-cake:before {
  content: '\e634';
}
.legacy-nav .gp-entypo-calculator:before {
  content: '\e635';
}
.legacy-nav .gp-entypo-calendar:before {
  content: '\e636';
}
.legacy-nav .gp-entypo-camera:before {
  content: '\e637';
}
.legacy-nav .gp-entypo-ccw:before {
  content: '\e638';
}
.legacy-nav .gp-entypo-chat:before {
  content: '\e639';
}
.legacy-nav .gp-entypo-check:before {
  content: '\e63a';
}
.legacy-nav .gp-entypo-chevron-down:before {
  content: '\e63b';
}
.legacy-nav .gp-entypo-chevron-left:before {
  content: '\e63c';
}
.legacy-nav .gp-entypo-chevron-right:before {
  content: '\e63d';
}
.legacy-nav .gp-entypo-chevron-small-down:before {
  content: '\e63e';
}
.legacy-nav .gp-entypo-chevron-small-left:before {
  content: '\e63f';
}
.legacy-nav .gp-entypo-chevron-small-right:before {
  content: '\e640';
}
.legacy-nav .gp-entypo-chevron-small-up:before {
  content: '\e641';
}
.legacy-nav .gp-entypo-chevron-thin-down:before {
  content: '\e642';
}
.legacy-nav .gp-entypo-chevron-thin-left:before {
  content: '\e643';
}
.legacy-nav .gp-entypo-chevron-thin-right:before {
  content: '\e644';
}
.legacy-nav .gp-entypo-chevron-thin-up:before {
  content: '\e645';
}
.legacy-nav .gp-entypo-chevron-up:before {
  content: '\e646';
}
.legacy-nav .gp-entypo-chevron-with-circle-down:before {
  content: '\e647';
}
.legacy-nav .gp-entypo-chevron-with-circle-left:before {
  content: '\e648';
}
.legacy-nav .gp-entypo-chevron-with-circle-right:before {
  content: '\e649';
}
.legacy-nav .gp-entypo-chevron-with-circle-up:before {
  content: '\e64a';
}
.legacy-nav .gp-entypo-circle:before {
  content: '\e64b';
}
.legacy-nav .gp-entypo-circle-with-cross:before {
  content: '\e64c';
}
.legacy-nav .gp-entypo-circle-with-minus:before {
  content: '\e64d';
}
.legacy-nav .gp-entypo-circle-with-plus:before {
  content: '\e64e';
}
.legacy-nav .gp-entypo-circular-graph:before {
  content: '\e64f';
}
.legacy-nav .gp-entypo-clapperboard:before {
  content: '\e650';
}
.legacy-nav .gp-entypo-classic-computer:before {
  content: '\e651';
}
.legacy-nav .gp-entypo-clipboard:before {
  content: '\e652';
}
.legacy-nav .gp-entypo-clock:before {
  content: '\e653';
}
.legacy-nav .gp-entypo-cloud:before {
  content: '\e654';
}
.legacy-nav .gp-entypo-code:before {
  content: '\e655';
}
.legacy-nav .gp-entypo-cog:before {
  content: '\e656';
}
.legacy-nav .gp-entypo-colours:before {
  content: '\e657';
}
.legacy-nav .gp-entypo-compass:before {
  content: '\e658';
}
.legacy-nav .gp-entypo-controller-fast-backward:before {
  content: '\e659';
}
.legacy-nav .gp-entypo-controller-fast-forward:before {
  content: '\e65a';
}
.legacy-nav .gp-entypo-controller-jump-to-start:before {
  content: '\e65b';
}
.legacy-nav .gp-entypo-controller-next:before {
  content: '\e65c';
}
.legacy-nav .gp-entypo-controller-paus:before {
  content: '\e65d';
}
.legacy-nav .gp-entypo-controller-play:before {
  content: '\e65e';
}
.legacy-nav .gp-entypo-controller-record:before {
  content: '\e65f';
}
.legacy-nav .gp-entypo-controller-stop:before {
  content: '\e660';
}
.legacy-nav .gp-entypo-controller-volume:before {
  content: '\e661';
}
.legacy-nav .gp-entypo-copy:before {
  content: '\e662';
}
.legacy-nav .gp-entypo-creative-commons:before {
  content: '\e663';
}
.legacy-nav .gp-entypo-creative-commons-attribution:before {
  content: '\e664';
}
.legacy-nav .gp-entypo-creative-commons-noderivs:before {
  content: '\e665';
}
.legacy-nav .gp-entypo-creative-commons-noncommercial-eu:before {
  content: '\e666';
}
.legacy-nav .gp-entypo-creative-commons-noncommercial-us:before {
  content: '\e667';
}
.legacy-nav .gp-entypo-creative-commons-public-domain:before {
  content: '\e668';
}
.legacy-nav .gp-entypo-creative-commons-remix:before {
  content: '\e669';
}
.legacy-nav .gp-entypo-creative-commons-share:before {
  content: '\e66a';
}
.legacy-nav .gp-entypo-creative-commons-sharealike:before {
  content: '\e66b';
}
.legacy-nav .gp-entypo-credit:before {
  content: '\e66c';
}
.legacy-nav .gp-entypo-credit-card:before {
  content: '\e66d';
}
.legacy-nav .gp-entypo-crop:before {
  content: '\e66e';
}
.legacy-nav .gp-entypo-cross:before {
  content: '\e66f';
}
.legacy-nav .gp-entypo-cup:before {
  content: '\e670';
}
.legacy-nav .gp-entypo-cw:before {
  content: '\e671';
}
.legacy-nav .gp-entypo-cycle:before {
  content: '\e672';
}
.legacy-nav .gp-entypo-database:before {
  content: '\e673';
}
.legacy-nav .gp-entypo-dial-pad:before {
  content: '\e674';
}
.legacy-nav .gp-entypo-direction:before {
  content: '\e675';
}
.legacy-nav .gp-entypo-document:before {
  content: '\e676';
}
.legacy-nav .gp-entypo-document-landscape:before {
  content: '\e677';
}
.legacy-nav .gp-entypo-documents:before {
  content: '\e678';
}
.legacy-nav .gp-entypo-dot-single:before {
  content: '\e679';
}
.legacy-nav .gp-entypo-dots-three-horizontal:before {
  content: '\e67a';
}
.legacy-nav .gp-entypo-dots-three-vertical:before {
  content: '\e67b';
}
.legacy-nav .gp-entypo-dots-two-horizontal:before {
  content: '\e67c';
}
.legacy-nav .gp-entypo-dots-two-vertical:before {
  content: '\e67d';
}
.legacy-nav .gp-entypo-download:before {
  content: '\e67e';
}
.legacy-nav .gp-entypo-drink:before {
  content: '\e67f';
}
.legacy-nav .gp-entypo-drive:before {
  content: '\e680';
}
.legacy-nav .gp-entypo-drop:before {
  content: '\e681';
}
.legacy-nav .gp-entypo-edit:before {
  content: '\e682';
}
.legacy-nav .gp-entypo-email:before {
  content: '\e683';
}
.legacy-nav .gp-entypo-emoji-flirt:before {
  content: '\e684';
}
.legacy-nav .gp-entypo-emoji-happy:before {
  content: '\e685';
}
.legacy-nav .gp-entypo-emoji-neutral:before {
  content: '\e686';
}
.legacy-nav .gp-entypo-emoji-sad:before {
  content: '\e687';
}
.legacy-nav .gp-entypo-erase:before {
  content: '\e688';
}
.legacy-nav .gp-entypo-eraser:before {
  content: '\e689';
}
.legacy-nav .gp-entypo-export:before {
  content: '\e68a';
}
.legacy-nav .gp-entypo-eye:before {
  content: '\e68b';
}
.legacy-nav .gp-entypo-eye-with-line:before {
  content: '\e68c';
}
.legacy-nav .gp-entypo-feather:before {
  content: '\e68d';
}
.legacy-nav .gp-entypo-fingerprint:before {
  content: '\e68e';
}
.legacy-nav .gp-entypo-flag:before {
  content: '\e68f';
}
.legacy-nav .gp-entypo-flash:before {
  content: '\e690';
}
.legacy-nav .gp-entypo-flashlight:before {
  content: '\e691';
}
.legacy-nav .gp-entypo-flat-brush:before {
  content: '\e692';
}
.legacy-nav .gp-entypo-flow-branch:before {
  content: '\e693';
}
.legacy-nav .gp-entypo-flow-cascade:before {
  content: '\e694';
}
.legacy-nav .gp-entypo-flower:before {
  content: '\e695';
}
.legacy-nav .gp-entypo-flow-line:before {
  content: '\e696';
}
.legacy-nav .gp-entypo-flow-parallel:before {
  content: '\e697';
}
.legacy-nav .gp-entypo-flow-tree:before {
  content: '\e698';
}
.legacy-nav .gp-entypo-folder:before {
  content: '\e699';
}
.legacy-nav .gp-entypo-folder-images:before {
  content: '\e69a';
}
.legacy-nav .gp-entypo-folder-music:before {
  content: '\e69b';
}
.legacy-nav .gp-entypo-folder-video:before {
  content: '\e69c';
}
.legacy-nav .gp-entypo-forward:before {
  content: '\e69d';
}
.legacy-nav .gp-entypo-funnel:before {
  content: '\e69e';
}
.legacy-nav .gp-entypo-game-controller:before {
  content: '\e69f';
}
.legacy-nav .gp-entypo-gauge:before {
  content: '\e6a0';
}
.legacy-nav .gp-entypo-globe:before {
  content: '\e6a1';
}
.legacy-nav .gp-entypo-graduation-cap:before {
  content: '\e6a2';
}
.legacy-nav .gp-entypo-grid:before {
  content: '\e6a3';
}
.legacy-nav .gp-entypo-hair-cross:before {
  content: '\e6a4';
}
.legacy-nav .gp-entypo-hand:before {
  content: '\e6a5';
}
.legacy-nav .gp-entypo-heart:before {
  content: '\e6a6';
}
.legacy-nav .gp-entypo-heart-outlined:before {
  content: '\e6a7';
}
.legacy-nav .gp-entypo-help:before {
  content: '\e6a8';
}
.legacy-nav .gp-entypo-help-with-circle:before {
  content: '\e6a9';
}
.legacy-nav .gp-entypo-home:before {
  content: '\e6aa';
}
.legacy-nav .gp-entypo-hour-glass:before {
  content: '\e6ab';
}
.legacy-nav .gp-entypo-image:before {
  content: '\e6ac';
}
.legacy-nav .gp-entypo-image-inverted:before {
  content: '\e6ad';
}
.legacy-nav .gp-entypo-images:before {
  content: '\e6ae';
}
.legacy-nav .gp-entypo-inbox:before {
  content: '\e6af';
}
.legacy-nav .gp-entypo-infinity:before {
  content: '\e6b0';
}
.legacy-nav .gp-entypo-info:before {
  content: '\e6b1';
}
.legacy-nav .gp-entypo-info-with-circle:before {
  content: '\e6b2';
}
.legacy-nav .gp-entypo-install:before {
  content: '\e6b3';
}
.legacy-nav .gp-entypo-key:before {
  content: '\e6b4';
}
.legacy-nav .gp-entypo-keyboard:before {
  content: '\e6b5';
}
.legacy-nav .gp-entypo-lab-flask:before {
  content: '\e6b6';
}
.legacy-nav .gp-entypo-landline:before {
  content: '\e6b7';
}
.legacy-nav .gp-entypo-language:before {
  content: '\e6b8';
}
.legacy-nav .gp-entypo-laptop:before {
  content: '\e6b9';
}
.legacy-nav .gp-entypo-layers:before {
  content: '\e6ba';
}
.legacy-nav .gp-entypo-leaf:before {
  content: '\e6bb';
}
.legacy-nav .gp-entypo-level-down:before {
  content: '\e6bc';
}
.legacy-nav .gp-entypo-level-up:before {
  content: '\e6bd';
}
.legacy-nav .gp-entypo-lifebuoy:before {
  content: '\e6be';
}
.legacy-nav .gp-entypo-light-bulb:before {
  content: '\e6bf';
}
.legacy-nav .gp-entypo-light-down:before {
  content: '\e6c0';
}
.legacy-nav .gp-entypo-light-up:before {
  content: '\e6c1';
}
.legacy-nav .gp-entypo-line-graph:before {
  content: '\e6c2';
}
.legacy-nav .gp-entypo-link:before {
  content: '\e6c3';
}
.legacy-nav .gp-entypo-list:before {
  content: '\e6c4';
}
.legacy-nav .gp-entypo-location:before {
  content: '\e6c5';
}
.legacy-nav .gp-entypo-location-pin:before {
  content: '\e6c6';
}
.legacy-nav .gp-entypo-lock:before {
  content: '\e6c7';
}
.legacy-nav .gp-entypo-lock-open:before {
  content: '\e6c8';
}
.legacy-nav .gp-entypo-login:before {
  content: '\e6c9';
}
.legacy-nav .gp-entypo-log-out:before {
  content: '\e6ca';
}
.legacy-nav .gp-entypo-loop:before {
  content: '\e6cb';
}
.legacy-nav .gp-entypo-magnet:before {
  content: '\e6cc';
}
.legacy-nav .gp-entypo-magnifying-glass:before {
  content: '\e6cd';
}
.legacy-nav .gp-entypo-mail:before {
  content: '\e6ce';
}
.legacy-nav .gp-entypo-man:before {
  content: '\e6cf';
}
.legacy-nav .gp-entypo-map:before {
  content: '\e6d0';
}
.legacy-nav .gp-entypo-mask:before {
  content: '\e6d1';
}
.legacy-nav .gp-entypo-medal:before {
  content: '\e6d2';
}
.legacy-nav .gp-entypo-megaphone:before {
  content: '\e6d3';
}
.legacy-nav .gp-entypo-menu:before {
  content: '\e6d4';
}
.legacy-nav .gp-entypo-merge:before {
  content: '\e6d5';
}
.legacy-nav .gp-entypo-message:before {
  content: '\e6d6';
}
.legacy-nav .gp-entypo-mic:before {
  content: '\e6d7';
}
.legacy-nav .gp-entypo-minus:before {
  content: '\e6d8';
}
.legacy-nav .gp-entypo-mobile:before {
  content: '\e6d9';
}
.legacy-nav .gp-entypo-modern-mic:before {
  content: '\e6da';
}
.legacy-nav .gp-entypo-moon:before {
  content: '\e6db';
}
.legacy-nav .gp-entypo-mouse:before {
  content: '\e6dc';
}
.legacy-nav .gp-entypo-mouse-pointer:before {
  content: '\e6dd';
}
.legacy-nav .gp-entypo-music:before {
  content: '\e6de';
}
.legacy-nav .gp-entypo-network:before {
  content: '\e6df';
}
.legacy-nav .gp-entypo-new:before {
  content: '\e6e0';
}
.legacy-nav .gp-entypo-new-message:before {
  content: '\e6e1';
}
.legacy-nav .gp-entypo-news:before {
  content: '\e6e2';
}
.legacy-nav .gp-entypo-newsletter:before {
  content: '\e6e3';
}
.legacy-nav .gp-entypo-note:before {
  content: '\e6e4';
}
.legacy-nav .gp-entypo-notification:before {
  content: '\e6e5';
}
.legacy-nav .gp-entypo-notifications-off:before {
  content: '\e6e6';
}
.legacy-nav .gp-entypo-old-mobile:before {
  content: '\e6e7';
}
.legacy-nav .gp-entypo-old-phone:before {
  content: '\e6e8';
}
.legacy-nav .gp-entypo-open-book:before {
  content: '\e6e9';
}
.legacy-nav .gp-entypo-palette:before {
  content: '\e6ea';
}
.legacy-nav .gp-entypo-paper-plane:before {
  content: '\e6eb';
}
.legacy-nav .gp-entypo-pencil:before {
  content: '\e6ec';
}
.legacy-nav .gp-entypo-phone:before {
  content: '\e6ed';
}
.legacy-nav .gp-entypo-pie-chart:before {
  content: '\e6ee';
}
.legacy-nav .gp-entypo-pin:before {
  content: '\e6ef';
}
.legacy-nav .gp-entypo-plus:before {
  content: '\e6f0';
}
.legacy-nav .gp-entypo-popup:before {
  content: '\e6f1';
}
.legacy-nav .gp-entypo-power-plug:before {
  content: '\e6f2';
}
.legacy-nav .gp-entypo-price-ribbon:before {
  content: '\e6f3';
}
.legacy-nav .gp-entypo-price-tag:before {
  content: '\e6f4';
}
.legacy-nav .gp-entypo-print:before {
  content: '\e6f5';
}
.legacy-nav .gp-entypo-progress-empty:before {
  content: '\e6f6';
}
.legacy-nav .gp-entypo-progress-full:before {
  content: '\e6f7';
}
.legacy-nav .gp-entypo-progress-one:before {
  content: '\e6f8';
}
.legacy-nav .gp-entypo-progress-two:before {
  content: '\e6f9';
}
.legacy-nav .gp-entypo-publish:before {
  content: '\e6fa';
}
.legacy-nav .gp-entypo-quote:before {
  content: '\e6fb';
}
.legacy-nav .gp-entypo-radio:before {
  content: '\e6fc';
}
.legacy-nav .gp-entypo-remove-user:before {
  content: '\e6fd';
}
.legacy-nav .gp-entypo-reply:before {
  content: '\e6fe';
}
.legacy-nav .gp-entypo-reply-all:before {
  content: '\e6ff';
}
.legacy-nav .gp-entypo-resize-100:before {
  content: '\e700';
}
.legacy-nav .gp-entypo-resize-full-screen:before {
  content: '\e701';
}
.legacy-nav .gp-entypo-retweet:before {
  content: '\e702';
}
.legacy-nav .gp-entypo-rocket:before {
  content: '\e703';
}
.legacy-nav .gp-entypo-round-brush:before {
  content: '\e704';
}
.legacy-nav .gp-entypo-rss:before {
  content: '\e705';
}
.legacy-nav .gp-entypo-ruler:before {
  content: '\e706';
}
.legacy-nav .gp-entypo-save:before {
  content: '\e707';
}
.legacy-nav .gp-entypo-scissors:before {
  content: '\e708';
}
.legacy-nav .gp-entypo-select-arrows:before {
  content: '\e709';
}
.legacy-nav .gp-entypo-share:before {
  content: '\e70a';
}
.legacy-nav .gp-entypo-shareable:before {
  content: '\e70b';
}
.legacy-nav .gp-entypo-share-alternative:before {
  content: '\e70c';
}
.legacy-nav .gp-entypo-shield:before {
  content: '\e70d';
}
.legacy-nav .gp-entypo-shop:before {
  content: '\e70e';
}
.legacy-nav .gp-entypo-shopping-bag:before {
  content: '\e70f';
}
.legacy-nav .gp-entypo-shopping-basket:before {
  content: '\e710';
}
.legacy-nav .gp-entypo-shopping-cart:before {
  content: '\e711';
}
.legacy-nav .gp-entypo-shuffle:before {
  content: '\e712';
}
.legacy-nav .gp-entypo-signal:before {
  content: '\e713';
}
.legacy-nav .gp-entypo-sound:before {
  content: '\e714';
}
.legacy-nav .gp-entypo-sound-mix:before {
  content: '\e715';
}
.legacy-nav .gp-entypo-sound-mute:before {
  content: '\e716';
}
.legacy-nav .gp-entypo-sports-club:before {
  content: '\e717';
}
.legacy-nav .gp-entypo-spreadsheet:before {
  content: '\e718';
}
.legacy-nav .gp-entypo-squared-cross:before {
  content: '\e719';
}
.legacy-nav .gp-entypo-squared-minus:before {
  content: '\e71a';
}
.legacy-nav .gp-entypo-squared-plus:before {
  content: '\e71b';
}
.legacy-nav .gp-entypo-star:before {
  content: '\e71c';
}
.legacy-nav .gp-entypo-star-outlined:before {
  content: '\e71d';
}
.legacy-nav .gp-entypo-stopwatch:before {
  content: '\e71e';
}
.legacy-nav .gp-entypo-suitcase:before {
  content: '\e71f';
}
.legacy-nav .gp-entypo-swap:before {
  content: '\e720';
}
.legacy-nav .gp-entypo-sweden:before {
  content: '\e721';
}
.legacy-nav .gp-entypo-switch:before {
  content: '\e722';
}
.legacy-nav .gp-entypo-tablet:before {
  content: '\e723';
}
.legacy-nav .gp-entypo-tablet-mobile-combo:before {
  content: '\e724';
}
.legacy-nav .gp-entypo-tag:before {
  content: '\e725';
}
.legacy-nav .gp-entypo-text:before {
  content: '\e726';
}
.legacy-nav .gp-entypo-text-document:before {
  content: '\e727';
}
.legacy-nav .gp-entypo-text-document-inverted:before {
  content: '\e728';
}
.legacy-nav .gp-entypo-thermometer:before {
  content: '\e729';
}
.legacy-nav .gp-entypo-thumbs-down:before {
  content: '\e72a';
}
.legacy-nav .gp-entypo-thumbs-up:before {
  content: '\e72b';
}
.legacy-nav .gp-entypo-thunder-cloud:before {
  content: '\e72c';
}
.legacy-nav .gp-entypo-ticket:before {
  content: '\e72d';
}
.legacy-nav .gp-entypo-time-slot:before {
  content: '\e72e';
}
.legacy-nav .gp-entypo-tools:before {
  content: '\e72f';
}
.legacy-nav .gp-entypo-traffic-cone:before {
  content: '\e730';
}
.legacy-nav .gp-entypo-trash:before {
  content: '\e731';
}
.legacy-nav .gp-entypo-tree:before {
  content: '\e732';
}
.legacy-nav .gp-entypo-triangle-down:before {
  content: '\e733';
}
.legacy-nav .gp-entypo-triangle-left:before {
  content: '\e734';
}
.legacy-nav .gp-entypo-triangle-right:before {
  content: '\e735';
}
.legacy-nav .gp-entypo-triangle-up:before {
  content: '\e736';
}
.legacy-nav .gp-entypo-trophy:before {
  content: '\e737';
}
.legacy-nav .gp-entypo-tv:before {
  content: '\e738';
}
.legacy-nav .gp-entypo-typing:before {
  content: '\e739';
}
.legacy-nav .gp-entypo-uninstall:before {
  content: '\e73a';
}
.legacy-nav .gp-entypo-unread:before {
  content: '\e73b';
}
.legacy-nav .gp-entypo-untag:before {
  content: '\e73c';
}
.legacy-nav .gp-entypo-upload:before {
  content: '\e73d';
}
.legacy-nav .gp-entypo-upload-to-cloud:before {
  content: '\e73e';
}
.legacy-nav .gp-entypo-user:before {
  content: '\e73f';
}
.legacy-nav .gp-entypo-users:before {
  content: '\e740';
}
.legacy-nav .gp-entypo-v-card:before {
  content: '\e741';
}
.legacy-nav .gp-entypo-video:before {
  content: '\e742';
}
.legacy-nav .gp-entypo-video-camera:before {
  content: '\e743';
}
.legacy-nav .gp-entypo-vinyl:before {
  content: '\e744';
}
.legacy-nav .gp-entypo-voicemail:before {
  content: '\e745';
}
.legacy-nav .gp-entypo-wallet:before {
  content: '\e746';
}
.legacy-nav .gp-entypo-warning:before {
  content: '\e747';
}
.legacy-nav .gp-entypo-water:before {
  content: '\e748';
}
.legacy-nav .icon {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
}
.legacy-nav .icon-12 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 12px;
  height: 12px;
}
.legacy-nav .icon-16 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
}
.legacy-nav .icon-18 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 18px;
  height: 18px;
}
.legacy-nav .icon-24 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 24px;
  height: 24px;
}
.legacy-nav .icon-32 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 32px;
  height: 32px;
}
.legacy-nav .icon-48 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 48px;
  height: 48px;
}
.legacy-nav .icon-64 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 64px;
  height: 64px;
}
.legacy-nav .icon-marker {
  background-image: url(/static/images/charts/marker@2x.png);
}
.legacy-nav .icon-action-comment {
  background-image: url(/static/images/icons/action-comment@2x.png);
}
.legacy-nav .icon-action-commit {
  background-image: url(/static/images/icons/action-commit@2x.png);
}
.legacy-nav .icon-action-commit-merge {
  background-image: url(/static/images/icons/action-commit-merge@2x.png);
}
.legacy-nav .icon-action-pr {
  background-image: url(/static/images/icons/action-pr@2x.png);
}
.legacy-nav .icon-action-ticket {
  background-image: url(/static/images/icons/action-ticket@2x.png);
}
.legacy-nav .icon-actor-bluegray {
  background-image: url(/static/images/icons/actor-bluegray@2x.png);
}
.legacy-nav .icon-actors-bluegray {
  background-image: url(/static/images/icons/actors-bluegray@2x.png);
}
.legacy-nav .icon-arrow-down-gray {
  background-image: url(/static/images/icons/arrow-down-gray@2x.png);
}
.legacy-nav .icon-arrow-right-gray {
  background-image: url(/static/images/icons/arrow-right-gray@2x.png);
}
.legacy-nav .icon-bitbucket-gray {
  background-image: url(/static/images/icons/bitbucket-gray@2x.png);
}
.legacy-nav .icon-bitbucket-blue {
  background-image: url(/static/images/icons/bitbucket-blue@2x.png);
}
.legacy-nav .icon-bitbucket-white {
  background-image: url(/static/images/icons/bitbucket-white@2x.png);
}
.legacy-nav .icon-check-green {
  background-image: url(/static/images/icons/check-green@2x.png);
}
.legacy-nav .icon-check-white {
  background-image: url(/static/images/icons/check-white@2x.png);
}
.legacy-nav .icon-close {
  background-image: url(/static/images/icons/close@2x.png);
}
.legacy-nav .icon-comment-bluegray {
  background-image: url(/static/images/icons/comment-bluegray@2x.png);
}
.legacy-nav .icon-commit-bluegray {
  background-image: url(/static/images/icons/commit-bluegray@2x.png);
}
.legacy-nav .icon-cross-in-circle-blue {
  background-image: url(/static/images/icons/cross-in-circle-blue@2x.png);
}
.legacy-nav .icon-github-enterprise-gray {
  background-image: url(/static/images/icons/github-enterprise-gray@2x.png);
}
.legacy-nav .icon-github-enterprise-white {
  background-image: url(/static/images/icons/github-enterprise-white@2x.png);
}
.legacy-nav .icon-github-gray {
  background-image: url(/static/images/icons/github-gray@2x.png);
}
.legacy-nav .icon-github-white {
  background-image: url(/static/images/icons/github-white@2x.png);
}
.legacy-nav .icon-github-black {
  background-image: url(/static/images/icons/github-black@2x.png);
}
.legacy-nav .icon-jira-gray {
  background-image: url(/static/images/icons/jira-gray@2x.png);
}
.legacy-nav .icon-jira-white {
  background-image: url(/static/images/icons/jira-white@2x.png);
}
.legacy-nav .icon-gitlab-enterprise-gray {
  background-image: url(/static/images/icons/gitlab-enterprise-gray@2x.png);
}
.legacy-nav .icon-gitlab-enterprise-white {
  background-image: url(/static/images/icons/gitlab-enterprise-white@2x.png);
}
.legacy-nav .icon-gitlab-gray {
  background-image: url(/static/images/icons/gitlab-gray@2x.png);
}
.legacy-nav .icon-gitlab-white {
  background-image: url(/static/images/icons/gitlab-white@2x.png);
}
.legacy-nav .icon-gitprime-gray {
  background-image: url(/static/images/icons/gitprime-gray@2x.png);
}
.legacy-nav .icon-info-gray {
  background-image: url(/static/images/icons/info-gray@2x.png);
}
.legacy-nav .icon-move-arrow-gray {
  background-image: url(/static/images/icons/move-arrow-gray@2x.png);
}
.legacy-nav .icon-pull-request {
  background-image: url(/static/images/icons/pull-request@2x.png);
}
.legacy-nav .icon-pull-request-bluegray {
  background-image: url(/static/images/icons/pull-request-bluegray@2x.png);
}
.legacy-nav .icon-repo-bluegray {
  background-image: url(/static/images/icons/repo-bluegray@2x.png);
}
.legacy-nav .icon-repo-gray {
  background-image: url(/static/images/icons/repo-gray@2x.png);
}
.legacy-nav .icon-stash-gray {
  background-image: url(/static/images/icons/stash-gray@2x.png);
}
.legacy-nav .icon-stash-white {
  background-image: url(/static/images/icons/stash-white@2x.png);
}
.legacy-nav .icon-state-blocked {
  background-image: url(/static/images/icons/state-blocked@2x.png);
}
.legacy-nav .icon-state-done {
  background-image: url(/static/images/icons/state-done@2x.png);
}
.legacy-nav .icon-state-processing {
  background-image: url(/static/images/icons/state-processing@2x.png);
}
.legacy-nav .icon-state-waiting {
  background-image: url(/static/images/icons/state-waiting@2x.png);
}
.legacy-nav .icon-triangle-bullet-down {
  background-image: url(/static/images/icons/triangle-bullet-down@2x.png);
}
.legacy-nav .icon-triangle-bullet-right {
  background-image: url(/static/images/icons/triangle-bullet-right@2x.png);
}
.legacy-nav .spin {
  animation: spin 2.5s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(-360deg);
  }
}
.legacy-nav .trial-bar div.alert {
  padding: 0;
  margin: 0;
  text-align: center;
  border: 0;
  border-radius: 0;
}
.legacy-nav .trial-bar div.alert.alert-gp-warning {
  height: 55px;
  line-height: 55px;
  color: #444444;
  background-color: #fff3bf;
}
.legacy-nav .trial-bar div.alert.alert-gp-warning strong {
  font-weight: 500;
}
.legacy-nav .trial-bar div.alert.alert-danger {
  height: 100px;
  line-height: 100px;
  color: #cc3f2a;
  background-color: #f5baae;
}
.legacy-nav .trial-bar div.alert > span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  margin-top: -4px;
}
.legacy-nav .trial-bar div.alert a {
  color: inherit !important;
  text-decoration: underline;
}
.legacy-nav .messages-list div.alert {
  margin-top: 28px;
}
.legacy-nav .chart {
  /* Report specific styling */
}
.legacy-nav .chart svg {
  -webkit-user-select: none;
  user-select: none;
}
.legacy-nav .chart.chart--wide {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -20px;
}
.legacy-nav .chart text {
  font-size: 12px;
  font-weight: 400;
}
.legacy-nav .chart text.text-18 {
  font-size: 18px;
  font-weight: 400;
}
.legacy-nav .chart .layer-axis-x line,
.legacy-nav .chart .layer-axis-y line {
  stroke: #a5a5a5;
}
.legacy-nav .chart .layer-axis-x path,
.legacy-nav .chart .layer-axis-y path {
  fill: #7c7c7c;
}
.legacy-nav .chart .layer-axis-x text,
.legacy-nav .chart .layer-axis-y text {
  font-size: 10px;
}
.legacy-nav .chart .layer-debug-fg text {
  font-size: 11px;
  fill: orange;
}
.legacy-nav .chart .layer-debug-fg text.text-red {
  fill: red;
}
.legacy-nav .chart .volume-bars:hover {
  fill: #c9c9c9;
}
.legacy-nav .chart .info-tip text.primary {
  font-weight: 500;
}
.legacy-nav .chart circle.commit.match {
  stroke: #494949;
  stroke-width: 1px;
}
.legacy-nav .chart circle.commit.nomatch {
  opacity: 0.2;
}
.legacy-nav .chart circle.commit:hover {
  stroke: #494949;
  stroke-width: 2px;
  fill-opacity: 0.9;
}
.legacy-nav .chart .data-point.highlighted {
  fill: #f05a3c;
  fill-opacity: 1;
  stroke: #eb755e;
  stroke-opacity: 0.2;
  stroke-width: 12px;
}
.legacy-nav .chart .data-point.highlighted:hover {
  fill: #cc3f2a;
}
.legacy-nav .chart .data-point:hover {
  fill: #6c6c6c;
}
.legacy-nav .chart-tooltip {
  display: block;
  min-width: 200px;
  z-index: 1500;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #c9c9c9;
  box-shadow: 0px -2px 10px 0px rgba(40, 40, 40, 0.2);
  border-radius: 3px;
  padding: 15px 27px 15px 15px;
  pointer-events: none;
  /* Creates a small triangle extender for the tooltip */
  /* Northward tooltips */
  /* Eastward tooltips */
  /* Southward tooltips */
  /* Westward tooltips */
}
.legacy-nav .chart-tooltip.dark {
  color: #efefef;
  background: rgba(48, 48, 48, 0.9);
  border-radius: 6px;
}
.legacy-nav .chart-tooltip.small {
  min-width: 30px !important;
  padding: 10px;
}
.legacy-nav .chart-tooltip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 16px;
  width: 100%;
  line-height: 1;
  color: #fff;
  position: absolute;
  pointer-events: none;
  /* Fake the outline using a clever text shadow */
  text-shadow: -0.4px 2px #c9c9c9, 0.4px 2px #c9c9c9;
}
.legacy-nav .chart-tooltip.dark:after {
  color: #494949;
  text-shadow: 0.3px 2px 3.1px rgba(165, 165, 165, 0.75);
}
.legacy-nav .chart-tooltip.n:after {
  content: '\25BC';
  margin: -1px 0 0 0;
  top: 100%;
  top: calc(100% - 2px);
  left: 0;
  text-align: center;
}
.legacy-nav .chart-tooltip.e:after {
  content: '\25C0';
  margin: -4px 0 0 0;
  top: 50%;
  left: -12px;
  text-shadow: -2px -0.4px #c9c9c9, -2px -0.4px #c9c9c9;
}
.legacy-nav .chart-tooltip.s:after {
  content: '\25B2';
  margin: 0 0 1px 0;
  top: -12px;
  left: 0;
  text-align: center;
  text-shadow: 0.4px -2px #c9c9c9, -0.4px -2px #c9c9c9;
}
.legacy-nav .chart-tooltip.w:after {
  content: '\25B6';
  margin: -4px 0 0 -1px;
  top: 50%;
  left: 100%;
  left: calc(100% - 2px);
  text-shadow: -2px -0.4px #c9c9c9, -2px -0.4px #c9c9c9;
}
.legacy-nav .eq-bar {
  display: inline-block;
  width: 22px;
  height: 5px;
  margin: 0 1px;
}
.legacy-nav .sm-eq-bar {
  display: inline-block;
  width: 15px;
  height: 5px;
  margin: 0 1px;
}
.legacy-nav .panel {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 20px 30px;
}
.legacy-nav .panel.no-padding {
  padding: 0 !important;
}
.legacy-nav .panel .panel-body.no-padding {
  padding: 0 !important;
}
.legacy-nav .panel.panel-no-border-top {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.legacy-nav .report {
  width: 1000px;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  /* Panels {{{ */
  /* }}} */
}
.legacy-nav .report__header {
  position: relative;
  margin-top: 28px;
  margin-bottom: 16px;
}
.legacy-nav .report__header h3 {
  font-size: 24px;
  line-height: 26px;
}
.legacy-nav .report__sidebar {
  width: 150px;
  position: absolute;
  top: 100%;
  left: 100%;
  margin: 0 0 0 20px;
}
.legacy-nav .report__panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 20px 30px;
}
.legacy-nav .report__panel > .list-group,
.legacy-nav .report__panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.legacy-nav .report__panel > .list-group .list-group-item,
.legacy-nav .report__panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.legacy-nav .report__panel > .list-group:first-child .list-group-item:first-child,
.legacy-nav .report__panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.legacy-nav .report__panel > .list-group:last-child .list-group-item:last-child,
.legacy-nav .report__panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.legacy-nav .report__panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.legacy-nav .report__panel > .table,
.legacy-nav .report__panel > .table-responsive > .table,
.legacy-nav .report__panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.legacy-nav .report__panel > .table caption,
.legacy-nav .report__panel > .table-responsive > .table caption,
.legacy-nav .report__panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.legacy-nav .report__panel > .table:first-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.legacy-nav .report__panel > .table:first-child > thead:first-child > tr:first-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.legacy-nav .report__panel > .table:first-child > tbody:first-child > tr:first-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.legacy-nav .report__panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.legacy-nav .report__panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.legacy-nav .report__panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.legacy-nav .report__panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.legacy-nav .report__panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.legacy-nav .report__panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.legacy-nav .report__panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.legacy-nav .report__panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.legacy-nav .report__panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.legacy-nav .report__panel > .table:last-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.legacy-nav .report__panel > .table:last-child > tbody:last-child > tr:last-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.legacy-nav .report__panel > .table:last-child > tfoot:last-child > tr:last-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.legacy-nav .report__panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.legacy-nav .report__panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.legacy-nav .report__panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.legacy-nav .report__panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.legacy-nav .report__panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.legacy-nav .report__panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.legacy-nav .report__panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.legacy-nav .report__panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.legacy-nav .report__panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.legacy-nav .report__panel > .panel-body + .table,
.legacy-nav .report__panel > .panel-body + .table-responsive,
.legacy-nav .report__panel > .table + .panel-body,
.legacy-nav .report__panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.legacy-nav .report__panel > .table > tbody:first-child > tr:first-child th,
.legacy-nav .report__panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.legacy-nav .report__panel > .table-bordered,
.legacy-nav .report__panel > .table-responsive > .table-bordered {
  border: 0;
}
.legacy-nav .report__panel > .table-bordered > thead > tr > th:first-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.legacy-nav .report__panel > .table-bordered > tbody > tr > th:first-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.legacy-nav .report__panel > .table-bordered > tfoot > tr > th:first-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.legacy-nav .report__panel > .table-bordered > thead > tr > td:first-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.legacy-nav .report__panel > .table-bordered > tbody > tr > td:first-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.legacy-nav .report__panel > .table-bordered > tfoot > tr > td:first-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.legacy-nav .report__panel > .table-bordered > thead > tr > th:last-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.legacy-nav .report__panel > .table-bordered > tbody > tr > th:last-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.legacy-nav .report__panel > .table-bordered > tfoot > tr > th:last-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.legacy-nav .report__panel > .table-bordered > thead > tr > td:last-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.legacy-nav .report__panel > .table-bordered > tbody > tr > td:last-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.legacy-nav .report__panel > .table-bordered > tfoot > tr > td:last-child,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.legacy-nav .report__panel > .table-bordered > thead > tr:first-child > td,
.legacy-nav .report__panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.legacy-nav .report__panel > .table-bordered > tbody > tr:first-child > td,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.legacy-nav .report__panel > .table-bordered > thead > tr:first-child > th,
.legacy-nav .report__panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.legacy-nav .report__panel > .table-bordered > tbody > tr:first-child > th,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.legacy-nav .report__panel > .table-bordered > tbody > tr:last-child > td,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.legacy-nav .report__panel > .table-bordered > tfoot > tr:last-child > td,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.legacy-nav .report__panel > .table-bordered > tbody > tr:last-child > th,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.legacy-nav .report__panel > .table-bordered > tfoot > tr:last-child > th,
.legacy-nav .report__panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.legacy-nav .report__panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.legacy-nav .report__panel.no-padding {
  padding: 0 !important;
}
.legacy-nav .report__panel .panel-body.no-padding {
  padding: 0 !important;
}
.legacy-nav .report__panel.panel-no-border-top {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.legacy-nav .report__legend {
  margin-bottom: 24px;
}
.legacy-nav .report__legend .selector-label {
  font-size: 16px;
  color: #6c6c6c;
  line-height: 20px;
}
.legacy-nav .report__legend .selector-value {
  margin-right: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #6c6c6c;
  line-height: 20px;
}
.legacy-nav .report__filter-bar {
  padding: 12px 16px;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  font-size: 1.2em;
  margin-bottom: 24px;
}
.legacy-nav .report__filter-bar .selector-label {
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 18px;
  color: #6c6c6c;
}
.legacy-nav .report__filter-bar .selector-value {
  display: inline-block;
  min-width: 70px;
  font-size: 16px;
  line-height: 20px;
  color: #6c6c6c;
}
.legacy-nav .selector {
  display: inline-block;
  position: relative;
}
.legacy-nav .selector li.menu-footer > a {
  cursor: pointer;
  background-color: white;
  color: #34a0cf;
}
.legacy-nav .selector li.menu-footer > a:hover,
.legacy-nav .selector li.menu-footer > a:focus {
  background-color: white;
  color: #53bdeb;
}
.legacy-nav table.borderless > tbody td,
.legacy-nav table.borderless > tbody th {
  border: none;
}
.legacy-nav table.padding-xs > tbody td,
.legacy-nav table.padding-xs > tbody th {
  padding: 2px;
}
.legacy-nav .btn {
  padding: 6px 20px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  box-shadow: none !important;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 2px;
}
.legacy-nav .btn.btn-xs {
  padding: 1px 5px;
}
.legacy-nav .btn.btn-sm {
  padding: 5px 10px;
}
.legacy-nav .btn.btn-md {
  padding: 6px 20px;
}
.legacy-nav .btn.btn-lg {
  padding: 6px 24px;
}
.legacy-nav .btn:active,
.legacy-nav .btn:focus,
.legacy-nav .btn:active:focus {
  outline: none;
}
.legacy-nav .btn:active:hover {
  border-top-width: 2px;
  border-bottom-width: 0;
}
.legacy-nav .btn.btn-default {
  background-color: #f5f5f1;
  border: 1px solid #ebebe8;
  border-bottom-color: #bcbcb1;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-width: 1px;
  border-bottom-width: 2px;
}
.legacy-nav .btn.btn-default:active {
  color: #666666;
}
.legacy-nav .btn.btn-default:active:hover {
  border-top-width: 3px;
  border-bottom-width: 0;
}
.legacy-nav .btn.btn-white {
  background-color: white;
}
.legacy-nav .btn.btn-dark {
  color: #f5f5f1;
  background-color: #a5a5a5;
  border-bottom-color: #727272;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-width: 1px;
  border-bottom-width: 2px;
}
.legacy-nav .btn.btn-dark:active:hover {
  border-top-width: 3px;
  border-bottom-width: 0;
}
.legacy-nav .btn.btn-lg {
  font-size: 18px;
  line-height: 32px;
}
.legacy-nav .badge {
  background-color: #e1e8f0;
  color: #444d59;
  letter-spacing: 0.5px;
}
.legacy-nav {
  font-family: var(--flow-type-font-family);
}
.legacy-nav body.v2-like.sign-in {
  background: var(--flow-colors-black);
}
.legacy-nav .logo {
  display: block;
  margin-bottom: 55px;
  text-align: center;
}
.legacy-nav .logo-container {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 164px;
  height: 33px;
}
.legacy-nav #main-area {
  background-color: black;
  overflow: hidden;
  height: 100%;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content,
.legacy-nav body.v2-like.sign-in .native-sign-in-content,
.legacy-nav body.v2-like.sign-in .sign-in-content,
.legacy-nav body.v2-like.sign-in .password-reset-request-content,
.thanks-content,
.forced-password-reset-content,
.legacy-nav body.v2-like.sign-in .org-setup-content {
  margin-top: 0;
  width: 100%;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content a,
.legacy-nav body.v2-like.sign-in .native-sign-in-content a,
.legacy-nav body.v2-like.sign-in .sign-in-content a,
.legacy-nav body.v2-like.sign-in .password-reset-request-content a,
.thanks-content a,
.forced-password-reset-content a,
.legacy-nav body.v2-like.sign-in .org-setup-content a,
.legacy-nav body.v2-like.sign-in .pick-username-password-content i,
.legacy-nav body.v2-like.sign-in .native-sign-in-content i,
.legacy-nav body.v2-like.sign-in .sign-in-content i,
.legacy-nav body.v2-like.sign-in .password-reset-request-content i,
.thanks-content i,
.forced-password-reset-content i,
.legacy-nav body.v2-like.sign-in .org-setup-content i,
.legacy-nav body.v2-like.sign-in .pick-username-password-content label,
.legacy-nav body.v2-like.sign-in .native-sign-in-content label,
.legacy-nav body.v2-like.sign-in .sign-in-content label,
.legacy-nav body.v2-like.sign-in .password-reset-request-content label,
.thanks-content label,
.forced-password-reset-content label,
.legacy-nav body.v2-like.sign-in .org-setup-content label,
.legacy-nav body.v2-like.sign-in .pick-username-password-content h1,
.legacy-nav body.v2-like.sign-in .native-sign-in-content h1,
.legacy-nav body.v2-like.sign-in .sign-in-content h1,
.legacy-nav body.v2-like.sign-in .password-reset-request-content h1,
.thanks-content h1,
.forced-password-reset-content h1,
.legacy-nav body.v2-like.sign-in .org-setup-content h1,
.legacy-nav body.v2-like.sign-in .pick-username-password-content footer,
.legacy-nav body.v2-like.sign-in .native-sign-in-content footer,
.legacy-nav body.v2-like.sign-in .sign-in-content footer,
.legacy-nav body.v2-like.sign-in .password-reset-request-content footer,
.thanks-content footer,
.forced-password-reset-content footer,
.legacy-nav body.v2-like.sign-in .org-setup-content footer,
.legacy-nav body.v2-like.sign-in .pick-username-password-content p,
.legacy-nav body.v2-like.sign-in .native-sign-in-content p,
.legacy-nav body.v2-like.sign-in .sign-in-content p,
.legacy-nav body.v2-like.sign-in .password-reset-request-content p,
.thanks-content p,
.forced-password-reset-content p,
.legacy-nav body.v2-like.sign-in .org-setup-content p {
  opacity: 1;
  color: rgba(255, 255, 255, 0.95);
  position: relative;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content .psds-alert-container,
.legacy-nav body.v2-like.sign-in .native-sign-in-content .psds-alert-container,
.legacy-nav body.v2-like.sign-in .sign-in-content .psds-alert-container,
.legacy-nav body.v2-like.sign-in .password-reset-request-content .psds-alert-container,
.thanks-content .psds-alert-container,
.forced-password-reset-content .psds-alert-container,
.legacy-nav body.v2-like.sign-in .org-setup-content .psds-alert-container {
  background: var(--flow-colors-red-6);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content .psds-alert-container div,
.legacy-nav body.v2-like.sign-in .native-sign-in-content .psds-alert-container div,
.legacy-nav body.v2-like.sign-in .sign-in-content .psds-alert-container div,
.legacy-nav body.v2-like.sign-in .password-reset-request-content .psds-alert-container div,
.thanks-content .psds-alert-container div,
.forced-password-reset-content .psds-alert-container div,
.legacy-nav body.v2-like.sign-in .org-setup-content .psds-alert-container div {
  color: var(--flow-colors-white) !important;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content p.sign-in-with-email,
.legacy-nav body.v2-like.sign-in .native-sign-in-content p.sign-in-with-email,
.legacy-nav body.v2-like.sign-in .sign-in-content p.sign-in-with-email,
.legacy-nav body.v2-like.sign-in .password-reset-request-content p.sign-in-with-email,
.thanks-content p.sign-in-with-email,
.forced-password-reset-content p.sign-in-with-email,
.legacy-nav body.v2-like.sign-in .org-setup-content p.sign-in-with-email {
  font-size: var(--flow-type-font-size-600);
  line-height: var(--flow-layout-spacing-xlarge);
  letter-spacing: -0.45px;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content p.sso-label,
.legacy-nav body.v2-like.sign-in .native-sign-in-content p.sso-label,
.legacy-nav body.v2-like.sign-in .sign-in-content p.sso-label,
.legacy-nav body.v2-like.sign-in .password-reset-request-content p.sso-label,
.thanks-content p.sso-label,
.forced-password-reset-content p.sso-label,
.legacy-nav body.v2-like.sign-in .org-setup-content p.sso-label {
  font-size: var(--flow-type-font-size-200);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content form.email-sign-in,
.legacy-nav body.v2-like.sign-in .native-sign-in-content form.email-sign-in,
.legacy-nav body.v2-like.sign-in .sign-in-content form.email-sign-in,
.legacy-nav body.v2-like.sign-in .password-reset-request-content form.email-sign-in,
.thanks-content form.email-sign-in,
.forced-password-reset-content form.email-sign-in,
.legacy-nav body.v2-like.sign-in .org-setup-content form.email-sign-in {
  margin-top: var(--flow-layout-spacing-medium);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content input.psds-input,
.legacy-nav body.v2-like.sign-in .native-sign-in-content input.psds-input,
.legacy-nav body.v2-like.sign-in .sign-in-content input.psds-input,
.legacy-nav body.v2-like.sign-in .password-reset-request-content input.psds-input,
.thanks-content input.psds-input,
.forced-password-reset-content input.psds-input,
.legacy-nav body.v2-like.sign-in .org-setup-content input.psds-input {
  background: #f2f2f2;
  border-radius: 2px;
  height: 40px;
  padding: 1rem;
  margin-bottom: var(--flow-layout-spacing-small);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content input.psds-input .has-value,
.legacy-nav body.v2-like.sign-in .native-sign-in-content input.psds-input .has-value,
.legacy-nav body.v2-like.sign-in .sign-in-content input.psds-input .has-value,
.legacy-nav body.v2-like.sign-in .password-reset-request-content input.psds-input .has-value,
.thanks-content input.psds-input .has-value,
.forced-password-reset-content input.psds-input .has-value,
.legacy-nav body.v2-like.sign-in .org-setup-content input.psds-input .has-value {
  padding: var(--flow-layout-spacing-small);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content div.psds-form-group,
.legacy-nav body.v2-like.sign-in .native-sign-in-content div.psds-form-group,
.legacy-nav body.v2-like.sign-in .sign-in-content div.psds-form-group,
.legacy-nav body.v2-like.sign-in .password-reset-request-content div.psds-form-group,
.thanks-content div.psds-form-group,
.forced-password-reset-content div.psds-form-group,
.legacy-nav body.v2-like.sign-in .org-setup-content div.psds-form-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: var(--flow-layout-spacing-medium) 0 var(--flow-layout-spacing-medium);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content div.psds-form-group > label,
.legacy-nav body.v2-like.sign-in .native-sign-in-content div.psds-form-group > label,
.legacy-nav body.v2-like.sign-in .sign-in-content div.psds-form-group > label,
.legacy-nav body.v2-like.sign-in .password-reset-request-content div.psds-form-group > label,
.thanks-content div.psds-form-group > label,
.forced-password-reset-content div.psds-form-group > label,
.legacy-nav body.v2-like.sign-in .org-setup-content div.psds-form-group > label {
  position: relative;
  font-size: var(--flow-type-font-size-200);
  line-height: var(--flow-layout-spacing-small);
  left: 0;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content button.psds-sign-in-button,
.legacy-nav body.v2-like.sign-in .native-sign-in-content button.psds-sign-in-button,
.legacy-nav body.v2-like.sign-in .sign-in-content button.psds-sign-in-button,
.legacy-nav body.v2-like.sign-in .password-reset-request-content button.psds-sign-in-button,
.thanks-content button.psds-sign-in-button,
.forced-password-reset-content button.psds-sign-in-button,
.legacy-nav body.v2-like.sign-in .org-setup-content button.psds-sign-in-button,
.legacy-nav body.v2-like.sign-in .pick-username-password-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .native-sign-in-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .sign-in-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .password-reset-request-content button[type='submit'],
.thanks-content button[type='submit'],
.forced-password-reset-content button[type='submit'],
.legacy-nav body.v2-like.sign-in .org-setup-content button[type='submit'] {
  height: 40px;
  margin: var(--flow-layout-spacing-medium) 0;
  padding: 0.4rem;
  background: var(--flow-colors-status-info);
  border: none;
  color: var(--flow-colors-white);
  width: 100%;
  cursor: pointer;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content div.email-container,
.legacy-nav body.v2-like.sign-in .native-sign-in-content div.email-container,
.legacy-nav body.v2-like.sign-in .sign-in-content div.email-container,
.legacy-nav body.v2-like.sign-in .password-reset-request-content div.email-container,
.thanks-content div.email-container,
.forced-password-reset-content div.email-container,
.legacy-nav body.v2-like.sign-in .org-setup-content div.email-container {
  visibility: hidden;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content div.or,
.legacy-nav body.v2-like.sign-in .native-sign-in-content div.or,
.legacy-nav body.v2-like.sign-in .sign-in-content div.or,
.legacy-nav body.v2-like.sign-in .password-reset-request-content div.or,
.thanks-content div.or,
.forced-password-reset-content div.or,
.legacy-nav body.v2-like.sign-in .org-setup-content div.or {
  display: flex;
  align-items: center;
  margin-bottom: var(--flow-layout-spacing-large);
  margin-top: var(--flow-layout-spacing-large);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content div.or hr,
.legacy-nav body.v2-like.sign-in .native-sign-in-content div.or hr,
.legacy-nav body.v2-like.sign-in .sign-in-content div.or hr,
.legacy-nav body.v2-like.sign-in .password-reset-request-content div.or hr,
.thanks-content div.or hr,
.forced-password-reset-content div.or hr,
.legacy-nav body.v2-like.sign-in .org-setup-content div.or hr {
  width: 45%;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content div.or span,
.legacy-nav body.v2-like.sign-in .native-sign-in-content div.or span,
.legacy-nav body.v2-like.sign-in .sign-in-content div.or span,
.legacy-nav body.v2-like.sign-in .password-reset-request-content div.or span,
.thanks-content div.or span,
.forced-password-reset-content div.or span,
.legacy-nav body.v2-like.sign-in .org-setup-content div.or span {
  width: 10%;
  text-align: center;
  color: var(--flow-colors-white);
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content select#saml_urls,
.legacy-nav body.v2-like.sign-in .native-sign-in-content select#saml_urls,
.legacy-nav body.v2-like.sign-in .sign-in-content select#saml_urls,
.legacy-nav body.v2-like.sign-in .password-reset-request-content select#saml_urls,
.thanks-content select#saml_urls,
.forced-password-reset-content select#saml_urls,
.legacy-nav body.v2-like.sign-in .org-setup-content select#saml_urls {
  background: var(--flow-colors-white);
  height: 40px;
}
.legacy-nav body.v2-like.sign-in .pick-username-password-content a.flow-link,
.legacy-nav body.v2-like.sign-in .native-sign-in-content a.flow-link,
.legacy-nav body.v2-like.sign-in .sign-in-content a.flow-link,
.legacy-nav body.v2-like.sign-in .password-reset-request-content a.flow-link,
.thanks-content a.flow-link,
.forced-password-reset-content a.flow-link,
.legacy-nav body.v2-like.sign-in .org-setup-content a.flow-link {
  display: block;
  text-align: center;
  margin-bottom: var(--flow-layout-spacing-xlarge);
}
@media (min-width: 350px) {
  .ps-dropdown {
    flex-direction: row;
  }
}
.ps-dropdown-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: left;
}
.ps-dropdown {
  width: 100%;
}
.psds-dropdown__page-overlay,
[psds-dropdown__page-overlay] {
  position: fixed;
  z-index: 1100;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.ps-dropdown-button,
[ps-dropdown-button] {
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
  align-items: center;
  position: relative;
  height: 40px;
  width: 100%;
  font-size: 14px;
  line-height: var(--flow-layout-spacing-xlarge);
  font-weight: 500;
  color: #555555;
  text-align: left;
  cursor: pointer;
  border-radius: 2px;
  background: #f2f2f2;
  padding: 0px calc(40px) 0px var(--flow-layout-spacing-medium);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
}
.ps-dropdown-button-placehold,
[ps-dropdown-button-placehold] {
  visibility: hidden;
  display: inline-block;
  white-space: nowrap;
}
.ps-dropdown-button-placehold-value,
[ps-dropdown-button-placehold-value] {
  position: absolute;
  top: 8px;
  left: var(--flow-layout-spacing-medium);
  white-space: nowrap;
}
.caret,
[caret] {
  display: inline-block;
  height: var(--flow-layout-spacing-xlarge);
  width: var(--flow-layout-spacing-xlarge);
}
.caret > svg,
[caret] > svg {
  fill: currentcolor;
}
svg:not(:root) {
  overflow: hidden;
}
.caret-container,
[caret-container] {
  left: auto;
  right: 240px;
  padding: 8px;
  display: flex;
  color: #555555;
  cursor: pointer;
  align-items: center;
}
.menu-container,
[menu-container] {
  position: absolute;
  z-index: 1200;
  margin-top: 4px;
}
.menu,
[menu] {
  position: absolute;
  display: inline-block;
  visibility: hidden;
  margin-left: 8px;
  min-width: 160px;
  max-width: 320px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px;
  font-size: 14px;
  left: 0px;
  top: 0px;
  transform: translateX(calc(-8px));
  background: #ffffff;
  border-radius: 2px;
  padding: 4px 0px;
  list-style: none;
  animation: 300ms ease 0s 1 normal forwards running animation_s12gjs;
}
.menuitem-container,
[menuitem-container] {
  position: relative;
}
.menuitem,
[menuitem] {
  display: flex;
  width: 100%;
  line-height: 32px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  cursor: pointer;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: var(--flow-layout-spacing-medium);
  padding-right: var(--flow-layout-spacing-medium);
  color: #222222;
  align-items: center;
  overflow: hidden;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: none;
  text-decoration: none;
  transition: background 100ms ease 0s;
}
.menuitem:hover {
  background-color: #f2f2f2 !important;
}
.native-login-pages-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--flow-layout-spacing-large);
}
.native-login-pages-small {
  width: 500px;
}
.native-login-pages-form {
  margin-top: 0 !important;
}
.native-login-header {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.native-login-pages-subheading {
  font-size: var(--flow-type-font-size-300) !important;
  font-weight: var(--flow-type-font-weight-default);
  margin-bottom: 0 !important;
  line-height: var(--flow-type-line-height-standard);
  text-align: center;
}
.native-login-password-container {
  display: flex;
  flex-direction: column;
  gap: var(--flow-layout-spacing-large);
}
.native-login-input-container {
  width: 280px;
}
.native-login-input {
  width: 100%;
  position: relative;
}
.native-login-dropdown-text {
  margin-left: var(--flow-layout-spacing-medium);
}
.native-login-button {
  font-size: var(--flow-type-font-size-300) !important;
  font-weight: var(--flow-type-font-weight-strong) !important;
  margin: 0 0 var(--flow-layout-spacing-large) 0 !important;
  border-radius: 3px;
  margin-bottom: 0 !important;
}
.native-button-small {
  width: 25% !important;
}
.native-continue-button {
  width: 160px !important;
}
button[disabled].native-login-button {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
.native-login-error-message {
  background-color: var(--flow-colors-red-6);
  color: var(--flow-colors-white);
  padding: var(--flow-layout-spacing-small);
  width: 110%;
  display: flex;
  justify-content: center;
}
.native-login-link {
  color: var(--flow-colors-primary-action-text-dark-theme) !important;
  font-size: var(--flow-type-font-size-300);
  font-weight: var(--flow-type-font-weight-default);
  text-decoration: underline !important;
  display: flex;
  justify-content: center;
}
.native-login-link-top-spacing {
  margin-top: var(--flow-layout-spacing-large);
}
.native-tooltip {
  position: relative;
  display: block;
  border-bottom: 1px dotted black;
}
.native-tooltip .tooltiptext {
  display: none;
  width: 200px;
  background-color: white;
  text-align: left;
  color: var(--flow-colors-text-icon-low-on-light);
  padding: 12px;
  position: absolute;
  right: -215px;
  top: 10%;
  border-radius: 2px;
}
.native-tooltip .tooltiptext::after {
  content: '';
  position: absolute;
  top: 10%;
  left: -5px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent white transparent transparent;
}
.native-tooltip:hover .tooltiptext {
  display: block;
  opacity: 1;
}
.eye-icon {
  position: absolute;
  right: 10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.native-error-sub-label {
  color: var(--flow-colors-red-6);
  font-size: var(--flow-type-font-size-200);
  font-weight: var(--flow-type-font-weight-400);
  margin-top: 3px;
}
.external-link-icon {
  width: 21px;
  height: 20px;
}
.native-link-button {
  display: flex;
  height: 32px;
  padding: 4px 6px 4px 8px;
  align-items: center;
  gap: 4px;
  border-radius: 3px;
  border: 2px solid var(--Primary-Action-Background, #0074ab);
  text-decoration: none !important;
}
.native-link-button:hover {
  border: 2px solid var(--flow-colors-blue-5);
  background: rgba(46, 160, 214, 0.15);
  color: var(--flow-colors-blue-4);
}
.native-link-button-text {
  color: var(--Primary-Action-Text---Dark-Theme, #2ea0d6);
  font-weight: 600;
  letter-spacing: 0.14px;
}
.native-checkbox-container {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  align-self: stretch;
}
.native-checkbox-container {
  -webkit-user-select: none;
          user-select: none;
}
.hidden-checkbox {
  display: none;
}
.custom-checkbox-svg {
  flex-shrink: 0;
}
.custom-checkbox-svg .checkbox-box-path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.7);
}
.custom-checkbox-svg .checkmark-path {
  display: none;
}
.native-checkbox-container.is-checked .custom-checkbox-svg .checkbox-box-path {
  stroke: var(--flow-colors-primary-action-background);
  fill: var(--flow-colors-primary-action-background);
}
.native-checkbox-container.is-checked .custom-checkbox-svg .checkmark-path {
  display: inline;
}
.SpotCheck {
  margin: 0 -6px;
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.SpotCheck .UserNameContextMenuTrigger {
  padding-left: 0;
}
.SpotCheck .UserNameContextMenuTrigger:hover {
  padding-left: 7px;
}
.SpotCheck .report__panel {
  box-sizing: border-box;
  padding: 0;
  margin: 6px;
  width: calc(50% - 12px);
  border: 1px solid #dee2e6;
  border-radius: 4px;
  flex: 1 1 auto;
}
@media screen and (min-width: 1345px) {
  .SpotCheck .report__panel {
    width: calc(25% - 12px);
  }
}
.SpotCheck .report__legend {
  padding: 15px 14px;
  border-bottom: 1px solid #dee2e6;
}
.SpotCheck .report__legend .text-18 {
  height: 50px;
  line-height: 26px;
  margin-bottom: 10px;
}
.SpotCheck .report__legend .text-12 {
  height: 40px;
  line-height: 14px;
  margin-bottom: 12px;
}
.SpotCheck .report__legend__items {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  margin: 0;
}
.SpotCheck .report__legend__item {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.SpotCheck .report__legend__icon--current {
  font-family: Entypo;
  color: #fc9826;
}
.SpotCheck .report__legend__icon--current:before {
  content: '\e660';
}
.SpotCheck .report__legend__icon--average {
  height: 24px;
}
.SpotCheck .report__legend__label {
  margin-left: 4px;
}
.SpotCheck .report__chart {
  width: 100%;
}
.TargetsAdmin {
  /* Table header styling */
  /* Cell styling */
}
.TargetsAdmin .spreadsheet {
  width: 100%;
  display: grid;
  grid-template-columns: 240px repeat(4, 1fr);
  grid-gap: 1px;
  background-color: #adb5bd;
  border-top: 1px solid #adb5bd;
  border-bottom: 1px solid #adb5bd;
  color: #495057;
}
.TargetsAdmin .spreadsheet.cols-8 {
  grid-template-columns: 240px repeat(8, 1fr);
}
.TargetsAdmin .spreadsheet.cols-8 .header0 {
  grid-row-end: span 2;
}
.TargetsAdmin .spreadsheet.cols-8 .header {
  grid-column-end: span 2;
}
.TargetsAdmin .spreadsheet.cols-10 {
  grid-template-columns: 240px repeat(10, 1fr);
}
.TargetsAdmin .spreadsheet.cols-10 .header0 {
  grid-row-end: span 2;
}
.TargetsAdmin .spreadsheet.cols-10 .header {
  grid-column-end: span 2;
}
.TargetsAdmin .header0 {
  background-color: white;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 4px;
}
.TargetsAdmin .header {
  background-color: white;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 7px 0;
}
.TargetsAdmin .sub-header {
  background-color: white;
  font-size: 13px;
  font-weight: 100;
  padding: 6px;
  line-height: 1.33;
  letter-spacing: -0.3px;
  text-align: center;
}
.TargetsAdmin .cell {
  background-color: white;
  padding: 7px 4px;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.3px;
  color: #495057;
}
.TargetsAdmin .cell.readonly {
  background-color: #f1f3f5;
}
.TargetsAdmin .double-wide {
  grid-column-end: span 2;
}
.TargetsAdmin input.cell {
  min-width: -webkit-fill-available;
  min-width: -moz-available;
  min-width: stretch;
  border: 1px solid transparent;
  border-radius: 0;
  outline: none;
  text-align: right;
  width: 100% !important;
}
.TargetsAdmin input.cell.overridden {
  background-color: #edf2ff;
}
.TargetsAdmin input.cell::placeholder {
  color: #ced4da;
}
.TargetsAdmin input.cell:focus {
  color: #343a40;
  border: 2px solid #91a7ff;
  padding: 5px;
}
.TargetsAdmin input.cell.invalid {
  background-color: #ffc9c9;
  color: #e03131;
  border: 1px solid #e03131;
}
.TargetsAdmin .ReactTable {
  margin-top: 0 !important;
}
.TargetsAdmin .ReactTable .rt-thead {
  padding: 0 !important;
}
.TargetsAdmin .ReactTable .rt-thead .rt-tr .rt-th {
  color: #343a40 !important;
  font-weight: 500;
  font-size: 13px;
  padding: 5px !important;
  border-right: #ced4da solid 1px !important;
  text-align: center;
}
.TargetsAdmin .ReactTable .rt-thead .rt-tr:hover {
  background: none !important;
}
.TargetsAdmin .ReactTable .rt-thead .rt-th {
  border-right-style: solid;
}
.TargetsAdmin .ReactTable .rt-thead .rt-tr:first-child {
  border-right: none !important;
}
.TargetsAdmin .ReactTable .rt-tbody .rt-tr:hover {
  background: none !important;
}
.TargetsAdmin .ReactTable .rt-tbody .rt-tr .rt-td {
  font-size: 13px;
  padding: 0;
  border-right: #ced4da solid 1px !important;
  border-bottom: #ced4da solid 1px !important;
  align-items: center;
  display: flex;
  position: relative;
}
.TargetsAdmin .ReactTable .rt-tbody .rt-tr .rt-td .Button--small {
  height: auto !important;
  min-height: 25px;
  white-space: normal;
  padding: 5px 10px;
}
.TargetsAdmin .ReactTable .rt-tbody .rt-tr .rt-td svg.saved {
  position: absolute;
  margin-left: 5px;
}
.TargetsAdmin .ReactTable .rt-tbody .hide-pointer {
  cursor: default !important;
}
.main-content.reports.retrospective .filter-bar-wrapper {
  justify-content: space-between;
}
.Retrospective .reportbody {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 45px;
}
.Retrospective .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.Retrospective .report__panel {
  padding: 24px 15px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  max-width: 1200px;
}
.Retrospective .col-xs-8 {
  width: 70%;
  max-width: 950px;
  min-width: 600px;
  margin-right: 30px;
}
.Retrospective .col-xs-4 {
  width: 30%;
  max-width: 250px;
}
.Retrospective .col-xs-10 {
  width: 83.33333333%;
}
.Retrospective .col-xs-offset-1 {
  margin-top: 25px;
  margin-left: 8.33333333%;
}
.Retrospective .text-gray-3 {
  color: #495057;
}
.Retrospective .text-gray-4 {
  color: #868e96;
}
.Retrospective .text-gray-5 {
  color: #adb5bd;
}
.Retrospective .ml-5 {
  margin-left: 5px;
}
.Retrospective .table {
  border-collapse: collapse !important;
  width: 100%;
  max-width: 800px;
  margin-bottom: 18px;
}
.Retrospective .metricstable {
  width: 300px;
}
.Retrospective .metric-title {
  width: 80%;
}
.Retrospective .metric-data {
  width: 20%;
}
.Retrospective .metric-column {
  width: 100px;
}
.Retrospective .summary-item {
  border-top: 2px solid #ddd;
}
.Retrospective .metric-item {
  border-top: 2px solid #ddd;
}
.Retrospective .table#sidetable td {
  padding: 10px 0;
}
.Retrospective .table#metricstable td {
  padding: 10px 20px;
}
.Retrospective .partial-data-warning {
  border: 1px solid #adb5bd;
  background-color: rgba(255, 249, 219, 0.7);
  color: #868e96;
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
}
.Retrospective .text-red-dk {
  color: #f03e3e;
}
.Retrospective .text-green-dk {
  color: #12b886;
}
.Retrospective .gp-entypo-triangle-up:before {
  content: '\e736';
}
.Retrospective .gp-entypo-triangle-down:before {
  content: '\e733';
}
.Retrospective .icon-info-gray {
  background-image: url(/static/images/icons/info-gray@2x.png);
}
.Retrospective .icon-12 {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  width: 12px;
  height: 12px;
}
.Retrospective .gp-entypo {
  font-family: Entypo;
  font-size: 14px;
  line-height: 1;
}
.Retrospective .gp-entypo-warning:before {
  content: '\e747';
  margin-right: 5px;
}
.Retrospective .chart.chart--wide {
  margin-left: 0px;
  margin-right: 30px;
  margin-bottom: 0px;
}
.Retrospective .chart text {
  font-size: 12px;
  font-weight: 400;
}
.main-content.reports.work-log .filter-bar-wrapper {
  justify-content: space-between;
}
.WorkLog .reportbody {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
}
.WorkLog .row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.WorkLog .report__panel {
  padding: 24px 0;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 100%;
  min-width: 750px;
}
.WorkLog .report__legend .selector-label {
  font-size: 16px;
  color: #6c6c6c;
  line-height: 20px;
}
.WorkLog .report__legen.filter-row {
  margin: 0;
}
.WorkLog .chart {
  position: relative;
}
.WorkLog .chart text.lane-title {
  font-size: 14px;
  fill: #e9ecef;
}
.WorkLog .chart text.commits-label,
.WorkLog .chart text.activity-label {
  font-size: 11px;
  font-weight: 500;
  fill: #a8b2bf;
  letter-spacing: 0.5px;
}
.WorkLog .back-button {
  display: inline-block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  cursor: pointer;
  height: 40px;
  width: 56px;
  background-image: url(../images/charts/back-button@2x.png);
  margin-left: 20px;
}
.WorkLog .selectedDate {
  width: 100%;
  text-align: left;
}
.WorkLog .ActivityLineChart {
  width: 100%;
}
.WorkLog .ActivityLineChart svg {
  pointer-events: none;
}
.WorkLog .report__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
  align-items: flex-start;
}
#worklogchart {
  font-size: 13px;
  border-collapse: separate;
  width: 100%;
}
#worklogchart .dayColumn {
  font-size: 12px;
  font-weight: 500;
  color: #adb5bd;
}
#worklogchart .todayColumn {
  font-size: 12px;
  font-weight: 500;
  color: #495057;
}
#worklogchart tr,
#worklogchart td {
  padding: 0;
  margin: 0;
}
#worklogchart .GroupData {
  border-collapse: separate;
  border-spacing: 0 0;
}
#worklogchart .GroupData tr,
#worklogchart .GroupData td {
  padding: 0;
  margin: 0;
}
#worklogchart .GroupData .groupAvatar {
  width: 30px;
  height: 30px;
}
#worklogchart .GroupData .groupAvatar .gravatarImg {
  border-radius: 15px;
}
#worklogchart .GroupData .groupName {
  width: 250px;
  vertical-align: bottom;
  text-align: left;
}
#worklogchart .GroupData .commitsLabel {
  width: 250px;
  height: 20px;
  vertical-align: bottom;
  text-align: left;
  color: #adb5bd;
  padding: 3px;
}
#worklogchart .GroupData .activityLabel {
  width: 250px;
  background-color: #e9ecef;
  vertical-align: center;
  text-align: left;
  color: #adb5bd;
  padding: 3px;
  height: 20px;
}
#worklogchart .activityColumn {
  height: 26px;
}
#worklogchart #tr0,
#worklogchart #tr1 {
  padding: 0;
  margin: 0;
}
#worklogchart #tr2 {
  background-color: #e9ecef;
  height: 26px;
  vertical-align: middle;
}
#worklogchart .SimpleDayWeekStart {
  border-left: 1px solid #ced4da;
}
#worklogchart #tr2-selected {
  height: 26px;
  background-color: #72c3fc;
  vertical-align: middle;
}
#worklogchart .SimpleDayWeekStart,
#worklogchart .SimpleDayData,
#worklogchart .SelectedDayData,
#worklogchart .DayData {
  border-collapse: separate;
  border-spacing: 0em 0em;
}
#worklogchart .SimpleDayWeekStart td,
#worklogchart .SimpleDayData td,
#worklogchart .SelectedDayData td,
#worklogchart .DayData td {
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}
#worklogchart #tr1-selected {
  padding: 0;
  margin: 0;
}
#worklogchart .DayData:hover {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 9px 0 rgba(73, 80, 87, 0.2), 0 2px 30px 0 rgba(73, 80, 87, 0.1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #000000;
  cursor: pointer;
}
#worklogchart .DayData.isEmpty:hover {
  box-shadow: none;
  cursor: default;
}
#worklogchart .Day td {
  height: 100px;
  width: 12.5%;
}
#worklogchart .psdsDay td {
  height: 100px;
  width: 12.5%;
}
#worklogchart .activitytd {
  display: flex;
  align-items: center;
  justify-content: center;
}
#worklogchart .activityBox1 {
  color: black;
}
#worklogchart .activityBox2 {
  width: 8px;
  height: 8px;
  border: 1px solid black;
  background-color: #cccccc;
}
#worklogchart .activityBox3 {
  width: 10px;
  height: 10px;
  border: 1px solid black;
  background-color: #999999;
}
#worklogchart .activityBox4 {
  width: 12px;
  height: 12px;
  border: 1px solid black;
  background-color: #4f4f4f;
}
.activityNavigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 10px;
}
.activityNavigation .detail-prevlink img {
  transform: rotate(180deg);
}
.ActivityDetailPanel {
  padding: 0;
  box-shadow: 0 2px 9px rgba(73, 80, 87, 0.2), 0 2px 10px rgba(73, 80, 87, 0.1);
  border: 1px solid #343a40;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  z-index: 1500;
  width: 800px;
  max-height: 620px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
  height: calc(100vh - 458px);
  min-height: 400px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-n3 {
  margin-left: -3px;
}
.pr-10 {
  padding-right: 10px;
}
.capitalize {
  text-transform: capitalize;
}
.allcaps {
  text-transform: uppercase;
}
.WorkLogDetailsTooltip {
  position: fixed;
  z-index: var(--z-top);
  display: flex;
  flex-direction: column;
  top: 0;
  width: 820px;
  max-width: 820px;
  max-height: 620px;
  background-color: white;
  border: 1px solid #343a40;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
}
.WorkLogDetailsTooltip__content {
  min-height: 0;
}
.WorkLogDetailsTooltip--appear {
  opacity: 0.01;
}
.WorkLogDetailsTooltip--appear.WorkLogDetailsTooltip--top {
  transform: scale(0.9) translateY(10px);
  transform-origin: center bottom;
}
.WorkLogDetailsTooltip--appear.WorkLogDetailsTooltip--bottom {
  transform: scale(0.9) translateY(-10px);
  transform-origin: center top;
}
.WorkLogDetailsTooltip--appear-active.WorkLogDetailsTooltip--top,
.WorkLogDetailsTooltip--appear-active.WorkLogDetailsTooltip--bottom {
  opacity: 1;
  transform: scale(1) translateY(0);
  transition: opacity 300ms ease, transform 300ms ease;
  pointer-events: none;
}
.WorkLogDetailsTooltip--exit {
  opacity: 1;
  transform: scale(1) translateY(0);
}
.WorkLogDetailsTooltip--exit-active {
  opacity: 0.01;
  transition: opacity 300ms ease, transform 300ms ease;
  pointer-events: none;
}
.WorkLogDetailsTooltip--exit-active.WorkLogDetailsTooltip--top {
  transform: scale(0.9) translateY(10px);
  transform-origin: center bottom;
}
.WorkLogDetailsTooltip--exit-active.WorkLogDetailsTooltip--bottom {
  transform: scale(0.9) translateY(-10px);
  transform-origin: center top;
}
.WorkLogDetails {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  text-align: left;
  z-index: 1500;
}
.WorkLogDetails .ContextMenu {
  position: fixed !important;
}
.WorkLogDetails__body .WorkLogActivity {
  padding: 30px;
}
.WorkLogDetails__body .WorkLogActivity .detail-nextlink,
.WorkLogDetails__body .WorkLogActivity .detail-prevlink {
  background: #f1f3f5;
  padding: 20px;
  border-radius: 80px;
  max-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin-top: 60px;
}
.WorkLogDetails__body .WorkLogActivity__scrollable {
  overflow-y: auto;
  height: calc(100vh - 320px);
}
.WorkLogDetails__body .WorkLogChart--no-author {
  background: #f8f9fa;
  border-top: 1px solid #ced4da;
}
.WorkLogDetails__body .WorkLogChart--no-author .WorkLogLane > td {
  border-bottom: 1px solid #ced4da;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author th {
  padding-top: 13px;
  padding-bottom: 13px;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author tbody td {
  padding-bottom: 2px;
  min-width: 75px;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author .dayColumn.SelectedDayHeader {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  position: relative;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author .dayColumn.SelectedDayHeader:after {
  content: '';
  height: 12px;
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 100;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author .Day:hover {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 9px 0 rgba(73, 80, 87, 0.2), 0 2px 30px 0 rgba(73, 80, 87, 0.1);
  box-sizing: border-box;
  cursor: pointer;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author .DayData:hover {
  background: transparent;
  box-shadow: 0 0 0 0 transparent;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author .Day.EmptyDay:hover {
  box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
  background: transparent;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author .SelectedDay {
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.09);
  padding: 20px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author .SelectedDay:after {
  content: '';
  height: 37px;
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0;
}
.WorkLogDetails__body #worklogchart.WorkLogChart--no-author .SelectedDay .isLastDayOfWeek {
  border-right: 1px solid transparent;
}
.WorkLogDetails__body .ActivityTimeTooltip {
  background: #fff;
  padding: 5px;
  border: 1px solid #343a40;
  border-radius: 3px;
  box-sizing: border-box;
  position: relative;
}
.WorkLogDetails__body .ActivityTimeTooltip:after {
  content: '';
  height: 13px;
  width: 1px;
  background-color: #343a40;
  position: absolute;
  bottom: -13px;
  left: 50%;
}
.IntegrationsPage {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--flow-colors-background-dark-1);
  flex: 1;
  margin: 0;
}
.IntegrationsPage .main-content,
.IntegrationsPage .main-content-container {
  height: inherit;
  overflow: auto;
}
.IntegrationsPage .scroll-area {
  flex: 1 1 0;
  overflow-y: auto;
}
.IntegrationsPage .scroll-area .main-content {
  padding-bottom: 40px;
}
.IntegrationsPage .integration-footer {
  display: flex;
  justify-content: space-between;
  padding: var(--flow-layout-spacing-large) var(--flow-layout-spacing-xxLarge);
  background-color: var(--flow-colors-background-dark-3);
}
.IntegrationsPage .integration-footer__btn {
  margin-left: var(--flow-layout-spacing-medium);
}
.IntegrationsPage .wizardNav {
  flex: 0 0 auto;
  margin: 0;
  padding: 20px;
  background-color: var(--flow-colors-background-dark-3);
}
.IntegrationsPage .wizardNav .wizard-steps {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.IntegrationsPage .wizardNav .wizard-steps li {
  margin-left: 10px;
  margin-right: 10px;
  color: var(--flow-colors-text-icon-low-on-dark);
  display: inline-block;
  font-size: 18px;
}
.IntegrationsPage .wizardNav .wizard-steps li.pointer {
  cursor: pointer;
}
.IntegrationsPage .wizardNav .wizard-steps li.active {
  color: var(--flow-colors-text-icon-high-on-dark);
  font-weight: var(--flow-type-font-weight-500);
}
.IntegrationsPage .wizard-content {
  text-align: center;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 60px;
  background-color: var(--flow-colors-background-dark-3);
  margin-top: 100px;
  color: var(--flow-colors-text-icon-high-on-dark);
}
.IntegrationsPage .wizard-content h3 {
  margin: var(--flow-layout-spacing-medium) 0;
}
.IntegrationsPage .wizard-content .icon-container {
  border-radius: 100%;
  position: relative;
  top: -80px;
  background-color: var(--flow-colors-background-dark-3);
  padding: var(--flow-layout-spacing-small);
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
}
.IntegrationsPage .wizard-content .content-container {
  position: relative;
  top: -85px;
}
.IntegrationsPage .wizard-content .content-container .provider-title {
  font-size: var(--flow-type-font-size-500);
}
.IntegrationsPage .wizard-content .content-container .description {
  padding: var(--flow-layout-spacing-medium);
}
.IntegrationsPage .wizard-content .content-container .react-tabs__tab--selected {
  background-color: var(--flow-colors-background-dark-3);
}
.IntegrationsPage .wizard-content .content-container .services-table {
  display: table;
  width: 100%;
  border: 1px solid var(--flow-colors-border-high-on-dark);
  text-align: center;
}
.IntegrationsPage .wizard-content .content-container .services-table .table-cell {
  display: table-cell;
  border: 1px solid var(--flow-colors-border-high-on-dark);
  text-align: left;
  padding: 10px;
}
.IntegrationsPage .wizard-content .content-container .services-table .table-cell.name {
  width: auto;
}
.IntegrationsPage .wizard-content .content-container .services-table .table-cell.switch {
  width: 20%;
  text-align: center;
}
.IntegrationsPage .wizard-content .content-container .services-table .header-row {
  display: table-header-group;
  background-color: var(--flow-colors-background-dark-2);
  font-weight: var(--flow-type-font-weight-500);
}
.IntegrationsPage .wizard-content .content-container .services-table .header-row .table-cell {
  display: table-cell;
  padding: 10px;
  text-align: justify;
  color: var(--flow-colors-text-icon-high-on-dark);
  font-size: var(--flow-type-font-size-400);
}
.IntegrationsPage .wizard-content .content-container .services-table .header-row .table-cell.switch {
  text-align: center;
}
.IntegrationsPage .wizard-content .content-container .services-table .table-body {
  display: table-row-group;
}
.IntegrationsPage .wizard-content .content-container .services-table .table-body .table-row {
  display: table-row;
}
.IntegrationsPage .wizard-content .content-container .services-table .table-body .table-cell {
  color: var(--flow-colors-text-icon-high-on-dark);
  vertical-align: middle;
  text-transform: capitalize;
}
.SelectAuthenticationMethod .react-tabs__tab-list {
  margin-bottom: 30px;
}
.SelectAuthenticationMethod .deprecation-warning {
  color: #e03131;
  text-align: left;
}
.SelectAuthenticationMethod .userpass-form {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.SelectAuthenticationMethod .userpass-form .form-fields {
  text-align: left;
  margin-bottom: 20px;
}
.SelectAuthenticationMethod .userpass-form .form-fields input {
  width: 100%;
  margin-bottom: 10px;
}
.SelectAuthenticationMethod .userpass-form .spinner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
.SelectAuthenticationMethod .auth-methods {
  margin-bottom: 10px;
}
.SelectAuthenticationMethod .error {
  color: #ff8787;
}
.SelectAuthenticationMethod .keypair-instructions {
  margin-top: 10px;
  text-align: left;
}
.SelectAuthenticationMethod .keypair-instructions ol {
  margin-top: 10px;
}
.SelectAuthenticationMethod .keypair-instructions ol li {
  margin-top: 8px;
}
.SelectAuthenticationMethod .keypair-instructions ol li .input-group input[type='text'] {
  width: 70%;
}
.SelectAuthenticationMethod .keypair-instructions ol li .input-group.nested input[type='text'] {
  width: 69%;
}
.SelectAuthenticationMethod .keypair-instructions ol li .input-group.public-key {
  display: flex;
  align-items: center;
}
.SelectAuthenticationMethod .keypair-instructions ol li .input-group.public-key textarea {
  width: 69%;
  height: 100px;
  white-space: pre;
}
.SelectAuthenticationMethod .keypair-instructions ul {
  list-style: square;
}
.SelectAuthenticationMethod .keypair-instructions input,
.SelectAuthenticationMethod .keypair-instructions textarea {
  background-color: #e9ecef;
  border: 1px solid #495057;
}
.NameIntegration input[type='text'] {
  border: none;
  border-bottom: 1px dashed #868e96;
  font-size: 34px;
  text-align: center;
  overflow: visible;
}
.NameIntegration input[type='text'] ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #343a40;
}
.NameIntegration input[type='text'] ::-moz-placeholder {
  /* Firefox 19+ */
  color: #343a40;
}
.NameIntegration input[type='text'] :-ms-input-placeholder {
  /* IE 10+ */
  color: #343a40;
}
.NameIntegration input[type='text'] :-moz-placeholder {
  /* Firefox 18- */
  color: #343a40;
}
.IntegrationsList .integration-list-header {
  overflow: hidden;
}
.IntegrationsList .integration-list-header .pull-left {
  float: left;
}
.IntegrationsList .integration-list-header .pull-right {
  float: right;
}
.IntegrationsList .check-select {
  clear: both;
  width: 70px;
}
.IntegrationsList .check-select .trigger-container {
  background-color: #f8f9fa;
  padding: 5px 15px;
  border: 1px solid #ced4da;
  border-radius: 5px;
}
.IntegrationsList .check-select .trigger-container .square {
  height: 15px;
  width: 15px;
  border-radius: 5px;
  border: 1px solid #adb5bd;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 2px;
}
.IntegrationsList .check-select .trigger-container .Icon {
  margin-bottom: 3px;
}
.IntegrationsList .check-select ul {
  list-style-type: none;
  padding: 10px;
  width: inherit;
  margin: 0px;
}
.IntegrationsList .check-select ul li {
  padding-bottom: 5px;
}
.IntegrationsList .check-select ul li a {
  color: black;
}
.IntegrationsList .search-container {
  padding: 10px;
  background-color: #f1f3f5;
  margin-bottom: 10px;
}
.integration-single {
  width: 100%;
  padding-bottom: 75px;
}
.integration-single .title-bar {
  margin: 0;
  padding: 25px;
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}
.integration-single .title-bar .title-name {
  float: left;
}
.integration-single .title-bar .title-name input {
  border: none;
  border-bottom: 1px dashed #adb5bd;
  font-size: 21px;
  font-weight: 500;
  overflow: visible;
  outline-width: 0;
  padding: 5px;
}
.integration-single .title-bar .title-remove {
  float: right;
}
.integration-single .title-bar .title-remove a {
  color: #e03131;
}
.integration-single .title-bar .title-remove a .remove-text {
  display: inline-block;
}
.integration-single .title-bar::after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
}
.integration-single .provider-card {
  text-align: center;
  padding-bottom: 50px;
  padding-top: 30px;
  background-color: #f7f9fb;
}
.integration-single .provider-card .card {
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(73, 80, 87, 0.1), 0 2px 9px 0 rgba(73, 80, 87, 0.2);
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 30px;
}
.integration-single .provider-card .card .title {
  font-size: 21px;
  font-weight: 500;
}
.integration-single .provider-card .card .connection-buttons {
  margin-top: 20px;
}
.integration-single .provider-card .card .connection-details {
  padding: 20px;
}
.integration-single .provider-card .card .connection-details .connection-uname {
  font-weight: 500;
}
.integration-single .provider-card .card .connection-details .edit-link {
  margin-left: 15px;
}
.integration-single .provider-card .card .connection-details .edit-link a {
  text-decoration: none;
}
.integration-single .provider-card .card .deprecation-warning {
  color: #e03131;
  text-align: left;
}
.integration-single .provider-card .card .integration-status {
  text-align: right;
}
.integration-single .provider-card .card .integration-status.pause {
  color: #868e96;
}
.integration-single .provider-card .card .integration-status.pause .icon-container {
  background-color: #868e96;
}
.integration-single .provider-card .card .integration-status.check {
  color: #40c057;
}
.integration-single .provider-card .card .integration-status.check .icon-container {
  background-color: #40c057;
}
.integration-single .provider-card .card .integration-status.warning {
  color: #fa5252;
}
.integration-single .provider-card .card .integration-status.warning .icon-container {
  background-color: #fa5252;
}
.integration-single .provider-card .card .integration-status .icon-container {
  display: inline-block;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  margin-right: 5px;
  text-align: center;
  position: relative;
  top: 1px;
}
.integration-single .provider-card .card .integration-status .status-label {
  text-transform: capitalize;
}
.integration-single .provider-card .last-updated {
  margin-top: 15px;
}
.integration-single .provider-card .last-updated .label {
  font-weight: 500;
}
.integration-single .provider-card .message {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  display: inline-block;
  padding-bottom: 15px;
  text-align: left;
}
.integration-single .services {
  padding: 30px;
  border-top: 1px solid #adb5bd;
}
.integration-single .services .panel-content {
  text-align: center;
  padding: 50px 30px;
}
.integration-single .services .panel-content .description {
  width: 40%;
  margin-right: auto;
  margin-left: auto;
}
.integration-single .services .panel-content .description p {
  text-align: left;
  width: 90%;
}
.integration-single .services .panel-content .icon-container {
  display: inline-block;
  padding: 25px;
  border-radius: 50%;
  background-color: #f8f9fa;
}
.integration-single .services .panel-content.ticket-content {
  padding-top: 20px;
}
.integration-single .services .integration-repos h2,
.integration-single .services .integration-tickets h2 {
  display: inline-block;
}
.integration-single .services .integration-repos .refresh-button,
.integration-single .services .integration-tickets .refresh-button {
  display: inline-block;
  float: right;
}
.integration-single .services .integration-tickets {
  text-align: left;
}
.integration-single .services .ReactTable .TableCell--user .Icon {
  margin-right: 5px;
}
.integration-single .toggle-container {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
  border: 1px solid #dee2e6;
}
.integration-single .toggle-container .title {
  flex: 1 0 0;
  padding-left: 15px;
  vertical-align: middle;
  text-align: left;
}
.integration-single .toggle-container .pause {
  padding-right: 25px;
  border-right: 1px solid #dee2e6;
  vertical-align: middle;
  text-align: right;
  color: #3b5bdb;
}
.integration-single .toggle-container .pause a {
  text-decoration: none;
}
.integration-single .toggle-container .switch-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 30%;
}
.integration-single .settings {
  display: inline-block;
  margin-left: 15px;
}
.integration-single .settings .toggle-repos {
  text-align: left;
}
.integration-single p.no-data {
  padding-left: 60px;
  padding-right: 60px;
  color: grey;
}
.repo-single {
  width: 100%;
}
.repo-single .repo-card {
  text-align: center;
  padding-bottom: 50px;
  padding-top: 30px;
  background-color: #f7f9fb;
  border-bottom: 1px solid #ced4da;
}
.repo-single .repo-card .Card {
  width: 66%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  padding: 0px;
}
.repo-single .repo-card .Card .repo-details-container {
  width: 100%;
  padding: 15px 30px;
}
.repo-single .repo-card .Card .repo-details-container .integration-info {
  border-bottom: 1px solid #ced4da;
}
.repo-single .repo-card .Card .repo-details-container .integration-info .integration-title {
  color: #868e96;
  padding: 15px 5px;
}
.repo-single .repo-card .Card .repo-details-container .integration-info .integration-name {
  font-weight: 500;
  font-size: 1.1em;
  padding-bottom: 15px;
}
.repo-single .repo-card .Card .repo-details-container .repo-info {
  padding: 10px 0px;
}
.repo-single .repo-card .Card .repo-details-container .repo-info .repo-name {
  font-weight: 500;
}
.repo-single .repo-card .Card .repo-details-container .repo-info .repo-added-by {
  margin-top: 10px;
}
.repo-single .repo-card .Card .repo-details-container .repo-info .repo-added-by .avatar {
  margin: 0px 10px;
}
.repo-single .repo-card .Card .repo-details-container .repo-info .repo-added-by img {
  vertical-align: middle;
}
.repo-single .repo-card .Card .repo-details-container .repo-info .repo-added-by img img {
  vertical-align: middle;
}
.repo-single .repo-card .Card .repo-description {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 15px;
}
.repo-single .repo-card .Card .repo-description .description-title {
  color: #868e96;
}
.repo-single .repo-card.w-description .Card .repo-details-container {
  min-width: 50%;
}
.repo-single .repo-card .processing {
  color: #adb5bd;
  font-style: italic;
}
.repo-single .repo-card .message {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  display: inline-block;
  padding-bottom: 15px;
  text-align: left;
}
.repo-single .repo-card .alert .alert-content {
  text-align: left;
}
.repo-single .add-padding {
  padding: 20px;
}
.repo-single .settings {
  padding: 20px;
}
.repo-single .settings .settings-box {
  padding: 20px;
  width: 66%;
  border: 1px solid #ced4da;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}
.repo-single .settings .settings-box .form-fields textarea {
  width: 100%;
  box-sizing: border-box;
}
.repo-single .settings .settings-box h2 {
  margin-top: 0px;
}
.repo-single .settings .settings-box h3 {
  margin-top: 0px;
}
.repo-single .settings .settings-box-no-padding {
  padding: 20px;
  width: 66%;
  border: 1px solid #ced4da;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
}
.repo-single .settings .settings-box-no-padding .form-fields textarea {
  width: 100%;
  box-sizing: border-box;
}
.repo-single .settings .settings-box-no-padding h2 {
  margin-top: 0px;
}
.repo-single .settings .settings-box-no-padding h3 {
  margin-top: 0px;
}
.RepoList {
  width: 100%;
}
.RepoList .icon-container .Icon {
  vertical-align: middle;
}
.RepoList .search-container {
  padding: 10px;
  background-color: #f1f3f5;
  margin-bottom: 10px;
}
.ReposAvailable .description {
  display: inline-block;
  width: 80%;
  margin: 5px 0px;
}
.ReposAvailable .refresh-container {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.ReposAvailable .show-forks-container {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
#app .ReposAvailable .ReactTable .ReactTable {
  margin-top: 0;
  margin-bottom: 20px;
}
#app .ReposAvailable .ReactTable .ReactTable .TableCell--imported {
  color: #51cf66;
}
#app .ReposAvailable .ReactTable .TableCell--expander .group-name {
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#app .ReposAvailable .ReactTable .TableCell--expander .TableCell__chevron {
  transform: rotate(0deg);
  transition: all 0.25s ease;
}
#app .ReposAvailable .ReactTable .TableCell--expanded .TableCell__chevron {
  transform: rotate(-180deg);
  transition: all 0.25s ease;
}
#app .ReposAvailable .ReactTable .TableCell__content .num_repos {
  padding-right: 5px;
}
.ReposImported {
  padding-bottom: 60px;
}
.ReposImported .processing {
  color: #adb5bd;
  font-style: italic;
}
.ReposImported .error {
  color: #ff6b6b;
  font-style: italic;
}
.ReposImported .Dropdown.Tooltip .Button--icon-only {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.ReposImported .Dropdown.Tooltip .Tooltip__content.repo-error {
  margin-left: -361px !important;
}
.PullRequestProjects {
  width: 100%;
}
.TicketProjects {
  width: 100%;
}
.TicketProjects .refresh-container {
  display: flex;
  justify-content: flex-end;
}
.SSOPage {
  width: 100%;
}
.SSOPage .sso-header {
  overflow: hidden;
}
.SSOPage .sso-header .pull-left {
  float: left;
}
.SSOPage .sso-header .pull-right {
  float: right;
}
.SSOPage .ReactTable .rt-table {
  overflow: visible;
}
.SSOPage .ReactTable .rt-tbody {
  overflow: visible;
}
.SSOPage .ReactTable .rt-td {
  overflow: visible;
}
.SSOPage p {
  margin-bottom: 20px;
  margin-top: 0px;
}
.SSOModal {
  font-family: PS TT Commons Roman, Helvetica, Arial, sans-serif;
}
.SSOModal .alert-content {
  margin-left: 10px;
}
.SSOModal .label {
  font-size: 13px;
  display: block;
  color: #212529;
  margin-top: 10px;
}
.SSOModal textarea {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  border-radius: 0;
}
.SSOModal .manage-roles {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  margin-top: 35px;
  color: #343a40;
  font-size: 17px;
  font-weight: 500;
}
.SSOModal .subtext {
  color: #495057;
  font-weight: normal;
  font-size: 15px;
}
.SSOModal .primarycolortext-w-bg {
  color: #3b5bdb;
  background-color: rgba(59, 91, 219, 0.08);
  font-weight: 500;
  padding: 5px;
  border-radius: 4px;
}
.SSOModal .EditorModal__content:after {
  height: 0;
  border-top: none;
}
.SelectNestedTeamsBanner {
  display: flex;
  background: #868e96;
  justify-content: center;
}
.SelectNestedTeamsBanner__message {
  margin-right: 1em;
}
.SelectNestedTeamsBanner__action {
  cursor: pointer;
  color: #228ae6;
}
.TreeCell {
  display: flex;
}
.TreeCell__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.TreeCell .NodeDragSource {
  display: flex;
  align-items: center;
}
.TreeCell__drag-handle {
  margin-right: 2px;
  color: #ced4da;
  cursor: move;
}
.TreeCell__drag-handle--no-expander {
  margin-right: 8px;
}
.TreeCell__expander {
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 4px;
  cursor: pointer;
  color: #868e96;
}
.TreeCell__name {
  margin-top: 5px;
  padding: 5px 5px 5px 5px;
}
.TreeCell__name a {
  text-decoration: none;
}
.TreeCell__name--highlighted {
  background-color: rgba(59, 91, 219, 0.08);
}
.TreeCell__checkbox {
  padding-top: 2.5px;
  margin-right: 4px;
}
.TreeCell__node {
  width: 100%;
}
.TreeCell__node .NodeDropTarget {
  justify-content: space-between;
  padding: 3px;
}
.TreeCell__node .NodeDropTarget--hovered {
  padding: unset;
  opacity: 0.8;
  border: 3px dashed #5c7cfa;
}
.TreeCell__below {
  width: 100%;
  height: 11px;
}
.TreeCell__below .NodeDropTarget--hovered .outline {
  height: 0;
  width: 100%;
  opacity: 0.8;
  border-top: 2px solid #5c7cfa;
}
.TreeCell .NodeDropTarget {
  height: 100%;
  display: flex;
  align-items: center;
}
.TreeTable {
  display: flex;
}
.TreeTable__root-drop-target {
  height: 100%;
  width: 1%;
}
.TreeTable__root-drop-target .NodeDropTarget {
  width: 100%;
  height: 100%;
}
.TreeTable__root-drop-target .NodeDropTarget--hovered .outline {
  height: 100%;
  width: 0;
  opacity: 0.8;
  border: 2px solid #5c7cfa;
}
.TreeTable__table {
  width: 99%;
}
.TreeTable__table .ReactTable .rt-td {
  padding-bottom: 0px;
}
.TreeTable__table .ReactTable .LoadMoreTr {
  font-weight: bold;
  color: #3b5bdb;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-top: solid 1px rgba(0, 0, 0, 0.05);
}
.TreeTable__table .ReactTable .LoadMoreTr__td {
  display: flex;
  align-items: center;
}
.TreeTable__table .ReactTable .rt-tr-group.virtual + .rt-tr-group.normal {
  border-top: 1px solid #ced4da;
}
.VirtualTeamCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px 11px 22px;
  color: #3b5bdb;
}
.VirtualTeamCell a {
  text-decoration: none;
}
.PopupMenuItem--remove-button {
  background-color: rgba(255, 64, 64, 0.25);
}
.PopupMenuItem--remove-button:hover {
  background-color: rgba(255, 64, 64, 0.4);
}
.PopupMenuItem--remove-button .PopupMenuItem__header {
  color: red;
}
.PopupMenuItem__header {
  font-weight: 500;
}
.TeamsPage__header {
  float: left;
}
.TeamsPage__actions {
  float: right;
}
.TeamDetailUsers__table-cell--membership-type .Button {
  height: 34px;
}
.TeamDetailUsers .rt-tbody {
  overflow: visible !important;
}
.ImportModal__content section {
  padding: 30px;
}
.ImportModal__content img {
  max-width: 100%;
}
.ImportModal__content .IntegrationPicker,
.ImportModal__content .VendorOrgPicker {
  margin-top: 15px;
  margin-bottom: 15px;
}
.ImportModal__toggle-all {
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: -0.2px;
}
.ImportModal__toggle-all__select-all {
  float: right;
}
.BulkUserMembershipModal__description {
  line-height: 1.5;
}
.BulkUserMembershipModal__error {
  margin: 10px 20px;
}
.BulkUserMembershipModal__content:after {
  display: none;
}
.BulkUserMembershipModal__footer {
  justify-content: flex-end;
}
.BulkUserMembershipModal__user-picker {
  padding: 0 16px;
}
.BulkUserMembershipModal__user-picker .SearchBox__header {
  background-color: white;
}
.BulkUserMembershipModal__user-list-header {
  background-color: #f8f9fa;
  padding: 20px 34px 10px 32px;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
}
.BulkUserMembershipModal__user-list-header > span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
.BulkUserMembershipModal__user-list-header-name {
  color: #868e96;
}
.BulkUserMembershipModal__user-list-header-clear {
  color: #fa5252;
  cursor: pointer;
}
.BulkUserMembershipModal__user-list-header-clear:hover {
  text-decoration: underline;
}
.BulkUserMembershipModal__user-list {
  height: 200px;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  background-color: #f8f9fa;
}
.BulkUserMembershipModal__user-list-placeholder {
  background-color: white;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.BulkUserMembershipModal__user-list-placeholder h4 {
  font-size: 24px;
  color: #868e96;
  margin-bottom: 0;
  font-weight: 400;
}
.BulkUserMembershipModal__user-list-placeholder p {
  padding: 0 25%;
  color: #adb5bd;
  text-align: center;
}
.BulkUserMembershipModal__user-item {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px 12px 32px;
  border-bottom: 1px solid #dee2e6;
  background-color: white;
}
.BulkUserMembershipModal__user-summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.BulkUserMembershipModal__user-name {
  font-size: 16px;
  font-weight: 500;
  color: #343a40;
  padding: 5px 0;
}
.BulkUserMembershipModal__user-name,
.BulkUserMembershipModal__user-path {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BulkUserMembershipModal__user-actions .Button {
  border-radius: 100px;
}
.BulkImport {
  max-width: 35%;
  padding: 30px 60px;
}
.BulkImport .text-24 {
  font-size: 24px;
}
.BulkImport .line-48 {
  line-height: 48px;
}
.BulkImport hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.BulkImport .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.BulkImport .error {
  padding: 15px;
  color: #ff8787;
  font-size: 14px;
}
.BulkImport .or-divider {
  margin: 10px 0px;
}
.BulkImport .example-divider {
  margin: 20px;
}
.RepoAdvancedSettingsTab .TableCell__icon--delete-icon {
  color: #ff8787;
}
.RepoAdvancedSettingsTab .ReactTable .rt-td.regex {
  font-style: italic;
}
.RepoAdvancedSettingsTab .SearchBox {
  margin-bottom: 20px;
}
.RepoAdvancedSettingsTab p:nth-of-type(2) {
  margin-bottom: 25px;
}
.AddNameModal {
  min-height: 500px;
}
.AddNameModal__search--owner {
  color: #ced4da;
  font-style: italic;
}
.AddNameModal__search--imported {
  font-size: 0.8em;
  color: #ff8787;
  font-weight: bold;
  margin-left: 10px;
}
.AddNameModal__confirm--warning {
  color: #ff6b6b !important;
}
.AddRegexModal .EditorModal__content {
  padding: 20px;
}
.AddRegexModal__match-checkbox {
  margin: 15px 10px 5px;
}
.AddRegexModal__test-button {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.AddRegexModal__match-list {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 5px;
}
.AddRegexModal__match-item {
  padding: 20px;
  border-top: 1px solid #e9ecef;
  margin-bottom: 5px;
}
.AddRegexModal__match-repo {
  font-weight: bold;
}
.AddRegexModal__match-updated {
  font-style: italic;
}
.AddRegexModal .error {
  width: 100%;
  text-align: center;
  color: #ff6b6b;
}
.AddRegexModal__group-select {
  margin: 15px 10px 0;
}
.AddRegexModal__input-regex {
  margin: 0 10px;
}
.AddRegexModal__add-regex-label {
  margin: 0 10px;
}
.AddDateModal {
  min-height: 700px;
}
.AddDateModal .EditorModal__content {
  padding: 20px;
}
.AddDateModal__date-picker {
  text-align: center;
  margin-bottom: 20px;
}
.AddDateModal .FancyCheckbox {
  margin-bottom: 10px;
}
.AddDateModal__target-date {
  margin-bottom: 15px;
  margin-top: 15px;
}
.AddDateModal__target-date .date {
  font-weight: bold;
}
.AddDateModal__group-select {
  margin-top: 15px;
}
.ConfirmDeleteExcludeUserDialog {
  color: red;
}
.ConfirmDeleteExcludeUserDialog__column-container {
  display: flex;
  flex-direction: row;
}
.ConfirmDeleteExcludeUserDialog__column--left {
  width: 100%;
  margin-right: 10px;
}
.ConfirmDeleteExcludeUserDialog__column--right {
  width: 100%;
  margin-left: 10px;
}
.ConfirmDeleteExcludeUserDialog__scrolling-box {
  border: 1px solid #e9ecef;
  height: 150px;
  overflow: auto;
  padding: 0 10px;
}
.InviteUserModal__text-input {
  width: 95%;
  height: 4em;
  resize: none;
  border-radius: 2px;
}
.InviteUserModal__text-input:focus {
  outline: none !important;
  border: 2px solid #3b5bdb;
}
.InviteUserModal__content--error {
  color: #f03e3e;
  padding-bottom: 5px;
}
.UserList__header .pull-left,
.TeamList__header .pull-left {
  float: left;
}
.UserList__header .pull-right,
.TeamList__header .pull-right {
  float: right;
}
.UserList__notifications {
  max-height: 500px;
  overflow: scroll;
  flex: 0 0 auto;
  margin-bottom: 40px;
}
.UserMergeToolAliasesDropZoneLegacy {
  display: flex;
  flex-direction: column;
  flex: 1 1 0px;
  margin: 16px 20px 32px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.UserMergeToolAliasesDropZoneLegacy__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.UserMergeToolAliasesDropZoneLegacy--empty .UserMergeToolAliasesDropZoneLegacy__content {
  justify-content: center;
  padding: 0;
}
.UserMergeToolAliasesDropZoneLegacy__drop-overlay {
  visibility: hidden;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border: 3px dashed #dee2e6;
  border-radius: 2px;
}
.UserMergeToolAliasesDropZoneLegacy--empty .UserMergeToolAliasesDropZoneLegacy__drop-overlay,
.UserMergeToolAliasesDropZoneLegacy--dragging.UserMergeToolAliasesDropZoneLegacy--can-drop .UserMergeToolAliasesDropZoneLegacy__drop-overlay,
.UserMergeToolAliasesDropZoneLegacy--is-over:not(.UserMergeToolAliasesDropZoneLegacy--can-drop) .UserMergeToolAliasesDropZoneLegacy__drop-overlay,
.UserMergeToolAliasesDropZoneLegacy--can-drop .UserMergeToolAliasesDropZoneLegacy__drop-overlay {
  visibility: visible;
}
.UserMergeToolAliasesDropZoneLegacy--empty,
.UserMergeToolAliasesDropZoneLegacy--dragging.UserMergeToolAliasesDropZoneLegacy--can-drop,
.UserMergeToolAliasesDropZoneLegacy--is-over:not(.UserMergeToolAliasesDropZoneLegacy--can-drop) {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  box-shadow: none;
}
.UserMergeToolAliasesDropZoneLegacy--dragging.UserMergeToolAliasesDropZoneLegacy--can-drop {
  background-color: #edf2ff;
}
.UserMergeToolAliasesDropZoneLegacy--dragging.UserMergeToolAliasesDropZoneLegacy--can-drop .UserMergeToolAliasesDropZoneLegacy__drop-overlay {
  border-color: #91a7ff;
}
.UserMergeToolAliasesDropZoneLegacy--dragging.UserMergeToolAliasesDropZoneLegacy--can-drop .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolAliasesDropZoneLegacy--dragging.UserMergeToolAliasesDropZoneLegacy--can-drop .UserMergeToolDropZonePlaceholder p {
  color: #91a7ff;
}
.UserMergeToolAliasesDropZoneLegacy--dragging:not(.UserMergeToolAliasesDropZoneLegacy--can-drop) {
  opacity: 0.5;
}
.UserMergeToolAliasesDropZoneLegacy--is-over.UserMergeToolAliasesDropZoneLegacy--can-drop {
  background-color: #dbe4ff;
}
.UserMergeToolAliasesDropZoneLegacy--is-over.UserMergeToolAliasesDropZoneLegacy--can-drop .UserMergeToolAliasesDropZoneLegacy__drop-overlay {
  border-color: #5c7cfa;
  background-color: rgba(219, 228, 255, 0.5);
}
.UserMergeToolAliasesDropZoneLegacy--is-over.UserMergeToolAliasesDropZoneLegacy--can-drop .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolAliasesDropZoneLegacy--is-over.UserMergeToolAliasesDropZoneLegacy--can-drop .UserMergeToolDropZonePlaceholder p {
  color: #5c7cfa;
}
.UserMergeToolAliasesDropZoneLegacy--is-over:not(.UserMergeToolAliasesDropZoneLegacy--can-drop) {
  background-color: #ffe3e3;
}
.UserMergeToolAliasesDropZoneLegacy--is-over:not(.UserMergeToolAliasesDropZoneLegacy--can-drop) .UserMergeToolAliasesDropZoneLegacy__drop-overlay {
  border-color: #ff6b6b;
}
.UserMergeToolAliasesDropZoneLegacy--is-over:not(.UserMergeToolAliasesDropZoneLegacy--can-drop) .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolAliasesDropZoneLegacy--is-over:not(.UserMergeToolAliasesDropZoneLegacy--can-drop) .UserMergeToolDropZonePlaceholder p {
  color: #ff6b6b;
}
.UserMergeToolAliasesDropZoneLegacy__column-headers > CheckboxDropdown {
  padding-left: 10px;
}
.UserMergeToolAliasesDropZoneLegacy__column-headers {
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-size: 16px;
  font-weight: 500;
}
.UserMergeToolAliasesDropZoneLegacy__column-headers--sub-header {
  height: 40px;
  padding-left: 115px;
}
.UserMergeToolAliasesDropZoneLegacy__column-headers--alias-header {
  margin-left: 60px;
  flex: 0 0 100px;
}
.UserMergeToolAliasesDropZoneLegacy__checkbox-header {
  padding-left: 54px;
}
.UserMergeToolAliasesDropZoneLegacy__name-header {
  flex: 1 1 0;
  padding-left: 82px;
}
.UserMergeToolAliasesDropZoneLegacy__name-header--suggestion {
  flex: 1 1 auto;
  padding-left: 10px;
}
.UserMergeToolAliasesDropZoneLegacy__aliases-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolAliasesDropZoneLegacy__include-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolAliasesDropZoneLegacy__attributes-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolAliasesDropZoneLegacy__name-header,
.UserMergeToolAliasesDropZoneLegacy__aliases-header {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.UserMergeToolAliasesDropZoneLegacy__sort-icon {
  margin-left: 4px;
  transition: transform 300ms ease;
}
.UserMergeToolAliasesDropZoneLegacy__sort-icon--desc {
  transform: rotate(180deg);
}
.UserMergeToolAliasesDropZoneLegacy__integration-header {
  width: 190px;
  flex: 0 0 190px;
  box-sizing: border-box;
  padding-right: 100px;
  text-align: center;
}
.UserMergeToolAliasesDropZoneLegacy__integration-header--suggestion {
  width: 100px;
  flex: 0 0 100px;
  padding-right: 0;
}
.UserMergeToolAliasesDropZoneLegacy .UserMergeToolAliasesDropZoneLegacy__integration-header--suggestion {
  margin-right: 48px;
}
.UserMergeToolAliasesDropZoneLegacy__column-headers {
  height: 64px;
  flex: 1 0 48px;
}
.UserMergeToolAliasesDropZoneLegacy__aliases-header {
  width: 80px;
  flex: 0 0 80px;
}
.UserMergeToolAliasesDropZoneLegacy__overflow-container {
  width: 100%;
  position: relative;
}
.UserMergeToolAliasesDropZoneLegacy__header {
  box-sizing: border-box;
  background-color: #ffffff;
  width: 100%;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  align-items: center;
  height: 45px;
  flex: 0 0 45px;
  padding-right: 10px;
}
.UserMergeToolAliasesDropZoneLegacy__header--suggestion {
  padding-right: 0;
}
.UserMergeToolAliasesDropZoneLegacy__header .Tag {
  background-color: #f1f3f5 !important;
  color: #212529;
  width: 20px;
  padding: 4px 6px;
  text-align: center;
  margin-left: 10px;
}
.UserMergeToolAliasesDropZoneLegacy__login-header {
  margin-right: 85px;
}
.UserMergeToolAliasesDropZoneLegacy__title {
  font-size: 16px;
  font-weight: bold;
  margin-left: 24px;
}
.UserMergeToolAliasesDropZoneLegacy__unmerge-button {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin: 8px 16px 8px auto;
}
.UserMergeToolAliasesDropZoneLegacy__content {
  display: flex;
  flex-direction: column;
}
.UserMergeToolAliasesDropZoneLegacy__content--suggestion {
  overflow: auto;
}
.UserMergeToolAliasesDropZoneLegacy__content-header {
  display: flex;
}
.UserMergeToolAliasesDropZoneLegacy__content-header--text {
  padding: 0px 20px;
  font-size: 18px;
}
.UserMergeToolAliasesDropZoneLegacy__content-header--search {
  padding: 10px 0px;
  width: 93%;
}
.UserMergeToolAliasesDropZoneLegacy__content-title h2 {
  font-size: 10px;
}
.UserMergeToolAliasesDropZoneLegacy__help-content {
  max-width: 230px;
}
.UserMergeToolAliasList {
  background-color: #ffffff;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  overflow: hidden;
}
.UserMergeToolAliasList__column-headers {
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-size: 16px;
  font-weight: 500;
}
.UserMergeToolAliasList__name-header {
  flex: 1 1 0px;
  margin-left: 48px;
}
.UserMergeToolAliasList__aliases-header {
  flex: 0 0 100px;
  text-align: center;
}
.UserMergeToolAliasList__include-header {
  width: 100px;
  flex: 0 0 100px;
  box-sizing: border-box;
  text-align: center;
}
.UserMergeToolAliasList__login-header {
  width: 75px;
  flex: 0 0 75px;
  margin-right: 120px;
  margin-left: 15px;
}
.UserMergeToolAliasList__aliases {
  flex: 1 1 0;
  position: relative;
}
.UserMergeToolAliasList__list {
  overflow-y: overlay !important;
  overflow-x: hidden !important;
}
.UserMergeToolAliasList .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}
.UserMergeToolAliasListRecord {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #e9ecef;
  padding-right: 10px;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: top 300ms ease;
  height: 41px !important;
}
.UserMergeToolAliasListRecord__avatar {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin-right: 10px;
  margin-left: 48px;
}
.UserMergeToolAliasListRecord__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #212529;
  font-size: 14px;
  font-weight: 500;
  flex: 1 1 0px;
}
.UserMergeToolAliasListRecord__integration,
.UserMergeToolAliasListRecord__login-icon {
  width: 32px;
  flex: 0 0 32px;
  margin-right: 65px;
  text-align: center;
}
.UserMergeToolAliasListRecord__login-icon {
  margin-right: 30px;
}
.UserMergeToolAliasListRecord__remove-button,
.UserMergeToolAliasListRecord__target-button {
  margin: 8px 16px 8px 0px;
}
.UserMergeToolAliasListRecord__login-help-tooltip {
  max-width: 250px;
  white-space: pre-wrap;
}
.UserMergeToolAliasListRecord__help-tooltip {
  max-width: 350px;
  padding: 4px 16px;
}
.UserMergeToolAliasListRecord__help-tooltip h4 {
  font-size: 18px;
  margin-bottom: 10px;
}
.UserMergeToolAliasListRecord__help-tooltip p {
  white-space: normal;
}
.UserMergeToolAliasListUser {
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  border-bottom: 1px solid #e9ecef;
  -webkit-user-select: none;
          user-select: none;
  transition: top 300ms ease;
  background-color: #ffffff;
}
.UserMergeToolAliasListUser--suggestion {
  position: absolute;
  cursor: pointer;
  width: 100%;
}
.UserMergeToolAliasListUser--warning {
  background-image: linear-gradient(to right, #fff9db, #ffffff 40%);
}
.UserMergeToolAliasListUser__warning-icon {
  margin-right: 8px;
  padding: 2px;
  color: #f59f00;
  width: 20px !important;
  height: 20px !important;
}
.UserMergeToolAliasListUser__help-tooltip {
  max-width: 350px;
  padding: 4px 16px;
}
.UserMergeToolAliasListUser__help-tooltip h4 {
  font-size: 18px;
  margin-bottom: 10px;
}
.UserMergeToolAliasListUser__help-tooltip p {
  white-space: normal;
}
.UserMergeToolAliasListUser__target-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 21px;
  left: 72px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #ffffff;
  color: #3b5bdb;
}
.UserMergeToolAliasListUser__target-indicator-icon {
  width: 10px;
  height: 11px;
}
.UserMergeToolAliasListUser__remove-button {
  color: #ced4da !important;
  margin-right: 33px;
}
.UserMergeToolAliasListUser__column-headers > CheckboxDropdown {
  padding-left: 10px;
}
.UserMergeToolAliasListUser__column-headers {
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-size: 16px;
  font-weight: 500;
}
.UserMergeToolAliasListUser__column-headers--sub-header {
  height: 40px;
  padding-left: 115px;
}
.UserMergeToolAliasListUser__column-headers--alias-header {
  margin-left: 60px;
  flex: 0 0 100px;
}
.UserMergeToolAliasListUser__checkbox-header {
  padding-left: 54px;
}
.UserMergeToolAliasListUser__name-header {
  flex: 1 1 0;
  padding-left: 82px;
}
.UserMergeToolAliasListUser__name-header--suggestion {
  flex: 1 1 auto;
  padding-left: 10px;
}
.UserMergeToolAliasListUser__aliases-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolAliasListUser__include-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolAliasListUser__attributes-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolAliasListUser__name-header,
.UserMergeToolAliasListUser__aliases-header {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.UserMergeToolAliasListUser__sort-icon {
  margin-left: 4px;
  transition: transform 300ms ease;
}
.UserMergeToolAliasListUser__sort-icon--desc {
  transform: rotate(180deg);
}
.UserMergeToolAliasListUser__integration-header {
  width: 190px;
  flex: 0 0 190px;
  box-sizing: border-box;
  padding-right: 100px;
  text-align: center;
}
.UserMergeToolAliasListUser__integration-header--suggestion {
  width: 100px;
  flex: 0 0 100px;
  padding-right: 0;
}
.UserMergeToolAliasesDropZoneLegacy .UserMergeToolAliasListUser__integration-header--suggestion {
  margin-right: 48px;
}
.UserMergeToolAllUsersPage--saving .UserMergeToolAliasListUser,
.UserMergeToolSuggestionsPage--saving .UserMergeToolAliasListUser {
  pointer-events: none;
}
.UserMergeToolAliasListUser__suggestion-row,
.UserMergeToolAliasListUser__user-row {
  display: flex;
  align-items: center;
  height: 52px;
}
.UserMergeToolAliasListUser__suggestion-row:hover,
.UserMergeToolAliasListUser__user-row:hover {
  background-color: #edf2ff;
}
.UserMergeToolAliasListUser__suggestion-row:hover .Tag,
.UserMergeToolAliasListUser__user-row:hover .Tag {
  background-color: #dbe4ff !important;
}
.UserMergeToolAllUsersPage--dragging .UserMergeToolAliasListUser__suggestion-row:hover,
.UserMergeToolAllUsersPage--dragging .UserMergeToolAliasListUser__user-row:hover,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolAliasListUser__suggestion-row:hover,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolAliasListUser__user-row:hover {
  background-color: transparent;
}
.UserMergeToolAliasListUser__suggestion-row--suggestion,
.UserMergeToolAliasListUser__user-row--suggestion {
  height: 40px;
}
.UserMergeToolAliasListUser__suggestion-row--sub-row,
.UserMergeToolAliasListUser__user-row--sub-row {
  margin-left: 67px;
}
.UserMergeToolAliasListUser__suggestion-row {
  height: 40px;
}
.UserMergeToolAliasListUser__name-header {
  padding-left: 0px;
}
.UserMergeToolAliasListUser__user-rows,
.UserMergeToolAliasListUser__alias-rows {
  position: relative;
}
.UserMergeToolAliasListUser__remove-button,
.UserMergeToolAliasListUser__target-button {
  width: 10px;
  height: 15px;
  flex: 0 0 10px;
  border-radius: 6px;
}
.UserMergeToolAliasListUser__pending {
  width: 32px;
  flex: 0 0 32px;
  text-align: center;
  padding-left: 5px;
}
.UserMergeToolAliasListUser__pending-icon {
  color: #f59f00;
}
.UserMergeToolAliasListUser__expander-icon {
  transition: transform ease 300ms;
  width: 16px;
  height: 8px;
  margin-left: 0;
  margin-right: 5px;
  cursor: pointer;
}
.UserMergeToolAliasListUser__expander-icon--disabled {
  opacity: 0;
}
.UserMergeToolAliasListUser__expander-icon--expanded {
  transform: rotate(90deg);
}
.UserMergeToolAliasListUser--expanded .UserMergeToolAliasListUser__expander-icon {
  transform: rotate(90deg);
}
.UserMergeToolAliasListUser__checkbox {
  margin-right: 10px;
  flex: 0 0 16px;
}
.UserMergeToolAliasListUser__avatar {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin-right: 10px;
}
.UserMergeToolAliasListUser__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #212529;
  font-size: 14px;
  font-weight: 500;
  flex: 1 1 0;
}
.UserMergeToolAliasListUser__name h2 {
  font-size: 14px;
}
.UserMergeToolAliasListUser__name--suggestion {
  flex: 1 1 auto;
}
.UserMergeToolAliasListUser__spinner {
  display: inline-flex;
  margin-left: 10px;
}
.UserMergeToolAliasListUser__alias-count {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
}
.UserMergeToolAliasListUser__alias-count .Tag {
  background-color: #f1f3f5 !important;
  color: #212529;
  width: 20px;
  padding: 4px 6px;
}
.UserMergeToolAliasListUser__login-icon {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
}
.UserMergeToolAliasListUser__integration {
  width: 100px;
  flex: 0 0 100px;
  color: #adb5bd;
  text-align: center;
}
.UserMergeToolAliasListUser__integration--suggestion {
  padding-right: 61px;
}
.UserMergeToolAliasListUser__unmerge-button {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin: 8px 32px 8px 5px;
}
.UserMergeToolAliasListUser__drop-overlay {
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px dashed #5c7cfa;
  border-radius: 2px;
}
.UserMergeToolAliasListUser--can-drop.UserMergeToolAliasListUser--is-over .UserMergeToolAliasListUser__drop-overlay {
  visibility: visible;
}
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--selected {
  background-color: #edf2ff;
  border-bottom-color: #dbe4ff;
}
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--selected .Tag {
  background-color: #dbe4ff !important;
}
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--dragging {
  background-color: #f6f9ff;
  border-bottom-color: #edf2ff;
}
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--dragging .Tag {
  background-color: #dbe4ff !important;
}
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--dragging .UserMergeToolAliasListUser__expander-icon,
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--dragging .UserMergeToolAliasListUser__avatar,
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--dragging .UserMergeToolAliasListUser__name,
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--dragging .UserMergeToolAliasListUser__alias-count,
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--dragging .UserMergeToolAliasListUser__integration,
:not(.UserMergeToolAliasListUser--preview).UserMergeToolAliasListUser--dragging .UserMergeToolAliasListUser__unmerge-button {
  opacity: 0.5;
}
.UserMergeToolAllUsersPage--dragging .UserMergeToolAliasListUser:not(.UserMergeToolAliasListUser--preview):not(.UserMergeToolAliasListUser--dragging):not(.UserMergeToolAliasListUser--can-drop) .UserMergeToolAliasListUser__user-row,
.UserMergeToolAllUsersPage--dragging .UserMergeToolAliasListUser:not(.UserMergeToolAliasListUser--preview):not(.UserMergeToolAliasListUser--dragging):not(.UserMergeToolAliasListUser--can-drop) .UserMergeToolUserListAlias,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolAliasListUser:not(.UserMergeToolAliasListUser--preview):not(.UserMergeToolAliasListUser--dragging):not(.UserMergeToolAliasListUser--can-drop) .UserMergeToolAliasListUser__user-row,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolAliasListUser:not(.UserMergeToolAliasListUser--preview):not(.UserMergeToolAliasListUser--dragging):not(.UserMergeToolAliasListUser--can-drop) .UserMergeToolUserListAlias {
  opacity: 0.5;
}
.UserMergeToolAliasListUser--can-drop.UserMergeToolAliasListUser--is-over {
  background-color: #edf2ff;
}
.UserMergeToolAliasListUser--can-drop.UserMergeToolAliasListUser--is-over .Tag {
  background-color: #dbe4ff !important;
}
.UserMergeToolAliasListUser--merging {
  opacity: 0.5;
}
.UserMergeToolAllUsersPage {
  background-color: white;
}
.UserMergeToolAllUsersPage--saving {
  cursor: wait;
}
.UserMergeToolAllUsersPage__help-tooltip {
  max-width: 350px;
  padding: 4px 16px;
}
.UserMergeToolAllUsersPage__help-tooltip p {
  font-weight: 500;
  white-space: normal;
}
.ConfirmMergeModal {
  width: 550px;
  display: flex;
  flex-direction: column;
  padding: 50px;
}
.ConfirmMergeModal footer {
  flex: 0 0 auto;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ConfirmMergeModal footer > * {
  margin-left: 12px;
}
.ConfirmMergeModal__choices {
  border: 1px solid #ced4da;
  border-radius: 2px;
  padding: 30px;
  margin: 15px 0px;
  display: inline-flex;
}
.ConfirmMergeModal__description {
  color: #495057;
  font-weight: 800;
}
.ConfirmMergeModal__description--info {
  font-weight: 500;
  font-size: 0.8em;
  padding-right: 10px;
}
.ConfirmMergeModal__content {
  flex: 1 1 auto;
  overflow-y: auto;
}
.ConfirmMergeModal__radio {
  display: inline-block;
}
.ConfirmMergeModal__radio--label {
  margin-top: -17px;
  margin-left: 10px;
}
.ConfirmMergeModal__radio--merge {
  border-right: 1px solid #ced4da;
  padding-right: 20px;
}
.UserMergeToolDefaultsEditor {
  background-color: white;
  height: 100%;
  padding: 0 10px;
  padding-bottom: 30px;
  overflow-y: auto;
}
.UserMergeToolDefaultsEditor__dropdown button {
  border: 1px solid var(--flow-colors-border-low-on-light) !important;
}
.UserMergeToolDefaultsEditor__intro {
  font-size: 13px;
  line-height: 20px;
  color: #495057;
}
.UserMergeToolDefaultsEditor__content {
  display: flex;
  box-sizing: border-box;
  border: 1px solid #dee2e6;
}
.UserMergeToolDefaultsEditor__editor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  flex: 0 0 50%;
  box-sizing: border-box;
  padding: 40px 20px 20px 20px;
  border-right: 1px solid #dee2e6;
}
.UserMergeToolDefaultsEditor__matcher {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  flex: 0 0 50%;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
}
.UserMergeToolDefaultsEditor__domain-input {
  width: 100%;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
}
.UserMergeToolDefaultsEditor__legend {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 50%;
  box-sizing: border-box;
  background-color: #f8f9fa;
}
.UserMergeToolDefaultsEditor__legend-image {
  width: 100%;
}
.UserMergeToolDefaultsEditor__label {
  margin-bottom: 28px;
}
.UserMergeToolDefaultsEditor__label-text {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px;
}
.UserMergeToolDefaultsEditor__help-tooltip {
  max-width: 500px;
  white-space: normal;
  line-height: 1.5;
  padding: 20px;
}
.UserMergeToolDefaultsEditor__info-icon {
  color: #868e96;
  cursor: pointer;
  margin-left: 8px;
}
.UserMergeToolDefaultsEditor__header {
  font-size: var(--flow-type-font-size-300);
  font-weight: var(--flow-type-font-weight-700);
  line-height: var(--flow-type-line-height-standard);
  margin-top: var(--flow-layout-spacing-medium);
}
.UserMergeToolDraggableRecord {
  width: 100%;
  height: 100%;
}
.UserMergeToolDragPreview {
  transform: translate3d(0, 0, 0);
  background-color: #ffffff;
  height: 48px;
  width: 400px;
  display: flex;
  align-items: flex-start;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 17px 0 rgba(0, 0, 0, 0.16);
}
.UserMergeToolDragPreview--snap-exit,
.UserMergeToolDragPreview--snap-exit-active {
  transition: opacity ease 300ms, transform ease 300ms;
}
.UserMergeToolDragPreview--snap-exit-active {
  opacity: 0;
}
.UserMergeToolDragPreviewLayer {
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.UserMergeToolDropZonePlaceholder {
  flex: 1 1 0;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #868e96;
  text-align: center;
  padding: 0 10%;
  -webkit-user-select: none;
          user-select: none;
}
.UserMergeToolDropZonePlaceholder h2 {
  font-size: 22px;
  color: #868e96;
  margin: 0;
}
.UserMergeToolDropZonePlaceholder p {
  color: #868e96;
  margin: 4px 0 0;
}
.UserMergeToolDropZonePlaceholder--success {
  color: #2f9e44;
  background-color: #f5fdf7;
}
.UserMergeToolDropZonePlaceholder--success h2,
.UserMergeToolDropZonePlaceholder--success p {
  color: #2f9e44;
}
.UserMergeToolLoadMoreRow {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 41px !important;
  box-sizing: border-box;
  font-weight: bold;
  color: #3b5bdb;
  cursor: pointer;
}
.UserMergeToolLoadMoreRow:hover {
  text-decoration: underline;
}
.UserMergeToolUserListUser .UserMergeToolLoadMoreRow {
  border-top: 1px solid #e9ecef;
}
.UserMergeToolAliasList .UserMergeToolLoadMoreRow {
  border-bottom: 1px solid #e9ecef;
}
.UserMergeToolMultiDragPreview {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 18px;
}
.UserMergeToolMultiDragPreview__avatar,
.UserMergeToolMultiDragPreview__remaining-avatars {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 2px solid #ffffff;
  border-radius: 18px;
  margin-left: -8px;
}
.UserMergeToolMultiDragPreview__remaining-avatars {
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #72c3fc;
  color: #ffffff;
}
.UserMergeToolMultiDragPreview__summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 0;
  font-size: 15px;
  font-weight: 500;
  flex: 1 1 0px;
  margin-left: 10px;
}
.UserMergeToolPageLayout {
  display: flex;
  background-color: var(--flow-colors-background-dark-3);
  flex-direction: column;
  width: 100%;
  min-width: 900px;
}
.UserMergeToolPageLayout__content {
  flex-direction: column;
}
.UserMergeToolPageLayout__header {
  flex: 0 0 auto;
  border-bottom: 1px solid #dee2e6;
  padding-top: 30px;
}
.UserMergeToolPageLayout__header h1 {
  color: #343a40;
  margin: 0 0 16px;
  font-size: 24px;
  text-align: center;
}
.UserMergeToolPageLayout__header p {
  color: #495057;
  font-size: 14px;
}
.UserMergeToolPageLayout__header p span {
  display: block;
  max-width: 400px;
  margin: auto;
}
.UserMergeToolPageLayout__header a {
  text-decoration: none;
  font-weight: 500;
}
.UserMergeToolPageLayout__header a:hover {
  text-decoration: underline;
}
.UserMergeToolPageLayout__panes {
  flex: 1 1 0;
  display: flex;
  width: 100%;
}
.UserMergeToolPageLayout__left-pane {
  flex: 1 1 50%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.UserMergeToolPageLayout__left-pane-controls {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #dee2e6;
}
.UserMergeToolPageLayout__left-pane-controls .SearchBox {
  height: 36px;
  margin: 0 10px 0 20px;
}
.UserMergeToolPageLayout__left-pane-controls .Button {
  margin: 0 20px 0 10px;
}
.UserMergeToolPageLayout__left-pane-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}
.UserMergeToolPageLayout__right-pane {
  flex: 1 1 50%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dee2e6;
}
.UserMergeToolPageLayout__right-pane-content {
  display: flex;
  flex-direction: column;
  background-color: #f8faff;
  flex: 1 1 0;
  border-bottom: 1px solid #dee2e6;
}
.UserMergeToolPageLayout__right-pane-controls {
  align-items: flex-end;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-end;
  margin: 10px 10px 10px 0;
  background-color: white;
}
@media (max-width: 960px) {
  .UserMergeToolPageLayout__right-pane-controls {
    min-height: 132px;
    flex: 0 0 auto;
    padding-bottom: 60px;
  }
}
.UserMergeToolPageLayout__right-pane-controls > .Button {
  width: 140px;
}
.UserMergeToolPageLayout__right-pane-controls > .Button span {
  margin-right: 4px;
}
.UserMergeToolPageLayout__info-icon {
  margin-left: 10px;
  cursor: pointer;
}
.UserMergeToolPageLayout__help-content {
  text-align: left;
  padding-bottom: 0px !important;
  font-weight: 500;
  font-size: 0.6em;
}
.UserMergeToolPageLayout__help-content footer {
  border-top: 1px solid #e9ecef;
  margin: 0px -18px;
  padding: 8px 18px;
}
.UserMergeToolPageLayoutLegacy {
  display: flex;
  background-color: white;
  flex-direction: column;
  width: 100%;
  min-width: 900px;
}
.UserMergeToolPageLayoutLegacy__content {
  flex-direction: column;
}
.UserMergeToolPageLayoutLegacy__header {
  flex: 0 0 auto;
  border-bottom: 1px solid #dee2e6;
  padding-top: 30px;
}
.UserMergeToolPageLayoutLegacy__header h1 {
  color: #343a40;
  margin: 0 0 16px;
  font-size: 24px;
  text-align: center;
}
.UserMergeToolPageLayoutLegacy__header p {
  color: #495057;
  font-size: 14px;
}
.UserMergeToolPageLayoutLegacy__header p span {
  display: block;
  max-width: 400px;
  margin: auto;
}
.UserMergeToolPageLayoutLegacy__header a {
  text-decoration: none;
  font-weight: 500;
}
.UserMergeToolPageLayoutLegacy__header a:hover {
  text-decoration: underline;
}
.UserMergeToolPageLayoutLegacy__panes {
  flex: 1 1 0;
  display: flex;
  width: 100%;
}
.UserMergeToolPageLayoutLegacy__left-pane {
  flex: 1 1 50%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.UserMergeToolPageLayoutLegacy__left-pane-controls {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #dee2e6;
}
.UserMergeToolPageLayoutLegacy__left-pane-controls .SearchBox {
  height: 36px;
  margin: 0 10px 0 20px;
}
.UserMergeToolPageLayoutLegacy__left-pane-controls .Button {
  margin: 0 20px 0 10px;
}
.UserMergeToolPageLayoutLegacy__left-pane-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}
.UserMergeToolPageLayoutLegacy__right-pane {
  flex: 1 1 50%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #dee2e6;
}
.UserMergeToolPageLayoutLegacy__right-pane-content {
  display: flex;
  flex-direction: column;
  background-color: #f8faff;
  flex: 1 1 0;
  border-bottom: 1px solid #dee2e6;
}
.UserMergeToolPageLayoutLegacy__right-pane-controls {
  align-items: flex-end;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-end;
  margin: 10px 10px 10px 0;
  background-color: white;
}
@media (max-width: 960px) {
  .UserMergeToolPageLayoutLegacy__right-pane-controls {
    min-height: 132px;
    flex: 0 0 auto;
    padding-bottom: 60px;
  }
}
.UserMergeToolPageLayoutLegacy__right-pane-controls > .Button {
  width: 140px;
}
.UserMergeToolPageLayoutLegacy__right-pane-controls > .Button span {
  margin-right: 4px;
}
.UserMergeToolPageLayoutLegacy__info-icon {
  margin-left: 10px;
  cursor: pointer;
}
.UserMergeToolPageLayoutLegacy__help-content {
  text-align: left;
  padding-bottom: 0px !important;
  font-weight: 500;
  font-size: 0.6em;
}
.UserMergeToolPageLayoutLegacy__help-content footer {
  border-top: 1px solid #e9ecef;
  margin: 0px -18px;
  padding: 8px 18px;
}
.UserMergeToolQuickFilters {
  box-sizing: border-box;
}
.UserMergeToolQuickFilters__header {
  display: flex;
  align-items: center;
  color: var(--flow-colors-text-icon-high-on-dark);
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.UserMergeToolQuickFilters__icon {
  margin-right: 4px;
}
.UserMergeToolQuickFilters__content {
  flex: 1 1 auto;
  flex-wrap: wrap;
  padding-top: 10px;
}
.UserMergeToolQuickFilters__filter-button-tooltip {
  max-width: 300px;
  white-space: normal;
}
.UserMergeToolQuickFiltersLegacy {
  box-sizing: border-box;
  padding: 0 20px;
}
.UserMergeToolQuickFiltersLegacy__header {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #868e96;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin: 4px 0;
}
.UserMergeToolQuickFiltersLegacy__header .Icon {
  margin-right: 4px;
}
.UserMergeToolQuickFiltersLegacy__content {
  flex: 1 1 auto;
  flex-wrap: wrap;
  padding-top: 10px;
}
.UserMergeToolQuickFiltersLegacy__filter-button-tooltip {
  max-width: 300px;
  white-space: normal;
}
.InviteUserSpinnerRow,
.UserMergeToolSpinnerRow {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 41px !important;
  box-sizing: border-box;
  cursor: wait;
}
.UserMergeToolUserListUser .InviteUserSpinnerRow,
.UserMergeToolUserListUser .UserMergeToolSpinnerRow {
  border-top: 1px solid #e9ecef;
}
.UserMergeToolAliasList .InviteUserSpinnerRow,
.UserMergeToolAliasList .UserMergeToolSpinnerRow {
  border-bottom: 1px solid #e9ecef;
}
.UserMergeToolSuggestionsPageLegacy {
  background-color: white;
}
.UserMergeToolSuggestionsPageLegacy__pagination {
  align-items: center;
  display: flex;
  padding: var(--flow-layout-spacing-large);
}
.UserMergeToolSuggestionsPageLegacy__pagination_count {
  padding-left: var(--flow-layout-spacing-small);
}
.UserMergeToolSuggestionsPageLegacy__suggestion-buttons {
  display: flex;
  overflow: hidden;
}
.UserMergeToolSuggestionsPageLegacy__search-input {
  margin: 0 10px 0 20px;
  width: 100%;
}
.UserMergeToolSuggestionsPageLegacy__view-new-button,
.UserMergeToolSuggestionsPageLegacy__viewed-button,
.UserMergeToolSuggestionsPageLegacy__rejected-button {
  color: var(--flow-colors-primary-action-text-light-theme) !important;
}
.UserMergeToolSuggestionsPageLegacy__view-new-button {
  margin: 0 10px 0 20px !important;
}
.UserMergeToolSuggestionsPageLegacy__visited-button {
  border-bottom: 4px solid var(--flow-colors-blue-6) !important;
}
.UserMergeToolSuggestionsPageLegacy__refresh-tooltip {
  text-align: center;
}
p.UserMergeToolSuggestionsPageLegacy__refresh-tooltip-title,
p.UserMergeToolSuggestionsPageLegacy__refresh-tooltip-description {
  margin: 0;
}
p.UserMergeToolSuggestionsPageLegacy__refresh-tooltip-title {
  font-weight: 500;
}
p.UserMergeToolSuggestionsPageLegacy__refresh-tooltip-description {
  font-weight: 400;
  color: #dee2e6;
}
.UserMergeToolSuggestionsPageLegacy__refresh-button {
  flex: 0 0 auto;
  margin-left: auto !important;
  border-radius: 200px;
}
.UserMergeToolSuggestionsPageLegacy__refresh-button .Button__icon {
  transform: scaleX(-1);
}
.UserMergeToolSuggestionsPageLegacy__action-button {
  color: var(--flow-colors-text-icon-high-on-light) !important;
  margin-right: var(--flow-layout-spacing-small);
}
@keyframes rotate {
  from {
    transform: rotate(0deg) scaleX(-1);
  }
  to {
    transform: rotate(360deg) scaleX(-1);
  }
}
.UserMergeToolSuggestionsPageLegacy--refreshing .UserMergeToolSuggestionsPageLegacy__refresh-button .Button__icon {
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.UserMergeToolSuggestionsPageLegacy--saving {
  cursor: wait;
}
.UserMergeToolSuggestionsPageLegacy__help-tooltip {
  max-width: 350px;
  padding: 4px 16px;
}
.UserMergeToolSuggestionsPageLegacy__help-tooltip p {
  font-weight: 500;
  white-space: normal;
}
.UserMergeToolSuggestionsPageLegacy .UserMergeToolPageLayoutLegacy__left-pane-controls {
  flex-direction: column;
}
.UserMergeToolSuggestionsPageLegacy .UserMergeToolPageLayoutLegacy__left-pane-controls > div {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.UserMergeToolSuggestionsPageLegacy .UserMergeToolPageLayoutLegacy__left-pane-controls > div:last-child {
  margin-bottom: 0;
}
.UserMergeToolTabs {
  margin-top: 10px;
  flex: 0 0 auto;
}
.UserMergeToolTabs__tab-list {
  margin-bottom: 0;
  padding-left: 20px;
  border-bottom: 1px solid #dee2e6;
}
.UserMergeToolTargetDropZone {
  height: 150px;
  flex: 0 0 100px;
  margin-bottom: 24px;
  border-radius: 2px;
  background-color: var(--flow-colors-background-dark-3);
  position: relative;
}
.UserMergeToolTargetDropZone__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.UserMergeToolTargetDropZone--empty .UserMergeToolTargetDropZone__content {
  justify-content: center;
  padding: 0;
}
.UserMergeToolTargetDropZone__drop-overlay {
  visibility: hidden;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border: 3px dashed #dee2e6;
  border-radius: 2px;
}
.UserMergeToolTargetDropZone--empty .UserMergeToolTargetDropZone__drop-overlay,
.UserMergeToolTargetDropZone--dragging.UserMergeToolTargetDropZone--can-drop .UserMergeToolTargetDropZone__drop-overlay,
.UserMergeToolTargetDropZone--is-over:not(.UserMergeToolTargetDropZone--can-drop) .UserMergeToolTargetDropZone__drop-overlay,
.UserMergeToolTargetDropZone--can-drop .UserMergeToolTargetDropZone__drop-overlay {
  visibility: visible;
}
.UserMergeToolTargetDropZone--empty,
.UserMergeToolTargetDropZone--dragging.UserMergeToolTargetDropZone--can-drop,
.UserMergeToolTargetDropZone--is-over:not(.UserMergeToolTargetDropZone--can-drop) {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  box-shadow: none;
}
.UserMergeToolTargetDropZone--dragging.UserMergeToolTargetDropZone--can-drop {
  background-color: #edf2ff;
}
.UserMergeToolTargetDropZone--dragging.UserMergeToolTargetDropZone--can-drop .UserMergeToolTargetDropZone__drop-overlay {
  border-color: #91a7ff;
}
.UserMergeToolTargetDropZone--dragging.UserMergeToolTargetDropZone--can-drop .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolTargetDropZone--dragging.UserMergeToolTargetDropZone--can-drop .UserMergeToolDropZonePlaceholder p {
  color: #91a7ff;
}
.UserMergeToolTargetDropZone--dragging:not(.UserMergeToolTargetDropZone--can-drop) {
  opacity: 0.5;
}
.UserMergeToolTargetDropZone--is-over.UserMergeToolTargetDropZone--can-drop {
  background-color: #dbe4ff;
}
.UserMergeToolTargetDropZone--is-over.UserMergeToolTargetDropZone--can-drop .UserMergeToolTargetDropZone__drop-overlay {
  border-color: #5c7cfa;
  background-color: rgba(219, 228, 255, 0.5);
}
.UserMergeToolTargetDropZone--is-over.UserMergeToolTargetDropZone--can-drop .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolTargetDropZone--is-over.UserMergeToolTargetDropZone--can-drop .UserMergeToolDropZonePlaceholder p {
  color: #5c7cfa;
}
.UserMergeToolTargetDropZone--is-over:not(.UserMergeToolTargetDropZone--can-drop) {
  background-color: #ffe3e3;
}
.UserMergeToolTargetDropZone--is-over:not(.UserMergeToolTargetDropZone--can-drop) .UserMergeToolTargetDropZone__drop-overlay {
  border-color: #ff6b6b;
}
.UserMergeToolTargetDropZone--is-over:not(.UserMergeToolTargetDropZone--can-drop) .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolTargetDropZone--is-over:not(.UserMergeToolTargetDropZone--can-drop) .UserMergeToolDropZonePlaceholder p {
  color: #ff6b6b;
}
.UserMergeToolTargetDropZone__border {
  border: 1px solid #ced4da;
}
.UserMergeToolTargetDropZone__content {
  padding: 0px 24px;
  height: 100px;
}
.UserMergeToolTargetDropZone__help-content {
  max-width: 230px;
}
.UserMergeToolTargetDropZone__content-header {
  border-bottom: 1px solid #ced4da;
  padding: 0px 12px;
}
.UserMergeToolTargetDropZone__content-header h2 {
  font-size: 18px;
}
.UserMergeToolTargetDropZone__avatar {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.UserMergeToolTargetDropZone__target-indicator-icon {
  width: 16px;
  height: 16px;
}
.UserMergeToolTargetDropZone__summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 16px;
}
.UserMergeToolTargetDropZone__summary h2 {
  color: #343a40;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserMergeToolTargetDropZone__summary p {
  color: #868e96;
  font-size: 16px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserMergeToolTargetDropZone__email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserMergeToolTargetDropZone__user-details {
  display: flex;
  flex: 1;
  border-right: 1px solid #ced4da;
}
.UserMergeToolTargetDropZone__summary-details {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.UserMergeToolTargetDropZone__summary-details--title {
  color: #868e96;
  margin-left: 20px;
  margin-bottom: 0px;
}
.UserMergeToolTargetDropZone__summary-details--login {
  flex-direction: row;
}
.UserMergeToolTargetDropZone__target-check {
  margin: 14px 0;
  background-color: #e9ecef;
  font-weight: 600;
  font-size: 0.8em;
  padding: 5px;
  padding-right: 10px;
  margin-left: 10px;
}
.UserMergeToolTargetDropZoneLegacy {
  height: 150px;
  flex: 0 0 100px;
  margin: 32px 20px 16px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.UserMergeToolTargetDropZoneLegacy__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.UserMergeToolTargetDropZoneLegacy--empty .UserMergeToolTargetDropZoneLegacy__content {
  justify-content: center;
  padding: 0;
}
.UserMergeToolTargetDropZoneLegacy__drop-overlay {
  visibility: hidden;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border: 3px dashed #dee2e6;
  border-radius: 2px;
}
.UserMergeToolTargetDropZoneLegacy--empty .UserMergeToolTargetDropZoneLegacy__drop-overlay,
.UserMergeToolTargetDropZoneLegacy--dragging.UserMergeToolTargetDropZoneLegacy--can-drop .UserMergeToolTargetDropZoneLegacy__drop-overlay,
.UserMergeToolTargetDropZoneLegacy--is-over:not(.UserMergeToolTargetDropZoneLegacy--can-drop) .UserMergeToolTargetDropZoneLegacy__drop-overlay,
.UserMergeToolTargetDropZoneLegacy--can-drop .UserMergeToolTargetDropZoneLegacy__drop-overlay {
  visibility: visible;
}
.UserMergeToolTargetDropZoneLegacy--empty,
.UserMergeToolTargetDropZoneLegacy--dragging.UserMergeToolTargetDropZoneLegacy--can-drop,
.UserMergeToolTargetDropZoneLegacy--is-over:not(.UserMergeToolTargetDropZoneLegacy--can-drop) {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  box-shadow: none;
}
.UserMergeToolTargetDropZoneLegacy--dragging.UserMergeToolTargetDropZoneLegacy--can-drop {
  background-color: #edf2ff;
}
.UserMergeToolTargetDropZoneLegacy--dragging.UserMergeToolTargetDropZoneLegacy--can-drop .UserMergeToolTargetDropZoneLegacy__drop-overlay {
  border-color: #91a7ff;
}
.UserMergeToolTargetDropZoneLegacy--dragging.UserMergeToolTargetDropZoneLegacy--can-drop .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolTargetDropZoneLegacy--dragging.UserMergeToolTargetDropZoneLegacy--can-drop .UserMergeToolDropZonePlaceholder p {
  color: #91a7ff;
}
.UserMergeToolTargetDropZoneLegacy--dragging:not(.UserMergeToolTargetDropZoneLegacy--can-drop) {
  opacity: 0.5;
}
.UserMergeToolTargetDropZoneLegacy--is-over.UserMergeToolTargetDropZoneLegacy--can-drop {
  background-color: #dbe4ff;
}
.UserMergeToolTargetDropZoneLegacy--is-over.UserMergeToolTargetDropZoneLegacy--can-drop .UserMergeToolTargetDropZoneLegacy__drop-overlay {
  border-color: #5c7cfa;
  background-color: rgba(219, 228, 255, 0.5);
}
.UserMergeToolTargetDropZoneLegacy--is-over.UserMergeToolTargetDropZoneLegacy--can-drop .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolTargetDropZoneLegacy--is-over.UserMergeToolTargetDropZoneLegacy--can-drop .UserMergeToolDropZonePlaceholder p {
  color: #5c7cfa;
}
.UserMergeToolTargetDropZoneLegacy--is-over:not(.UserMergeToolTargetDropZoneLegacy--can-drop) {
  background-color: #ffe3e3;
}
.UserMergeToolTargetDropZoneLegacy--is-over:not(.UserMergeToolTargetDropZoneLegacy--can-drop) .UserMergeToolTargetDropZoneLegacy__drop-overlay {
  border-color: #ff6b6b;
}
.UserMergeToolTargetDropZoneLegacy--is-over:not(.UserMergeToolTargetDropZoneLegacy--can-drop) .UserMergeToolDropZonePlaceholder h2,
.UserMergeToolTargetDropZoneLegacy--is-over:not(.UserMergeToolTargetDropZoneLegacy--can-drop) .UserMergeToolDropZonePlaceholder p {
  color: #ff6b6b;
}
.UserMergeToolTargetDropZoneLegacy__border {
  border: 1px solid #ced4da;
}
.UserMergeToolTargetDropZoneLegacy__content {
  padding: 0px 24px;
  height: 100px;
}
.UserMergeToolTargetDropZoneLegacy__help-content {
  max-width: 230px;
}
.UserMergeToolTargetDropZoneLegacy__content-header {
  border-bottom: 1px solid #ced4da;
  padding: 0px 12px;
}
.UserMergeToolTargetDropZoneLegacy__content-header h2 {
  font-size: 18px;
}
.UserMergeToolTargetDropZoneLegacy__avatar {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.UserMergeToolTargetDropZoneLegacy__target-indicator-icon {
  width: 16px;
  height: 16px;
}
.UserMergeToolTargetDropZoneLegacy__summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 16px;
}
.UserMergeToolTargetDropZoneLegacy__summary h2 {
  color: #343a40;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserMergeToolTargetDropZoneLegacy__summary p {
  color: #868e96;
  font-size: 16px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserMergeToolTargetDropZoneLegacy__email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserMergeToolTargetDropZoneLegacy__user-details {
  display: flex;
  flex: 1;
  border-right: 1px solid #ced4da;
}
.UserMergeToolTargetDropZoneLegacy__summary-details {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.UserMergeToolTargetDropZoneLegacy__summary-details--title {
  color: #868e96;
  margin-left: 20px;
  margin-bottom: 0px;
}
.UserMergeToolTargetDropZoneLegacy__summary-details--login {
  flex-direction: row;
}
.UserMergeToolTargetDropZoneLegacy__target-check {
  margin: 14px 0;
  background-color: #e9ecef;
  font-weight: 600;
  font-size: 0.8em;
  padding: 5px;
  padding-right: 10px;
  margin-left: 10px;
}
.UserMergeToolUserDropZone {
  width: 100%;
}
.UserMergeToolColumnHeadersLegacy__column-headers > CheckboxDropdown {
  padding-left: 10px;
}
.UserMergeToolColumnHeadersLegacy__column-headers {
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-size: 16px;
  font-weight: 500;
}
.UserMergeToolColumnHeadersLegacy__column-headers--sub-header {
  height: 40px;
  padding-left: 115px;
}
.UserMergeToolColumnHeadersLegacy__column-headers--alias-header {
  margin-left: 60px;
  flex: 0 0 100px;
}
.UserMergeToolColumnHeadersLegacy__checkbox-header {
  padding-left: 54px;
}
.UserMergeToolColumnHeadersLegacy__name-header {
  flex: 1 1 0;
  padding-left: 82px;
}
.UserMergeToolColumnHeadersLegacy__name-header--suggestion {
  flex: 1 1 auto;
  padding-left: 10px;
}
.UserMergeToolColumnHeadersLegacy__aliases-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolColumnHeadersLegacy__include-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolColumnHeadersLegacy__attributes-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolColumnHeadersLegacy__name-header,
.UserMergeToolColumnHeadersLegacy__aliases-header {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.UserMergeToolColumnHeadersLegacy__sort-icon {
  margin-left: 4px;
  transition: transform 300ms ease;
}
.UserMergeToolColumnHeadersLegacy__sort-icon--desc {
  transform: rotate(180deg);
}
.UserMergeToolColumnHeadersLegacy__integration-header {
  width: 190px;
  flex: 0 0 190px;
  box-sizing: border-box;
  padding-right: 100px;
  text-align: center;
}
.UserMergeToolColumnHeadersLegacy__integration-header--suggestion {
  width: 100px;
  flex: 0 0 100px;
  padding-right: 0;
}
.UserMergeToolAliasesDropZoneLegacy .UserMergeToolColumnHeadersLegacy__integration-header--suggestion {
  margin-right: 48px;
}
.UserMergeToolUserListLegacy {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
}
.UserMergeToolUserListLegacy--suggestion {
  position: relative;
}
.UserMergeToolUserListLegacy__column-headers > CheckboxDropdown {
  padding-left: 10px;
}
.UserMergeToolUserListLegacy__column-headers {
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-size: 16px;
  font-weight: 500;
}
.UserMergeToolUserListLegacy__column-headers--sub-header {
  height: 40px;
  padding-left: 115px;
}
.UserMergeToolUserListLegacy__column-headers--alias-header {
  margin-left: 60px;
  flex: 0 0 100px;
}
.UserMergeToolUserListLegacy__checkbox-header {
  padding-left: 54px;
}
.UserMergeToolUserListLegacy__name-header {
  flex: 1 1 0;
  padding-left: 82px;
}
.UserMergeToolUserListLegacy__name-header--suggestion {
  flex: 1 1 auto;
  padding-left: 10px;
}
.UserMergeToolUserListLegacy__aliases-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolUserListLegacy__include-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolUserListLegacy__attributes-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolUserListLegacy__name-header,
.UserMergeToolUserListLegacy__aliases-header {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.UserMergeToolUserListLegacy__sort-icon {
  margin-left: 4px;
  transition: transform 300ms ease;
}
.UserMergeToolUserListLegacy__sort-icon--desc {
  transform: rotate(180deg);
}
.UserMergeToolUserListLegacy__integration-header {
  width: 190px;
  flex: 0 0 190px;
  box-sizing: border-box;
  padding-right: 100px;
  text-align: center;
}
.UserMergeToolUserListLegacy__integration-header--suggestion {
  width: 100px;
  flex: 0 0 100px;
  padding-right: 0;
}
.UserMergeToolAliasesDropZoneLegacy .UserMergeToolUserListLegacy__integration-header--suggestion {
  margin-right: 48px;
}
.UserMergeToolUserListLegacy__users {
  flex: 1 1 0;
  position: relative;
}
.UserMergeToolUserListLegacy__list {
  overflow-y: overlay !important;
  overflow-x: hidden !important;
}
.UserMergeToolAllUsersPage--saving .UserMergeToolUserListLegacy__list,
.UserMergeToolSuggestionsPage--saving .UserMergeToolUserListLegacy__list {
  overflow-y: hidden !important;
}
.UserMergeToolUserListUserLegacy {
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  border-bottom: 1px solid #e9ecef;
  -webkit-user-select: none;
          user-select: none;
  cursor: move;
  transition: top 300ms ease;
  background-color: #ffffff;
}
.UserMergeToolUserListUserLegacy--suggestion {
  position: absolute;
  cursor: pointer;
  width: 100%;
}
.UserMergeToolUserListUserLegacy__remove-button--target {
  display: none;
}
.UserMergeToolUserListUserLegacy__column-headers > CheckboxDropdown {
  padding-left: 10px;
}
.UserMergeToolUserListUserLegacy__column-headers {
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-size: 16px;
  font-weight: 500;
}
.UserMergeToolUserListUserLegacy__column-headers--sub-header {
  height: 40px;
  padding-left: 115px;
}
.UserMergeToolUserListUserLegacy__column-headers--alias-header {
  margin-left: 60px;
  flex: 0 0 100px;
}
.UserMergeToolUserListUserLegacy__checkbox-header {
  padding-left: 54px;
}
.UserMergeToolUserListUserLegacy__name-header {
  flex: 1 1 0;
  padding-left: 82px;
}
.UserMergeToolUserListUserLegacy__name-header--suggestion {
  flex: 1 1 auto;
  padding-left: 10px;
}
.UserMergeToolUserListUserLegacy__aliases-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolUserListUserLegacy__include-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolUserListUserLegacy__attributes-header {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  justify-content: center;
}
.UserMergeToolUserListUserLegacy__name-header,
.UserMergeToolUserListUserLegacy__aliases-header {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.UserMergeToolUserListUserLegacy__sort-icon {
  margin-left: 4px;
  transition: transform 300ms ease;
}
.UserMergeToolUserListUserLegacy__sort-icon--desc {
  transform: rotate(180deg);
}
.UserMergeToolUserListUserLegacy__integration-header {
  width: 190px;
  flex: 0 0 190px;
  box-sizing: border-box;
  padding-right: 100px;
  text-align: center;
}
.UserMergeToolUserListUserLegacy__integration-header--suggestion {
  width: 100px;
  flex: 0 0 100px;
  padding-right: 0;
}
.UserMergeToolAliasesDropZoneLegacy .UserMergeToolUserListUserLegacy__integration-header--suggestion {
  margin-right: 48px;
}
.UserMergeToolAllUsersPage--saving .UserMergeToolUserListUserLegacy,
.UserMergeToolSuggestionsPage--saving .UserMergeToolUserListUserLegacy {
  pointer-events: none;
}
.UserMergeToolUserListUserLegacy__suggestion-row,
.UserMergeToolUserListUserLegacy__user-row {
  display: flex;
  align-items: center;
}
.UserMergeToolUserListUserLegacy__suggestion-row:hover,
.UserMergeToolUserListUserLegacy__user-row:hover {
  background-color: #edf2ff;
}
.UserMergeToolUserListUserLegacy__suggestion-row:hover .Tag,
.UserMergeToolUserListUserLegacy__user-row:hover .Tag {
  background-color: #dbe4ff !important;
}
.UserMergeToolAllUsersPage--dragging .UserMergeToolUserListUserLegacy__suggestion-row:hover,
.UserMergeToolAllUsersPage--dragging .UserMergeToolUserListUserLegacy__user-row:hover,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolUserListUserLegacy__suggestion-row:hover,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolUserListUserLegacy__user-row:hover {
  background-color: transparent;
}
.UserMergeToolUserListUserLegacy__suggestion-row--suggestion,
.UserMergeToolUserListUserLegacy__user-row--suggestion {
  height: 53px;
}
.UserMergeToolUserListUserLegacy__suggestion-row--sub-row,
.UserMergeToolUserListUserLegacy__user-row--sub-row {
  margin-left: 67px;
}
.UserMergeToolUserListUserLegacy__suggestion-row {
  height: 53px;
}
.UserMergeToolUserListUserLegacy__suggestion-row--selected {
  background-color: #edf2ff;
  border-bottom-color: #dbe4ff;
}
.UserMergeToolUserListUserLegacy__suggestion-row--selected .Tag {
  background-color: #dbe4ff !important;
}
.UserMergeToolUserListUserLegacy__user-rows,
.UserMergeToolUserListUserLegacy__alias-rows {
  position: relative;
}
.UserMergeToolUserListUserLegacy__pending {
  width: 32px;
  flex: 0 0 32px;
  text-align: center;
  padding-left: 5px;
}
.UserMergeToolUserListUserLegacy__pending-icon {
  color: #f59f00;
}
.UserMergeToolUserListUserLegacy__expander-icon {
  transition: transform ease 300ms;
  width: 16px;
  height: 8px;
  flex: 0 0 16px;
  margin-left: 0;
  margin-right: 5px;
  cursor: pointer;
}
.UserMergeToolUserListUserLegacy__expander-icon--disabled {
  opacity: 0;
}
.UserMergeToolUserListUserLegacy__expander-icon--expanded {
  transform: rotate(90deg);
}
.UserMergeToolUserListUserLegacy--expanded .UserMergeToolUserListUserLegacy__expander-icon {
  transform: rotate(90deg);
}
.UserMergeToolUserListUserLegacy__checkbox {
  margin-right: 10px;
  flex: 0 0 16px;
}
.UserMergeToolUserListUserLegacy__avatar {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin-right: 10px;
}
.UserMergeToolUserListUserLegacy__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #212529;
  font-size: 14px;
  font-weight: 500;
  flex: 1 1 0;
}
.UserMergeToolUserListUserLegacy__name--suggestion {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 110px;
}
.UserMergeToolUserListUserLegacy__name h2 {
  color: #343a40;
  font-size: 14px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserMergeToolUserListUserLegacy__name p {
  color: #868e96;
  font-size: 12px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UserMergeToolUserListUserLegacy__spinner {
  display: inline-flex;
  margin-left: 10px;
}
.UserMergeToolUserListUserLegacy__alias-count {
  width: 100px;
  flex: 0 0 100px;
  color: #adb5bd;
  text-align: center;
}
.UserMergeToolUserListUserLegacy__alias-count--drop-zone {
  width: 80px;
  flex: 0 0 80px;
}
.UserMergeToolUserListUserLegacy__alias-count .Tag {
  background-color: #f1f3f5 !important;
  color: #212529;
  width: 20px;
  padding: 4px 6px;
}
.UserMergeToolUserListUserLegacy__alias-count--new {
  font-weight: bold;
}
.UserMergeToolUserListUserLegacy__integration {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  color: #adb5bd;
}
.UserMergeToolUserListUserLegacy__integration--new {
  font-weight: bold;
}
.UserMergeToolUserListUserLegacy__attributes {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
}
.UserMergeToolUserListUserLegacy__action-buttons--target {
  margin-right: 42px;
}
.UserMergeToolUserListUserLegacy__remove-button {
  color: #ced4da !important;
  margin-right: 33px;
}
.UserMergeToolUserListUserLegacy__remove-button,
.UserMergeToolUserListUserLegacy__target-button {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin: 8px 16px 8px 0px;
}
.UserMergeToolUserListUserLegacy__unmerge-button {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin: 8px 32px 8px 5px;
}
.UserMergeToolUserListUserLegacy__drop-overlay {
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px dashed #5c7cfa;
  border-radius: 2px;
}
.UserMergeToolUserListUserLegacy--can-drop.UserMergeToolUserListUserLegacy--is-over .UserMergeToolUserListUserLegacy__drop-overlay {
  visibility: visible;
}
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--selected {
  background-color: #edf2ff;
  border-bottom-color: #dbe4ff;
}
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--selected .Tag {
  background-color: #dbe4ff !important;
}
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--dragging {
  background-color: #f6f9ff;
  border-bottom-color: #edf2ff;
}
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--dragging .Tag {
  background-color: #dbe4ff !important;
}
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--dragging .UserMergeToolUserListUserLegacy__expander-icon,
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--dragging .UserMergeToolUserListUserLegacy__avatar,
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--dragging .UserMergeToolUserListUserLegacy__name,
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--dragging .UserMergeToolUserListUserLegacy__alias-count,
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--dragging .UserMergeToolUserListUserLegacy__integration,
:not(.UserMergeToolUserListUserLegacy--preview).UserMergeToolUserListUserLegacy--dragging .UserMergeToolUserListUserLegacy__unmerge-button {
  opacity: 0.5;
}
.UserMergeToolAllUsersPage--dragging .UserMergeToolUserListUserLegacy:not(.UserMergeToolUserListUserLegacy--preview):not(.UserMergeToolUserListUserLegacy--dragging):not(.UserMergeToolUserListUserLegacy--can-drop) .UserMergeToolUserListUserLegacy__user-row,
.UserMergeToolAllUsersPage--dragging .UserMergeToolUserListUserLegacy:not(.UserMergeToolUserListUserLegacy--preview):not(.UserMergeToolUserListUserLegacy--dragging):not(.UserMergeToolUserListUserLegacy--can-drop) .UserMergeToolUserListAlias,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolUserListUserLegacy:not(.UserMergeToolUserListUserLegacy--preview):not(.UserMergeToolUserListUserLegacy--dragging):not(.UserMergeToolUserListUserLegacy--can-drop) .UserMergeToolUserListUserLegacy__user-row,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolUserListUserLegacy:not(.UserMergeToolUserListUserLegacy--preview):not(.UserMergeToolUserListUserLegacy--dragging):not(.UserMergeToolUserListUserLegacy--can-drop) .UserMergeToolUserListAlias {
  opacity: 0.5;
}
.UserMergeToolUserListUserLegacy--can-drop.UserMergeToolUserListUserLegacy--is-over {
  background-color: #edf2ff;
}
.UserMergeToolUserListUserLegacy--can-drop.UserMergeToolUserListUserLegacy--is-over .Tag {
  background-color: #dbe4ff !important;
}
.UserMergeToolUserListUserLegacy--merging {
  opacity: 0.5;
}
.UserMergeToolUserListUserLegacy__help-tooltip--drop-zone {
  max-width: 250px;
  white-space: pre-wrap;
}
.UserMergeToolUserListAliasLegacy {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-top: 1px solid #e9ecef;
  -webkit-user-select: none;
          user-select: none;
  transform: translate3d(0, 0, 0);
  cursor: move;
  transition: top 300ms ease;
  position: absolute;
  left: 0;
  right: 0;
}
.UserMergeToolUserListAliasLegacy .UserMergeToolDraggableRecord {
  display: flex;
  align-items: center;
}
.UserMergeToolUserListAliasLegacy__pending {
  width: 32px;
  margin-right: 40px;
  flex: 0 0 32px;
  text-align: center;
  padding-left: 5px;
}
.UserMergeToolUserListAliasLegacy__pending-icon {
  color: #f59f00;
}
.UserMergeToolUserListAliasLegacy__checkbox {
  margin-right: 10px;
  flex: 0 0 16px;
}
.UserMergeToolUserListAliasLegacy__avatar {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin-right: 10px;
}
.UserMergeToolUserListAliasLegacy__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #212529;
  font-size: 14px;
  font-weight: 500;
  flex: 1 1 0;
}
.UserMergeToolUserListAliasLegacy__name .Tag {
  background-color: #dbe4ff !important;
  color: #212529;
  padding: 4px 6px;
  font-weight: 400;
  margin-left: 4px;
}
.UserMergeToolUserListAliasLegacy__name--suggestion {
  padding-top: 10px;
}
.UserMergeToolUserListAliasLegacy__name h2 {
  color: #343a40;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 2px;
  line-height: 5px;
}
.UserMergeToolUserListAliasLegacy__name p {
  color: #868e96;
  font-size: 12px;
  margin: 0;
}
.UserMergeToolUserListAliasLegacy__alias-count {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  color: #adb5bd;
}
.UserMergeToolUserListAliasLegacy__integration {
  width: 100px;
  flex: 0 0 100px;
  text-align: center;
  color: #adb5bd;
}
.UserMergeToolUserListAliasLegacy__integration--suggestion {
  margin-right: 60px;
}
.UserMergeToolUserListAliasLegacy__unmerge-button {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 12px;
  margin: 8px 32px 8px 5px;
}
:not(.UserMergeToolUserListAliasLegacy--preview).UserMergeToolUserListAliasLegacy--selected,
.UserMergeToolUserListAliasLegacy:hover {
  background-color: #edf2ff;
  border-top-color: #dbe4ff;
}
.UserMergeToolAllUsersPage--dragging .UserMergeToolUserListAliasLegacy:hover,
.UserMergeToolSuggestionsPage--dragging .UserMergeToolUserListAliasLegacy:hover {
  background-color: transparent;
  border-top-color: #e9ecef;
}
:not(.UserMergeToolUserListAliasLegacy--preview).UserMergeToolUserListAliasLegacy.UserMergeToolUserListAliasLegacy--dragging {
  background-color: #f6f9ff;
  border-bottom-color: #edf2ff;
}
:not(.UserMergeToolUserListAliasLegacy--preview).UserMergeToolUserListAliasLegacy--dragging .UserMergeToolUserListAliasLegacy__avatar,
:not(.UserMergeToolUserListAliasLegacy--preview).UserMergeToolUserListAliasLegacy--dragging .UserMergeToolUserListAliasLegacy__name,
:not(.UserMergeToolUserListAliasLegacy--preview).UserMergeToolUserListAliasLegacy--dragging .UserMergeToolUserListAliasLegacy__alias-count,
:not(.UserMergeToolUserListAliasLegacy--preview).UserMergeToolUserListAliasLegacy--dragging .UserMergeToolUserListAliasLegacy__integration,
:not(.UserMergeToolUserListAliasLegacy--preview).UserMergeToolUserListAliasLegacy--dragging .UserMergeToolUserListAliasLegacy__unmerge-button {
  opacity: 0.5;
}
.UserMergeToolUserListAliasLegacy--merging {
  opacity: 0.5;
}
.UserMergeToolUserListAliasLegacy--suggestion {
  margin-left: 88px;
}
.EventImportSuccessMessage__view-results {
  padding: 6px;
}
.BulkCalendarSubscriptionModal__description {
  line-height: 1.5;
}
.BulkCalendarSubscriptionModal__error {
  margin: 10px 20px;
}
.BulkCalendarSubscriptionModal__to-calendar-name {
  font-weight: 600;
}
.BulkCalendarSubscriptionModal__user-list {
  list-style: none;
  margin: 10px 20px;
  padding: 0;
}
.BulkCalendarSubscriptionModal__user-item {
  display: inline-block;
  margin: 5px;
  padding: 5px;
  border: 1px solid #3b5bdb;
  background-color: #edf2ff;
  color: #3b5bdb;
}
.BulkCalendarSubscriptionModal__content:after {
  display: none;
}
.BulkCalendarSubscriptionModal__footer {
  justify-content: flex-end;
}
.BulkCalendarSubscriptionModal__checkbox {
  padding: 2.5 16px;
  margin: 10px 4px;
}
.BulkCalendarSubscriptionModal__subscribe-teams-header {
  padding-left: 20px;
  display: flex;
  align-items: baseline;
}
.BulkCalendarSubscriptionModal__team-picker {
  padding: 0 16px;
}
.BulkCalendarSubscriptionModal__team-picker .SearchBox__header {
  background-color: white;
}
.BulkCalendarSubscriptionModal__team-list-header {
  background-color: #f8f9fa;
  padding: 20px 34px 10px 32px;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
}
.BulkCalendarSubscriptionModal__team-list-header > span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
.BulkCalendarSubscriptionModal__team-list-header-name {
  color: #868e96;
}
.BulkCalendarSubscriptionModal__team-list-header-clear {
  color: #fa5252;
  cursor: pointer;
}
.BulkCalendarSubscriptionModal__team-list-header-clear:hover {
  text-decoration: underline;
}
.BulkCalendarSubscriptionModal__team-list {
  height: 200px;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  background-color: #f8f9fa;
}
.BulkCalendarSubscriptionModal__team-list-placeholder {
  background-color: white;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.BulkCalendarSubscriptionModal__team-list-placeholder h4 {
  font-size: 24px;
  color: #868e96;
  margin-bottom: 0;
  font-weight: 400;
}
.BulkCalendarSubscriptionModal__team-list-placeholder p {
  padding: 0 25%;
  color: #adb5bd;
  text-align: center;
}
.BulkCalendarSubscriptionModal__team-item {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px 12px 32px;
  border-bottom: 1px solid #dee2e6;
  background-color: white;
}
.BulkCalendarSubscriptionModal__team-summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.BulkCalendarSubscriptionModal__team-name {
  font-size: 16px;
  font-weight: 600;
  color: #343a40;
  padding: 5px 0;
}
.BulkCalendarSubscriptionModal__team-name,
.BulkCalendarSubscriptionModal__team-path {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BulkCalendarSubscriptionModal__team-path-segment {
  display: inline-block;
  color: #adb5bd;
  font-size: 13px;
}
.BulkCalendarSubscriptionModal__team-path-segment--main {
  color: #868e96;
  font-weight: 600;
}
.BulkCalendarSubscriptionModal__team-path-separator {
  margin: 0 4px;
}
.BulkCalendarSubscriptionModal__team-actions .Button {
  border-radius: 100px;
}
.CalendarDetailEvents,
.CalendarDetailSubscriptions {
  width: 100%;
  margin-bottom: 75px;
}
.CalendarDetailEvents__header,
.CalendarDetailSubscriptions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
.CalendarDetailEvents__title,
.CalendarDetailSubscriptions__title {
  margin: 0px 0px 3px 0px;
  line-height: 36px;
}
.CalendarDetailEvents__description,
.CalendarDetailSubscriptions__description {
  margin: 0;
  color: #868e96;
  margin-top: 16px;
}
.CalendarDetailEvents__description p,
.CalendarDetailSubscriptions__description p {
  color: #868e96;
}
.CalendarDetailEvents__description a,
.CalendarDetailSubscriptions__description a {
  font-weight: 500;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.CalendarDetailEvents__description a:hover,
.CalendarDetailSubscriptions__description a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.CalendarDetailEvents__description,
.CalendarDetailSubscriptions__description {
  margin-top: 16px;
}
.CalendarDetailEvents__description--learnmore a,
.CalendarDetailSubscriptions__description--learnmore a {
  font-weight: 500;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.Events__description {
  margin-bottom: 10px;
}
.CalendarDetailSummary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 18px;
}
.CalendarDetailSummary__edit-div {
  text-align: right;
  margin-top: 10px;
}
.CalendarDetailSummary__icon-container {
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  width: 110px;
  height: 110px;
  margin-bottom: 8px;
}
.CalendarDetailSummary__icon-container img {
  width: auto;
  height: 100%;
}
.CalendarDetailSummary__icon-container div {
  background-color: #73a133;
  height: 110px;
  text-align: center;
  font-size: 64px;
  color: #fff;
  padding-top: 20px;
}
.CalendarDetailSummary__name {
  align-self: center;
  font-size: 21px;
  line-height: 28px;
  margin: 5px;
}
.CalendarDetailSummary__details {
  align-self: center;
  font-size: 16px;
}
.CalendarDetailSummary__details--description {
  color: #adb5bd;
  margin-top: 8px;
}
.CalendarDetailSummary__details--placement {
  margin-top: 10px;
}
.CalendarDetailSummary__details--type {
  margin-top: 10px;
}
.CalendarDetailSummary__box {
  margin-top: 38px;
}
.CalendarDetailSummary__description {
  color: #adb5bd;
  align-self: center;
}
.CalendarDetailSummary__toggle {
  align-self: center;
  margin-top: 10px;
}
.CalendarDetailSummary__toggle label {
  margin-left: 10px;
}
.CalendarDetailSummary__summary-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 13px 0;
  border-top: 1px solid #ced4da;
  min-height: 53px;
}
.CalendarDetailSummary__summary-row:last-of-type {
  border-bottom: 1px solid #ced4da;
}
.CalendarDetailSummary__label-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.CalendarDetailSummary__label {
  font-size: 11px;
  font-weight: 400;
  color: #868e96;
  text-transform: uppercase;
  padding-right: 10px;
}
.CalendarDetailSummary__sub-name {
  font-size: 14px;
  font-weight: 400;
  color: #343a40;
  padding-right: 10px;
}
.CalendarDetailSummary__tooltip {
  display: flex;
  align-self: flex-start;
}
.CalendarDetailSummary__toggle {
  display: flex;
}
.CalendarDetailSummary__invite-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  cursor: pointer;
}
.CalendarDetailSummary__invite-link:hover {
  text-decoration: underline;
}
.CalendarDetailSummary__created-by {
  padding-top: 5px;
}
.CalendarDetailSummary__user {
  display: flex;
}
.CalendarDetailSummary__user-avatar {
  color: #343a40;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 12px;
}
.CalendarDetailSummary__user-avatar--system {
  background-color: #ced4da;
  text-align: center;
}
.CalendarDetailSummary__user-avatar--system .Icon {
  padding-top: 6px;
}
.CalendarDetailSummary__user-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 24px;
  padding-top: 5px;
  font-weight: 500;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.CalendarDetailSummary__user-name a {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.CalendarCreateEditModal {
  width: 650px !important;
  /* To verify */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.CalendarCreateEditModal__avatar_container {
  align-self: center;
  border-radius: 50%;
  border: 1px solid #868e96;
  background-color: #868e96;
  overflow: hidden;
  width: 110px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
}
.CalendarCreateEditModal__text {
  background-color: #73a133;
  height: 110px;
  text-align: center;
  font-size: 64px;
  color: #fff;
  padding-top: 20px;
}
.CalendarCreateEditModal__avatar_section {
  padding-bottom: 0 !important;
  text-align: center;
}
.CalendarCreateEditModal__avatar_section input[type='file'] {
  display: none;
}
.CalendarCreateEditModal__file-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #3b5bdb;
  margin-top: 5px;
  align-self: center;
  cursor: pointer;
}
.CalendarCreateEditModal__file-link:hover {
  text-decoration: underline;
}
.CalendarCreateEditModal__bottom-section {
  display: inline-flex;
  background-color: #f8f9fa;
}
.CalendarCreateEditModal__left-column {
  display: flex;
  width: 50%;
  flex-direction: column;
}
.CalendarCreateEditModal__left-column .item {
  margin-bottom: 15px;
}
.CalendarCreateEditModal__right-column {
  display: flex;
  height: 167px;
  width: 250px;
  background-size: 350px;
  background-repeat: no-repeat;
  background-position-x: -50px;
  background-position-y: -25px;
}
.CalendarCreateEditModal section {
  padding-top: 15px !important;
  padding-bottom: 0 !important;
}
.CalendarCreateEditModal__input-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 0;
}
.CalendarCreateEditModal__input-label--error {
  color: #fa5252;
}
.CalendarCreateEditModal__input-label input {
  margin-top: 5px;
}
.CalendarCreateEditModal__input-text {
  align-self: stretch;
  font-size: 14px;
}
.CalendarCreateEditModal__input-text--error {
  color: #fa5252;
  border: 1px solid red;
}
.CalendarCreateEditModal__buttons {
  display: flex;
  justify-content: flex-end;
}
.CalendarCreateEditModal__error {
  color: #f03e3e;
  padding-left: 21px;
  margin-top: 0;
}
.CalendarCreateEditModalContent .alert {
  display: block !important;
  text-align: left !important;
}
.CalendarCreateEditModalContent .alert-content .title,
.CalendarCreateEditModalContent .alert-content .details {
  margin-left: 5px;
}
.CalendarCreateEditModalContent:after {
  display: none !important;
}
.CalendarDetailSubscriptions__Calendar-member-list {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
}
.CalendarDetailSubscriptions__Calendar-member-child-icon {
  padding-bottom: 2px;
  padding-right: 2px;
}
.CalendarDetailSubscriptions_Calendar-member-list-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CalendarDetailSubscriptions_Calendar-member-list-item:last-child {
  margin-right: none;
}
.CalendarDetailSubscriptions__Calendar-member-overflow {
  vertical-align: middle;
  display: inline-block;
  width: 78px;
  padding-left: 5px;
}
.CalendarDetailEvents__table-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  margin-bottom: 30px;
}
.CalendarEventsDateRangePicker__label {
  font-weight: 500;
}
.CalendarDetailEventsTable {
  height: 400px;
  margin-bottom: 80px;
  position: relative;
}
.CalendarDetailEventsTable .ReactVirtualized__Table__headerRow {
  box-sizing: border-box;
  border-top: 1px solid #adb5bd;
  border-bottom: 1px solid #dee2e6;
}
.CalendarDetailEventsTable__spinner-overlay {
  z-index: 200;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.005);
  display: flex;
  align-items: center;
  justify-content: center;
}
.CalendarDetailEventsTable__column-header {
  text-transform: none;
  color: #adb5bd;
}
.CalendarDetailEventsTable__row,
.CalendarDetailEventsTable__cell {
  overflow: visible !important;
}
.CalendarDetailEventsTable__row {
  box-sizing: border-box;
  border-bottom: 1px solid #dee2e6;
  align-items: stretch;
}
.CalendarDetailEventsTable__row--SPINNER_ROW,
.CalendarDetailEventsTable__row--NO_EVENTS_ROW {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CalendarDetailEventsTable__row--DAY_ROW {
  background-color: #f8f9fa;
  justify-content: space-between;
  overflow: hidden !important;
}
.CalendarDetailEventsTable__day-row-title {
  font-weight: 500;
  margin-left: 10px;
}
.CalendarDetailEventsTable__day-row-expand-button {
  width: 100px;
  margin-right: 20px;
}
.CalendarDetailEventsTable__cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CalendarDetailEventsTable__cell--time {
  justify-content: flex-start;
}
.CalendarDetailEventsTable__cell--selected {
  height: 100%;
}
.CalendarDetailEventsTable__cell-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  vertical-align: middle;
}
.CalendarDetailEventsTable__cell-content--selected {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-right: 6px;
  border-right: 1px solid #dee2e6;
}
.CalendarDetailEventsTable__cell-content--picker {
  overflow: visible;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.CalendarDetailEventsTable__cell-content--show-in-reports {
  text-align: center;
}
.CalendarDetailEventsTable__cell-content--link {
  text-decoration: none;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.CalendarDetailEventsTable__cell-content--link:hover {
  text-decoration: underline;
}
.CalendarDetailEventsTable__cell-content--remove-button {
  padding: 0;
  margin: 0;
}
.CalendarDetailEventsTable__cell-content .Avatar {
  flex: 0;
  margin-right: 4px;
}
.RemoveSubscriptionButton {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.RemoveSubscriptionButton__button {
  color: red;
}
#app .SubscriptionsTable__table .rt-td {
  overflow: visible;
}
.CalendarListPage .RemoveCalendarButton {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.CalendarListPage .RemoveCalendarButton__button {
  color: red;
}
#app .CalendarsTable__table .rt-td {
  overflow: visible;
}
.CreateEditCalendarModal .LabeledInput {
  padding-bottom: 10px;
}
.CreateEditCalendarModal__api-error {
  color: #fa5252;
  padding-bottom: 5px;
}
.CreateEditCalendarModal__pickers {
  display: flex;
  justify-content: space-between;
}
.ViewEventImportResultsModal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  height: 80%;
}
.ViewEventImportResultsModal__content {
  width: 100%;
}
.ViewEventImportResultsModal__header {
  font-weight: 600;
}
.ViewEventImportResultsModal__footer {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.ViewEventImportResultsModal table {
  border-collapse: collapse;
  background-color: #f8f9fa;
  min-width: 100%;
}
.ViewEventImportResultsModal table td,
.ViewEventImportResultsModal table th {
  padding: 5px;
  border: 1px solid #868e96;
}
.ViewEventImportResultsModal table td {
  height: 10px;
}
.ViewEventImportResultsModal table th {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #dee2e6;
}
.ViewEventImportResultsModal__row--error {
  background-color: rgba(240, 62, 62, 0.15);
}
.ViewEventImportResultsModal__status--error {
  color: #f03e3e;
}
.EventCSVBulkImportPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.EventCSVBulkImportFileUpload {
  flex-grow: 1;
  padding: 15px;
  color: #343a40;
  background-color: #f8f9fa;
}
.EventCSVBulkImportFileUpload table {
  border-collapse: collapse;
  background-color: #f8f9fa;
}
.EventCSVBulkImportFileUpload table td,
.EventCSVBulkImportFileUpload table th {
  padding: 5px;
  border: 1px solid #868e96;
}
.EventCSVBulkImportFileUpload table td {
  height: 10px;
}
.EventCSVBulkImportFileUpload table th {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #dee2e6;
}
.EventCSVBulkImportFileUpload pre {
  overflow: auto;
  background-color: #ffffff;
}
.EventCSVBulkImportFileUpload__subtitle {
  font-weight: 400;
  font-size: 15px;
  color: #495057;
}
.EventCSVBulkImportFileUpload__fileselect {
  width: 95%;
}
.EventCSVBulkImportOptions {
  flex-grow: 1;
  padding: 15px;
  color: #343a40;
  background-color: #f8f9fa;
}
.EventCSVBulkImportOptions__subtitle {
  font-weight: 500;
  font-size: 15px;
  color: #495057;
}
.EventCSVBulkImportOptions__options {
  display: flex;
  justify-content: space-between;
}
.EventCSVBulkImportOptions__radio {
  margin-top: 10px;
  margin-bottom: 10px;
}
.EventCSVBulkImportOptions__checkboxes {
  background-color: #dee2e6;
  padding: 10px;
  width: 290px;
}
.EventCSVBulkImportOptions__checkbox {
  margin-top: 10px;
  margin-bottom: 10px;
}
.EventCSVBulkImportConfirm {
  padding: 15px;
  flex-grow: 1;
  color: #343a40;
  background-color: #f8f9fa;
}
.EventCSVBulkImportConfirm .alert {
  margin-top: 30px;
}
.EventCSVBulkImportPanelHeader {
  flex: 0 0 auto;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #ced4da;
}
.EventCSVBulkImportPanelHeader__title {
  font-size: 26px;
  font-weight: 400;
  margin: 10px;
}
.EventCSVBulkImportPanelHeader__subtitle {
  color: #495057;
  margin-bottom: 10px;
}
.EventCSVBulkImportPanelHeader__helplink {
  margin-bottom: 10px;
}
.EventCSVBulkImportPanelHeader__helplink a {
  text-decoration: none;
}
.EventCSVBulkImportPanelHeader .alert-content {
  text-align: left;
}
.EventCSVBulkImportPanelFooter {
  border-top: 1px solid #ced4da;
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 15px;
}
.EventCSVBulkImportPanelFooter__next {
  min-width: 160px;
}
.ChartTooltip {
  padding: 0;
  box-shadow: 0 2px 9px rgba(73, 80, 87, 0.2), 0 2px 10px rgba(73, 80, 87, 0.1);
  border: 1px solid #343a40;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  z-index: 1500;
  display: block;
  min-width: 200px;
  pointer-events: none;
  margin-bottom: 0px;
  margin-top: 0px;
  max-width: 800px;
  text-align: left;
}
.HorizontalBarChart__tooltip {
  opacity: 0;
  transform: translateX(-10px);
  transition: 0.25s all ease;
}
.HorizontalBarChart:hover .HorizontalBarChart__tooltip {
  opacity: 1;
  transform: translateX(0px);
}
.DevSnapshot svg.HorizontalBarChart {
  overflow: visible;
}
.ReviewCollaboration svg.HorizontalBarChart {
  overflow: hidden;
}
.PRBar {
  width: 100%;
  height: 16px;
  margin: 5px 0;
  position: relative;
  box-sizing: border-box;
}
.PRBar__timeline {
  display: inline-block;
  height: 100%;
  width: 100%;
  vertical-align: top;
  position: relative;
}
.PRBar__timeline--hidden {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.PRBar__hidden-icon-container {
  display: inline-block;
  vertical-align: top;
  flex: 0 0 8px;
  width: 8px;
}
.PRBar__hidden-icon {
  width: 8px;
  vertical-align: top;
  pointer-events: none;
}
.PRBar__unreviewed-indicator {
  position: absolute;
  right: 0;
  display: inline-flex;
  height: 100%;
  align-items: center;
  color: #f59f00;
  -webkit-user-select: none;
          user-select: none;
}
.PRBar__unreviewed-symbol,
.PRBar__closed-symbol {
  pointer-events: none;
}
.PRBar__closed-symbol {
  border: 1px solid #adb5bd;
  border-radius: 50%;
}
.PRBar__closed-indicator {
  position: absolute;
  right: 0;
  display: inline-flex;
  height: 100%;
  align-items: center;
  color: #adb5bd;
  -webkit-user-select: none;
          user-select: none;
}
.PRBar--theme-basic {
  background-color: #eaeefe;
}
.PRBar--theme-basic .PRBar__hidden-icon {
  color: rgba(27, 110, 194, 0.4);
}
.PRBar--theme-basic.PRBar--closed .PRBar__hidden-icon {
  color: #a9a9a9;
}
.PRBar--theme-basic.PRBar--unreviewed .PRBar__hidden-icon {
  color: #fcc419;
}
.PRBar--theme-color {
  background-color: white;
  box-shadow: 0 4px 15px 0 rgba(73, 80, 87, 0.14), 0 4px 24px 0 rgba(73, 80, 87, 0.1);
}
.PRBar--unreviewed {
  background-color: #fff2c4;
}
.PRBar--closed {
  background-color: #f0f2f4;
}
.PRBarEndPoint {
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
}
.PRBarEndPoint__cap {
  display: inline-block;
  width: 6px;
  height: 100%;
  vertical-align: top;
}
.PRBarEndPoint__icon {
  display: inline-block;
  height: 100%;
  width: 8px;
  vertical-align: top;
  z-index: 200;
}
.PRBarEndPoint__slash {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 6px;
  overflow: hidden;
}
.PRBarEndPoint__slash:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  height: 120%;
  width: 100%;
}
.PRBarEndPoint--start,
.PRBarEndPoint--start .PRBarEndPoint__cap {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.PRBarEndPoint--end,
.PRBarEndPoint--end .PRBarEndPoint__cap {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.PRBarEndPoint--start .PRBarEndPoint__icon {
  padding-left: 2px;
}
.PRBarEndPoint--end .PRBarEndPoint__icon {
  padding-right: 2px;
}
.PRBarEndPoint--start .PRBarEndPoint__slash:after {
  transform: rotate(15deg) translate(2px, -1px);
}
.PRBarEndPoint--end .PRBarEndPoint__slash:after {
  transform: rotate(15deg) translate(-4px, -1px);
}
.PRBarEndPoint--inside.PRBarEndPoint--start {
  left: -7px;
}
.PRBarEndPoint--inside.PRBarEndPoint--end {
  right: -7px;
}
.PRBarEndPoint--inside.PRBarEndPoint--start .PRBarEndPoint__cap {
  border-right: 1px solid white;
}
.PRBarEndPoint--inside.PRBarEndPoint--end .PRBarEndPoint__cap {
  border-left: 1px solid white;
}
.PRBarEndPoint--outside.PRBarEndPoint--start {
  left: -22px;
}
.PRBarEndPoint--outside.PRBarEndPoint--end {
  right: -22px;
}
.PRBarEndPoint--theme-basic .PRBarEndPoint__cap {
  background-color: #abc6ea;
}
.PRBarEndPoint--theme-basic .PRBarEndPoint__icon {
  color: #abc6ea;
}
.PRBarEndPoint--theme-basic.PRBarEndPoint--closed .PRBarEndPoint__icon {
  color: #ced4da;
}
.PRBarEndPoint--theme-basic.PRBarEndPoint--unreviewed .PRBarEndPoint__icon {
  color: #ffd43b;
}
.PRBarEndPoint--theme-basic .PRBarEndPoint__slash:after {
  background-color: #eaeefe;
}
.PRBarEndPoint--theme-basic.PRBarEndPoint--start .PRBarEndPoint__slash:after {
  border-left: 1px solid #abc6ea;
}
.PRBarEndPoint--theme-basic.PRBarEndPoint--end .PRBarEndPoint__slash:after {
  border-right: 1px solid #abc6ea;
}
.PRBarEndPoint--theme-color.PRBarEndPoint--outside .PRBarEndPoint__cap {
  box-shadow: 0 4px 10px 0 rgba(73, 80, 87, 0.14), 0 4px 14px 0 rgba(73, 80, 87, 0.1);
}
.PRBarEndPoint--theme-color .PRBarEndPoint__icon {
  color: #ced4da;
}
.PRBarEndPoint--theme-color .PRBarEndPoint__slash:after {
  background-color: white;
}
.PRBarEndPoint--theme-color.PRBarEndPoint--start .PRBarEndPoint__slash:after {
  border-left: 1px solid #ced4da;
}
.PRBarEndPoint--theme-color.PRBarEndPoint--end .PRBarEndPoint__slash:after {
  border-right: 1px solid #ced4da;
}
.PRBarEndPoint--unreviewed.PRBarEndPoint--start .PRBarEndPoint__slash:after {
  border-left: 1px solid #f59f00;
}
.PRBarEndPoint--unreviewed.PRBarEndPoint--end .PRBarEndPoint__slash:after {
  border-right: 1px solid #f59f00;
}
.PRBarEndPoint--unreviewed .PRBarEndPoint__cap {
  background-color: #fab005;
}
.PRBarEndPoint--unreviewed .PRBarEndPoint__slash:after {
  background-color: #fff2c4;
}
.PRBarEndPoint--closed.PRBarEndPoint--start .PRBarEndPoint__slash:after {
  border-left: 1px solid #adb5bd;
}
.PRBarEndPoint--closed.PRBarEndPoint--end .PRBarEndPoint__slash:after {
  border-right: 1px solid #adb5bd;
}
.PRBarEndPoint--closed .PRBarEndPoint__cap {
  background-color: #adb5bd;
}
.PRBarEndPoint--closed .PRBarEndPoint__slash:after {
  background-color: #e6e9eb;
}
.PRBarBundle {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.PRBarBundle__comment-container,
.PRBarBundle__follow-on-commit-container,
.PRBarBundle__summary-container {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  height: 100%;
}
.PRBarBundle__comment {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
}
.PRBarBundle__comment-segment {
  flex: 1 0 0;
}
.PRBarBundle__follow-on-commit {
  box-sizing: border-box;
}
.PRBarBundle__label {
  -webkit-user-select: none;
          user-select: none;
  margin-top: 1px;
}
.PRBarBundle--theme-basic .PRBarBundle__comment {
  background-color: #a7b9ff;
}
.PRBarBundle--theme-basic.PRBarBundle--closed .PRBarBundle__comment {
  background-color: #bdc4ca;
}
.PRBarBundle--theme-basic.PRBarBundle--unreviewed .PRBarBundle__comment {
  background-color: #ffe685;
}
.PRBarBundle--theme-basic .PRBarBundle__follow-on-commit {
  background-color: #d3dcff;
  border: 1px solid #a7b9ff;
}
.PRBarBundle--theme-basic .PRBarBundle__label {
  color: #156ec2;
}
.PRBarBundle--theme-basic.PRBarBundle--closed .PRBarBundle__label {
  color: #a9a9a9;
}
.PRBarBundle--theme-basic.PRBarBundle--unreviewed .PRBarBundle__label {
  color: #fcc419;
}
.PRBarBundle--theme-basic.PRBarBundle--unreviewed .PRBarBundle__follow-on-commit {
  background-color: #fbd999;
  border: 1px solid #f7b233;
}
.PRBarBundle--theme-basic.PRBarBundle--closed .PRBarBundle__follow-on-commit {
  background-color: #cfd2d5;
  border: 1px solid #9ea5ab;
}
.PRBarBundle--theme-color .PRBarBundle__follow-on-commit {
  background-color: rgba(252, 152, 38, 0.7);
  border: 1px solid #fc9826;
}
.PRBarPSDS {
  width: 100%;
  height: 18px;
  margin: 4px 0;
  position: relative;
  box-sizing: border-box;
}
.PRBarPSDS__timeline {
  display: inline-block;
  height: 100%;
  width: 100%;
  vertical-align: top;
  position: relative;
}
.PRBarPSDS__timeline--hidden {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.PRBarPSDS__hidden-icon-container {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  vertical-align: top;
  flex: 0 0 8px;
  width: 8px;
}
.PRBarPSDS__hidden-icon {
  width: 8px;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  vertical-align: top;
  pointer-events: none;
}
.PRBarPSDS__unreviewed-indicator {
  position: absolute;
  right: 0;
  display: inline-flex;
  height: 100%;
  align-items: center;
  color: var(--flow-colors-white);
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.8;
}
.PRBarPSDS__deleted-indicator {
  position: absolute;
  right: 0;
  display: inline-flex;
  height: 100%;
  align-items: center;
  color: var(--flow-colors-white);
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.8;
}
.PRBarPSDS--theme-color .PRBarPSDS__unreviewed-indicator,
.PRBarPSDS--theme-color .PRBarPSDS__unreviewed-label {
  color: var(--flow-colors-gray-5);
}
.PRBarPSDS--theme-color .PRBarPSDS__deleted-indicator,
.PRBarPSDS--theme-color {
  color: var(--flow-colors-text-icon-low-on-dark);
}
.PRBarPSDS__unreviewed-symbol,
.PRBarPSDS__closed-symbol {
  pointer-events: none;
}
.PRBarPSDS__deleted-label {
  color: var(--flow-colors-text-icon-high-on-light);
}
.PRBarPSDS__deleted-indicator {
  position: absolute;
  right: 0;
  display: inline-flex;
  height: 100%;
  align-items: center;
  color: var(--flow-colors-text-icon-high-on-light);
  -webkit-user-select: none;
          user-select: none;
  font-weight: 600;
}
.PRBarPSDS__closed-indicator {
  position: absolute;
  right: 0;
  display: inline-flex;
  height: 100%;
  align-items: center;
  color: var(--flow-colors-gray-5);
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.5;
}
.PRBarPSDS--theme-basic {
  background-color: var(--flow-colors-blue-6);
}
.PRBarPSDS--theme-basic .PRBarPSDS__hidden-icon {
  color: rgba(27, 110, 194, 0.4);
}
.PRBarPSDS--theme-basic.PRBarPSDS--closed .PRBarPSDS__hidden-icon {
  color: #a9a9a9;
}
.PRBarPSDS--theme-basic.PRBarPSDS--unreviewed .PRBarPSDS__hidden-icon {
  color: var(--flow-colors-yellow-9);
}
.PRBarPSDS--theme-color {
  background-color: white;
  box-shadow: 0 4px 15px 0 rgba(73, 80, 87, 0.14), 0 4px 24px 0 rgba(73, 80, 87, 0.1);
}
.PRBarPSDS--unreviewed {
  background-color: var(--flow-colors-yellow-9);
}
.PRBarPSDS--theme-color.PRBarPSDS--unreviewed {
  background-color: var(--flow-colors-yellow-6);
}
.PRBarPSDS--closed {
  background-color: #f0f2f4;
}
.PRBarPSDS--deleted {
  background: var(--flow-colors-text-icon-low-on-dark);
}
.PRBarPSDS--theme-color.PRBarPSDS--deleted {
  background-color: white;
}
.PRBarEndPointPSDS {
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
}
.PRBarEndPointPSDS__cap {
  display: inline-block;
  width: 6px;
  height: 100%;
  vertical-align: top;
}
.PRBarEndPointPSDS__icon {
  display: inline-block;
  height: 100%;
  width: 8px;
  vertical-align: top;
  z-index: 200;
}
.PRBarEndPointPSDS__slash {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 8px;
  overflow: hidden;
}
.PRBarEndPointPSDS__slash:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  height: 120%;
  width: 100%;
}
.PRBarEndPointPSDS--start,
.PRBarEndPointPSDS--start .PRBarEndPointPSDS__cap {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.PRBarEndPointPSDS--end,
.PRBarEndPointPSDS--end .PRBarEndPointPSDS__cap {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.PRBarEndPointPSDS--start .PRBarEndPointPSDS__icon {
  padding-left: 2px;
}
.PRBarEndPointPSDS--end .PRBarEndPointPSDS__icon {
  padding-right: 2px;
}
.PRBarEndPointPSDS--start .PRBarEndPointPSDS__slash:after {
  transform: rotate(15deg) translate(2px, -1px);
}
.PRBarEndPointPSDS--end .PRBarEndPointPSDS__slash:after {
  transform: rotate(15deg) translate(-4px, -1px);
}
.PRBarEndPointPSDS--inside.PRBarEndPointPSDS--start {
  left: -7px;
}
.PRBarEndPointPSDS--inside.PRBarEndPointPSDS--end {
  right: -7px;
}
.PRBarEndPointPSDS--inside.PRBarEndPointPSDS--start .PRBarEndPointPSDS__cap {
  border-right: 1px solid var(--flow-colors-gray-5);
}
.PRBarEndPointPSDS--inside.PRBarEndPointPSDS--end .PRBarEndPointPSDS__cap {
  border-left: 1px solid var(--flow-colors-gray-5);
}
.PRBarEndPointPSDS--outside.PRBarEndPointPSDS--start {
  left: -22px;
}
.PRBarEndPointPSDS--outside.PRBarEndPointPSDS--end {
  right: -22px;
}
.PRBarEndPointPSDS--theme-basic .PRBarEndPointPSDS__cap {
  background-color: var(--flow-colors-blue-6);
}
.PRBarEndPointPSDS--theme-basic .PRBarEndPointPSDS__icon {
  color: var(--flow-colors-blue-6);
}
.PRBarEndPointPSDS--theme-basic.PRBarEndPointPSDS--closed .PRBarEndPointPSDS__icon {
  color: #ced4da;
}
.PRBarEndPointPSDS--theme-basic.PRBarEndPointPSDS--unreviewed .PRBarEndPointPSDS__icon {
  color: var(--flow-colors-yellow-6);
}
.PRBarEndPointPSDS--theme-basic .PRBarEndPointPSDS__slash:after {
  background-color: var(--flow-colors-blue-6);
}
.PRBarEndPointPSDS--theme-basic.PRBarEndPointPSDS--start .PRBarEndPointPSDS__slash:after {
  border-left: 1px solid var(--flow-colors-blue-6);
}
.PRBarEndPointPSDS--theme-basic.PRBarEndPointPSDS--end .PRBarEndPointPSDS__slash:after {
  border-right: 1px solid var(--flow-colors-blue-6);
}
.PRBarEndPointPSDS--theme-color.PRBarEndPointPSDS--outside .PRBarEndPointPSDS__cap {
  box-shadow: 0 4px 10px 0 rgba(73, 80, 87, 0.14), 0 4px 14px 0 rgba(73, 80, 87, 0.1);
}
.PRBarEndPointPSDS--theme-color .PRBarEndPointPSDS__icon {
  color: #ced4da;
}
.PRBarEndPointPSDS--theme-color .PRBarEndPointPSDS__slash:after {
  background-color: white;
}
.PRBarEndPointPSDS--theme-color.PRBarEndPointPSDS--unreviewed .PRBarEndPointPSDS__slash:after {
  background-color: var(--flow-colors-yellow-6);
}
.PRBarEndPointPSDS--theme-color.PRBarEndPointPSDS--start .PRBarEndPointPSDS__slash:after {
  border-left: 1px solid #ced4da;
}
.PRBarEndPointPSDS--theme-color.PRBarEndPointPSDS--end .PRBarEndPointPSDS__slash:after {
  border-right: 1px solid #ced4da;
}
.PRBarEndPointPSDS--unreviewed.PRBarEndPointPSDS--start .PRBarEndPointPSDS__slash:after {
  border-left: 1px solid var(--flow-colors-yellow-9);
}
.PRBarEndPointPSDS--unreviewed.PRBarEndPointPSDS--end .PRBarEndPointPSDS__slash:after {
  border-right: 1px solid var(--flow-colors-yellow-9);
}
.PRBarEndPointPSDS--unreviewed .PRBarEndPointPSDS__cap {
  background-color: var(--flow-colors-yellow-9);
}
.PRBarEndPointPSDS--unreviewed .PRBarEndPointPSDS__slash:after {
  background-color: var(--flow-colors-yellow-9);
}
.PRBarEndPointPSDS--closed.PRBarEndPointPSDS--start .PRBarEndPointPSDS__slash:after {
  border-left: 1px solid #adb5bd;
}
.PRBarEndPointPSDS--closed.PRBarEndPointPSDS--end .PRBarEndPointPSDS__slash:after {
  border-right: 1px solid #adb5bd;
}
.PRBarEndPointPSDS--closed .PRBarEndPointPSDS__cap {
  background-color: #adb5bd;
}
.PRBarEndPointPSDS--deleted.PRBarEndPointPSDS--start .PRBarEndPointPSDS__slash:after {
  border-left: 1px solid var(--flow-colors-text-icon-low-on-dark);
}
.PRBarEndPointPSDS--deleted.PRBarEndPointPSDS--end .PRBarEndPointPSDS__slash:after {
  border-right: 1px solid var(--flow-colors-text-icon-low-on-dark);
}
.PRBarEndPointPSDS--deleted .PRBarEndPointPSDS__cap {
  background-color: var(--flow-colors-text-icon-low-on-dark);
}
.PRBarEndPointPSDS--deleted .PRBarEndPointPSDS__slash:after {
  background-color: var(--flow-colors-text-icon-low-on-dark);
}
.PRBarBundlePSDS {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.PRBarBundlePSDS__comment-container,
.PRBarBundlePSDS__follow-on-commit-container,
.PRBarBundlePSDS__summary-container {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  height: 100%;
}
.PRBarBundlePSDS__comment {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
}
.PRBarBundlePSDS__comment-segment {
  flex: 1 0 0;
}
.PRBarBundlePSDS__follow-on-commit {
  box-sizing: border-box;
}
.PRBarBundlePSDS__label {
  -webkit-user-select: none;
          user-select: none;
  margin-top: 1px;
}
.PRBarBundlePSDS--deleted .PRBarBundlePSDS__comment-container .PRBarBundlePSDS__comment {
  background-color: var(--flow-colors-text-icon-high-on-light);
}
.PRBarBundlePSDS--theme-basic .PRBarBundlePSDS__label {
  color: var(--flow-colors-white);
}
.PRBarBundlePSDS--theme-color .PRBarBundlePSDS__label {
  color: var(--flow-colors-gray-5);
}
.PRBarBundlePSDS--theme-basic .PRBarBundlePSDS__comment {
  background-color: var(--flow-colors-white);
  opacity: 0.8;
}
.PRBarBundlePSDS--theme-basic.PRBarBundlePSDS--closed .PRBarBundlePSDS__comment {
  background-color: var(--flow-colors-gray-5);
  opacity: 0.8;
}
.PRBarBundlePSDS--theme-basic.PRBarBundlePSDS--unreviewed .PRBarBundlePSDS__comment {
  background-color: var(--flow-colors-white);
  opacity: 0.8;
}
.PRBarBundlePSDS--theme-basic .PRBarBundlePSDS__follow-on-commit {
  background-color: var(--flow-colors-white);
  border: 1px solid var(--flow-colors-white);
}
.PRBarBundlePSDS--theme-color .PRBarBundlePSDS__follow-on-commit {
  background-color: var(--flow-colors-gray-5);
  opacity: 0.8;
  border: 1px solid var(--flow-colors-gray-5);
}
.PRBarChartContainer {
  position: relative;
  min-height: 100px;
}
.PRBarChartContainer__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
}
.PRBarChart {
  position: relative;
}
.PRBarChart--show-axis {
  padding-top: 60px;
}
.PRBarChartList {
  width: 100%;
  border-collapse: collapse;
}
.PRBarChartList__pr-row {
  margin-bottom: 10px;
}
.PRBarChartList__pr-bar-cell {
  padding: 0 22px;
}
.PRBarChartList__pr-bar-container {
  cursor: pointer;
}
.PRBarChartList__pr-number-cell {
  width: 50px;
  color: #adb5bd;
  padding: 1px 0;
}
.PRBarChartList__pr-number-cell--excluded {
  text-decoration: line-through;
}
.PRBarChartList__pr-icon-cell {
  width: 20px;
  text-align: center;
  vertical-align: center;
  padding: 1px 0;
}
.PRBarChartList__pr-row--active .PRBarChartList__pr-number-cell {
  color: #343a40;
}
.PRBarChartList__pr-bar:hover:before {
  content: '';
  display: block;
  width: 100%;
  height: 26px;
  position: absolute;
  top: -5px;
}
.PRBarChartFilters {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.PRBarChartFilters__left-controls {
  display: flex;
  flex-wrap: wrap;
}
.PRBarChartFilters__right-controls {
  margin-left: auto;
}
.PRBarChartFilters__ordering {
  margin-right: 10px;
}
.PRBarChartFilters__search {
  display: inline-flex;
}
.PRBarChartFilters__search .SearchBox {
  height: 36px;
}
.PRBarChartFilters__selection {
  margin-right: 15px;
  display: block;
}
.PRBarChartFilters__selection .Icon {
  margin-left: 5px;
  cursor: pointer;
}
.PRBarChartFilters__selection-label {
  font-weight: 500;
}
.PRBarChartFilters__selection-value {
  color: #3b5bdb;
  font-weight: 500;
}
.PRBarChartFilters__pagination-controls {
  margin-left: 15px;
}
.PRBarChartDetailsTooltip {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  width: 1000px;
  max-width: 1000px;
  max-height: 620px;
  background-color: white;
  border: 1px solid #343a40;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
  pointer-events: none;
  z-index: var(--z-top);
}
.PRBarChartDetailsTooltip__content {
  min-height: 0;
}
.PRBarChartDetailsTooltip--appear {
  opacity: 0.01;
}
.PRBarChartDetailsTooltip--appear.PRBarChartDetailsTooltip--top {
  transform: scale(0.9) translateY(10px);
  transform-origin: center bottom;
}
.PRBarChartDetailsTooltip--appear.PRBarChartDetailsTooltip--bottom {
  transform: scale(0.9) translateY(-10px);
  transform-origin: center top;
}
.PRBarChartDetailsTooltip--appear-active.PRBarChartDetailsTooltip--top,
.PRBarChartDetailsTooltip--appear-active.PRBarChartDetailsTooltip--bottom {
  opacity: 1;
  transform: scale(1) translateY(0);
  transition: opacity 300ms ease, transform 300ms ease;
  pointer-events: none;
}
.PRBarChartDetailsTooltip--exit {
  opacity: 1;
  transform: scale(1) translateY(0);
}
.PRBarChartDetailsTooltip--exit-active {
  opacity: 0.01;
  transition: opacity 300ms ease, transform 300ms ease;
  pointer-events: none;
}
.PRBarChartDetailsTooltip--exit-active.PRBarChartDetailsTooltip--top {
  transform: scale(0.9) translateY(10px);
  transform-origin: center bottom;
}
.PRBarChartDetailsTooltip--exit-active.PRBarChartDetailsTooltip--bottom {
  transform: scale(0.9) translateY(-10px);
  transform-origin: center top;
}
.PRBarChartContainerPSDS {
  position: relative;
  min-height: 100px;
}
.PRBarChartContainerPSDS__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
}
.PRBarChartPSDS {
  position: relative;
}
.PRBarChartPSDS--show-axis {
  padding-top: 60px;
}
.PRBarChartListPSDS {
  width: 100%;
  border-collapse: collapse;
}
.PRBarChartListPSDS__pr-row {
  margin-bottom: 10px;
}
.PRBarChartListPSDS__pr-bar-cell {
  padding: 0 22px;
}
.PRBarChartListPSDS__pr-bar-container {
  cursor: pointer;
}
.PRBarChartListPSDS__pr-number-cell {
  width: 50px;
  color: #adb5bd;
  padding: 1px 0;
}
.PRBarChartListPSDS__pr-number-cell--excluded {
  text-decoration: line-through;
}
.PRBarChartListPSDS__pr-icon-cell {
  width: 20px;
  text-align: center;
  vertical-align: center;
  padding: 1px 0;
}
.PRBarChartListPSDS__pr-row--active .PRBarChartListPSDS__pr-number-cell {
  color: var(--flow-colors-code-gray);
  font-weight: var(--flow-type-font-weight-500);
  font-size: var(--flow-type-font-size-100);
}
.PRBarChartListPSDS__pr-bar:hover:before {
  content: '';
  display: block;
  width: 100%;
  height: 26px;
  position: absolute;
  top: -5px;
}
.PRBarChartFiltersPSDS {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: var(--flow-layout-spacing-large);
  margin-bottom: var(--flow-layout-spacing-large);
}
.PRBarChartFiltersPSDS__left-controls {
  display: flex;
  flex-wrap: wrap;
  line-height: initial;
}
.PRBarChartFiltersPSDS__right-controls {
  margin-left: auto;
}
.PRBarChartFiltersPSDS__ordering {
  margin-right: 10px;
  display: flex;
}
.PRBarChartFiltersPSDS__pr-status {
  display: flex;
}
.PRBarChartFiltersPSDS__search {
  display: inline-flex;
}
.PRBarChartFiltersPSDS__search .SearchBox {
  height: 36px;
}
.PRBarChartFiltersPSDS__selection {
  margin-right: 15px;
  display: block;
}
.PRBarChartFiltersPSDS__selection .Icon {
  margin-left: 5px;
  cursor: pointer;
}
.PRBarChartFiltersPSDS__selection-label {
  font-weight: 500;
}
.PRBarChartFiltersPSDS__selection-value {
  color: #3b5bdb;
  font-weight: 500;
}
.PRBarChartFiltersPSDS__pagination-controls {
  margin-left: 15px;
  display: inline-flex;
}
.PRBarChartDetailsTooltipPSDS {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  width: 1000px;
  max-width: 1000px;
  max-height: 620px;
  background-color: white;
  border: 1px solid #343a40;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
  pointer-events: none;
  z-index: var(--z-top);
}
.PRBarChartDetailsTooltipPSDS__content {
  min-height: 0;
}
.PRBarChartDetailsTooltipPSDS--appear {
  opacity: 0.01;
}
.PRBarChartDetailsTooltipPSDS--appear.PRBarChartDetailsTooltipPSDS--top {
  transform: scale(0.9) translateY(10px);
  transform-origin: center bottom;
}
.PRBarChartDetailsTooltipPSDS--appear.PRBarChartDetailsTooltipPSDS--bottom {
  transform: scale(0.9) translateY(-10px);
  transform-origin: center top;
}
.PRBarChartDetailsTooltipPSDS--appear-active.PRBarChartDetailsTooltipPSDS--top,
.PRBarChartDetailsTooltipPSDS--appear-active.PRBarChartDetailsTooltipPSDS--bottom {
  opacity: 1;
  transform: scale(1) translateY(0);
  transition: opacity 300ms ease, transform 300ms ease;
  pointer-events: none;
}
.PRBarChartDetailsTooltipPSDS--exit {
  opacity: 1;
  transform: scale(1) translateY(0);
}
.PRBarChartDetailsTooltipPSDS--exit-active {
  opacity: 0.01;
  transition: opacity 300ms ease, transform 300ms ease;
  pointer-events: none;
}
.PRBarChartDetailsTooltipPSDS--exit-active.PRBarChartDetailsTooltipPSDS--top {
  transform: scale(0.9) translateY(10px);
  transform-origin: center bottom;
}
.PRBarChartDetailsTooltipPSDS--exit-active.PRBarChartDetailsTooltipPSDS--bottom {
  transform: scale(0.9) translateY(-10px);
  transform-origin: center top;
}
.Settings {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1 1 0;
}
.Settings .main-content,
.Settings .main-content-container {
  height: inherit;
}
.Settings .settings-page {
  height: inherit;
  display: flex;
}
#app .ReactTable .rt-tbody {
  padding-bottom: 69px;
}
.PSDesignSystem #settingsHomePage h1,
.PSDesignSystem #settingsHomePage h2,
.PSDesignSystem #settingsHomePage h3,
.PSDesignSystem #settingsHomePage h4,
.PSDesignSystem #settingsHomePage h5,
.PSDesignSystem #settingsHomePage h6 {
  font-weight: var(--flow-type-font-weight-600);
  line-height: var(--flow-type-line-height-standard);
}
.psdsLookPersonalInfo {
  padding: var(--flow-layout-spacing-large);
  background-color: #181818;
}
.psdsLookPersonalInfo h3 {
  color: #ffffff;
  margin-bottom: var(--flow-layout-spacing-small);
}
.psdsLookPersonalInfo .input-container {
  padding-top: var(--flow-layout-spacing-xsmall);
  padding-bottom: var(--flow-layout-spacing-xsmall);
}
.psdsLookPersonalInfo .input-container h4,
.psdsLookPersonalInfo .input-container p {
  color: #ffffff;
  margin-bottom: var(--flow-layout-spacing-small);
}
.psdsLookPersonalInfo .alert {
  padding-right: var(--flow-layout-spacing-medium);
}
.psdsLookPersonalInfo .bottom-button-group {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #888;
  padding-top: var(--flow-layout-spacing-small);
  margin-top: var(--flow-layout-spacing-small);
}
.psdsLookPersonalInfo .bottom-button-group button {
  margin-left: var(--flow-layout-spacing-small);
}
.psdsLookPersonalInfo .avatar_content {
  display: flex;
  align-items: center;
}
.psdsLookPersonalInfo .avatar_content button {
  margin-left: var(--flow-layout-spacing-small);
}
:root {
  --flow-breakpoints-xsmall: 640px;
  --flow-breakpoints-small: 768px;
  --flow-breakpoints-medium: 1024px;
  --flow-breakpoints-large: 1280px;
  --flow-breakpoints-xlarge: 1600px;
}
:root {
  --flow-colors-blue-1: #d9f1ff;
  --flow-colors-blue-2: #b9e4fd;
  --flow-colors-blue-3: #8ed1f6;
  --flow-colors-blue-4: #58b9eb;
  --flow-colors-blue-5: #2ea0d6;
  --flow-colors-blue-6: #0084bd;
  --flow-colors-blue-7: #0074ab;
  --flow-colors-blue-8: #006395;
  --flow-colors-blue-9: #005685;
  --flow-colors-blue-10: #00446b;

  --flow-colors-teal-1: #d5faf5;
  --flow-colors-teal-2: #affaef;
  --flow-colors-teal-3: #84f0e1;
  --flow-colors-teal-4: #5ce6d4;
  --flow-colors-teal-5: #2fd1be;
  --flow-colors-teal-6: #00baa5;
  --flow-colors-teal-7: #00a894;
  --flow-colors-teal-8: #009380;
  --flow-colors-teal-9: #007a6a;
  --flow-colors-teal-10: #006658;

  --flow-colors-green-1: #d9fae5;
  --flow-colors-green-2: #adf0c8;
  --flow-colors-green-3: #82e2ab;
  --flow-colors-green-4: #57d08e;
  --flow-colors-green-5: #2bb970;
  --flow-colors-green-6: #009e52;
  --flow-colors-green-7: #008f46;
  --flow-colors-green-8: #007c3a;
  --flow-colors-green-9: #00672e;
  --flow-colors-green-10: #005724;

  --flow-colors-lime-1: #ecffc7;
  --flow-colors-lime-2: #deffa3;
  --flow-colors-lime-3: #ccfc7a;
  --flow-colors-lime-4: #b8f052;
  --flow-colors-lime-5: #a3e029;
  --flow-colors-lime-6: #8cca08;
  --flow-colors-lime-7: #7bb600;
  --flow-colors-lime-8: #6ba300;
  --flow-colors-lime-9: #588a00;
  --flow-colors-lime-10: #4c7700;

  --flow-colors-yellow-1: #fffbcc;
  --flow-colors-yellow-2: #fff7a8;
  --flow-colors-yellow-3: #fff380;
  --flow-colors-yellow-4: #ffeb57;
  --flow-colors-yellow-5: #ffdf29;
  --flow-colors-yellow-6: #fad000;
  --flow-colors-yellow-7: #e2b500;
  --flow-colors-yellow-8: #cc9e00;
  --flow-colors-yellow-9: #b28300;
  --flow-colors-yellow-10: #946500;

  --flow-colors-orange-1: #ffecd1;
  --flow-colors-orange-2: #ffdcad;
  --flow-colors-orange-3: #ffcd8a;
  --flow-colors-orange-4: #ffba61;
  --flow-colors-orange-5: #ffa43e;
  --flow-colors-orange-6: #f59127;
  --flow-colors-orange-7: #e27a18;
  --flow-colors-orange-8: #cb670b;
  --flow-colors-orange-9: #b85500;
  --flow-colors-orange-10: #9e4100;

  --flow-colors-red-1: #ffd6d6;
  --flow-colors-red-2: #ffb3b3;
  --flow-colors-red-3: #ff8a8a;
  --flow-colors-red-4: #f86968;
  --flow-colors-red-5: #e94a3f;
  --flow-colors-red-6: #d21c09;
  --flow-colors-red-7: #c00f00;
  --flow-colors-red-8: #ab0600;
  --flow-colors-red-9: #920000;
  --flow-colors-red-10: #750000;

  --flow-colors-pink-1: #ffddeb;
  --flow-colors-pink-2: #ffc2db;
  --flow-colors-pink-3: #ffa3c8;
  --flow-colors-pink-4: #ff8ab5;
  --flow-colors-pink-5: #f66fa1;
  --flow-colors-pink-6: #e7558b;
  --flow-colors-pink-7: #d1487b;
  --flow-colors-pink-8: #c13368;
  --flow-colors-pink-9: #a22554;
  --flow-colors-pink-10: #8a1a45;

  --flow-colors-purple-1: #e9deff;
  --flow-colors-purple-2: #d6c2ff;
  --flow-colors-purple-3: #c0a3ff;
  --flow-colors-purple-4: #a883f8;
  --flow-colors-purple-5: #956ced;
  --flow-colors-purple-6: #8359df;
  --flow-colors-purple-7: #7048c6;
  --flow-colors-purple-8: #5934ac;
  --flow-colors-purple-9: #482592;
  --flow-colors-purple-10: #351973;

  --flow-colors-text-icon-high-on-dark: rgba(255, 255, 255, 0.95);
  --flow-colors-text-icon-high-on-light: rgba(0, 0, 0, 0.9);
  --flow-colors-text-icon-low-on-dark: rgba(255, 255, 255, 0.7);
  --flow-colors-text-icon-low-on-light: rgba(0, 0, 0, 0.65);

  --flow-colors-border-high-on-dark: rgba(255, 255, 255, 0.3);
  --flow-colors-border-high-on-light: rgba(0, 0, 0, 0.3);
  --flow-colors-border-low-on-dark: rgba(255, 255, 255, 0.15);
  --flow-colors-border-low-on-light: rgba(0, 0, 0, 0.15);

  --flow-colors-background-dark-1: #0d0f12;
  --flow-colors-background-dark-2: #181c20;
  --flow-colors-background-dark-3: #1e2429;
  --flow-colors-background-dark-4: #1b1b1b;

  --flow-colors-background-light-1: #f0f3f5;
  --flow-colors-background-light-2: #f7f9fa;
  --flow-colors-background-light-3: #ffffff;

  --flow-colors-background-utility-10: rgba(138, 153, 168, 0.1);
  --flow-colors-background-utility-15: rgba(138, 153, 168, 0.15);
  --flow-colors-background-utility-20: rgba(138, 153, 168, 0.2);
  --flow-colors-background-utility-25: rgba(138, 153, 168, 0.25);
  --flow-colors-background-utility-30: rgba(138, 153, 168, 0.3);
  --flow-colors-background-utility-40: rgba(138, 153, 168, 0.4);
  --flow-colors-background-utility-60: rgba(138, 153, 168, 0.6);

  --flow-colors-gray-6: #181818;
  --flow-colors-gray-5: #222222;
  --flow-colors-gray-4: #363636;

  --flow-colors-gradient-skills-background: linear-gradient(
    90deg,
    #e80a89 0%,
    #f15b2a 100%
  );
  --flow-colors-gradient-skills-stop-0: #e80a89;
  --flow-colors-gradient-skills-stop-100: #f15b2a;
  --flow-colors-gradient-flow-background: linear-gradient(
    90deg,
    #2968b2 0%,
    #27aae1 100%
  );
  --flow-colors-gradient-flow-stop-0: #2968b2;
  --flow-colors-gradient-flow-stop-100: #27aae1;

  --flow-colors-primary-action-background: #0074ab;
  --flow-colors-primary-action-text-dark-theme: #2ea0d6;
  --flow-colors-primary-action-text-light-theme: #0074ab;

  --flow-colors-status-error: #d21c09;
  --flow-colors-status-info: #0084bd;
  --flow-colors-status-success: #009e52;
  --flow-colors-status-warning: #fad000;

  --flow-colors-white: #ffffff;
  --flow-colors-bone: #f2f2f2;

  --flow-colors-code-white: #f2f2f2;
  --flow-colors-code-gray: #aaaaaa;
  --flow-colors-code-red: #f26d6d;
  --flow-colors-code-orange: #ff9466;
  --flow-colors-code-yellow: #ffca80;
  --flow-colors-code-green: #b8cc7a;
  --flow-colors-code-turquoise: #abd9c6;
  --flow-colors-code-blue: #8ac7e6;
  --flow-colors-code-purple: #e695bd;
  --flow-colors-code-sand: #d99077;

  --flow-colors-black: #000000;
}
:root {
  --flow-layers-main: 0;
  --flow-layers-global-sidenav: 930;
  --flow-layers-global-topnav: 950;
  --flow-layers-dropdown: 1000;
  --flow-layers-skip-to-content-banner: 1600;
}
:root {
  --flow-layout-spacing-xxsmall: 4px;
  --flow-layout-spacing-xsmall: 8px;
  --flow-layout-spacing-small: 12px;
  --flow-layout-spacing-medium: 16px;
  --flow-layout-spacing-large: 24px;
  --flow-layout-spacing-xlarge: 48px;
  --flow-layout-spacing-xxLarge: 64px;
}
:root {
  /* prettier-ignore */
  --flow-type-font-family: 'PS TT Commons Roman', 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;
  --flow-type-font-family-code: 'DM Mono', 'Source Code Pro', monospace;

  /* font size */
  --flow-type-font-size-base: 16px;
  --flow-type-font-size-1200: 88px;
  --flow-type-font-size-1100: 72px;
  --flow-type-font-size-1000: 56px;
  --flow-type-font-size-900: 40px;
  --flow-type-font-size-800: 34px;
  --flow-type-font-size-700: 28px;
  --flow-type-font-size-600: 24px;
  --flow-type-font-size-500: 20px;
  --flow-type-font-size-400: 18px;
  --flow-type-font-size-300: 16px;
  --flow-type-font-size-200: 14px;
  --flow-type-font-size-100: 12px;

  /* letter spacing */
  --flow-type-letter-spacing-tighter: -0.025em;
  --flow-type-letter-spacing-tight: -0.01em;
  --flow-type-letter-spacing-none: 0;
  --flow-type-letter-spacing-loose: 0.01em;
  --flow-type-letter-spacing-looser: 0.025em;
  --flow-type-letter-spacing-all-caflow: 0.08em;

  /* font weight */
  --flow-type-font-weight-default: 400;
  --flow-type-font-weight-strong: 600;
  --flow-type-font-weight-900: 900;
  --flow-type-font-weight-800: 800;
  --flow-type-font-weight-700: 700;
  --flow-type-font-weight-600: 600;
  --flow-type-font-weight-500: 500;
  --flow-type-font-weight-400: 400;
  --flow-type-font-weight-300: 300;
  --flow-type-font-weight-200: 200;
  --flow-type-font-weight-100: 100;

  /* line height */
  --flow-type-line-height-tight: 20px;
  --flow-type-line-height-standard: 24px;
  --flow-type-line-height-extra: 32px;
  --flow-type-line-height-huge: 40px;
}
:root {
  --flow-motion-speed-xfast: 100ms;
  --flow-motion-speed-fast: 200ms;
  --flow-motion-speed-normal: 300ms;
  --flow-motion-speed-slow: 400ms;
  --flow-motion-speed-xslow: 500ms;
}
@font-face {
    font-family: 'PS TT Commons Roman';
    src: url('assets/fonts/ps-tt-commons-variable-roman.woff2')
    format('woff-variations');
    font-display: swap;
    font-weight: 100 900;
}
@font-face {
    font-family: 'PS TT Commons Roman';
    src: url('assets/fonts/ps-tt-commons-variable-italic.woff2')
    format('woff-variations');
    font-display: swap;
    font-style: italic;
}
@font-face {
    font-family: 'DM Mono';
    src: url('assets/fonts/dm-mono-light.ttf')
    format('truetype');
    font-display: swap;
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'DM Mono';
    src: url('assets/fonts/dm-mono-light-italic.ttf')
    format('truetype');
    font-display: swap;
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'DM Mono';
    src: url('assets/fonts/dm-mono-regular.ttf')
    format('truetype');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'DM Mono';
    src: url('assets/fonts/dm-mono-italic.ttf')
    format('truetype');
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'DM Mono';
    src: url('assets/fonts/dm-mono-medium.ttf')
    format('truetype');
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'DM Mono';
    src: url('assets/fonts/dm-mono-medium-italic.ttf')
    format('truetype');
    font-display: swap;
    font-weight: 500;
    font-style: italic;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-family: 'PS TT Commons Roman', 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif;
  font-family: var(--flow-type-font-family);
  font-size: 0.875em;
  font-weight: 400;
  font-weight: var(--flow-type-font-weight-default);
  line-height: 1.71429; /* calc(var(--flow-type-line-height-standard) / var(--flow-type-font-size-small)); */
  font-feature-settings: 'tnum' on, 'lnum' on;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* Ensure all design-system components use border-box regardless of what
   the consumer sets on body/html. Selectors match any element whose class
   attribute starts with "flow-" or contains " flow-" (space-prefixed). */
[class^="flow-"],
[class*=" flow-"] {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-weight: var(--flow-type-font-weight-default);
}
ul,
ol,
dd {
  margin-left: 24px;
  margin-left: var(--flow-layout-spacing-large);
  line-height: 24px;
  line-height: var(--flow-type-line-height-standard);
}
ul,
ol {
  padding-left: 0;
}
li > ul,li > ol {
    margin-bottom: 0;
  }
img {
  max-width: 100%;
  vertical-align: middle;
}
img[width],
img[height] {
  max-width: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
.flow-text__code {
  padding: 0 4px;
  padding: 0 var(--flow-layout-spacing-xxsmall);
  border-radius: 2px;
  line-height: 24px;
  line-height: var(--flow-type-line-height-standard);
  white-space: pre-wrap;
  font-family: 'DM Mono', 'Source Code Pro', monospace;
  font-family: var(--flow-type-font-family-code);
  font-weight: 500;
  font-weight: var(--flow-type-font-weight-500);
  font-size: 14px;
  font-size: var(--flow-type-font-size-200);
  word-break: break-word;
}
.flow-text__code.flow-theme--light {
  color: rgba(0, 0, 0, 0.9);
  color: var(--flow-colors-text-icon-high-on-light);
  background: rgba(138, 153, 168, 0.15);
  background: var(--flow-colors-background-utility-15);
  border: 2px solid rgba(0, 0, 0, 0.3);
  border: 2px solid var(--flow-colors-border-high-on-light);
}
.flow-text__code.flow-theme--dark {
  color: rgba(255, 255, 255, 0.95);
  color: var(--flow-colors-text-icon-high-on-dark);
  background: rgba(138, 153, 168, 0.15);
  background: var(--flow-colors-background-utility-15);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border: 2px solid var(--flow-colors-border-high-on-dark);
}
.flow-text__code-block {
  display: block;
  padding: 16px;
  padding: var(--flow-layout-spacing-medium);
  border-radius: 4px;
  line-height: 24px;
  line-height: var(--flow-type-line-height-standard);
  white-space: pre-wrap;
  font-family: 'DM Mono', 'Source Code Pro', monospace;
  font-family: var(--flow-type-font-family-code);
  font-weight: 500;
  font-weight: var(--flow-type-font-weight-500);
  font-size: 14px;
  font-size: var(--flow-type-font-size-200);
  word-break: break-word;
  margin: 16px 0;
  margin: var(--flow-layout-spacing-medium) 0;
  overflow-x: auto;
}
.flow-text__code-block code {
  display: block;
  padding: 0;
  border: none;
  background: transparent;
}
.flow-text__code-block.flow-theme--light {
  color: rgba(0, 0, 0, 0.9);
  color: var(--flow-colors-text-icon-high-on-light);
  background: rgba(138, 153, 168, 0.15);
  background: var(--flow-colors-background-utility-15);
  border: 2px solid rgba(0, 0, 0, 0.3);
  border: 2px solid var(--flow-colors-border-high-on-light);
}
.flow-text__code-block.flow-theme--dark {
  color: rgba(255, 255, 255, 0.95);
  color: var(--flow-colors-text-icon-high-on-dark);
  background: rgba(138, 153, 168, 0.15);
  background: var(--flow-colors-background-utility-15);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border: 2px solid var(--flow-colors-border-high-on-dark);
}
.flow-text__heading {
  margin: 16px 0;
  margin: var(--flow-layout-spacing-medium) 0;
  font-weight: 600;
  font-weight: var(--flow-type-font-weight-strong);
}
.flow-text__heading--color-primary.flow-theme--light {
  color: rgba(0, 0, 0, 0.9);
  color: var(--flow-colors-text-icon-high-on-light);
}
.flow-text__heading--color-secondary.flow-theme--light {
  color: rgba(0, 0, 0, 0.65);
  color: var(--flow-colors-text-icon-low-on-light);
}
.flow-text__heading--color-primary.flow-theme--dark {
  color: rgba(255, 255, 255, 0.95);
  color: var(--flow-colors-text-icon-high-on-dark);
}
.flow-text__heading--color-secondary.flow-theme--dark {
  color: rgba(255, 255, 255, 0.7);
  color: var(--flow-colors-text-icon-low-on-dark);
}
.flow-text__heading--size-xxxsmall {
  font-size: 12px;
  font-size: var(--flow-type-font-size-100);
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  letter-spacing: var(--flow-type-letter-spacing-all-caflow);
}
.flow-text__heading--size-xxsmall {
  font-size: 14px;
  font-size: var(--flow-type-font-size-200);
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  letter-spacing: var(--flow-type-letter-spacing-all-caflow);
}
.flow-text__heading--size-xsmall {
  font-size: 20px;
  font-size: var(--flow-type-font-size-500);
  line-height: 28px;
}
.flow-text__heading--size-small {
  font-size: 24px;
  font-size: var(--flow-type-font-size-600);
  line-height: 32px;
}
.flow-text__heading--size-medium {
  font-size: 28px;
  font-size: var(--flow-type-font-size-700);
  line-height: 36px;
}
.flow-text__heading--size-large {
  font-size: 34px;
  font-size: var(--flow-type-font-size-800);
  line-height: 40px;
}
.flow-text__heading--size-xlarge {
  font-size: 40px;
  font-size: var(--flow-type-font-size-900);
  line-height: 52px;
}
.flow-text__label {
  font-weight: 400;
  font-weight: var(--flow-type-font-weight-default);
}
.flow-text__label--strong {
  font-weight: 600;
  font-weight: var(--flow-type-font-weight-strong);
}
.flow-text__label--caps {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  letter-spacing: var(--flow-type-letter-spacing-all-caflow);
}
.flow-text__label--mono {
  font-family: 'DM Mono', 'Source Code Pro', monospace;
  font-family: var(--flow-type-font-family-code);
  font-feature-settings: 'ss05' on;
}
.flow-text__label--color-primary.flow-theme--light {
  color: rgba(0, 0, 0, 0.9);
  color: var(--flow-colors-text-icon-high-on-light);
}
.flow-text__label--color-secondary.flow-theme--light {
  color: rgba(0, 0, 0, 0.65);
  color: var(--flow-colors-text-icon-low-on-light);
}
.flow-text__label--color-primary.flow-theme--dark {
  color: rgba(255, 255, 255, 0.95);
  color: var(--flow-colors-text-icon-high-on-dark);
}
.flow-text__label--color-secondary.flow-theme--dark {
  color: rgba(255, 255, 255, 0.7);
  color: var(--flow-colors-text-icon-low-on-dark);
}
.flow-text__label--size-xsmall {
  font-size: 12px;
  font-size: var(--flow-type-font-size-100);
  letter-spacing: 0.025em;
  letter-spacing: var(--flow-type-letter-spacing-looser);
  line-height: 16px;
}
.flow-text__label--size-small {
  font-size: 14px;
  font-size: var(--flow-type-font-size-200);
  letter-spacing: 0.01em;
  letter-spacing: var(--flow-type-letter-spacing-loose);
  line-height: 20px;
}
.flow-text__label--size-medium {
  font-size: 16px;
  font-size: var(--flow-type-font-size-300);
  letter-spacing: 0.01em;
  letter-spacing: var(--flow-type-letter-spacing-loose);
  line-height: 20px;
}
.flow-text__label--size-large {
  font-size: 18px;
  font-size: var(--flow-type-font-size-400);
  letter-spacing: 0;
  letter-spacing: var(--flow-type-letter-spacing-none);
  line-height: 24px;
}
.flow-text__list {
  list-style: none;
  margin-left: 0;
  line-height: 32px;
  line-height: var(--flow-type-line-height-extra);
  font-weight: 400;
  font-weight: var(--flow-type-font-weight-default);
}
.flow-text__list--color-primary.flow-theme--light {
  color: rgba(0, 0, 0, 0.9);
  color: var(--flow-colors-text-icon-high-on-light);
}
.flow-text__list--color-secondary.flow-theme--light {
  color: rgba(0, 0, 0, 0.65);
  color: var(--flow-colors-text-icon-low-on-light);
}
.flow-text__list--color-primary.flow-theme--dark {
  color: rgba(255, 255, 255, 0.95);
  color: var(--flow-colors-text-icon-high-on-dark);
}
.flow-text__list--color-secondary.flow-theme--dark {
  color: rgba(255, 255, 255, 0.7);
  color: var(--flow-colors-text-icon-low-on-dark);
}
.flow-text__list--size-small {
  font-size: 14px;
  font-size: var(--flow-type-font-size-200);
  letter-spacing: 0.025em;
  letter-spacing: var(--flow-type-letter-spacing-looser);
  line-height: 24px;
}
.flow-text__list--size-medium {
  font-size: 16px;
  font-size: var(--flow-type-font-size-300);
  letter-spacing: 0.01em;
  letter-spacing: var(--flow-type-letter-spacing-loose);
  line-height: 24px;
}
.flow-text__list--size-large {
  font-size: 18px;
  font-size: var(--flow-type-font-size-400);
  letter-spacing: 0;
  letter-spacing: var(--flow-type-letter-spacing-none);
  line-height: 28px;
}
.flow-text__list--type-bulleted {
  list-style: disc outside none;
  list-style: initial;
  list-style-type: disc;
}
.flow-text__list--type-numbered {
  list-style: disc outside none;
  list-style: initial;
  list-style-type: decimal;
}
.flow-text__p {
  margin: 16px 0;
  margin: var(--flow-layout-spacing-medium) 0;
  font-weight: 400;
  font-weight: var(--flow-type-font-weight-default);
}
.flow-text__p--color-primary.flow-theme--light {
  color: rgba(0, 0, 0, 0.9);
  color: var(--flow-colors-text-icon-high-on-light);
}
.flow-text__p--color-secondary.flow-theme--light {
  color: rgba(0, 0, 0, 0.65);
  color: var(--flow-colors-text-icon-low-on-light);
}
.flow-text__p--color-primary.flow-theme--dark {
  color: rgba(255, 255, 255, 0.95);
  color: var(--flow-colors-text-icon-high-on-dark);
}
.flow-text__p--color-secondary.flow-theme--dark {
  color: rgba(255, 255, 255, 0.7);
  color: var(--flow-colors-text-icon-low-on-dark);
}
.flow-text__p--size-small {
  font-size: 14px;
  font-size: var(--flow-type-font-size-200);
  letter-spacing: 0.025em;
  letter-spacing: var(--flow-type-letter-spacing-looser);
  line-height: 24px;
}
.flow-text__p--size-medium {
  font-size: 16px;
  font-size: var(--flow-type-font-size-300);
  letter-spacing: 0.01em;
  letter-spacing: var(--flow-type-letter-spacing-loose);
  line-height: 24px;
}
.flow-text__p--size-large {
  font-size: 18px;
  font-size: var(--flow-type-font-size-400);
  letter-spacing: 0;
  letter-spacing: var(--flow-type-letter-spacing-none);
  line-height: 28px;
}
/* We will enable it when the project is ready for tailwind */
/*@import '../../../styles/tailwind.css';*/

.ui-gallery-buttons-section .Button:not(.Button--icon-only) {
  min-width: 140px;
}
.ui-gallery-typography-table > tbody > tr > td:first-child {
  text-align: right;
  padding-right: 30px;
  width: 200px;
  color: #ff6b6b;
}