@charset "UTF-8";
/* THIS IS WHERE THE CSS MODULES STYLES ARE INSERTED */
/* styles for staging-app/components/my-week/my-week-card-work.m.css */
._my-week-card-work_82v5rj {
  position: relative;
  display: block;
  color: var(--color-black);
}

._my-week-card-work_82v5rj._card-complete_82v5rj {
  background: var(--color-grey-100);
}

._checkbox_82v5rj {
  position: absolute;
  top: 7px;
  left: 7px;
}

._content_82v5rj {
  position: relative;
  padding: 8px 12px 8px 8px;
  display: grid;
  grid-column-gap: 8px;
  grid-template-columns: 16px 2fr 2fr 2fr 1.5fr;
}

._content_82v5rj._work-queue-enabled_82v5rj {
  grid-template-columns: 16px 2fr 2fr 2fr 2fr 1fr;
}

._my-week-card-work_82v5rj._card-complete_82v5rj ._content_82v5rj {
  grid-template-columns: 16px 2fr 4fr 2fr 1.5fr;
}

/* Allow the ellipsis on the text labels */
._content_82v5rj > div:not(._menu-icon_82v5rj, ._task-details_82v5rj, ._avatar_82v5rj) {
  overflow-x: hidden;
}

._entity-titles_82v5rj {
  padding-left: 8px;
  flex-direction: column;
  line-height: 16px;
}

._budget-bar_82v5rj {
  max-width: 300px;
  overflow: visible;
}

._dash_82v5rj {
  padding: 0 4px;
}

._hours_82v5rj {
  text-align: right;
}

._task-details-count_82v5rj {
  display: flex;
  flex-direction: row;
}

._working-on-panel_82v5rj {
  background-color: var(--color-grey-100);
  color: var(--color-grey-600);
  padding: 4px 8px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

._working-on-panel_82v5rj b {
  font-weight: 600;
}

._my-week-card-work_82v5rj:hover ._hours_82v5rj {
  opacity: 0;
}

._state-menu-open_82v5rj._my-week-card-work_82v5rj ._hours_82v5rj {
  opacity: 0;
}

._menu-icon_82v5rj {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 12px;
}

._menu-icon-wrapper_82v5rj {
  display: flex;
  flex-direction: row-reverse;
  padding-right: 30px;
}

._menu-icon-svg_82v5rj {
  /* keep. used in js to check click events */
  position: static;
}

._move-to-done-action_82v5rj {
  align-self: flex-start;
}

._due-details_82v5rj {
  flex-grow: 0;
}

._state-menu-closed_82v5rj ._menu-icon-wrapper_82v5rj {
  opacity: 0;
}

._card-complete_82v5rj._state-menu-closed_82v5rj ._menu-icon-wrapper_82v5rj {
  opacity: 1;
}

._state-menu-closed_82v5rj:hover ._menu-icon-wrapper_82v5rj {
  opacity: 1;
}

/* styles for staging-app/components/my-week/my-week-card-loader.m.css */
/* styles for staging-app/components/shared/buttons/shared.m.css */
._button-base_1fh74e {
  cursor: pointer;
  display: inline-block;
  padding: 0 16px;
  margin: 0;
  height: 40px;
  border-radius: 4px;
  min-width: 70px;
  font-size: 16px;
  line-height: 38px;
  border: none;
  /* needed for components that arent buttons (e.g linkToButton) */
  text-align: center;
}

._mod-primary_1fh74e {
  color: #fff;
  background-color: var(--color-primary);
}

._mod-primary_1fh74e:hover {
  background-color: var(--color-blue-600);
}

._mod-primary_1fh74e[disabled],
._mod-primary_1fh74e[disabled]:hover {
  cursor: default;
  color: #fff;
  background-color: var(--color-grey-400);
}

._mod-secondary_1fh74e {
  color: var(--color-primary);
  background-color: var(--color-grey-100);
}

._mod-secondary_1fh74e:hover {
  color: var(--color-blue-600);
  background-color: var(--color-grey-200);
}

._mod-secondary_1fh74e[disabled],
._mod-secondary_1fh74e[disabled]:hover {
  cursor: default;
  color: var(--color-grey-500);
  background-color: var(--color-grey-100);
}

._mod-white-bg_1fh74e {
  color: var(--color-primary);
  background-color: var(--color-white);
}

/* This is to be used only for the case where secondary button is to be used on a legacy page with background color as grey-100 */
._mod-secondary-dark_1fh74e {
  color: var(--color-primary);
  background-color: var(--color-grey-200);
}

._mod-secondary-dark_1fh74e:hover {
  color: var(--color-blue-600);
}

._mod-secondary-dark_1fh74e[disabled],
._mod-secondary-dark_1fh74e[disabled]:hover {
  cursor: default;
  color: var(--color-grey-500);
  background-color: var(--color-grey-200);
}

._mod-no-bg_1fh74e {
  color: var(--color-primary);
  background-color: transparent;
}

._mod-no-bg_1fh74e:hover {
  color: var(--color-blue-600);
}

._mod-no-bg_1fh74e[disabled] {
  cursor: default;
  color: var(--color-grey-500);
  background-color: transparent;
}

._mod-small_1fh74e {
  height: 32px;
  line-height: 32px;
}

/* 
  I think mod-no-size should be replaced with mod-inline-medium and the left padding 
  added on the component invocation using a glob class, or added automatically by the button bar component.
*/
._mod-no-size_1fh74e {
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  font-size: 16px;
  color: var(--color-primary);
  background-color: transparent;
  padding: 0 0 0 16px;
}

._mod-no-size_1fh74e[disabled] {
  cursor: default;
  color: var(--color-grey-500);
}

._mod-inline_1fh74e {
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  font-size: 16px;
  color: var(--color-primary);
  background-color: transparent;
  padding: 0;
}

._mod-inline_1fh74e[disabled] {
  cursor: default;
  color: var(--color-grey-500);
}

._mod-no-bg-red_1fh74e {
  color: var(--color-red-500);
  background-color: transparent;
}

._mod-no-bg-red_1fh74e:hover {
  color: var(--color-red-600);
}

._mod-no-bg-red_1fh74e[disabled] {
  cursor: default;
  color: var(--color-grey-500);
  background-color: transparent;
}

._mod-alert_1fh74e {
  color: var(--color-white);
  background-color: var(--color-red-500);
}

._mod-alert_1fh74e:hover {
  background-color: var(--color-red-600);
}

._mod-alert_1fh74e[disabled] {
  cursor: default;
  background-color: var(--color-grey-500);
}

/* Focus States */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
._focus-ring_1fh74e {
  outline: none;
}

._focus-ring_1fh74e:focus:focus-visible {
  box-shadow: 0 0 0 3px var(--color-blue-300);
}

._mod-no-bg-red_1fh74e:focus:focus-visible {
  box-shadow: 0 0 0 3px var(--color-red-300);
}

/* to center link label*/
._centered-label_1fh74e {
  text-align: center;
}

/* styles for staging-app/components/settings/billing/payment-settings.m.css */
._title_19n7r9 {
  padding: 0 0 8px 0;
  border-bottom: var(--border-standard);
  width: 100%;
  margin-top: 28px;
  position: relative;
}

/* styles for staging-app/components/shared/buttons/file-upload-button.m.css */
._file-upload-button_1dr2ku input[type=file] {
  display: none;
}

/* styles for staging-app/components/shared/buttons/link-out-button.m.css */
/* styles for staging-app/components/shared/buttons/link-to-button.m.css */
/* styles for staging-app/components/shared/buttons/split-button.m.css */
._split-button_1qtywz {
  display: inline-flex;
  flex-wrap: no-wrap;
}

._main-button_1qtywz {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

._menu-button_1qtywz {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-left: 1px solid var(--color-white);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 40px;
  padding: 0;
  min-width: 40px;
}

._menu-button_1qtywz ._split-icon_1qtywz {
  position: absolute;
  top: 17px;
  left: 14px;
}

/* styles for staging-app/components/shared/buttons/standard-button.m.css */
/* styles for staging-app/components/shared/forms/shared-panel-content-styles.m.css */
/* Adjusts list margins. Wondering if these list styles should be applied to the base, but applying on the component to limit impact */
._content_7x97wm p {
  margin: 0;
}

._content_7x97wm p > ol,
._content_7x97wm p > ul {
  margin: 0;
  padding-left: 24px;
}

._content_7x97wm p > li {
  text-indent: 4px;
}

._content_7x97wm > ol,
._content_7x97wm > ul {
  margin: 0;
  padding-left: 0;
}

._content_7x97wm > li {
  text-indent: 0;
}

._content_7x97wm p + p {
  margin-top: 16px;
}

/* styles for staging-app/components/shared/forms/check-box-with-panel.m.css */
/* styles for staging-app/components/shared/forms/radio-input-with-panel.m.css */
/* styles for staging-app/components/shared/navigation/tab-bar.m.css */
._mod-secondary_1a0zun {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  gap: 3px;
}
._mod-secondary_1a0zun ._tab_1a0zun {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  cursor: pointer;
  justify-content: center;
  flex-basis: 138px;
  padding: 11px;
  align-items: center;
  border: 1px solid var(--color-grey-100);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: var(--color-grey-100);
  border-bottom-color: var(--color-grey-300);
  border-block-end: none;
  margin-bottom: 1px;
}
._mod-secondary_1a0zun a {
  color: #000;
}
._mod-secondary_1a0zun ._tab-label_1a0zun {
  white-space: nowrap;
  padding: 0 16px;
  width: 100%;
  text-align: center;
}
._mod-secondary_1a0zun ._tab_1a0zun._selected-tab_1a0zun {
  background-color: var(--color-white);
  border-bottom-color: var(--color-white);
  border-top-color: var(--color-grey-300);
  border-right-color: var(--color-grey-300);
  border-left-color: var(--color-grey-300);
  margin-bottom: 0;
  padding-bottom: 12px;
}
._mod-secondary_1a0zun ._selected-tab_1a0zun:focus:not(:focus-visible) {
  border-top-color: var(--color-grey-300);
  border-left-color: var(--color-grey-300);
  border-right-color: var(--color-grey-300);
  border-bottom-color: var(--color-white);
}

._mod-standard_1a0zun {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-300);
  border-radius: 5px;
  padding: 0;
  height: 32px;
  cursor: pointer;
}
._mod-standard_1a0zun ._tab_1a0zun {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  margin: -1px;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 5px;
}
._mod-standard_1a0zun ._tab-label_1a0zun {
  color: var(--color-black);
  padding: 0 16px;
  border-right: 1px solid var(--color-grey-300);
  width: 100%;
  text-align: center;
}
._mod-standard_1a0zun ._tab_1a0zun:last-child ._tab-label_1a0zun {
  border-right: 1px solid transparent;
}
._mod-standard_1a0zun ._tab-total_1a0zun {
  color: var(--color-grey-500);
}
._mod-standard_1a0zun ._selected-tab_1a0zun {
  font-weight: 500;
  background-color: var(--color-white);
  border-color: var(--color-grey-300);
}
._mod-standard_1a0zun ._selected-tab_1a0zun ._tab-label_1a0zun {
  border-right: 1px solid transparent;
}

._mod-inline-standard_1a0zun {
  display: inline-flex;
}

._mod-inline-standard_1a0zun ._tab_1a0zun {
  flex-grow: 0;
  justify-content: flex-start;
}

/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visible class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._tab_1a0zun {
  outline: none;
}

._tab_1a0zun:focus:focus-visible {
  border-color: var(--color-blue-300);
  box-shadow: 0 0 0 2px var(--color-blue-300);
  z-index: 1;
}

._tab_1a0zun:focus:not(:focus-visible) {
  border-color: transparent;
  box-shadow: none;
}

._selected-tab_1a0zun:focus:not(:focus-visible) {
  border-color: var(--color-grey-300);
  box-shadow: none;
}

/* styles for staging-app/components/shared/navigation/tab-bar-routable.m.css */
/* styles for staging-app/components/shared/results/triage-card.m.css */
._triage-card_15g5q9 {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 68px;
}

._avatar-container_15g5q9 {
  display: flex;
  align-items: flex-start;
  /* using custom values here to ensure the avatar text lines up with the title text */
  padding: 8px 8px 0 8px;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 10px;
  min-width: 160px;
  max-width: 260px;
}

._avatar_15g5q9 {
  /* to ensure elipses works */
  width: 100%;
}

._title-container_15g5q9 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._item-type-divider_15g5q9 {
  width: 2px;
  border-radius: 100px;
  margin: 12px 0;
  background-color: var(--color-grey-100);
  flex-grow: 0;
  flex-shrink: 0;
}

._search-string_15g5q9 {
  background-color: var(--color-grey-200);
}

._date_15g5q9 {
  color: var(--color-blue-500);
  margin-left: 8px;
}

._comments_15g5q9 {
  margin: 0 -3px;
  display: flex;
  flex-direction: "row";
  flex-wrap: wrap;
}

._comment_15g5q9 {
  margin: 6px 3px 0px 3px;
  align-self: flex-start;
  padding: 4px 12px;
  border-radius: 16px;
  background-color: var(--color-blue-100);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

._comment_15g5q9 ._search-string_15g5q9 {
  background-color: var(--color-blue-200);
}

._activity-item_15g5q9 {
  background-color: var(--color-grey-100);
}

._item-type-email_15g5q9 ._item-type-divider_15g5q9 {
  background-color: #777;
}

._item-type-note_15g5q9 ._item-type-divider_15g5q9 {
  background-color: #ff9900;
}

._item-type-work_15g5q9 ._item-type-divider_15g5q9 {
  background-color: #e2e2e2;
}

._item-type-task_15g5q9 ._item-type-divider_15g5q9 {
  background-color: #56cb00;
}

._item-type-clienttask_15g5q9 ._item-type-divider_15g5q9 {
  background-color: #f87da6;
}

._item-type-timesheet_15g5q9 ._item-type-divider_15g5q9 {
  background-color: #5a56d2;
}

._item-type-system_15g5q9 ._item-type-divider_15g5q9 {
  background-color: #d61407;
}

._content-container_15g5q9 {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 10px;
  min-width: 0;
  flex-basis: 600px;
  overflow: hidden;
}

._triage-card_15g5q9._has-menu_15g5q9:hover ._date_15g5q9 {
  opacity: 0;
}

._state-menu-open_15g5q9._triage-card_15g5q9._has-menu_15g5q9 ._date_15g5q9 {
  opacity: 0;
}

._menu-icon_15g5q9 {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 12px;
}

._state-menu-closed_15g5q9 ._menu-icon_15g5q9 {
  opacity: 0;
}

._state-menu-closed_15g5q9:hover ._menu-icon_15g5q9 {
  opacity: 1;
}

/* styles for staging-app/components/shared/results/triage-card-loader.m.css */
._loader-avatar_zrj4xb {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 8px;
  align-items: center;
  justify-content: start;
}

/* styles for staging-app/components/billing/banners/billing-banner.m.css */
._settings-warning_1200ln {
  margin: 0 20px 0 20px;
}

/* styles for staging-app/components/billing/billing-details/billing-details-edit.m.css */
/* Intentially left blank */
/* styles for staging-app/components/billing/billing-details/billing-details-summary.m.css */
/* Intentially left blank */
/* styles for staging-app/components/billing/billing-first-use/billing-first-use.m.css */
._billing-first-use_htefq6 {
  width: 400px;
  height: 100%;
  margin: auto;
  margin-top: 100px;
}

._billing-first-use__title_htefq6 {
  margin-bottom: 12px;
}

._message-line_htefq6 {
  margin-bottom: 28px;
}

/* styles for staging-app/components/billing/billing-first-use/start-date-picker.m.css */
._start-date-picker_1gav51 {
  position: relative;
}

._date-picker_1gav51 {
  width: 100%;
  position: absolute;
  top: 64px;
  background-color: var(--color-white);
  padding: 12px;
}

._action-bar_1gav51 {
  width: 100%;
  text-align: right;
}

._confirm-modal-message_1gav51 {
  margin-bottom: 8px;
}

/* styles for staging-app/components/billing/credit-note/presentation.m.css */
._side-bar-border_1ft4l6 {
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid var(--color-grey-300);
}

/* styles for staging-app/components/billing/invoice-details/data/expenses-table/expenses-table.m.css */
._settings-warning_kao85s {
  margin-top: 28px;
}

/* styles for staging-app/components/billing/invoice-details/invoice-details.m.css */
._button-approve_1rqjyq {
  margin-bottom: 20px;
}

._invoice-details-tab-bar_1rqjyq {
  margin-top: 32px;
}

._carry-forward-container_1rqjyq {
  margin-top: 12px;
}

._carry-forward-label_1rqjyq {
  margin-bottom: 16px;
}

._carry-forward-items-label_1rqjyq,
._carry-forward-items-value_1rqjyq {
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

._date-field_1rqjyq {
  margin-bottom: 12px;
}

._spinner_1rqjyq {
  margin-top: 24px;
}

._billing-banner_1rqjyq {
  margin: 0 0 16px 0;
}

/* styles for staging-app/components/billing/invoice-details/presentation/presentation.m.css */
._invoice-presentation_f7djov {
  display: flex;
}

._invoice-container_f7djov {
  justify-content: center;
  flex-grow: 1;
  display: flex;
}

._side-bar-border_f7djov {
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid var(--color-grey-300);
}

._bottom-bar_f7djov {
  margin-top: 28px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  border: 1px solid var(--color-grey-300);
  padding: 16px;
}

._billing-banner_f7djov {
  margin: 0 0 16px 0;
}

/* styles for staging-app/components/billing/invoice/invoice-data/invoice-table-group.m.css */
._billing-section_1r4f0h {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

._billing-section_1r4f0h:last-child {
  margin-bottom: 0px;
}

._billing-section__header_1r4f0h {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  gap: 100px;
}
@media only screen and (max-width: 1080px) {
  ._billing-section__header_1r4f0h {
    gap: 50px;
  }
}

/* styles for staging-app/components/billing/invoice/invoice-data/invoice-table.m.css */
._left_13p0pv {
  justify-content: left;
}

._right_13p0pv {
  justify-content: right;
}

/* styles for staging-app/components/billing/invoice/invoice-data/invoice-totals.m.css */
._totals-table_13c8tq {
  width: 236px;
  display: flex;
  flex-direction: column;
  float: right;
  padding: 0px 0px 40px 0px;
}

._totals-item-row_13c8tq {
  padding: 0 0 9px 0;
  display: flex;
}

._totals-item-row_13c8tq:last-child {
  padding: 0;
}

._totals-bar_13c8tq {
  margin: 4px 0 12px 0;
  border-bottom: 1px solid var(--color-grey-900);
}

._totals-label_13c8tq {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}

._totals-label_13c8tq p {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}

._totals-amount_13c8tq {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

/* styles for staging-app/components/billing/invoice/invoice-footer/invoice-footer-address.m.css */
/* styles for staging-app/components/billing/invoice/invoice-footer/invoice-footer-instruction.m.css */
/* styles for staging-app/components/billing/invoice/invoice-header/invoice-header.m.css */
._header-top_19gpbd {
  display: flex;
  padding: 0px 0px 40px 0px;
}

._header-logo_19gpbd {
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

._header-logo-image_19gpbd {
  max-width: 200px;
  max-height: 80px;
}

._header-due_19gpbd {
  padding: 0;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

._header-address-section_19gpbd {
  padding-bottom: 16px;
  vertical-align: bottom;
}

._header-address-section_19gpbd:last-child {
  padding-bottom: 0px;
}

/* styles for staging-app/components/billing/invoice/invoice.m.css */
._invoice_9tda72 {
  width: 800px;
  min-height: 807px;
  border: 1px solid rgba(13, 13, 13, 0.2);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  padding: 48px;
  margin: auto;
  display: flex;
  flex-direction: column;
}

._header_9tda72 {
  padding-bottom: 40px;
}

._body_9tda72 {
  flex: 1;
}

._footer_9tda72 {
  display: flex;
  flex-direction: column;
}

._footer-component_9tda72 {
  padding-bottom: 40px;
  vertical-align: bottom;
}

._footer-component_9tda72:last-child {
  padding-bottom: 0px;
}

/* styles for staging-app/components/billing/invoice/side-bar.m.css */
._sidebar_1xhyu6 {
  width: 248px;
  position: sticky;
  top: 20px;
}

._list-items_1xhyu6 {
  min-width: 100%;
}

._list-item-min-padding_1xhyu6 {
  padding: 0 12px 0 12px !important;
}

/* styles for staging-app/components/billing/presentation-data/table.m.css */
._left_8sp3gr {
  justify-content: left;
}

._right_8sp3gr {
  justify-content: right;
}

/* styles for staging-app/components/billing/recurring-billing/formatted-edit-fee.m.css */
._fee-input_1g3xmt input[type=text] {
  padding: 8px;
  border: 1px solid transparent;
  width: 100%;
}

/* styles for staging-app/components/billing/unbilled/unbilled-container.m.css */
._unbilled-wrapper_1i87mz {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
}

._billing-banner_1i87mz {
  margin: 0 20px 16px 20px;
}

._invoice-details__layout_1i87mz {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}

._unbilled-container_1i87mz {
  font-size: 16px;
  box-sizing: border-box;
  padding: 0px 20px 60px;
}

._unbilled-filters_1i87mz {
  display: flex;
  align-items: center;
}

._unbilled-filters__filter-bar_1i87mz {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #e6e6e6;
}

._unbilled-filters__filter-bar_1i87mz .filter-pill {
  background-color: #f2f2f2;
}

._unbilled-filters__filter-bar__filters-list_1i87mz::after {
  top: 13px;
}

._unbilled-action-bar_1i87mz {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 12px;
  padding: 0px 20px 0px 20px;
}

._unbilled-action-bar__selector_1i87mz {
  margin-right: 12px;
  margin-left: 8px;
  min-width: 140px;
}

._unbilled-action-bar__remove-from-billing_1i87mz {
  margin-left: 12px;
}

._unbilled-action-bar__collapse-button_1i87mz {
  margin-left: auto;
}

._unbilled-filter-bar--container_1i87mz {
  width: 100%;
  margin-bottom: 16px;
}

._unbilled-filter-bar--wrapper_1i87mz {
  display: flex;
}

._toggle_1i87mz {
  cursor: pointer;
}

._toggle-hidden-items-filter_1i87mz {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 40px;
  position: relative;
}

._toggle-option__wrapper_1i87mz {
  position: absolute;
  top: 40px;
  right: 0px;
  min-width: 220px;
  padding: 20px;
  cursor: pointer;
}

._toggle-option_1i87mz {
  display: flex;
  align-items: center;
}

._remove-toggle-label_1i87mz {
  margin-left: 8px;
}

._unbilled-summary_1i87mz {
  padding: 0 28px;
  display: flex;
  align-items: center;
  gap: 32px;
}

._unbilled-summary_1i87mz > div:last-child {
  border: none;
}

/* styles for staging-app/components/calendar/calendar-day-item.m.css */
._item_1do1je {
  cursor: pointer;
  position: absolute;
  right: 0;
  padding: 0;
  background-color: var(--color-grey-100);
  border: none;
  display: grid;
  /* gives an event some air above the text when available, yet centered vertically otherwise */
  /* also allows the disc to center on week view when the event is narrow*/
  grid-template-rows: minmax(0, 8px) auto minmax(0, 6px) 1fr;
  grid-template-columns: minmax(0, 8px) 1fr minmax(0, 8px);
  grid-template-areas: ". . ." ". content ." ". . ." ". . .";
  align-items: stretch;
}

._item_1do1je._all-day-event_1do1je {
  position: relative;
  height: 26px;
}

._item_1do1je._child_1do1je,
._item_1do1je._sib_1do1je {
  /* add the white border to nested items */
  box-shadow: 0 0 0 2px var(--color-white);
}

._content_1do1je ._time_1do1je {
  grid-area: time;
  text-transform: lowercase;
  line-height: 14px;
  /* prevent clipping while keeping the line height down */
  overflow: visible;
}

._content_1do1je {
  /* by default we have the time on line two */
  display: grid;
  grid-area: content;
  grid-template-columns: 8px minmax(0, auto);
  grid-template-rows: auto;
  grid-template-areas: "disc label" ". time";
  grid-gap: 0 8px;
  align-items: center;
  min-width: 8px;
  /* fine tune */
  margin-top: -1px;
}

._item_1do1je ._label_1do1je {
  grid-area: label;
  line-height: 16px;
}

._meeting_1do1je._isdeclined_1do1je ._label_1do1je {
  text-decoration: line-through;
}

._item_1do1je._compact_1do1je ._content_1do1je {
  /* compact mode puts all the text on one line */
  grid-template-columns: 8px auto 1fr;
  grid-template-areas: "disc label time";
}

._item_1do1je._minimised_1do1je ._content_1do1je ._label_1do1je {
  line-height: 14px;
}

._item_1do1je._istentative_1do1je {
  background-image: repeating-linear-gradient(315deg, transparent, transparent 7px, white 7px, white 8px);
}

._item_1do1je:not(._week-view_1do1je)._angle-right_1do1je,
._item_1do1je:not(._week-view_1do1je)._angle-left_1do1je {
  position: relative;
}

._item_1do1je:not(._week-view_1do1je)._angle-left_1do1je:before {
  content: "";
  position: absolute;
  left: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 10px solid var(--color-grey-100);
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}

._item_1do1je:not(._week-view_1do1je)._angle-right_1do1je:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid var(--color-grey-100);
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}

/* styles for staging-app/components/calendar/calendar-day-now-indicator.m.css */
._indicator_14n05q {
  pointer-events: none;
  position: absolute;
  width: calc(100% + 10px);
  left: -10px;
}

/* styles for staging-app/components/calendar/calendar-day-view-grid.m.css */
._calendar-grid_1igjp7 {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}

._labels_1igjp7 {
  width: 50px;
  flex-grow: 0;
  flex-shrink: 0;
}

._label_1igjp7 {
  height: 56px;
  position: relative;
  text-transform: uppercase;
  color: var(--color-grey-500);
}

._label_1igjp7 span {
  position: absolute;
  top: -9px;
  right: 14px;
}

._cells_1igjp7 {
  position: relative;
  flex-grow: 1;
  border-top: 1px solid var(--color-grey-300);
}

._cell_1igjp7 {
  height: 56px;
  margin-right: -4px;
  border-bottom: 1px solid var(--color-grey-300);
}

._events_1igjp7 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

._drag-over-indicator_1igjp7 {
  visibility: hidden;
  position: absolute;
  height: 28px;
  top: 0;
  left: 0;
  right: 0;
  background: var(--color-blue-100);
  opacity: 0.8;
  border: 1px solid var(--color-blue-500);
}

._cells_1igjp7._state-drag-over_1igjp7 ._drag-over-indicator_1igjp7 {
  visibility: visible;
}

._cells_1igjp7._state-drag-over_1igjp7 * {
  /* prevent inteference from child elements when dragging */
  pointer-events: none;
}

/* styles for staging-app/components/calendar/calendar-event-hover-info.m.css */
._content_14n23w ._time_14n23w {
  grid-area: time;
  line-height: 14px;
}

._content_14n23w {
  /* by default we have the time on line two */
  display: grid;
  grid-area: content;
  grid-template-columns: 8px auto;
  grid-template-rows: auto;
  grid-template-areas: "disc label" ". time" ". summary";
  grid-gap: 0 8px;
  align-items: center;
  min-width: 8px;
}

._item_14n23w._compact_14n23w ._content_14n23w {
  /* compact mode puts all the text on one line */
  grid-template-columns: 8px auto 1fr;
  grid-template-areas: "disc label time";
}

._item_14n23w._compact_14n23w ._content_14n23w ._label_14n23w {
  line-height: 14px;
}

._label_14n23w {
  grid-area: label;
}

._isdeclined_14n23w ._label_14n23w {
  text-decoration: line-through;
}

._summary_14n23w {
  padding-top: 4px;
  grid-area: summary;
}

/* styles for staging-app/components/calendar/calendar-event-modal-create.m.css */
._content_1br4f6 {
  flex-grow: 1;
  padding: 16px 20px 16px 20px;
  overflow-y: auto;
}

div._button-bar_1br4f6 {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 20px;
}

/* styles for staging-app/components/calendar/calendar-event-modal.m.css */
._content_hik8ot {
  flex-grow: 1;
  padding: 0 20px 0 20px;
  overflow-y: auto;
}

._event-modal-blocker_hik8ot {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

._description_hik8ot {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

._description_hik8ot p {
  margin: 0 0 12px 0;
}

._icons_hik8ot {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 12px 12px 0;
  gap: 8px;
}

._icon_hik8ot {
  cursor: pointer;
}

._link_hik8ot {
  word-break: break-all;
  color: var(--color-blue-500);
}

._action-bar_hik8ot {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 20px;
}

._action-bar_hik8ot button {
  flex-grow: 1;
}

._close-icon_hik8ot {
  grid-area: close-icon;
  cursor: pointer;
  height: 24px;
}

._inner-modal_hik8ot {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  place-items: center;
  background: transparent;
  overflow: hidden;
}

/* styles for staging-app/components/calendar/calendar-event-status-indicator.m.css */
._disc_1ccveb {
  grid-area: disc;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid var(--color-blue-400);
  background-color: var(--color-blue-400);
}

._meeting_1ccveb._accepted_1ccveb._disc_1ccveb {
  background-color: var(--color-blue-400);
}

._meeting_1ccveb._tentative_1ccveb._disc_1ccveb {
  background-color: var(--color-blue-200);
}

._meeting_1ccveb._declined_1ccveb._disc_1ccveb {
  background-color: transparent;
}

._meeting_1ccveb._needsAction_1ccveb._disc_1ccveb {
  background-color: transparent;
}

/* styles for staging-app/components/calendar/calendar-loader.m.css */
._loader_x1jd46 {
  position: absolute;
  top: calc(50vh - 31px);
  left: calc(50% - 31px);
  background-color: white;
  padding: 8px;
  border-radius: 5px;
}

/* styles for staging-app/components/calendar/calendar-meeting-actions.m.css */
/* Intentially left blank */
/* styles for staging-app/components/calendar/calendar-meeting-attendee.m.css */
._icon-placeholder_16z6ls {
  width: 16px;
  height: 16px;
}

._avatar_16z6ls {
  margin-top: 2px;
}

/* styles for staging-app/components/calendar/calendar-meeting-attendees.m.css */
/* styles for staging-app/components/calendar/calendar-modal.m.css */
._event-modal-wrapper_1hv0vb {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  place-items: center;
  background: transparent;
  overflow: hidden;
}

._event-modal_1hv0vb {
  z-index: 5;
  width: 360px;
  display: flex;
  flex-direction: column;
  margin: 8px 24px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  min-height: 260px;
  grid-area: modal;
  max-height: calc(100% - 32px);
}

._header_1hv0vb {
  display: grid;
  padding: 12px;
  border-bottom: 1px solid var(--color-grey-100);
  grid-template-columns: minmax(0, 24px) 1fr 24px;
  grid-template-areas: ". title close-icon";
  gap: 4px;
  align-items: center;
}

._event-modal-blocker_1hv0vb {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

._close-icon_1hv0vb {
  grid-area: close-icon;
  cursor: pointer;
  height: 24px;
}

._title_1hv0vb {
  grid-area: title;
}

._yielded_1hv0vb {
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* styles for staging-app/components/calendar/calendar-now-indicator.m.css */
._indicator_jlrt0t {
  position: relative;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-blue-500);
}

._indicator_jlrt0t:after {
  display: block;
  position: relative;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: var(--color-blue-500);
  top: -3px;
}

/* styles for staging-app/components/calendar/calendar-rrule-editor.m.css */
/* intentionally left blank */
/* styles for staging-app/components/calendar/calendar-rrule-label.m.css */
/* intentionally left blank */
/* styles for staging-app/components/calendar/calendar-schedule-item.m.css */
._item_apjaa2 {
  cursor: pointer;
  position: relative;
  min-height: 27px;
  padding: 4px 8px;
  background-color: var(--color-grey-100);
  margin: 8px 0;
}

._disc_apjaa2 {
  position: absolute;
  top: 10px;
  left: 10px;
}

._content_apjaa2 {
  margin-left: 16px;
}

._content_apjaa2 ._time_apjaa2 {
  text-transform: lowercase;
}

._isdeclined_apjaa2 ._label_apjaa2 {
  text-decoration: line-through;
}

._item_apjaa2._istentative_apjaa2 {
  background-image: repeating-linear-gradient(315deg, transparent, transparent 7px, white 7px, white 8px);
}

/* styles for staging-app/components/calendar/calendar-schedule-view.m.css */
._header_n8cn76 {
  cursor: pointer;
}

/* styles for staging-app/components/calendar/calendar-week-view-header.m.css */
._days_4nuam1 {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  padding-left: 66px;
  padding-right: 16px;
  padding-bottom: 8px;
  overflow: auto;
  scrollbar-gutter: stable;
  gap: 2px;
}

._day_4nuam1 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 10px;
}

._events_4nuam1 {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  padding: 4px 16px 4px 66px;
  overflow: auto;
  scrollbar-gutter: stable;
  gap: 2px;
  border-top: 1px solid var(--color-grey-300);
}

._day-events_4nuam1 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 10px;
  gap: 2px;
}

/* styles for staging-app/components/calendar/calendar-week-view.m.css */
._view_fmnt63 {
  display: flex;
  flex-direction: row;
  gap: 2px;
}

._column_fmnt63 {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
}

/* styles for staging-app/components/calendar/calendar.m.css */
._calendar_u9b0ai {
  position: absolute;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 16px 0;
  overflow: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid var(--color-grey-300);
}

._calendar_u9b0ai._collapsed_u9b0ai {
  background-color: var(--color-grey-100);
}

._collapsed-icon_u9b0ai {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 20px;
  left: 5px;
  cursor: pointer;
}

._expanded-icon_u9b0ai {
  margin-left: 8px;
  right: 8px;
  cursor: pointer;
}

._expanded-icon-banner_u9b0ai {
  position: absolute;
  top: 20px;
  right: 14px;
  cursor: pointer;
}

._collapsed-state_u9b0ai {
  height: 100%;
}

._collapsed_u9b0ai ._expanded-state_u9b0ai,
._expanded_u9b0ai ._collapsed-state_u9b0ai {
  display: none;
}

._date-picker-open_u9b0ai * {
  cursor: default;
}

._nav-area_u9b0ai {
  display: flex;
  flex-direction: column;
  padding: 0;
  border-bottom: 1px solid var(--color-grey-300);
}

._tabbar_u9b0ai {
  align-self: flex-start;
  margin-bottom: 12px;
  flex-shrink: 0;
}

._today-action_u9b0ai {
  align-self: flex-start;
}

._all-day-events_u9b0ai {
  padding: 4px 16px 4px 66px;
  border-top: 1px solid var(--color-grey-300);
  overflow: auto;
  scrollbar-gutter: stable;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._scroller_u9b0ai {
  overflow: auto;
  padding: 0 16px;
  scrollbar-gutter: stable;
}

._date-picker-open_u9b0ai ._scroller_u9b0ai,
._modal-open_u9b0ai ._scroller_u9b0ai {
  overflow: hidden;
}

._day-view-nav_u9b0ai {
  position: relative;
  padding: 0 0 4px 16px;
}

._day-view-controls_u9b0ai {
  position: relative;
  height: 40px;
  z-index: 2;
  padding: 0 16px 0 0;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

._date-picker-overlay_u9b0ai {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: white;
  padding: 40px 16px 12px 16px;
}

._date-picker-shadow_u9b0ai {
  position: absolute;
  bottom: -20px;
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.14);
  width: 100%;
  height: 20px;
  left: 0;
}

._header-toggle_u9b0ai {
  flex-grow: 1;
}

._view-menu_u9b0ai {
  margin: 0 0 0 16px;
}

/* styles for staging-app/components/calendar/email-meeting-invitation.m.css */
._invite_ve6e98 {
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  background-color: var(--color-white);
  padding: 16px;
}

._info-grid_ve6e98 {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-column-gap: 8px;
  padding-bottom: 16px;
}

._connect-calendar-message__link_ve6e98 {
  text-decoration: underline;
  cursor: pointer;
}

._action-bar_ve6e98 {
  display: flex;
  gap: 8px;
}

/* styles for staging-app/components/calendar/grant-calendar-access-banner.m.css */
._calendar-banner_10ajs5 {
  padding: 28px 0;
}

._text_10ajs5 {
  width: 295px;
  text-align: center;
}

/* styles for staging-app/components/calendar/header-toggle.m.css */
/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visible class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._header-toggle_v6z0o8 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  outline: none;
  border-radius: 4px;
}

._header-toggle_v6z0o8:focus:focus-visible {
  box-shadow: 0 0 0 2px var(--color-blue-300);
  z-index: 1;
}

._header-toggle_v6z0o8:focus:not(:focus-visible) {
  box-shadow: none;
}

/* styles for staging-app/components/chart-of-accounts/chart-of-accounts-mapping-table-item.m.css */
/*have to use this custm margin to align code and name fileds when one of them has an error message*/
._error-margin_1ll1qc {
  margin-bottom: 23px;
}

/* styles for staging-app/components/chart-of-accounts/chart-of-accounts-mapping-table.m.css */
._chart-of-accounts-mapping-table_qr1yfc input {
  padding: 8px 12px;
  width: 100%;
}

/* styles for staging-app/components/chart-of-accounts/chart-of-accounts-mapping-view.m.css */
._chart-of-accounts-view_1kucn0 br {
  margin-bottom: 8px;
}

/* styles for staging-app/components/connected-apps/contact-syncing-integrations/external-client-list-item.m.css */
._last-sync_8nipup span {
  color: var(--color-black);
}

/* styles for staging-app/components/connected-apps/qboa/connected-apps-qboa.m.css */
._last-sync_1kwdsr span {
  color: var(--color-black);
}

/* styles for staging-app/components/connected-apps/xpm/connected-app-xpm.m.css */
._last-sync_bzcgff span {
  color: var(--color-black);
}

/* styles for staging-app/components/contacts/initial-import/mapping-row.m.css */
._grid-cols_1gj1q9 {
  grid-template-columns: 1fr 1fr minmax(0, 200px) 80px;
}

/* styles for staging-app/components/contacts/initial-import/steps/mapping-step.m.css */
._grid-cols_188cuo {
  grid-template-columns: 1fr 1fr minmax(0, 200px) 80px;
}

/* styles for staging-app/components/email/email-compose/scheduled-email-custom-date-selector.m.css */
._custom-picker-panel_n8etrj {
  display: flex;
  flex-direction: column;
  width: 420px;
  min-height: 190px;
  padding: 16px;
}

._custom-picker-input-container_n8etrj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px;
}

._custom-picker-status_n8etrj {
  flex-grow: 1;
}

/* styles for staging-app/components/email/grant-email-access/grant-email-access-banner.m.css */
._email-banner_e7z0zk {
  margin-bottom: 30px;
  background-color: var(--color-white);
  border-radius: 4px;
  border: 1px solid var(--color-grey-300);
  padding: 21px 0 27px 0;
}

._text_e7z0zk {
  max-width: 735px;
  text-align: center;
}

/* styles for staging-app/components/email/grant-email-access/provider-sign-in-button.m.css */
._sign-in-button_1ggx9g {
  cursor: pointer;
  display: flex;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  padding: 0 16px;
  border-radius: 4px;
  height: 40px;
  gap: 12px;
  align-items: center;
}

/* Focus States */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
._focus-ring_1ggx9g {
  outline: none;
}

._focus-ring_1ggx9g:focus:focus-visible {
  box-shadow: 0 0 0 3px var(--color-blue-300);
}

._mod-no-bg-red_1ggx9g:focus:focus-visible {
  box-shadow: 0 0 0 3px var(--color-red-300);
}

/* styles for staging-app/components/engagements/wizard/4-billing/repricing/popover.m.css */
._popover_uw5rk4 {
  @apply khq-pointer-events-none khq-invisible khq-inline-flex khq-min-w-max khq-font-metric khq-text-base khq-text-foreground-primary khq-opacity-0;
  transition-duration: 0.13s;
  transition-property: opacity, transform;
}

/* styles for staging-app/components/file-management/auto-copy-modal.m.css */
._auto-copy-rules_1b0i1i {
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-300);
  border-radius: 6px;
  padding: 16px;
}

._auto-copy-sources_1b0i1i {
  padding-left: 30px;
  text-transform: capitalize;
}

/* styles for staging-app/components/file-management/file-management-settings.m.css */
._check-box_10auhf {
  border: 1px solid var(--color-grey-300);
  border-radius: 6px;
  margin-top: 16px;
  padding-top: 12px;
  padding-bottom: 16px;
  padding-left: 16px;
  background-color: var(--color-grey-100);
}

._connection-usage-description_10auhf {
  line-height: 160% !important;
}

/* styles for staging-app/components/file-management/file-storage-table.m.css */
._row-border_1i7q9v,
._header-border_1i7q9v {
  border-bottom: solid 1px var(--color-grey-200);
}

/* styles for staging-app/components/file-management/folders/connected-folder-banner.m.css */
/* styles for staging-app/components/file-management/folders/documents-list-header.m.css */
._content_bkrzpl {
  position: relative;
  margin-bottom: 12px;
}

._menu-icon-wrapper_bkrzpl {
  display: flex;
  align-items: flex-end;
}

._menu-options_bkrzpl {
  padding: 0 14px;
}

._breadcrumbs_bkrzpl {
  display: flex;
  justify-content: space-between;
  padding: 14px 0 0 0;
  margin-bottom: 12px;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-grey-300);
  text-transform: capitalize;
}

/*Have to add custom margin because checkboxes in the table below have 8px left margin + 1px table border*/
._selected-items_bkrzpl {
  margin-left: 9px;
}

/* styles for staging-app/components/file-management/folders/documents-list-item.m.css */
._uppercase_qxmo3 {
  text-transform: uppercase;
}

._menu-options_qxmo3 {
  position: absolute;
  top: 9px;
  right: 12px;
}

._edit-file_qxmo3 {
  outline: none;
  border: none;
  padding: 2px;
  width: 100%;
}

._faded_qxmo3 {
  opacity: 0.5;
}

._file-name_qxmo3 {
  cursor: pointer;
  display: flex;
  align-items: center;
}

._file-name-edit_qxmo3 {
  width: 100%;
}

._large-cell_qxmo3 {
  width: 50%;
}

._medium-cell_qxmo3 {
  width: 15%;
}

._medium-cell_qxmo3 span,
._medium-cell_qxmo3 span::before,
._small-cell_qxmo3 span::before {
  color: var(--color-black);
}

._small-cell_qxmo3 {
  width: 5%;
  margin-right: 36px;
}

._document-list-item_qxmo3 {
  display: flex;
  align-items: center;
  position: relative;
  padding: 8px;
}

._document-list-item_qxmo3 ._more-button_qxmo3 {
  opacity: 0;
  transition: ease-out;
}

._document-list-item_qxmo3:hover ._more-button_qxmo3 {
  opacity: 1;
}

._truncate-text-label_qxmo3 {
  max-width: 350px;
}

/* styles for staging-app/components/file-management/folders/documents-list.m.css */
/*overwriting file-pill styles
we don't need to render file-pill because we'll show file upload status in notifications toasts*/
._file-upload-wrap_2rxnob {
  display: none;
}

._files-list-wrap_2rxnob {
  height: 40vw;
  overflow: auto;
}

._header_2rxnob {
  white-space: nowrap;
  padding: 0 8px;
}

._large-cell_2rxnob {
  width: 50%;
  padding-left: 40px;
}

._medium-cell_2rxnob {
  width: 15%;
}

._small-cell_2rxnob {
  width: 5%;
  margin-right: 36px;
}

._file-drop-area-wrap_2rxnob {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

/* styles for staging-app/components/file-management/folders/documents.m.css */
._nav-wrap_1pm7ex {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid var(--color-grey-300);
}

._nav-wrap_1pm7ex ._mod-standard_1pm7ex .___tab_1pm7ex {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  margin: -1px;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* styles for staging-app/components/file-management/folders/file-storage-item.m.css */
._file-storage-item_1p6lbm tr {
  cursor: pointer;
}
._file-storage-item_1p6lbm tr td._item-type_1p6lbm {
  text-align: right;
  padding-right: 8px;
}
._file-storage-item_1p6lbm ._opacity100_1p6lbm {
  opacity: 1;
}
._file-storage-item_1p6lbm ._opacity80_1p6lbm {
  opacity: 0.6;
}
._file-storage-item_1p6lbm ._ellipsis_1p6lbm {
  display: block;
  width: 245px;
  overflow: hidden;
}

/* styles for staging-app/components/file-management/folders/file-storage.m.css */
._half-width_1y86cs {
  margin-top: 8px;
}

._centered-content_1y86cs {
  margin-top: 24px;
  align-items: center;
  justify-content: start;
  text-align: center;
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}

._action-content_1y86cs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

._button-icon_1y86cs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

/* styles for staging-app/components/file-management/navigation/tab-bar.m.css */
._mod-standard_1pcs1f {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0;
  cursor: pointer;
}
._mod-standard_1pcs1f ._tab_1pcs1f {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  margin: -1px 4px -1px -1px;
  border: 1px solid var(--color-grey-100);
  cursor: pointer;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: var(--color-grey-100);
  border-bottom-color: var(--color-grey-300);
}
._mod-standard_1pcs1f ._tab-label_1pcs1f {
  padding: 0 16px;
  width: 100%;
  text-align: center;
}
._mod-standard_1pcs1f ._tab_1pcs1f:last-child ._tab-label_1pcs1f {
  border-right: 1px solid transparent;
}
._mod-standard_1pcs1f ._tab_1pcs1f._selected-tab_1pcs1f {
  background-color: var(--color-white);
  border-bottom-color: var(--color-white);
  border-top-color: var(--color-grey-300);
  border-right-color: var(--color-grey-300);
  border-left-color: var(--color-grey-300);
}
._mod-standard_1pcs1f ._selected-tab_1pcs1f ._tab-label_1pcs1f {
  border-right: 1px solid transparent;
}

._mod-vertical_1pcs1f {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: var(--color-white);
  border-radius: 5px;
  padding: 0;
  cursor: pointer;
  width: 45%;
}
._mod-vertical_1pcs1f ._tab_1pcs1f {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: -1px 10px -1px -1px;
  cursor: pointer;
  border-radius: 5px;
}
._mod-vertical_1pcs1f ._tab-label_1pcs1f {
  width: 100%;
  text-align: left;
}
._mod-vertical_1pcs1f ._selected-tab_1pcs1f {
  font-weight: 600;
  background-color: var(--color-grey-100);
}

._mod-inline-standard_1pcs1f {
  display: inline-flex;
}

._mod-inline-standard_1pcs1f ._tab_1pcs1f {
  flex-grow: 0;
  justify-content: flex-start;
}

/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visible class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._tab_1pcs1f {
  outline: none;
}

._tab_1pcs1f:focus:focus-visible {
  border-top-color: var(--color-grey-300);
  border-left-color: var(--color-grey-300);
  border-right-color: var(--color-grey-300);
  box-shadow: 0 0 0 2px var(--color-blue-300);
  z-index: 1;
}

._tab_1pcs1f:focus:not(:focus-visible) {
  border-color: transparent;
}

._selected-tab_1pcs1f:focus:not(:focus-visible) {
  border-top-color: var(--color-grey-300);
  border-left-color: var(--color-grey-300);
  border-right-color: var(--color-grey-300);
  box-shadow: none;
}

/* styles for staging-app/components/file-management/shared/file-details-item.m.css */
._file-details-item_1x9j6z {
  cursor: context-menu;
}

._file-details-item-size_1x9j6z {
  text-align: right;
  color: var(--color-grey-500);
}

._file-details-item-size_1x9j6z._red_1x9j6z {
  color: var(--color-red-500);
}

._file-details-item-ellipsis_1x9j6z {
  max-width: 205px;
}

/* styles for staging-app/components/file-management/shared/file-management-item-with-dropdown.m.css */
._content_1ny66u {
  display: inline-block;
  position: relative;
}

._item_1ny66u {
  cursor: pointer;
  display: flex;
  padding-top: 2px;
  margin-left: -3px;
}

._dropdown-pane-wrapper_1ny66u {
  position: absolute;
  bottom: 48px;
}

/* styles for staging-app/components/file-management/shared/file-management-selection-list.m.css */
._root_1xi307 {
  display: flex;
  flex-direction: column;
  padding: 0;
}

._list-item_1xi307 {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding: 0 20px 0 20px;
  min-height: 38px;
  padding-top: 6px;
  padding-bottom: 6px;
}
._list-item_1xi307 span {
  display: flex;
  align-items: center;
}

._list-item_1xi307:hover {
  background-color: var(--color-grey-100);
}

._list-item-label_1xi307 {
  position: relative;
  padding-right: 30px;
  flex-grow: 1;
}

._list-item-description_1xi307 {
  color: var(--color-grey-500);
  text-align: right;
}

._list-item--nav-selection_1xi307:not(._list-item--disabled_1xi307) {
  background-color: var(--color-grey-100);
}

._mod-panel_1xi307 ._list-item_1xi307:first-child,
._list-item_1xi307:first-child:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

._mod-panel_1xi307 ._list-item_1xi307:last-child,
._list-item_1xi307:last-child:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* styles for staging-app/components/file-management/shared/select-location-modal.m.css */
._modal-content_1sh9b6 {
  height: 420px;
}

._table-scroller_1sh9b6 {
  height: 350px;
  overflow-y: auto;
}

._table-scroller_1sh9b6._small_1sh9b6 {
  height: 270px;
}

._loader-position_1sh9b6 {
  text-align: center;
}

/* styles for staging-app/components/get-started-v2/book-a-call-widget.m.css */
._balloon_z9mvfm {
  background-color: var(--color-gold-200);
}

._balloon_z9mvfm:after {
  content: "";
  position: absolute;
  right: -14px;
  top: calc(50% - 20px);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid var(--color-gold-200);
  clear: both;
}

._balloon_z9mvfm em {
  color: var(--color-blue-500);
  font-style: normal;
}

/* styles for staging-app/components/get-started/calendly-modal.m.css */
/* 
  This is a hack around calendly widget modal
  we need to add Karbon back button 
   */
._wormhole_17ghr7 {
  scrollbar-gutter: stable;
}

._back-button_17ghr7 {
  position: absolute;
  top: 8px;
  right: 16px;
  color: white;
  opacity: 1;
}

._calendly-wrapper_17ghr7 {
  width: 100%;
  height: 100%;
  margin: auto;
  top: 40px;
}

._back-button-wrapper_17ghr7 {
  position: absolute;
  top: -40px;
  width: 100%;
  height: 40px;
  background-color: var(--color-grey-700);
  opacity: 0.8;
}

@media only screen and (min-width: 650px) {
  ._calendly-wrapper_17ghr7 {
    width: 1000px;
    height: 800px;
    top: 0;
  }
  ._back-button_17ghr7 {
    position: absolute;
    top: 36px;
  }
  ._back-button-wrapper_17ghr7 {
    position: revert;
    top: revert;
    width: revert;
    height: revert;
    background-color: revert;
    opacity: revert;
  }
}
/* styles for staging-app/components/get-started/get-started-intuit-page.m.css */
._quick-start_1qtj5v {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-standard-radius);
  border: var(--border-standard);
  margin-bottom: 16px;
}
@media only screen and (min-width: 780px) {
  ._quick-start_1qtj5v {
    flex-direction: row;
  }
}

._quick-start-item_1qtj5v {
  flex-basis: 100px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-bottom: var(--border-standard);
  align-items: flex-start;
}
@media only screen and (min-width: 780px) {
  ._quick-start-item_1qtj5v {
    border-bottom: none;
    border-right: 1px solid var(--color-grey-300);
  }
}

._quick-start-item_1qtj5v:last-child {
  border: none;
}

._quick-start-item-title_1qtj5v {
  display: flex;
  font-size: 20px;
  align-items: center;
  margin-bottom: 16px;
}

._quick-start-item-number_1qtj5v {
  border-radius: 50%;
  background-color: #ed8072;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  text-align: center;
  line-height: 32px;
  color: white;
  font-size: 20px;
  margin-right: 12px;
}

._quick-start-item_1qtj5v ul {
  padding: 0 18px;
  color: grey;
  margin: 0;
  line-height: 24px;
}

._quick-start-item_1qtj5v ul li a {
  color: var(--color-primary);
}

._quick-start-item-video_1qtj5v {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  background-color: var(--color-grey-100);
  border-radius: 4px;
  border: none;
  margin-top: 16px;
  width: 100%;
}

._task-section-items_1qtj5v {
  border: var(--border-standard);
  border-radius: 4px;
}

._task-section-item_1qtj5v {
  cursor: pointer;
  border-bottom: var(--border-standard);
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._task-section-item_1qtj5v .check-box {
  height: 20px;
  margin-right: 4px;
  margin-left: 4px;
}

._task-section-item-title_1qtj5v {
  flex-grow: 1;
}

._task-section-item_1qtj5v:last-of-type {
  border-bottom: none;
}

._list-label_1qtj5v {
  margin-top: 16px;
}

/* styles for staging-app/components/get-started/get-started-page.m.css */
._quick-start_17ih90 {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-standard-radius);
  border: var(--border-standard);
  margin-bottom: 16px;
}
@media only screen and (min-width: 780px) {
  ._quick-start_17ih90 {
    flex-direction: row;
  }
}

._quick-start_17ih90._grey_17ih90 {
  background-color: var(--color-grey-100);
  border: none;
}

._quick-start-item_17ih90 {
  flex-basis: 100px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-bottom: var(--border-standard);
  align-items: flex-start;
}
@media only screen and (min-width: 780px) {
  ._quick-start-item_17ih90 {
    border-bottom: none;
    border-right: 1px solid var(--color-grey-300);
  }
}

._quick-start-item_17ih90._grey_17ih90 {
  border: none;
  flex-basis: auto;
  flex-grow: 0;
  padding: 19px 10px 22px 20px;
}

._quick-start-item_17ih90:last-child {
  border: none;
}

._quick-start-item-title_17ih90 {
  display: flex;
  font-size: 20px;
  align-items: center;
  margin-bottom: 16px;
}

._quick-start-item-number_17ih90 {
  border-radius: 50%;
  background-color: #ed8072;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  text-align: center;
  line-height: 32px;
  color: white;
  font-size: 20px;
  margin-right: 12px;
}

._quick-start-item_17ih90 ul {
  padding: 0 18px;
  color: grey;
  margin: 0;
  line-height: 24px;
}

._quick-start-item_17ih90 ul li a {
  color: var(--color-primary);
}

._quick-start-item-video_17ih90 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  background-color: var(--color-grey-100);
  border-radius: 4px;
  border: none;
  margin-top: 16px;
  width: 100%;
}

._task-section-items_17ih90 {
  border: var(--border-standard);
  border-radius: 4px;
}

._task-section-item_17ih90 {
  cursor: pointer;
  border-bottom: var(--border-standard);
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._task-section-item_17ih90 .check-box {
  height: 20px;
  margin-right: 4px;
  margin-left: 4px;
}

._task-section-item-title_17ih90 {
  flex-grow: 1;
}

._task-section-item_17ih90:last-of-type {
  border-bottom: none;
}

._list-label_17ih90 {
  margin-top: 16px;
}

@media only screen and (min-width: 780px) {
  ._quick-start-item_17ih90._grey_17ih90 ._welcome-text_17ih90 {
    line-height: 28px;
  }
}

._quick-start-item-avatar_17ih90 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 0;
  position: relative;
}

/* styles for staging-app/components/global-search/facet-filters/facet-filter-bar.m.css */
._facet-filter-bar_4z5wya {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* we need to offset the margin bottom we added to the filters to keep them seperated when they wrap. */
  margin-bottom: -4px;
}

/* styles for staging-app/components/global-search/facet-filters/filters/facet-filter-involves-others.m.css */
._panel_1g25z3 {
  position: absolute;
  border: var(--border-standard);
  border-radius: var(--border-standard-radius);
  background: var(--color-white);
  padding: 12px;
  width: 600px;
  z-index: 1;
}

/* styles for staging-app/components/global-search/global-search.m.css */
._global-search_1r82qq {
  z-index: 100;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--color-white);
  overflow-y: auto;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  overflow: hidden;
}

._header_1r82qq,
._container_1r82qq {
  display: flex;
  justify-content: center;
}

._container_1r82qq {
  overflow-x: auto;
}

._header-content_1r82qq {
  width: 100%;
  max-width: 1600px;
  padding: 0 64px 0 64px;
}
@media (max-width: 900px) {
  ._header-content_1r82qq {
    padding: 0 12px 0 12px;
  }
}

@media (max-width: 900px) {
  ._input-field_1r82qq {
    padding-left: 52px;
  }
}

._container-content_1r82qq {
  width: 100%;
  max-width: 1600px;
  padding: 8px 64px 64px 64px;
  background: var(--color-white);
}
@media (max-width: 900px) {
  ._container-content_1r82qq {
    padding: 8px 12px;
  }
}

._exit-icon_1r82qq {
  cursor: pointer;
  position: absolute;
  top: 20px;
  left: 24px;
}

._recents-list_1r82qq {
  padding-top: 16px;
}

._contact-item_1r82qq {
  padding: 4px 12px;
}

._header-divider_1r82qq {
  opacity: 0;
  border-bottom: 1px solid var(--color-grey-300);
  margin: 20px -6px 0 -6px;
}

._show-divider_1r82qq {
  opacity: 1;
}

/* we hide the filters so we can maintian their state */
._filters-email_1r82qq {
  display: none;
  /* the individual filters pills have a margin bottom for wrapping seperation that we need to subtract */
  margin-bottom: 8px;
}

._global-search--email_1r82qq:not(._global-search--recents_1r82qq) ._filters-email_1r82qq {
  display: flex;
}

._filters-work_1r82qq {
  display: none;
}

._global-search--work_1r82qq:not(._global-search--recents_1r82qq) ._filters-work_1r82qq {
  display: flex;
}

/* styles for staging-app/components/global-search/recents/recents-list-contact-item.m.css */
._contact-item_piqux3 {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  color: inherit;
  align-items: center;
  margin: 8px 0;
}

._contact-item_piqux3 > * {
  flex-grow: 1;
  flex-basis: 10px;
}

._name-area_piqux3 {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

._lock-icon_piqux3 {
  margin-left: 8px;
}

/* styles for staging-app/components/global-search/recents/recents-list-item-loader.m.css */
._loader_agr846 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px;
  width: 100%;
}

._avatar_agr846 {
  margin-right: 8px;
}

/* styles for staging-app/components/global-search/recents/recents-list-work-item.m.css */
._work-item_t51jae {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  color: inherit;
  align-items: center;
  margin: 8px 0;
}

._work-item_t51jae > * {
  flex-grow: 1;
  flex-basis: 10px;
  margin-right: 8px;
}

._work-item_t51jae > *:last-child {
  margin-right: 0;
}

._name-area_t51jae {
  margin-right: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}

._lock-icon_t51jae {
  margin-left: -8px;
}

/* styles for staging-app/components/global-search/recents/recents-list.m.css */
._contact-row_1x41h3 {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  color: inherit;
  align-items: center;
  margin-bottom: 8px;
}

._contact-row_1x41h3 > * {
  flex-grow: 1;
  flex-basis: 10px;
}

/* styles for staging-app/components/global-search/search-results/search-result-item.m.css */
._root_ooy2c6 {
  cursor: pointer;
  display: block;
  color: var(--color-black);
}

._expanded_ooy2c6 {
  margin: 16px 0 16px 0;
}

/* for specificity */
._expanded-email_ooy2c6.email-conversation {
  margin: 0;
  box-shadow: none;
}

._expanded-note_ooy2c6.note-conversation {
  margin: 0;
  box-shadow: none;
}

/* styles for staging-app/components/insights/chart-header.m.css */
._legend_17eg4z {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 8px;
}

._horizontal_17eg4z {
  justify-content: left;
  column-gap: 8px;
}

._col_17eg4z {
  display: flex;
  flex-direction: column;
}

._left_17eg4z {
  justify-content: left;
}

._right_17eg4z {
  justify-content: right;
}

/* styles for staging-app/components/insights/charts/bar-chart.m.css */
._chart-header_pd46bz {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

._view-selector_pd46bz {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

._no-padding_pd46bz {
  padding-bottom: 0px;
}

._empty-state-message_pd46bz {
  text-align: center;
}

/* styles for staging-app/components/insights/charts/line-chart.m.css */
._chart-header_rfgwls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

._view-selector_rfgwls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

._empty-state-message_rfgwls {
  text-align: center;
}

/* styles for staging-app/components/insights/legend-item.m.css */
._legend-item_c8l3me {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 4px;
}

._circle_c8l3me {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

._left_c8l3me {
  padding-left: 4px;
}

._right_c8l3me {
  padding-right: 4px;
}

/* styles for staging-app/components/insights/summary-header.m.css */
._header_1y6w86 {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: flex-start;
}

._item_1y6w86 {
  padding-left: 32px;
  padding-right: 32px;
  border-right: 1px solid var(--color-grey-300);
}

._header_1y6w86 > *:first-child {
  padding-left: 0px;
}

._header_1y6w86 > *:last-child {
  border-right-width: 0px;
}

._sub-title_1y6w86 {
  color: var(--color-grey-500);
}

._arrow-item_1y6w86 {
  margin-right: 4px;
}

._green_1y6w86 {
  color: var(--color-green-500);
}

._red_1y6w86 {
  color: var(--color-red-500);
}

/* styles for staging-app/components/insights/views/completed-work-leaderboard-chart.m.css */
._content_14kodn {
  margin: 0 40px 40px;
}

._filter-bar-container_14kodn {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  z-index: 1;
  background-color: var(--color-white);
}

._filter-bar_14kodn {
  padding: 0;
  /* divider needs to line up with the app menu divider */
  margin: 5px 40px;
}

._chart-wrapper_14kodn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  max-width: 1400px;
}

._chart_14kodn {
  height: 350px;
}

._table_14kodn {
  position: relative;
}

._list_14kodn {
  margin: 8px 0;
}

._header_14kodn {
  display: flex;
  flex-direction: row;
  padding: 0 16px 0 4px;
}

._title_14kodn {
  display: block;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
  text-align: right;
  padding: 0 4px;
}

._title_14kodn:nth-child(-n+1) {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  max-width: none;
  text-align: left;
}

._list-item_14kodn {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px 8px 8px;
  height: 40px;
}

._list-item_14kodn:hover {
  cursor: pointer;
}

._name_14kodn {
  text-align: left;
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
}

._count_14kodn {
  text-align: right;
  padding: 0 4px;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
}

._empty-state-message_14kodn {
  text-align: center;
  margin-top: 200px;
}

._spinner_14kodn {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

/* styles for staging-app/components/insights/views/completed-work-leaderboard-drilldown.m.css */
._content_tqhzqr {
  margin: 0 40px 40px;
}

._filter-bar-container_tqhzqr {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  z-index: 1;
  background-color: var(--color-white);
}

._filter-bar_tqhzqr {
  padding: 0;
  /* divider needs to line up with the app menu divider */
  margin: 5px 40px;
}

._chart-wrapper_tqhzqr {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  max-width: 1400px;
}

._chart_tqhzqr {
  height: 600px;
}

._list_tqhzqr {
  margin: 8px 0;
}

._header_tqhzqr {
  display: flex;
  flex-direction: row;
  padding: 0 16px 0 4px;
}

._title_tqhzqr {
  display: block;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
  text-align: right;
  padding: 0 4px;
}

._title_tqhzqr:nth-child(-n+2) {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  max-width: none;
  text-align: left;
}

._list-item_tqhzqr {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px 8px 8px;
  height: 40px;
}

._name_tqhzqr {
  color: var(--color-black);
  text-align: left;
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
}

._count_tqhzqr {
  text-align: right;
  padding: 0 4px;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
}

._empty-state-message_tqhzqr {
  text-align: center;
  margin-top: 200px;
}

._spinner_tqhzqr {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

/* styles for staging-app/components/insights/views/days-per-secondary-status-chart.m.css */
._content_84v1kk {
  margin: 0 40px 40px;
}

._filter-bar-container_84v1kk {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  z-index: 1;
  background-color: var(--color-white);
}

._filter-bar_84v1kk {
  padding: 0;
  /* divider needs to line up with the app menu divider */
  margin: 5px 40px;
}

._chart-wrapper_84v1kk {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  max-width: 1400px;
}

._chart_84v1kk {
  height: 600px;
}

._list_84v1kk {
  margin: 8px 0;
}

._header_84v1kk {
  display: flex;
  flex-direction: row;
  padding: 0 16px 0 4px;
}

._title_84v1kk {
  display: block;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
  text-align: right;
  padding: 0 4px;
}

._title_84v1kk:nth-child(-n+2) {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  max-width: none;
  text-align: left;
}

._list-item_84v1kk {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px 8px 8px;
  height: 40px;
}

a._list-item_84v1kk {
  cursor: pointer;
}

._name_84v1kk {
  text-align: left;
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
}

._count_84v1kk {
  text-align: right;
  padding: 0 4px;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
}

._empty-state-message_84v1kk {
  text-align: center;
  margin-top: 200px;
}

._spinner_84v1kk {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

/* styles for staging-app/components/insights/views/open-work-leaderboard-chart.m.css */
._content_1ybb69 {
  margin: 0 40px 40px;
}

._filter-bar-container_1ybb69 {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  z-index: 1;
  background-color: var(--color-white);
}

._filter-bar_1ybb69 {
  padding: 0;
  /* divider needs to line up with the app menu divider */
  margin: 5px 40px;
}

._chart-wrapper_1ybb69 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  max-width: 1400px;
}

._chart_1ybb69 {
  height: 350px;
}

._table_1ybb69 {
  position: relative;
}

._list_1ybb69 {
  margin: 8px 0;
}

._header_1ybb69 {
  display: flex;
  flex-direction: row;
  padding: 0 16px 0 4px;
}

._title_1ybb69 {
  display: block;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
  text-align: right;
  padding: 0 4px;
}

._title_1ybb69:nth-child(-n+1) {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  max-width: none;
  text-align: left;
}

._list-item_1ybb69 {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px 8px 8px;
  height: 40px;
}

._list-item_1ybb69:hover {
  cursor: pointer;
}

._name_1ybb69 {
  text-align: left;
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
}

._count_1ybb69 {
  text-align: right;
  padding: 0 4px;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
}

._empty-state-message_1ybb69 {
  text-align: center;
  margin-top: 200px;
}

._spinner_1ybb69 {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

/* styles for staging-app/components/insights/views/open-work-leaderboard-drilldown.m.css */
._content_1qoxfs {
  margin: 0 40px 40px;
}

._filter-bar-container_1qoxfs {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  z-index: 1;
  background-color: var(--color-white);
}

._filter-bar_1qoxfs {
  padding: 0;
  /* divider needs to line up with the app menu divider */
  margin: 5px 40px;
}

._chart-wrapper_1qoxfs {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  max-width: 1400px;
}

._chart_1qoxfs {
  height: 600px;
}

._list_1qoxfs {
  margin: 8px 0;
}

._header_1qoxfs {
  display: flex;
  flex-direction: row;
  padding: 0 16px 0 4px;
}

._title_1qoxfs {
  display: block;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
  text-align: right;
  padding: 0 4px;
}

._title_1qoxfs:nth-child(-n+2) {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  max-width: none;
  text-align: left;
}

._list-item_1qoxfs {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px 8px 8px;
  height: 40px;
}

._name_1qoxfs {
  color: var(--color-black);
  text-align: left;
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
}

._count_1qoxfs {
  text-align: right;
  padding: 0 4px;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
}

._empty-state-message_1qoxfs {
  text-align: center;
  margin-top: 200px;
}

._spinner_1qoxfs {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

/* styles for staging-app/components/insights/views/overdue-work-leaderboard-chart.m.css */
._content_1tamwb {
  margin: 0 40px 40px;
}

._filter-bar-container_1tamwb {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  z-index: 1;
  background-color: var(--color-white);
}

._filter-bar_1tamwb {
  padding: 0;
  /* divider needs to line up with the app menu divider */
  margin: 5px 40px;
}

._chart-wrapper_1tamwb {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  max-width: 1400px;
}

._chart_1tamwb {
  height: 350px;
}

._table_1tamwb {
  position: relative;
}

._list_1tamwb {
  margin: 8px 0;
}

._header_1tamwb {
  display: flex;
  flex-direction: row;
  padding: 0 16px 0 4px;
}

._title_1tamwb {
  display: block;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
  text-align: right;
  padding: 0 4px;
}

._title_1tamwb:nth-child(-n+1) {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  max-width: none;
  text-align: left;
}

._list-item_1tamwb {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px 8px 8px;
  height: 40px;
}

._list-item_1tamwb:hover {
  cursor: pointer;
}

._name_1tamwb {
  text-align: left;
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
}

._count_1tamwb {
  text-align: right;
  padding: 0 4px;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
}

._empty-state-message_1tamwb {
  text-align: center;
  margin-top: 200px;
}

._spinner_1tamwb {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

/* styles for staging-app/components/insights/views/overdue-work-leaderboard-drilldown.m.css */
._content_1r4rxt {
  margin: 0 40px 40px;
}

._filter-bar-container_1r4rxt {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  z-index: 1;
  background-color: var(--color-white);
}

._filter-bar_1r4rxt {
  padding: 0;
  /* divider needs to line up with the app menu divider */
  margin: 5px 40px;
}

._chart-wrapper_1r4rxt {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  max-width: 1400px;
}

._chart_1r4rxt {
  height: 600px;
}

._list_1r4rxt {
  margin: 8px 0;
}

._header_1r4rxt {
  display: flex;
  flex-direction: row;
  padding: 0 16px 0 4px;
}

._title_1r4rxt {
  display: block;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
  text-align: right;
  padding: 0 4px;
}

._title_1r4rxt:nth-child(-n+2) {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  max-width: none;
  text-align: left;
}

._list-item_1r4rxt {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px 8px 8px;
  height: 40px;
}

._name_1r4rxt {
  color: var(--color-black);
  text-align: left;
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
}

._count_1r4rxt {
  text-align: right;
  padding: 0 4px;
  flex-grow: 1;
  flex-basis: 100px;
  max-width: 200px;
}

._empty-state-message_1r4rxt {
  text-align: center;
  margin-top: 200px;
}

._spinner_1r4rxt {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

/* styles for staging-app/components/insights/views/work-dashboard.m.css */
._content_695qk6 {
  padding: 0 40px;
  margin: auto;
  max-width: 1650px;
}

._filter-bar-container_695qk6 {
  position: sticky;
  top: 0px;
  padding-top: 5px;
  z-index: 1;
  background-color: var(--color-white);
}

._filter-bar_695qk6 {
  padding: 0;
  /* divider needs to line up with the app menu divider */
  margin: 5px 40px;
}

._chart-wrapper_695qk6 {
  position: relative;
}

._split-charts_695qk6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 64px;
  row-gap: 40px;
}

._split-chart-container_695qk6 {
  flex: 1;
  min-width: 400px;
}

._full-chart_695qk6 {
  height: 600px;
}

._half-chart_695qk6 {
  height: 350px;
}

._empty-state-message_695qk6 {
  text-align: center;
  padding-top: 16px;
}

._spinner_695qk6 {
  margin-top: 8px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

._team-plan_695qk6 {
  margin-bottom: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* styles for staging-app/components/intelligence/bg-graphic/cone.m.css */
._cone_1bgmew {
  height: 100%;
  width: 100%;
  background-image: conic-gradient(rgb(96, 96, 96) 35deg, #444 80deg, #333 210deg);
  border-radius: 50%;
  transform: rotate(-45deg);
}

/* styles for staging-app/components/intelligence/bg-graphic/intelligence-bg.m.css */
._background_1exjn6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

._background_1exjn6::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(55deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.35)), url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500"><filter id="noise" x="0" y="0"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/><feBlend mode="screen"/></filter><rect width="500" height="500" filter="url(%23noise)" opacity="0.5"/></svg>');
  filter: contrast(1000%) brightness(1000%);
  mix-blend-mode: color-burn;
}

._skewramid_1exjn6::after,
._cone_1exjn6::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cfilter id='prefix__a'%3E%3CfeTurbulence baseFrequency='1.2' numOctaves='5' result='t' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix in='t' type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23prefix__a)'/%3E%3C/svg%3E");
  mix-blend-mode: color-burn;
}

._cone_1exjn6 {
  overflow: hidden;
  width: 500px;
  height: 500px;
}

._skewramid_1exjn6 {
  overflow: hidden;
  transform: translate(30%, -30%) scale(85%) rotate(190deg);
  width: 600px;
  height: 600px;
}

._top_1exjn6 {
  position: absolute;
  right: 5%;
  top: 10%;
}

._bottom_1exjn6 {
  position: absolute;
  right: 20%;
  bottom: calc(50% - 600px);
  transform: rotate(0deg);
  width: 500px;
  height: 500px;
}

._cone_1exjn6::after {
  border-radius: 50%;
}

/* styles for staging-app/components/intelligence/bg-graphic/skewramid.m.css */
/* Taken from marketing: https://github.com/karbonhq/marketing-site-static/blob/feature/BoK/src/components/artifacts/Artifacts.module.css */
._skewramid_1q4r3p {
  --center-x: 70%;
  --center-y: 30%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

._skewramid_1q4r3p::after {
  border-radius: 0;
}

._q1_1q4r3p,
._q2_1q4r3p,
._q3_1q4r3p,
._q4_1q4r3p {
  position: absolute;
  width: 100%;
  height: 100%;
}

._q1_1q4r3p::after,
._q2_1q4r3p::after,
._q3_1q4r3p::after,
._q4_1q4r3p::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

._q1_1q4r3p {
  clip-path: polygon(100% 0, var(--center-x) var(--center-y), 100% 100%);
}

._q1_1q4r3p::after {
  --gradient-color-from: var(--color-grey-300);
  --gradient-color-to: var(--color-grey-600);
  background: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
}

._q2_1q4r3p {
  clip-path: polygon(0 100%, var(--center-x) var(--center-y), 100% 100%);
}

._q2_1q4r3p::after {
  --gradient-color-from: var(--color-grey-800);
  --gradient-color-to: var(--color-grey-500);
  background: linear-gradient(to top right, var(--gradient-color-from), var(--gradient-color-to));
}

._q3_1q4r3p {
  clip-path: polygon(0 0, var(--center-x) var(--center-y), 0 100%);
}

._q3_1q4r3p::after {
  --gradient-color-from: var(--color-grey-900);
  --gradient-color-to: var(--color-grey-600);
  background: linear-gradient(to bottom right, var(--gradient-color-from), var(--gradient-color-to));
}

._q4_1q4r3p {
  clip-path: polygon(0 0, var(--center-x) var(--center-y), 100% 0);
}

._q4_1q4r3p::after {
  --gradient-color-from: var(--color-grey-500);
  --gradient-color-to: var(--color-grey-800);
  background: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
}

/* styles for staging-app/components/intelligence/intelligence-action.m.css */
._action_sztfxl {
  width: 297px;
  height: 144px;
  border-radius: 16px;
  background-color: var(--color-white);
  padding: 24px;
}

._action_sztfxl:not(._disabled_sztfxl) {
  cursor: pointer;
}

._action_sztfxl:not(._disabled_sztfxl):hover {
  background-color: var(--color-grey-200);
}

@media only screen and (max-width: 800px) {
  ._action_sztfxl {
    width: auto;
  }
}
/* styles for staging-app/components/intelligence/kpi-landing-page-intro-has-access.m.css */
/* avoid double scrollbars by overriding mobile momentum scroll hack */
body.intelligence .main.container {
  scrollbar-gutter: initial !important;
}

/* styles for staging-app/components/intelligence/kpi-landing-page.m.css */
._access-status-message_njnxyh {
  margin-top: 24px;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

._access-status-message_njnxyh khq-icon {
  color: white;
}

/* avoid double scrollbars by overriding mobile momentum scroll hack */
body.intelligence .main.container {
  overflow-y: auto;
}

@media only screen and (max-width: 1024px) {
  ._intelligence-wrapper_njnxyh {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 800px) {
  ._content-wrapper_njnxyh {
    max-width: auto;
  }
  ._actions_njnxyh {
    flex-direction: column;
  }
}
/* styles for staging-app/components/intelligence/query-engine/query-engine-page.m.css */
._content-wrapper_4mji7y {
  padding-inline: 40px;
  background-color: white;
  min-height: calc(100vh - 56px);
  min-width: 375px;
}

._content_4mji7y {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

._query-engine-wrapper_4mji7y {
  flex-grow: 1;
  min-width: 0;
}

._buttons_4mji7y {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}

._button-container_4mji7y {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

._top-button_4mji7y {
  margin-right: 4px;
}

._description_4mji7y {
  justify-self: left;
  flex-grow: 1;
}

._link_4mji7y {
  color: var(--color-blue-500);
}

._query-engine_4mji7y {
  flex: 1;
  height: 300px;
  margin: 16px 0;
  padding: 1px;
}

._query-results_4mji7y {
  margin-top: 16px;
}

._templates_4mji7y {
  padding: 0;
  margin: 0;
  width: 300px;
  display: flex;
  flex-direction: column;
  min-width: 300px;
  max-width: 300px;
  list-style: none;
}

._run-query-wrapper_4mji7y {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

._no-queries-title_4mji7y {
  text-align: center;
}

._no-queries-description_4mji7y {
  margin-top: 8px;
  margin-bottom: 24px;
  text-align: center;
}

._no-queries-save_4mji7y {
  align-self: center;
}

._spinner_4mji7y {
  margin-inline: auto;
}

@media only screen and (max-width: 800px) {
  ._content_4mji7y {
    flex-wrap: wrap;
    gap: 0;
  }
  ._templates_4mji7y {
    width: auto;
    min-width: auto;
    max-width: 100%;
    flex: 1;
  }
}
/* styles for staging-app/components/intelligence/query-engine/query-results.m.css */
._truncate-message_1u0kwi {
  margin-bottom: 16px;
}

._table_1u0kwi {
  overflow: auto;
  max-width: 100%;
  max-height: 400px;
}

/* styles for staging-app/components/intelligence/query-engine/saved-query.m.css */
._template_dlbdfv {
  padding: 12px;
  border-radius: 4px;
  background-color: var(--color-grey-100);
  position: relative;
  margin-bottom: 16px;
}

._template_dlbdfv:hover {
  background-color: var(--color-grey-200);
  cursor: pointer;
}

._template-content_dlbdfv {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 12px;
}

._query_dlbdfv,
._title_dlbdfv {
  overflow: hidden;
  text-overflow: ellipsis;
}

._title_dlbdfv {
  font-weight: 500;
}

._query_dlbdfv {
  font-family: Courier, monospace;
  color: var(--color-grey-600);
  max-height: 50px;
}

._icon-ellipses_dlbdfv,
._icon-copy_dlbdfv {
  position: absolute;
  top: 12px;
  right: 40px;
}

._icon-ellipses_dlbdfv {
  z-index: 10;
  right: 12px;
}

._icon-copy_dlbdfv:hover,
._icon-ellipses_dlbdfv:hover {
  cursor: pointer;
}

/* styles for staging-app/components/item-stack/tile.m.css */
._tile_1b2rfs {
  background-color: #e6e6e6;
}

/* styles for staging-app/components/modals/assignment-modal.m.css */
/* override the styles of the legacy comment area (until we build a new one) */
._comment-input_1b1xsh.form-block {
  width: auto;
}
._comment-input_1b1xsh.form-block textarea {
  font-size: 16px;
}

._comment-input_1b1xsh .focussed-textarea {
  height: 120px !important;
}

/* styles for staging-app/components/modals/discard-changes-modal.m.css */
/* intentionally left blank */
/* styles for staging-app/components/modals/send-to-client/reminder-options.m.css */
._bell-container_1wngdp {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  margin-top: 1px;
}

._reminder-bullet_1wngdp {
  display: flex;
  margin-bottom: 4px;
}

._reminder-days_1wngdp {
  margin-left: 20px;
  margin-bottom: 8px;
}

._reminder-days_1wngdp input {
  display: inline-bock;
  width: 53px;
  height: 40px;
  border-radius: 4px;
  outline: none;
  border: 1px solid var(--color-grey-300);
  margin-right: 4px;
  padding-left: 8px;
}

._reminder-until_1wngdp {
  margin-left: 20px;
}

._edit-template-link_1wngdp button {
  padding: 0;
}

/* styles for staging-app/components/modals/send-to-client/resend-client-request-modal.m.css */
._edit-template-link_19hesm button {
  padding: 0;
}

/* styles for staging-app/components/modals/send-to-client/send-client-request-modal.m.css */
._send-client-request-modal_gkeav5 {
  color: red;
}

/* styles for staging-app/components/modals/send-to-client/send-to-options.m.css */
._edit-template-link_utqkv8 button {
  padding: 0;
}

/* styles for staging-app/components/modals/settings/billing/combined-tax-rate.m.css */
/* styles for staging-app/components/modals/settings/billing/tax-rate.m.css */
._taxrate-fields-wrapper_1pujnd {
  display: flex;
  gap: 10px;
}

._taxrate-input-name_1pujnd {
  flex: 2;
}

._taxrate-input-rate_1pujnd {
  flex: 1;
}

._taxrate-input-rate_1pujnd::before {
  content: "%";
  position: relative;
  float: right;
  color: grey;
  top: 31px;
  right: 12px;
  z-index: 1;
}

/* styles for staging-app/components/modals/update-scheduled-work-modal.m.css */
/* Intentially left blank */
/* styles for staging-app/components/my-week/colleagues-week-view.m.css */
._content_1376pu {
  margin: 0 40px 40px 40px;
}

._filter-bar-container_1376pu {
  margin: 0 40px;
}

._filter-bar_1376pu {
  padding: 0;
  display: flex;
  /* divider needs to line up with the app menu divider */
  height: 55px;
  align-items: center;
}

._filter-bar_1376pu .filter-pill-assignee {
  background-color: var(--color-grey-100);
}

._list_1376pu {
  margin: 8px 0;
}

._header_1376pu {
  display: flex;
  flex-direction: row;
  padding: 0 16px 0 4px;
}

._title_1376pu {
  display: block;
  flex-grow: 1;
  max-width: 120px;
  flex-basis: 100px;
  text-align: right;
  padding: 0 4px;
}

._title_1376pu:first-child {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  max-width: none;
  text-align: left;
}

._list-item_1376pu {
  color: var(--color-black);
  padding: 8px 16px 8px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
}

a._list-item_1376pu {
  cursor: pointer;
}

._name_1376pu {
  flex-grow: 1;
  flex-basis: 300px;
  flex-shrink: 1;
  overflow: hidden;
}

._count_1376pu {
  flex-grow: 1;
  max-width: 120px;
  flex-basis: 100px;
  text-align: right;
  padding: 0 4px;
}

._empty-state-message_1376pu {
  text-align: center;
  margin-top: 200px;
}

/* styles for staging-app/components/my-week/filters/my-week-smart-filters.m.css */
._filters_jd26rw {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  padding: 16px 0 8px 0;
}

._filter-section_jd26rw {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* styles for staging-app/components/my-week/my-week-card.m.css */
._my-week-card_1xdcbs {
  position: relative;
}

._my-week-card_1xdcbs[dragging-item] {
  opacity: 0.5;
}

._checkbox_1xdcbs {
  position: absolute;
  top: 7px;
  left: 7px;
}

._drop-indicator-lower_1xdcbs,
._drop-indicator-upper_1xdcbs {
  position: absolute;
  width: 100%;
  opacity: 0;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-blue-500);
}

._drop-indicator-lower_1xdcbs {
  bottom: -3px;
}

._drop-indicator-upper_1xdcbs {
  top: -3px;
}

._state-drag-over-upper_1xdcbs:not([dragging-item]) ._drop-indicator-upper_1xdcbs {
  opacity: 1;
}

._state-drag-over-lower_1xdcbs:not([dragging-item]) ._drop-indicator-lower_1xdcbs {
  opacity: 1;
}

._state-drag-over_1xdcbs ._collapsed-item_1xdcbs {
  border-color: var(--color-blue-500);
}

._drag-indicator_1xdcbs {
  padding: 12px;
  width: 140px;
  border-radius: 4px;
  min-height: 20px;
  color: var(--color-white);
  background-color: var(--color-blue-500);
  overflow: hidden;
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  text-overflow: ellipsis;
}

/* styles for staging-app/components/my-week/my-week-check-box.m.css */
._multi-select-box_9gxuh5 {
  background-color: var(--color-white);
  padding: 4px 2px 4px 4px;
  opacity: 0;
}

._multi-select-box_9gxuh5:hover {
  opacity: 1;
}

._multi-select-box_9gxuh5._selected_9gxuh5 {
  opacity: 1;
}

/* styles for staging-app/components/my-week/my-week-group-header.m.css */
._group-header_1nurp9 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

._collapsed-item_1nurp9 {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 16px;
}

/* styles for staging-app/components/my-week/my-week-list.m.css */
._drop-indicator_vzwyz9 {
  position: relative;
  top: 8px;
  opacity: 0;
  height: 2px;
  background-color: var(--color-blue-500);
}

._state-drag-over_vzwyz9 ._drop-indicator_vzwyz9 {
  opacity: 1;
}

._empty-state_vzwyz9 {
  display: flex;
  justify-content: center;
  border-radius: 5px;
  min-height: 56px;
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-100);
  align-items: center;
  margin-top: 16px;
}

._state-drag-over_vzwyz9 ._empty-state_vzwyz9 {
  border: 1px solid var(--color-blue-500);
}

/* styles for staging-app/components/my-week/my-week-multi-select-header.m.css */
._multi-select-header_i11hgp {
  display: flex;
  align-items: center;
  height: 56px;
  background-color: var(--color-white);
  /* need to precisely line up the check box with the list item ones */
  padding: 8px 32px 8px 43px;
  margin: 0 -32px 0 -32px;
}

._menu-icon-button_i11hgp {
  align-items: center;
  display: flex;
  margin-left: 10px;
}

._menu-icon_i11hgp {
  margin-top: 3px;
}

/* styles for staging-app/components/my-week/my-week-period.m.css */
._period_1gqkhm {
  flex: 1;
  height: 80px;
  min-width: 80px;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  outline: none;
}

._period_1gqkhm:hover {
  border-color: var(--color-blue-500);
}

._count_1gqkhm {
  /* This font doesnt fit the base styles guide */
  font-size: 32px;
  line-height: 33px;
}

._period_1gqkhm._state-active_1gqkhm {
  cursor: default;
  background: var(--color-blue-500);
  border-color: var(--color-blue-500);
  color: var(--color-white);
}

._period_1gqkhm._state-drag-over_1gqkhm {
  background-color: var(--color-blue-100);
  border-color: var(--color-blue-500);
}

._period_1gqkhm._state-active_1gqkhm._state-drag-over_1gqkhm {
  background-color: var(--color-blue-300);
}

/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visble class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._period_1gqkhm:focus:focus-visible {
  border-color: var(--color-blue-500);
}

._period_1gqkhm:focus:not(:focus-visible) {
  border-color: var(--color-blue-500);
}

/* styles for staging-app/components/my-week/my-week-periods.m.css */
._periods_1aht10 {
  position: sticky;
  top: 0;
  margin: 0 -32px 0 -32px;
  padding: 32px 32px 0 32px;
  background: var(--color-white);
  /* needs to be above dropdowns */
  z-index: 51;
}

/* styles for staging-app/components/my-week/my-week-view.m.css */
._my-week-view_ok6iii {
  padding: 0 32px 32px 32px;
}

._multi-select-header-wrapper_ok6iii {
  display: flex;
  flex-direction: row;
  /* keep the height consistent when loading the list */
  min-height: 56px;
  /* wrap the paginator to the line above when out of space */
  flex-wrap: wrap;
  /* sticky behaviour */
  position: sticky;
  top: 112px;
  background: var(--color-white);
  /* needs to be above dropdowns */
  z-index: 51;
  align-items: center;
  /* To close the background gap for sticky scroll */
  margin: 0 -32px;
  padding: 0 32px;
}

._multi-select-header_ok6iii {
  flex-grow: 1;
}

._paginator-top_ok6iii {
  flex-grow: 1;
  margin-left: 8px;
}

._filters_ok6iii + ._add-note-button_ok6iii {
  margin-top: 12px;
}

div._search-input_ok6iii {
  max-width: 245px;
}

._search-icon_ok6iii {
  margin: 8px -4px 8px 8px;
}

/* styles for staging-app/components/my-week/schedule-to-week-modal.m.css */
._completed-item_uu0w57 {
  display: flex;
  flex-direction: row;
  margin-left: 28px;
  gap: 4px;
}

._checkbox-item_uu0w57 {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

._checkbox-item_uu0w57 p {
  display: inline;
  margin: 0;
}

._spinner_uu0w57 {
  display: flex;
}

/* styles for staging-app/components/my-week/working-on-now.m.css */
._working-on-now_dffl0p {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background-color: var(--color-grey-100);
  /* account for the border */
  padding: 8px 11px;
  border-radius: 8px;
  margin: 0 -12px;
  border: 1px solid var(--color-grey-100);
}

._empty-state_dffl0p {
  display: flex;
  justify-content: center;
  border-radius: 5px;
  min-height: 56px;
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-100);
  align-items: center;
}

._drop-indicator_dffl0p,
._drop-indicator-upper_dffl0p {
  opacity: 0;
  height: 2px;
  background-color: var(--color-blue-500);
}

._state-drag-over_dffl0p ._drop-indicator_dffl0p {
  opacity: 1;
}

._state-drag-over-upper_dffl0p ._drop-indicator-upper_dffl0p {
  opacity: 1;
}

._state-drag-over-lower_dffl0p ._drop-indicator_dffl0p {
  opacity: 1;
}

._state-drag-over_dffl0p._working-on-now_dffl0p {
  border: 1px solid var(--color-blue-500);
}

/* styles for staging-app/components/portal/account-settings.m.css */
._firm-address__field-container_1qyudj,
._firm-details__field-container_1qyudj,
._security__field-container_1qyudj {
  margin: 16px 0;
  max-width: 320px;
}

._firm-address__inline-fields-container_1qyudj {
  display: flex;
  flex-direction: row;
}

._firm-address__inline-fields-left_1qyudj {
  flex: 1;
  flex-basis: 185px;
  margin-right: 16px;
}

._firm-address__inline-fields-right_1qyudj {
  flex: 2;
  flex-basis: 120px;
}

/* styles for staging-app/components/portal/client-requests.m.css */
._client-requests__section_1l742p {
  margin-top: 12px;
  margin-bottom: 28px;
}

._client-requests__migration-warning_1l742p {
  margin-top: 30px;
}

._client-requests__practice-logo__container_1l742p {
  margin-top: -40px;
}

._client-requests__label_1l742p {
  margin-bottom: 16px;
}

._client-requests__learn-more_1l742p {
  text-decoration: underline;
  margin-top: 16px;
  display: block;
}

._client-requests__hour-selection_1l742p {
  width: 400px;
  margin-top: 16px;
}

._client-requests__timezone_1l742p {
  margin-top: -10px;
  font-style: italic;
}

._client-requests__work-visibility-options_1l742p {
  margin-top: 20px;
  width: 150px;
}

._client-requests__work-visibility-options__option_1l742p {
  margin: 12px 0px;
}

._client-requests__brand-color_1l742p {
  margin-top: 20px;
  width: 400px;
}

#client-requests__brand-color__swatch {
  min-width: 38px;
  min-height: 40px;
  border-radius: 4px;
  border: 1px solid var(--color-grey-300);
}

._client-requests__brand-color__swatch--hide_1l742p {
  display: none;
}

._client-requests__token-field_1l742p {
  margin: 16px 0 0 0;
  display: flex;
  align-items: center;
}

._client-requests__token_1l742p {
  padding: 12px;
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  margin: 0 12px 0 0;
  width: 368px;
}

._client-requests__copy-button_1l742p > button {
  color: _text-blue-500_1l3yir;
  text-decoration: underline;
}

/* styles for staging-app/components/settings/billing/invoice-templates/invoice-template-edit.m.css */
._invoice-template_9duinq {
  display: flex;
}

._invoice-container_9duinq {
  justify-content: center;
  flex-grow: 1;
  display: flex;
}

._side-bar-border_9duinq {
  padding-right: 16px;
  border-right: 1px solid var(--color-grey-300);
}

/* styles for staging-app/components/settings/billing/practice-settings-billing.m.css */
/** kept empty for now **/
/* styles for staging-app/components/settings/branding/branding-settings.m.css */
._branding-settings__practice-logo__container_17s1pj {
  margin-top: -48px;
}

._branding-settings__brand-color-container_17s1pj {
  display: flex;
  flex-direction: row;
  margin-bottom: 4px;
}

._branding-settings__brand-color-text_17s1pj {
  max-width: 320px;
  margin-right: 5px;
}

._input-wrapper_17s1pj {
  height: 40px;
}

._branding-settings__brand-color-picker_17s1pj {
  max-width: 44px;
  height: 44px;
  margin-top: 19px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

._branding-settings__brand-color-picker_17s1pj::-webkit-color-swatch-wrapper {
  padding: 0;
}

._branding-settings__brand-color-picker_17s1pj::-webkit-color-swatch {
  border: 1px solid --color-grey-300;
  border-radius: 4px;
}

/* styles for staging-app/components/settings/permissions/permission-settings.m.css */
/* intentionally left blank */
/* styles for staging-app/components/shared/avatars/avatar-selectable.m.css */
._avatar-selectable_1ke0l1 {
  position: relative;
}

._avatar-selectable_1ke0l1 ._checkbox_1ke0l1 {
  position: absolute;
  display: block;
  top: 2px;
  left: 2px;
  opacity: 0;
}

._is-selectable_1ke0l1._avatar-selectable_1ke0l1:hover ._avatar_1ke0l1 {
  opacity: 0;
}

._is-selectable_1ke0l1._avatar-selectable_1ke0l1:hover ._checkbox_1ke0l1 {
  opacity: 1;
}

._is-selectable_1ke0l1._avatar-selectable_1ke0l1._checked_1ke0l1 ._checkbox_1ke0l1 {
  opacity: 1;
}

._is-selectable_1ke0l1._avatar-selectable_1ke0l1._checked_1ke0l1 ._avatar_1ke0l1 {
  opacity: 0;
}

/* styles for staging-app/components/shared/avatars/avatar-with-label.m.css */
._root_aziivf {
  display: flex;
  flex-direction: row;
  align-items: center;
}
._root_aziivf p {
  line-height: 0;
}

/* styles for staging-app/components/shared/avatars/avatar.m.css */
/* @TODO: Add the online indicator// */
._avatar_1gt8s7 {
  position: relative;
  text-align: center;
  font-size: 0;
  overflow: visible;
  flex-shrink: 0;
  color: var(--color-grey-300);
}
._avatar_1gt8s7 img {
  background-size: cover;
  width: 100%;
  border-radius: 50%;
}
._avatar_1gt8s7 ._status_1gt8s7 {
  position: absolute;
  padding: 0;
  width: 8px;
  height: 8px;
  right: -3px;
  bottom: -3px;
}
._avatar_1gt8s7 ._status_1gt8s7 ._online_1gt8s7 {
  fill: var(--color-green-500);
}
._avatar_1gt8s7 ._status_1gt8s7 ._status-indicator-outer_1gt8s7._offline_1gt8s7 {
  fill: var(--color-grey-400);
}
._avatar_1gt8s7 ._status_1gt8s7 ._status-indicator-inner_1gt8s7._offline_1gt8s7 {
  fill: var(--color-white);
  stroke-width: 1.5px;
}
._avatar_1gt8s7 ._online_1gt8s7 {
  background-color: var(--color-green-500);
  border-color: var(--color-green-500);
}

._org_1gt8s7 svg {
  border-radius: 20%;
}

._size-18_1gt8s7 {
  width: 18px;
  height: 18px;
}
._size-18_1gt8s7 ._status_1gt8s7 {
  right: -2px;
  bottom: -2px;
}

._size-24_1gt8s7 {
  width: 24px;
  height: 24px;
}
._size-24_1gt8s7 ._status_1gt8s7 {
  width: 12px;
  height: 12px;
}

._size-32_1gt8s7 {
  width: 32px;
  height: 32px;
}
._size-32_1gt8s7 ._status_1gt8s7 {
  width: 16px;
  height: 16px;
}

._size-40_1gt8s7 {
  width: 40px;
  height: 40px;
}
._size-40_1gt8s7 ._status_1gt8s7 {
  width: 18px;
  height: 18px;
}

._size-48_1gt8s7 {
  width: 48px;
  height: 48px;
}
._size-48_1gt8s7 ._status_1gt8s7 {
  width: 22px;
  height: 22px;
}

._size-64_1gt8s7 {
  width: 64px;
  height: 64px;
}
._size-64_1gt8s7 ._status_1gt8s7 {
  width: 26px;
  height: 26px;
}

/* Avatar Colors - These are the legacy colors that we need to continue to support, just for avatars (for now at least).
 */
/* The proposed new color */
._color-99_1gt8s7 {
  color: var(--color-grey-700);
}

._color-1_1gt8s7,
._color-a_1gt8s7 {
  color: rgb(18, 175, 148);
}

._color-2_1gt8s7,
._color-b_1gt8s7 {
  color: rgb(208, 107, 52);
}

._color-3_1gt8s7,
._color-c_1gt8s7 {
  color: rgb(40, 114, 211);
}

._color-4_1gt8s7,
._color-d_1gt8s7 {
  color: rgb(167, 36, 34);
}

._color-5_1gt8s7,
._color-e_1gt8s7 {
  color: rgb(144, 30, 89);
}

._color-6_1gt8s7,
._color-f_1gt8s7 {
  color: rgb(199, 55, 51);
}

._color-7_1gt8s7,
._color-g_1gt8s7 {
  color: rgb(18, 175, 148);
}

._color-8_1gt8s7,
._color-h_1gt8s7 {
  color: rgb(208, 107, 52);
}

._color-9_1gt8s7,
._color-i_1gt8s7 {
  color: rgb(40, 114, 211);
}

._color-10_1gt8s7,
._color-j_1gt8s7 {
  color: rgb(167, 36, 34);
}

._color-11_1gt8s7,
._color-k_1gt8s7 {
  color: rgb(144, 30, 89);
}

._color-12_1gt8s7,
._color-l_1gt8s7 {
  color: rgb(199, 55, 51);
}

._color-13_1gt8s7,
._color-m_1gt8s7 {
  color: rgb(18, 175, 148);
}

._color-14_1gt8s7,
._color-n_1gt8s7 {
  color: rgb(208, 107, 52);
}

._color-15_1gt8s7,
._color-o_1gt8s7 {
  color: rgb(40, 114, 211);
}

._color-16_1gt8s7,
._color-p_1gt8s7 {
  color: rgb(167, 36, 34);
}

._color-17_1gt8s7,
._color-q_1gt8s7 {
  color: rgb(144, 30, 89);
}

._color-18_1gt8s7,
._color-r_1gt8s7 {
  color: rgb(199, 55, 51);
}

._color-19_1gt8s7,
._color-s_1gt8s7 {
  color: rgb(18, 175, 148);
}

._color-20_1gt8s7,
._color-t_1gt8s7 {
  color: rgb(208, 107, 52);
}

._color-21_1gt8s7,
._color-u_1gt8s7 {
  color: rgb(40, 114, 211);
}

._color-22_1gt8s7,
._color-v_1gt8s7 {
  color: rgb(167, 36, 34);
}

._color-23_1gt8s7,
._color-w_1gt8s7 {
  color: rgb(144, 30, 89);
}

._color-24_1gt8s7,
._color-x_1gt8s7 {
  color: rgb(199, 55, 51);
}

._color-25_1gt8s7,
._color-y_1gt8s7 {
  color: rgb(18, 175, 148);
}

._color-26_1gt8s7,
._color-z_1gt8s7 {
  color: rgb(208, 107, 52);
}

._color-27_1gt8s7,
._color-0_1gt8s7 {
  color: rgb(208, 107, 52);
}

/* styles for staging-app/components/shared/breadcrumbs/breadcrumbs-item.m.css */
._folder-name_1jo4vc {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

._width_1jo4vc {
  max-width: 150px;
}

._last-item_1jo4vc {
  cursor: unset;
}

/* styles for staging-app/components/shared/breadcrumbs/breadcrumbs.m.css */
._back-button_1fmcrs {
  display: inherit;
  cursor: pointer;
}

/* styles for staging-app/components/shared/buttons/bottom-bar.m.css */
._bottom-bar_xc24p6 {
  position: sticky;
  bottom: 0;
  z-index: var(--z-index-bottom-bar);
  background-color: var(--color-white);
  padding-bottom: 16px;
}

/* styles for staging-app/components/shared/buttons/button-bar.m.css */
._bar_773zwz {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-grow: 1;
  align-items: center;
}

._bar_773zwz._mod-bordered_773zwz > * {
  margin-right: 16px;
}

._bar_773zwz > * {
  margin-right: 6px;
}

._bar_773zwz > *:last-child {
  margin-right: 0;
}

/* reverse the button order for tabbing direction (primary first) */
._bar_773zwz._mod-reverse_773zwz {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

._bar_773zwz._mod-reverse_773zwz > * {
  margin-right: 0;
  margin-left: 6px;
}

._bar_773zwz._mod-reverse_773zwz > *:last-child {
  margin-left: 0;
  margin-right: 0;
}

/*bordered bar*/
._bar_773zwz._mod-bordered_773zwz {
  border: 1px solid var(--color-grey-200);
  border-radius: 4px;
  padding: 16px;
}

/* styles for staging-app/components/shared/buttons/split-button-with-list.m.css */
._split-button-with-list_1m99yx {
  position: relative;
  display: inline-block;
}

._dropdown-pane_1m99yx {
  overflow-y: auto;
  position: absolute;
  z-index: var(--z-index-drop-down);
  top: 12px;
  overflow: visible;
  width: -webkit-max-content;
  width: max-content;
}

._open-list-above_1m99yx ._dropdown-pane_1m99yx {
  top: auto;
  bottom: 52px;
}

._open-list-to-right_1m99yx ._dropdown-pane_1m99yx {
  right: 0;
}

._dropdown-pane-wrapper_1m99yx {
  position: relative;
}

/* styles for staging-app/components/shared/dates/date-picker-item.m.css */
._date_18305h {
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid transparent;
  display: grid;
  place-items: center;
  outline: none;
}

._date_18305h:not(._selected_18305h):not(._disabled_18305h):hover {
  background-color: var(--color-grey-100);
}

._date_18305h._today_18305h {
  border-color: var(--color-grey-300);
}

._date_18305h._selected_18305h {
  color: var(--color-white);
  background-color: var(--color-blue-500);
  border-color: var(--color-blue-500);
}

._placeholder_18305h {
  flex-grow: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  margin: 2px;
}

/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visible class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._date_18305h:focus:focus-visible {
  box-shadow: 0 0 0 2px var(--color-blue-300);
  z-index: 1;
}

._date_18305h:focus:not(:focus-visible) {
  box-shadow: none;
}

._date_18305h._disabled_18305h {
  cursor: not-allowed;
}

/* styles for staging-app/components/shared/dates/date-picker.m.css */
._date-picker-header_1qijcm {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

._day-header_1qijcm {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 40px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--color-grey-400);
  grid-gap: 3px;
}

._day-header_1qijcm > * {
  width: 40px;
}

._dates_1qijcm {
  display: grid;
  grid-template-columns: repeat(7, 40px);
  grid-template-rows: repeat(6, 40px);
  grid-gap: 3px;
}

._mod-large_1qijcm ._day-header_1qijcm {
  grid-auto-columns: 50px;
  grid-gap: 4px;
}

._mod-large_1qijcm ._day-header_1qijcm > * {
  width: 50px;
}

._mod-large_1qijcm ._dates_1qijcm {
  grid-template-columns: repeat(7, 50px);
  grid-template-rows: repeat(6, 50px);
  grid-gap: 4px;
}

/* styles for staging-app/components/shared/dropdowns/item-with-dropdown.m.css */
/* Focus States */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
._focus-ring_1ls5m8 {
  border-radius: 4px;
  outline: none;
}

._focus-ring_1ls5m8:focus:focus-visible {
  box-shadow: 0 0 0 3px var(--color-blue-300);
}

/* styles for staging-app/components/shared/dropdowns/more-dropdown.m.css */
._menu-icon_pvvp13 {
  cursor: pointer;
}

/* styles for staging-app/components/shared/dropdowns/standard-dropdown.m.css */
._dropdown-field_9elz15 {
  width: 100%;
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  height: 40px;
  padding: 0 12px;
  align-items: center;
}

._dropdown-field_9elz15._error_9elz15 {
  border: 1px solid var(--color-orange-500);
}

._error-text_9elz15 {
  color: var(--color-orange-500);
  font-weight: 500;
}

._dropdown-field_9elz15:focus {
  outline: none;
  border-color: #9f9f9f;
}

._mod-large_9elz15 {
  height: 48px;
}

/* styles for staging-app/components/shared/facet-filters/facet-filter-button.m.css */
._mod-search_445zmc {
  display: inline-block;
  margin-bottom: 4px;
}

._mod-search_445zmc ._button_445zmc {
  cursor: pointer;
  color: var(--color-black);
  font-size: 16px;
  height: 24px;
  background-color: white;
  border-radius: 12px;
  margin-right: 8px;
  border: 1px solid var(--color-grey-300);
  line-height: 18px;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
._mod-search_445zmc ._label_445zmc {
  margin: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._mod-search_445zmc._state-selected_445zmc ._button_445zmc {
  color: var(--color-primary);
  background-color: var(--color-blue-100);
  border-color: var(--color-blue-100);
}
._mod-search_445zmc._state-selected_445zmc ._button_445zmc ._label_445zmc:before {
  color: var(--color-primary);
  pointer-events: none;
  position: relative;
  display: inline;
  vertical-align: middle;
  margin-left: -8px;
  margin-right: -4px;
  line-height: 0;
  font-size: 26px;
}
._mod-search_445zmc._state-selected_445zmc ._tick-icon_445zmc path {
  fill: currentColor;
}

._mod-search_445zmc._state-expandable_445zmc ._label_445zmc:after {
  color: var(--color-grey-500);
  pointer-events: none;
  display: inline;
  vertical-align: middle;
  margin-left: -2px;
  margin-right: 0;
  line-height: 0;
  font-size: 26px;
}
._mod-search_445zmc._state-expandable_445zmc ._chevron-icon_445zmc path {
  fill: var(--color-black);
}

._mod-search_445zmc._state-active_445zmc ._button_445zmc,
._mod-search_445zmc._state-active_445zmc._state-expandable_445zmc ._button_445zmc ._label_445zmc:after {
  color: black;
}

._mod-search_445zmc._state-active_445zmc._state-selected_445zmc ._button_445zmc {
  background-color: white;
  color: black;
}

._mod-search_445zmc._state-active_445zmc._state-selected_445zmc._state-expandable_445zmc ._button_445zmc ._label_445zmc:after,
._mod-search_445zmc._state-active_445zmc._state-selected_445zmc._state-expandable_445zmc ._button_445zmc ._label_445zmc::before {
  color: black;
}

/* styles for staging-app/components/shared/files/drop-file-area.m.css */
._drop-file-area-que_t9mt1t {
  background-color: var(--color-grey-100);
  border: 2px dashed rgba(13, 13, 13, 0.15);
  color: rgba(13, 13, 13, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 500;
}

._drop-file-area-que_t9mt1t::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "Drop files here";
  font-size: 24px;
}

._bg-blue_t9mt1t {
  background-color: var(--color-blue-100);
  border-color: var(--color-blue-500);
  color: var(--color-blue-500);
  border-radius: 16px;
  font-weight: 400;
}

._bg-pink_t9mt1t {
  background-color: var(--color-red-100);
  border-color: var(--color-red-500);
  color: var(--color-red-500);
  border-radius: 16px;
  font-weight: 400;
}

/* styles for staging-app/components/shared/forms/check-box.m.css */
._checkbox_muadt3 {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

._label_muadt3 {
  cursor: pointer;
  margin-left: 8px;
}

._truncate_muadt3 {
  overflow: hidden;
}

._truncate_muadt3 ._label_muadt3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._wrap_muadt3 ._label_muadt3 {
  white-space: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
}

._checkbox_muadt3._checked_muadt3._strike-on-complete_muadt3 ._label_muadt3 {
  text-decoration: line-through;
}

._icon_muadt3 {
  position: relative;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-grey-300);
  outline: none;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--color-white);
}

._icon-tick_muadt3 {
  position: absolute;
  top: 2px;
  left: 2px;
  opacity: 0;
}

._icon-dash_muadt3 {
  position: absolute;
  top: 8px;
  left: 4px;
  opacity: 0;
}

/* Checked State */
._checkbox_muadt3._checked_muadt3 ._icon_muadt3 ._icon-tick_muadt3 {
  opacity: 1;
}

._checkbox_muadt3._checked_muadt3 ._icon_muadt3 ._icon-tick_muadt3 path {
  /* adding a fill color to this icon messes it up */
  fill: none;
}

._checkbox_muadt3._checked_muadt3 ._icon_muadt3 {
  background-color: var(--color-grey-200);
}

._checkbox_muadt3._checked_muadt3._disabled_muadt3 ._icon_muadt3 ._icon-tick_muadt3 path {
  stroke: var(--color-grey-400);
}

/* Partially Checked State (for multiselect group items) */
._checkbox_muadt3._partially-checked_muadt3 ._icon_muadt3 ._icon-dash_muadt3 {
  opacity: 1;
}

._checkbox_muadt3._partially-checked_muadt3 ._icon_muadt3 {
  background-color: var(--color-grey-200);
}

/* Disabled State */
._checkbox_muadt3._disabled_muadt3 {
  color: var(--color-grey-400);
  cursor: default;
}

._checkbox_muadt3._disabled_muadt3 ._label_muadt3 {
  cursor: default;
}

._checkbox_muadt3._disabled_muadt3 input ~ ._icon_muadt3 {
  opacity: 0.7;
}

._checkbox_muadt3._disabled_muadt3 ._icon_muadt3 {
  border: 1px solid rgba(221, 221, 221, 0.5); /* based on --color-grey-200 but with opacity */
}

/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visble class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._checkbox_muadt3:not(._disabled_muadt3) ._icon_muadt3:focus:focus-visible {
  border: 1px solid var(--color-blue-300);
  box-shadow: 0 0 0 1px var(--color-blue-300);
}

._checkbox_muadt3:not(._disabled_muadt3) ._icon_muadt3:focus:not(:focus-visible) {
  border: 1px solid var(--color-grey-300);
  box-shadow: none;
}

/* styles for staging-app/components/shared/forms/color-picker.m.css */
._color-picker_1qebd0::-webkit-color-swatch-wrapper {
  padding: 0;
}

._color-picker_1qebd0::-webkit-color-swatch {
  border: 1px solid transparent;
  border-radius: 4px;
}

/* styles for staging-app/components/shared/forms/form-calendar.m.css */
._dropdown-pane-wrapper_i5lcxc {
  position: relative;
}

._dropdown-pane_i5lcxc {
  position: absolute;
  right: 0;
}

._dropdown-pane--left_i5lcxc {
  left: 0;
}

._mod-side-tray_i5lcxc ._dropdown-pane_i5lcxc {
  top: 4px;
}

/* overide the dropdown style of the old date picker until we build a new one */
._dropdown-pane_i5lcxc .date-picker {
  border: 1px solid var(--color-grey-300);
  border-radius: 5px;
  background-color: var(--color-white);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

/* styles for staging-app/components/shared/forms/form-field.m.css */
/* Standard Mod */
._mod-custom_7tk16o._form-field_7tk16o,
._mod-small_7tk16o._form-field_7tk16o,
._mod-standard_7tk16o._form-field_7tk16o,
._mod-large_7tk16o._form-field_7tk16o {
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 0 12px;
  align-items: center;
}

._mod-small_7tk16o._form-field_7tk16o {
  height: 32px;
}

._mod-standard_7tk16o._form-field_7tk16o {
  height: 40px;
}

._mod-large_7tk16o._form-field_7tk16o {
  height: 48px;
}

._mod-side-tray_7tk16o._form-field_7tk16o {
  position: relative;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 4px 0 4px 12px;
  align-items: center;
  text-align: right;
  border-radius: 3px;
}

._mod-side-tray-client-task_7tk16o {
  font-weight: 500;
}

._mod-side-tray_7tk16o ._chevron_7tk16o {
  margin-left: 4px;
}

._mod-table_7tk16o._form-field_7tk16o {
  position: relative;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 0;
  align-items: center;
  font-weight: 500;
  text-align: right;
  border-radius: 3px;
}

._mod-table_7tk16o ._chevron_7tk16o {
  margin-left: 4px;
}

/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visible class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._form-field_7tk16o {
  outline: none;
}

._form-value-field__container_7tk16o {
  overflow: hidden;
}

._mod-small_7tk16o._form-field_7tk16o:focus:focus-visible,
._mod-standard_7tk16o._form-field_7tk16o:focus:focus-visible,
._mod-large_7tk16o._form-field_7tk16o:focus:focus-visible {
  border: 1px solid var(--color-blue-300);
  box-shadow: 0 0 0 1px var(--color-blue-300);
}

._mod-small_7tk16o._form-field_7tk16o:focus:not(:focus-visible),
._mod-standard_7tk16o._form-field_7tk16o:focus:not(:focus-visible),
._mod-large_7tk16o._form-field_7tk16o:focus:not(:focus-visible) {
  border: 1px solid var(--color-grey-300);
  box-shadow: inherit;
}

._mod-custom_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o,
._mod-small_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o,
._mod-standard_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o,
._mod-large_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o,
._mod-side-tray_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o,
._mod-table_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o {
  border-color: var(--color-orange-500);
}

._mod-custom_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:focus-visible,
._mod-small_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:focus-visible,
._mod-standard_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:focus-visible,
._mod-large_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:focus-visible,
._mod-side-tray_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:focus-visible,
._mod-table_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:focus-visible {
  border-color: var(--color-orange-200);
  box-shadow: 0 0 0 1px var(--color-orange-200);
}

._mod-custom_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:not(:focus-visible),
._mod-small_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:not(:focus-visible),
._mod-standard_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:not(:focus-visible),
._mod-large_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:not(:focus-visible),
._mod-side-expandable_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:not(:focus-visible),
._mod-side-tray_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:not(:focus-visible),
._mod-table_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:not(:focus-visible) {
  border-color: var(--color-orange-200);
  box-shadow: inherit;
}

._mod-side-tray_7tk16o._form-field_7tk16o:focus:focus-visible,
._mod-table_7tk16o._form-field_7tk16o:focus:focus-visible {
  box-shadow: 0 0 0 2px var(--color-blue-300);
}

._mod-side-tray_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:focus-visible,
._mod-table_7tk16o._form-field_7tk16o._form-field--has-warning_7tk16o:focus:focus-visible {
  box-shadow: 0 0 0 2px var(--color-orange-200);
}

._mod-side-tray_7tk16o._form-field_7tk16o:focus:not(:focus-visible),
._mod-table_7tk16o ._form-field_7tk16o:focus:not(:focus-visible) {
  box-shadow: none;
}

/* styles for staging-app/components/shared/forms/form-item.m.css */
._mod-standard_7mbq53,
._mod-large_7mbq53 {
  /* sc: This really needs to be removed, the component should be in control of the layout */
  margin-bottom: 16px;
}

._mod-side-tray_7mbq53,
._mod-table_7mbq53 {
  margin-bottom: 4px;
}

._mod-standard_7mbq53 ._label_7mbq53 {
  margin-bottom: 4px;
}

._mod-ellipses_7mbq53 ._form-value-field__container_7mbq53 {
  display: flex;
  align-items: center;
}

._mod-ellipses_7mbq53 ._form-value-field_7mbq53 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

._mod-standard_7mbq53 ._dropdown-pane-wrapper_7mbq53,
._mod-large_7mbq53 ._dropdown-pane-wrapper_7mbq53 {
  position: relative;
}

/* Side Tray Mod */
._mod-side-tray_7mbq53 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._mod-side-tray_7mbq53 ._label_7mbq53 {
  flex-grow: 1;
}

._mod-side-tray_7mbq53 ._dropdown-pane-wrapper_7mbq53 {
  position: relative;
}

._mod-side-tray_7mbq53 ._form-field-container_7mbq53 {
  position: relative;
}

/* Table Mod */
._mod-table_7mbq53 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._mod-table_7mbq53 ._label_7mbq53 {
  flex-grow: 1;
}

._mod-table_7mbq53 ._dropdown-pane-wrapper_7mbq53 {
  position: relative;
}

._mod-table_7mbq53 ._form-field-container_7mbq53 {
  position: relative;
}

/* styles for staging-app/components/shared/forms/legacy-formatted-number-input.m.css */
._currency-input_msovaa {
  width: 100%;
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  height: 40px;
  padding: 0 12px;
  align-items: center;
}

div._error_msovaa {
  border: 1px solid var(--color-orange-500);
}

/* styles for staging-app/components/shared/forms/radio-input.m.css */
._radio-input_1m8wrt {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

._radio-input__label_1m8wrt {
  cursor: pointer;
  margin-left: 8px;
}

._radio-input_1m8wrt ._radio-input__button-wrapper_1m8wrt {
  border: 1px solid var(--color-grey-300);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
  background-color: var(--color-white);
}
._radio-input_1m8wrt ._radio-input__button-wrapper_1m8wrt:focus {
  outline: none;
  box-shadow: none;
}

._radio-input_1m8wrt._checked_1m8wrt ._radio-input__button-wrapper_1m8wrt {
  background-color: var(--color-grey-300);
}

/* Disabled State */
._radio-input_1m8wrt._disabled_1m8wrt {
  color: var(--color-grey-400);
  cursor: default;
}

._radio-input_1m8wrt._disabled_1m8wrt input ~ ._radio-input__button-wrapper_1m8wrt {
  opacity: 0.7;
}

._radio-input_1m8wrt._disabled_1m8wrt ._radio-input__label_1m8wrt {
  cursor: default;
}

._radio-button__checked_1m8wrt {
  background-color: var(--color-blue-500);
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
}

._radio-button__unchecked_1m8wrt {
  display: none;
}

/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visble class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._radio-input_1m8wrt ._radio-input__button-wrapper_1m8wrt:focus:focus-visible {
  border-color: var(--color-blue-300);
  box-shadow: 0 0 0 1px var(--color-blue-300);
}

._radio-input_1m8wrt ._radio-input__button-wrapper_1m8wrt:focus:not(:focus-visible) {
  border-color: var(--color-grey-300);
  box-shadow: none;
}

/* styles for staging-app/components/shared/forms/toggle-panel.m.css */
/* intentionally left blank */
/* styles for staging-app/components/shared/headers/section-header.m.css */
._standard_nn1cob {
  display: flex;
  justify-content: space-between;
  padding: 16px 0 0 0;
  margin-bottom: 16px;
  align-items: flex-end;
  padding-bottom: 8px;
}

._header-wrapper_nn1cob {
  display: flex;
}

._label-suffix_nn1cob {
  margin-left: 8px;
  color: var(--color-grey-500);
}

._mod-standard_nn1cob {
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-grey-300);
}

._mod-align-left_nn1cob {
  justify-content: flex-start;
}

._mod-no-margin_nn1cob {
  margin-bottom: 0;
  padding-bottom: 0;
}

._mod-align-center_nn1cob {
  justify-content: center;
}

/* styles for staging-app/components/shared/headers/sub-header.m.css */
._standard_1xhvdp {
  display: flex;
  justify-content: space-between;
  padding: 16px 0 0 0;
  margin-bottom: 16px;
  align-items: flex-end;
  padding-bottom: 8px;
}

._header-wrapper_1xhvdp {
  display: flex;
}

._label-suffix_1xhvdp {
  margin-left: 8px;
  color: var(--color-grey-500);
}

._mod-standard_1xhvdp {
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-grey-300);
}

._mod-align-left_1xhvdp {
  justify-content: flex-start;
}

._mod-no-margin_1xhvdp {
  margin-bottom: 0;
  padding-bottom: 0;
}

._mod-align-center_1xhvdp {
  justify-content: center;
}

/* styles for staging-app/components/shared/icons/icon-with-action.m.css */
._icon_j859oz {
  cursor: pointer;
}

/* styles for staging-app/components/shared/icons/icon.m.css */
/*  Supported color pallete for icons. Will need to extend */
._icon_1bbn9v {
  /* prevent icons getting squashed (and scaled down) in flex layouts */
  flex-shrink: 0;
}

._icon_1bbn9v:not(._default-color_1bbn9v) path {
  fill: currentColor;
}

/* styles for staging-app/components/shared/layout/app-side-panel.m.css */
._side-panel_111p5w {
  position: absolute;
  top: 56px;
  right: 0;
  width: 410px;
  bottom: 0;
  background: white;
}

/* styles for staging-app/components/shared/layout/auto-layout.m.css */
._auto-layout_xatqhq {
  display: flex;
}

._horizontal_xatqhq {
  flex-direction: row;
}

._vertical_xatqhq {
  flex-direction: column;
}

._vertical_xatqhq._centered_xatqhq {
  align-items: center;
}

._horizontal_xatqhq._centered_xatqhq {
  align-items: center;
  justify-content: start;
}

._horizontal_xatqhq._spaced-between_xatqhq {
  align-items: center;
  justify-content: space-between;
}

._auto-layout_xatqhq._inline_xatqhq {
  display: inline-flex;
  justify-content: flex-start;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._auto-layout_xatqhq.__sp025_xatqhq {
  gap: 1px;
}

._auto-layout_xatqhq.__sp05_xatqhq {
  gap: 2px;
}

._auto-layout_xatqhq.__sp1_xatqhq {
  gap: 4px;
}

._auto-layout_xatqhq.__sp2_xatqhq {
  gap: 8px;
}

._auto-layout_xatqhq.__sp3_xatqhq {
  gap: 12px;
}

._auto-layout_xatqhq.__sp4_xatqhq {
  gap: 16px;
}

._auto-layout_xatqhq.__sp5_xatqhq {
  gap: 20px;
}

._auto-layout_xatqhq.__sp6_xatqhq {
  gap: 24px;
}

._auto-layout_xatqhq.__sp7_xatqhq {
  gap: 28px;
}

._auto-layout_xatqhq.__sp8_xatqhq {
  gap: 32px;
}

._auto-layout_xatqhq.__sp9_xatqhq {
  gap: 36px;
}

._auto-layout_xatqhq.__sp10_xatqhq {
  gap: 40px;
}

._auto-layout_xatqhq.__sp20_xatqhq {
  gap: 80px;
}

._overflowhidden_xatqhq {
  /* useful for showing elispses on child components */
  overflow: hidden;
}

/* styles for staging-app/components/shared/layout/bordered-list.m.css */
._mod-standard_up7z7o {
  list-style: none;
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  padding: 0;
}

._mod-standard_up7z7o > * {
  border-bottom: 1px solid var(--color-grey-300);
}

._mod-standard_up7z7o > *:last-child {
  border-bottom: none;
}

._mod-seperated_up7z7o {
  list-style: none;
  padding: 0;
}

ul._mod-seperated_up7z7o > * {
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  margin-bottom: 4px;
}

._mod-seperated_up7z7o > *:last-child {
  margin-bottom: none;
}

/* styles for staging-app/components/shared/layout/collapsable-section.m.css */
._container_w88uxy._collapsed_w88uxy {
  display: none;
}

._standard_w88uxy {
  display: flex;
  justify-content: space-between;
  padding: 16px 0 0 0;
  margin-bottom: 16px;
  align-items: flex-end;
  padding-bottom: 8px;
}

._header_w88uxy {
  cursor: pointer;
}

._header-wrapper_w88uxy {
  display: flex;
}

._label-suffix_w88uxy {
  margin-left: 8px;
  color: var(--color-grey-500);
}

._collapse-expand-toggle_w88uxy {
  padding-top: 2px;
  /* to center the icon */
  display: flex;
  align-items: center;
}

._mod-standard_w88uxy {
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-grey-300);
}

._mod-align-left_w88uxy {
  justify-content: flex-start;
}

._mod-no-margin_w88uxy {
  margin-bottom: 0;
  padding-bottom: 0;
}

._mod-align-center_w88uxy {
  justify-content: center;
}

/* styles for staging-app/components/shared/layout/fixed-header-layout-content.m.css */
._fixed-header-layout-content_5lljo1 {
  overflow-y: auto;
  scrollbar-gutter: stable;
  flex-grow: 1;
}

/* styles for staging-app/components/shared/layout/fixed-header-layout.m.css */
._fixed-header-layout_1j1uiq {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* styles for staging-app/components/shared/links/link-to-entity.m.css */
/* Focus States */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
._focus-ring_hzexkf {
  outline: none;
  border-radius: 3px;
}

._focus-ring_hzexkf:focus:focus-visible {
  box-shadow: 0 0 0 3px var(--color-blue-300);
}

/* styles for staging-app/components/shared/lists/legacy-selection-list.m.css */
._root_1szw0l {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: -webkit-max-content;
  width: max-content;
}

._list-items_1szw0l {
  position: relative;
}

._limitedHeight_1szw0l {
  max-height: 250px;
}

._list-item_1szw0l {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding: 0 20px 0 20px;
  min-height: 38px;
  padding-top: 6px;
  padding-bottom: 6px;
}

._list-item_1szw0l:hover {
  background-color: var(--color-grey-100);
}

._list-item--disabled_1szw0l:hover {
  background-color: transparent;
}

._list-item-label_1szw0l {
  position: relative;
  flex-grow: 1;
  word-break: normal;
}

._list-item-label_1szw0l._truncated_1szw0l {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._selectable_1szw0l ._list-item-label_1szw0l {
  padding-right: 30px;
}

._selectable_1szw0l ._list-item-label_1szw0l._truncated_1szw0l {
  padding-right: 0;
}

._selectable_1szw0l ._list-item-description_1szw0l {
  padding-right: 12px;
}

._list-item__tag_1szw0l {
  border: 1px solid #aaa;
  padding: 0 4px 2px 4px;
  border-radius: 12px;
  color: #999;
  margin-left: 8px;
  font-variant: all-small-caps;
}

._list-item-description_1szw0l {
  color: var(--color-grey-500);
  text-align: right;
}

._list-item-icon_1szw0l {
  width: 40px;
  position: absolute;
  right: 0;
  height: 10px;
}

._header_1szw0l {
  padding: 16px 20px 0 20px;
  height: 40px;
  display: flex;
  align-items: center;
}

._list-item--nav-selection_1szw0l:not(._list-item--disabled_1szw0l) {
  background-color: var(--color-grey-100);
}

._list-item--divider_1szw0l {
  padding: 0 20px 0 20px;
  border-top: 1px solid var(--color-grey-300);
}

._list-item--divider-below_1szw0l {
  padding: 0 20px 0 20px;
  border-bottom: 1px solid var(--color-grey-300);
}

._list-item--disabled_1szw0l {
  cursor: default;
  color: var(--color-grey-500);
}

._mod-panel_1szw0l ._list-item_1szw0l:first-child,
._list-item_1szw0l:first-child:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

._mod-panel_1szw0l ._list-item_1szw0l:last-child,
._list-item_1szw0l:last-child:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

._mod-comfortable_1szw0l ._header_1szw0l {
  height: 48px;
}
._mod-comfortable_1szw0l ._list-item_1szw0l {
  height: 52px;
}

/* styles for staging-app/components/shared/lists/selection-list.m.css */
._root_11f19i {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: -webkit-max-content;
  width: max-content;
  /* Hack: Same width as khq-popover. Selection list is a legacy component and
  this just makes it work inside a <khq-popover> */
  min-width: 10.5rem;
  overflow: hidden;
}

._list-items_11f19i {
  position: relative;
}

._list-item_11f19i {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding: 0 20px 0 20px;
  min-height: 38px;
  padding-top: 6px;
  padding-bottom: 6px;
}

._list-item_11f19i:hover {
  background-color: var(--color-grey-100);
}

._list-item--disabled_11f19i:hover {
  background-color: transparent;
}

._list-item-label_11f19i {
  position: relative;
  flex-grow: 1;
  word-break: break-all;
}

._list-item-label_11f19i._truncated_11f19i {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._selectable_11f19i ._list-item-label_11f19i {
  padding-right: 30px;
}

._selectable_11f19i ._list-item-label_11f19i._truncated_11f19i {
  padding-right: 0;
}

._selectable_11f19i ._list-item-description_11f19i {
  padding-right: 12px;
}

._list-item__tag_11f19i {
  border: 1px solid #aaa;
  padding: 0 4px 2px 4px;
  border-radius: 12px;
  color: #999;
  margin-left: 8px;
  font-variant: all-small-caps;
}

._list-item-description_11f19i {
  color: var(--color-grey-500);
  text-align: right;
}

._list-item-icon_11f19i {
  width: 40px;
  position: absolute;
  right: 0;
  height: 10px;
}

._header_11f19i {
  padding: 16px 20px 0 20px;
  height: 40px;
  display: flex;
  align-items: center;
}

._list-item--nav-selection_11f19i:not(._list-item--disabled_11f19i) {
  background-color: var(--color-grey-100);
}

._list-item--divider_11f19i {
  padding: 0 20px 0 20px;
  border-top: 1px solid var(--color-grey-300);
}

._list-item--divider-below_11f19i {
  padding: 0 20px 0 20px;
  border-bottom: 1px solid var(--color-grey-300);
}

._list-item--disabled_11f19i {
  cursor: default;
  color: var(--color-grey-500);
}

._mod-comfortable_11f19i ._header_11f19i {
  height: 48px;
}
._mod-comfortable_11f19i ._list-item_11f19i {
  height: 52px;
}

/* styles for staging-app/components/shared/loading/loading-text.m.css */
._loading-text_11srs8 {
  background-color: var(--color-grey-100);
  height: 14px;
  border-radius: 3px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

._loading-text_11srs8::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0));
  animation: _shimmer_11srs8 1.6s infinite;
  animation-timing-function: linear;
  content: "";
}

@keyframes _shimmer_11srs8 {
  100% {
    transform: translateX(100%);
  }
}
/* styles for staging-app/components/shared/loading/progress-bar.m.css */
._progress-bar_1371wb {
  width: 100%;
  background-color: var(--color-grey-100);
}

._progress-bar-inner_1371wb {
  height: 16px;
}

._progress-bar-inner_1371wb._green_1371wb {
  background-color: var(--color-green-500);
}

._progress-bar-inner_1371wb._orange_1371wb {
  background-color: var(--color-orange-500);
}

._progress-bar-inner_1371wb._red_1371wb {
  background-color: var(--color-red-500);
}

/* styles for staging-app/components/shared/loading/progress-bud.m.css */
._progress-bud_1rkxwp {
  height: 3px;
  position: absolute;
  bottom: -1px;
  z-index: 1;
  background-color: var(--color-blue-500);
  width: 0;
  /* if the ui is snappy dont even see the progress-bud. */
  animation-delay: 300ms;
  animation-duration: 1.8s;
  animation-name: _progress_1rkxwp;
  animation-iteration-count: infinite;
}

@keyframes _progress_1rkxwp {
  0% {
    width: 0;
    left: 0;
  }
  40% {
    width: 100%;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
/* styles for staging-app/components/shared/loading/spinner-circular.m.css */
._spinner-circular_6ywtmj {
  position: relative;
}

._spinner-circular_6ywtmj,
._spinner-circular_6ywtmj:before,
._spinner-circular_6ywtmj:after {
  height: 20px;
  width: 20px;
}

._spinner-circular_6ywtmj:before,
._spinner-circular_6ywtmj:after {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  border-radius: 50%;
  border: 2px solid var(--color-grey-500);
}

._spinner-circular_6ywtmj:after {
  border-color: var(--color-grey-500) var(--color-grey-500) transparent transparent;
  animation: _spinme_6ywtmj 0.8s linear infinite;
}

._spinner-circular_6ywtmj:before {
  border-color: var(--color-grey-100);
}

._mod-size-30_6ywtmj._spinner-circular_6ywtmj,
._mod-size-30_6ywtmj._spinner-circular_6ywtmj:before,
._mod-size-30_6ywtmj._spinner-circular_6ywtmj:after {
  height: 30px;
  width: 30px;
}

._mod-size-30_6ywtmj._spinner-circular_6ywtmj:before,
._mod-size-30_6ywtmj._spinner-circular_6ywtmj:after {
  border-width: 3px;
}

._mod-size-100_6ywtmj._spinner-circular_6ywtmj,
._mod-size-100_6ywtmj._spinner-circular_6ywtmj:before,
._mod-size-100_6ywtmj._spinner-circular_6ywtmj:after {
  height: 100px;
  width: 100px;
}

._mod-size-100_6ywtmj._spinner-circular_6ywtmj:before,
._mod-size-100_6ywtmj._spinner-circular_6ywtmj:after {
  border-width: 15px;
}

._mod-blue_6ywtmj._spinner-circular_6ywtmj:after {
  border-color: var(--color-blue-500) var(--color-blue-500) transparent transparent;
}

@keyframes _spinme_6ywtmj {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* styles for staging-app/components/shared/lookups/legacy-lookup-list-panel.m.css */
._panel-wrap_xw3yxv {
  z-index: var(--z-index-drop-down);
  width: 100%;
  max-height: 304px;
  position: absolute;
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}

._panel-scroller_xw3yxv {
  overflow: auto;
}

._list-item--nav-selection_xw3yxv {
  background-color: var(--color-grey-100);
}

._create-new_xw3yxv {
  position: sticky;
  bottom: -32px;
  z-index: 10;
  background-color: var(--color-white);
  cursor: pointer;
}

._recents-list-header_xw3yxv {
  padding: 8px 8px;
}

/* styles for staging-app/components/shared/lookups/legacy-lookup-list.m.css */
._lookup-list_gpzt08 {
  position: relative;
}

._lookup-list_gpzt08 ._spinner_gpzt08 {
  position: absolute;
  top: -2px;
  right: 0;
}

._row-wrap_gpzt08 {
  position: relative;
}

._input-wrap_gpzt08 {
  position: relative;
}

._error-text_gpzt08 {
  color: var(--color-orange-500);
  font-weight: 500;
}

._sorting-link_gpzt08 {
  position: absolute;
  top: -2px;
  right: 0;
  display: flex;
  align-items: center;
  padding-left: 2px;
  border-radius: 2px;
}

._sorting-link_gpzt08 svg {
  margin-top: 2px;
}

._label-wrap_gpzt08 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

._label-wrap_gpzt08 p {
  text-transform: uppercase;
  font-size: 14px; /* TO DO fix text-form-label style that overwrites text size*/
}

/* Focus States */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
._focus-ring_gpzt08 {
  outline: none;
}

._focus-ring_gpzt08:focus:focus-visible ._filter-button_gpzt08 {
  color: var(--color-blue-800);
  text-decoration: underline;
}

/* styles for staging-app/components/shared/lookups/lookup-item.m.css */
._lookup-item_1bu1qq {
  cursor: pointer;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 38px;
}

._content_1bu1qq {
  width: 100%;
}

._title-row_1bu1qq {
  display: flex;
}

._title-layout_1bu1qq {
  overflow: hidden;
  flex-grow: 1;
}

._lookup-item_1bu1qq ._title_1bu1qq,
._lookup-item_1bu1qq ._description_1bu1qq,
._lookup-item_1bu1qq ._subtitle_1bu1qq {
  line-height: 16px;
}

._lookup-item_1bu1qq ._description_1bu1qq {
  margin-left: auto;
  align-self: flex-end;
}

._lock-icon_1bu1qq {
  position: relative;
  left: -4px;
  top: -2px;
}

._mod-pill_1bu1qq._lookup-item_1bu1qq {
  cursor: default;
  background-color: var(--color-grey-100);
  margin: 2px;
  padding: 0 8px;
  border-radius: 16px;
  min-height: 32px;
}

._mod-pill_1bu1qq._lookup-item_1bu1qq:not(._has-avatar_1bu1qq) {
  padding-left: 16px;
}

._mod-pill_1bu1qq._deletable_1bu1qq._lookup-item_1bu1qq {
  padding-right: 0;
}

._delete-icon_1bu1qq {
  display: flex;
  cursor: pointer;
}

/* styles for staging-app/components/shared/lookups/lookup-list-panel.m.css */
._panel-wrap_t1ljq3 {
  z-index: var(--z-index-drop-down);
  width: 100%;
  max-height: 304px;
  position: absolute;
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}

._panel-scroller_t1ljq3 {
  overflow: auto;
}

._list-item--nav-selection_t1ljq3 {
  background-color: var(--color-grey-100);
}

._create-new_t1ljq3 {
  position: sticky;
  bottom: -32px;
  z-index: 10;
  background-color: var(--color-white);
  cursor: pointer;
}

._recents-list-header_t1ljq3 {
  padding: 8px 8px;
}

/* styles for staging-app/components/shared/lookups/lookup-work-filter.m.css */
._dropdown-pane-wrapper_ftl8pa {
  position: absolute;
  z-index: calc(var(--z-index-drop-down) + 1);
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
}

._dropdown-pane-wrapper_ftl8pa ._list-item-label_ftl8pa {
  padding-right: 60px;
}

/* styles for staging-app/components/shared/message-box/information-message-box.m.css */
._information-message-box_1rmslc {
  background-color: var(--color-grey-100);
  padding: 19px 16px;
  min-height: 58px;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
}

._information-message-box__message_1rmslc {
  width: 80%;
}

/* styles for staging-app/components/shared/message-box/message-tout.m.css */
._message-tout_145v9z {
  width: 100%;
  position: fixed;
  bottom: 16px;
  left: 0px;
  padding: 0px 48px;
  z-index: 2;
}

._content-container_145v9z {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: var(--color-black);
  text-align: center;
  padding: 8px 8px 8px 16px;
  background-color: #fff9b9;
  border: 1px solid #e2dc99;
  border-radius: 4px;
  display: flex;
  align-items: center;
}

._close-indicator_145v9z {
  cursor: pointer;
  height: 24px;
}

._content__action_145v9z {
  margin-left: 20px;
  margin-right: 20px;
}

._message-tout_145v9z a {
  cursor: pointer;
  color: black;
}

._message-tout_145v9z a:hover {
  text-decoration: none;
}

/* styles for staging-app/components/shared/message-box/status-message-box.m.css */
._status-message-box_15l4gs {
  background-color: var(--color-grey-100);
  padding: 16px;
  min-height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}

._status-message-box__status__container--danger_15l4gs {
  color: var(--color-red-500);
}

._status-message-box__status__container--info_15l4gs {
  color: var(--color-blue-500);
}

._status-message-box__status__container--warning_15l4gs {
  color: var(--color-orange-500);
}

._status-message-box__status__container--success_15l4gs {
  color: var(--color-green-500);
}

._icon-wrapper_15l4gs {
  /* prevent jumpy UI while the icon loads in by reserving the space */
  min-width: 28px;
}

._status-message-box__icon_15l4gs {
  vertical-align: middle;
  margin-right: 4px;
}

._status-message-box__label_15l4gs {
  vertical-align: middle;
  white-space: normal;
}

._status-message-box__description_15l4gs {
  vertical-align: middle;
  white-space: normal;
}
._status-message-box__description_15l4gs a {
  text-decoration: underline;
}
._status-message-box__description_15l4gs ul,
._status-message-box__description_15l4gs ol {
  padding-left: 24px;
  margin: 12px 0;
}

._status-message-box__message-wrapper_15l4gs {
  /* This is a hack to align <khq-icon> inside a legacy component */
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

/* styles for staging-app/components/shared/modals/standard-modal.m.css */
._wormhole_1ilt24 {
  scrollbar-gutter: stable;
}

._modal_1ilt24 {
  min-width: 200px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
}

._hide_1ilt24 {
  visibility: hidden;
}

._header_1ilt24 {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-grey-200);
}

._close-icon_1ilt24 {
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  margin-right: 16px;
  height: 24px;
}

._content_1ilt24 {
  flex-grow: 1;
  margin: 16px;
}

._modal_1ilt24 ._title_1ilt24 {
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding: 0 8px;
  flex-grow: 1;
}

._footer_1ilt24 {
  display: flex;
  justify-content: space-between;
  margin: 0 16px 16px 16px;
}

._left-button_1ilt24 {
  color: red;
  border: 1px solid black;
}

._modal_1ilt24._max-window-height_1ilt24 {
  max-height: calc(100vh - 64px);
}

._modal_1ilt24._max-window-height_1ilt24 ._content-scroller_1ilt24 {
  overflow-x: auto;
}

/* styles for staging-app/components/shared/modals/wormhole.m.css */
._wormhole_590oj1 {
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

._bg-transparent_590oj1 {
  background-color: transparent;
}

/* styles for staging-app/components/shared/navigation/page-incrementer.m.css */
._page-incrementer_1h67ef {
  display: inline-flex;
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-300);
  border-radius: 5px;
  padding: 0;
  height: 32px;
}

._arrow_1h67ef {
  cursor: pointer;
  position: relative;
  width: 32px;
}

._arrow_1h67ef:hover,
._action_1h67ef:hover {
  background-color: var(--color-grey-100);
}

._arrow_1h67ef._left_1h67ef {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

._arrow_1h67ef._right_1h67ef {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

._arrow_1h67ef._left_1h67ef ._icon_1h67ef {
  position: absolute;
  top: 7px;
  left: 7px;
}

._arrow_1h67ef._right_1h67ef ._icon_1h67ef {
  position: absolute;
  top: 7px;
  right: 7px;
}

._divider_1h67ef {
  width: 1px;
  background-color: var(--color-grey-300);
}

._action_1h67ef {
  cursor: pointer;
  padding: 0 12px;
  line-height: 30px;
}

/* Focus State */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
/* Note: .focus-visible class required in the DOM for Firefox (as focus:focus-visible becomes focus.focus-visible) */
._arrow_1h67ef,
._action_1h67ef {
  outline: none;
}

._arrow_1h67ef:focus:focus-visible,
._action_1h67ef:focus:focus-visible {
  border-color: var(--color-blue-300);
  box-shadow: 0 0 0 2px var(--color-blue-300);
  z-index: 1;
}

._arrow_1h67ef:focus:not(:focus-visible),
._action_1h67ef:focus:not(:focus-visible) {
  border-color: transparent;
  box-shadow: none;
}

/* styles for staging-app/components/shared/search/search-paginator.m.css */
._paginator_127i6w {
  display: flex;
  flex-direction: row;
  padding: 12px 0;
  justify-content: flex-end;
  align-items: center;
}
._paginator_127i6w > * {
  margin-right: 16px;
}

._icon_127i6w {
  height: 16px;
  cursor: pointer;
}

._icon_127i6w._disabled_127i6w {
  color: var(--color-grey-500);
  cursor: default;
}

/* styles for staging-app/components/shared/tables/expandable-table.m.css */
._expandable-table_1uvgpe {
  border-collapse: separate;
  width: 100%;
}

._fixedTableLayout_1uvgpe {
  table-layout: fixed;
}

._expandable-table_1uvgpe._smallContextMenuColumn_1uvgpe {
  table-layout: fixed;
}

._expandable-table_1uvgpe th {
  text-transform: uppercase;
  font-weight: 500;
  color: var(--color-grey-600);
  font-size: 14px;
  padding: 8px;
  cursor: text;
}

._expandable-table__sticky-header_1uvgpe {
  position: sticky;
  top: 0px;
  z-index: 1;
  background: var(--color-white);
}

._expandable-table_1uvgpe td {
  padding: 8px;
  min-width: 60px;
  min-height: 40px;
}

/**This allows to minimize the siwe fo this last column for the specific smallContextMenuColumn case**/
._expandable-table_1uvgpe td._context-menu-td_1uvgpe._smallContextMenuColumn_1uvgpe {
  width: 40px;
}

._expandable-table_1uvgpe th._context-menu-header_1uvgpe._smallContextMenuColumn_1uvgpe {
  width: 40px;
}

._expandable-table_1uvgpe tr:nth-child(2) td {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: var(--color-grey-300);
}

._expandable-table_1uvgpe tr:last-child td {
  border-bottom: 1px solid var(--color-grey-300);
}

._expandable-table_1uvgpe tr:nth-child(2) td:first-child {
  border-top-left-radius: 4px;
  border-width: 1px 0 0 1px;
}

._expandable-table_1uvgpe tr:nth-child(2) td:last-child {
  border-top-right-radius: 4px;
  border-width: 1px 1px 0 0;
}

._expandable-table_1uvgpe tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
  border-width: 1px 0 1px 1px;
}

._expandable-table_1uvgpe tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
  border-width: 1px 1px 1px 0;
}

._expandable-table__toggle-header_1uvgpe {
  width: 1%;
}

._expandable-table__selector_1uvgpe {
  width: 1%;
}

._expandable-table_1uvgpe tr td {
  border-top: 1px solid var(--color-grey-300);
}

._expandable-table_1uvgpe tr td:first-child {
  border-left: 1px solid var(--color-grey-300);
}

._expandable-table_1uvgpe tr td:last-child {
  border-right: 1px solid var(--color-grey-300);
}

._expandable-table_1uvgpe .left {
  text-align: left;
}

._expandable-table_1uvgpe .right {
  text-align: right;
}

._expandable-table_1uvgpe .right ._form-selection_1uvgpe {
  flex-direction: row-reverse;
}

._expandable-table_1uvgpe ._list-items_1uvgpe {
  color: initial;
}

._expandable-table_1uvgpe .center {
  text-align: center;
}

._expandable-table_1uvgpe .error {
  color: var(--color-red-500);
}

._expandable-table__row--clickable_1uvgpe td {
  cursor: pointer;
}

._expandable-table_1uvgpe ._expandable-table__row_1uvgpe {
  cursor: default;
}

._avatars_1uvgpe {
  height: 24px;
}

._context-menu-header_1uvgpe {
  width: 100px;
}

._context-menu_1uvgpe {
  opacity: 0;
}

._context-menu--open_1uvgpe ._context-menu_1uvgpe {
  opacity: 1;
}

._context-menu-icon-button_1uvgpe {
  align-items: center;
  display: flex;
  justify-content: right;
}

._context-menu-icon-placeholder_1uvgpe {
  height: 24px;
}

._expandable-table__row_1uvgpe:hover ._context-menu_1uvgpe {
  opacity: 1;
  cursor: pointer;
}

._strikeoff_1uvgpe {
  text-decoration: line-through;
}

._italic_1uvgpe {
  font-style: italic;
}

._grey-bg_1uvgpe td {
  background-color: var(--color-grey-100);
}

._grey-text_1uvgpe td {
  color: var(--color-grey-500);
}

._expandable-table_1uvgpe ._expandable-table__row_1uvgpe ._tree-depth-2_1uvgpe ._first-column_1uvgpe {
  padding-left: 27px;
}

._expandable-table_1uvgpe ._expandable-table__row_1uvgpe ._tree-depth-3_1uvgpe ._first-column_1uvgpe {
  padding-left: 60px;
}

._expandable-table_1uvgpe ._expandable-table__row_1uvgpe ._column-with-selector_1uvgpe {
  display: flex;
  align-items: center;
}

._first-column_1uvgpe {
  display: flex;
  align-items: center;
}

._expandable-table_1uvgpe ._expandable-table__row_1uvgpe ._disabled_1uvgpe {
  color: #999999;
}

._selector--checked_1uvgpe {
  margin-right: 8px;
  margin-left: 4px;
}

._disabled-spacer--tree-depth-1_1uvgpe {
  margin-left: 28px;
}

._disabled-spacer--tree-depth-2_1uvgpe {
  margin-left: 24px;
}

._collapse-expand-toggle_1uvgpe {
  margin-right: 10px;
  /* to center the icon */
  display: flex;
  align-items: center;
}

._tree-depth-2_1uvgpe ._collapse-expand-toggle_1uvgpe {
  margin-right: 8px;
}

._title-text_1uvgpe {
  word-break: break-word;
}

._title-container--with-badge_1uvgpe {
  display: flex;
  align-items: center;
}

._warning-icon_1uvgpe,
._lock-icon_1uvgpe {
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 4px;
}

._expandable-table__title-tag_1uvgpe {
  margin-left: 8px;
}

._input-column_1uvgpe {
  min-width: 100px;
  cursor: pointer;
}

._input-field_1uvgpe {
  max-width: 100px;
  border: var(--border-standard);
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

._input-field_1uvgpe._full-width_1uvgpe {
  max-width: none;
}

._input-field_1uvgpe::-webkit-inner-spin-button,
._input-field_1uvgpe::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:focus {
  border-color: var(--color-grey-500);
  outline: none;
}

._input-field_1uvgpe.right {
  margin-left: auto;
}

._field--warning_1uvgpe {
  color: var(--color-orange-500);
}

._warning-tooltip_1uvgpe,
._lock-icon-position_1uvgpe {
  display: flex;
  align-items: center;
}

._table-checkbox_1uvgpe {
  height: 20px;
  width: 24px;
  flex-shrink: 0;
  margin-right: 4px;
}

._hide-selector_1uvgpe ._table-checkbox_1uvgpe {
  visibility: hidden;
}

/* styles for staging-app/components/shared/tables/simple-table-row.m.css */
._large-cell_1ld64x {
  flex-basis: 50%;
}

._medium-cell_1ld64x {
  flex-basis: 15%;
}

._small-cell_1ld64x {
  flex-basis: 5%;
}

/* styles for staging-app/components/shared/tables/simple-table.m.css */
._large-cell_10cqxx {
  flex-basis: 50%;
}

._medium-cell_10cqxx {
  flex-basis: 15%;
}

._small-cell_10cqxx {
  flex-basis: 5%;
}

/* styles for staging-app/components/shared/tables/standard-table.m.css */
._standard-table_1ma61i {
  width: 100%;
}

._standard-table_1ma61i th {
  text-transform: uppercase;
  font-weight: 400;
  color: var(--color-grey-500);
  font-size: 14px;
  padding: 8px;
}

._standard-table_1ma61i td {
  padding: 8px;
}

._standard-table_1ma61i tr + tr {
  border: 1px solid var(--color-grey-300);
}

._standard-table_1ma61i .left {
  text-align: left;
}

._standard-table_1ma61i .right {
  text-align: right;
}

._standard-table_1ma61i .center {
  text-align: center;
}

._standard-table_1ma61i .error {
  color: var(--color-red-500);
}

/* styles for staging-app/components/shared/tables/styled-table.m.css */
/**
 * Why is this using CSS modules and CSS variables?
 * 
 * We want to have a dynamic grid-template-columns value for the grid layout of the table
 * and we want this value to be propagated to the children of the component without explicitly
 * passing it as a prop – which would make the interface more clunky and less flexible. 
 * Due to limitations of tailwind and inline styles, this is the only way to achieve this.
 */
._table-header_15plke {
  grid-template-columns: var(--grid-columns);
}

._table-rows_15plke > * {
  grid-template-columns: var(--grid-columns);
}

/* styles for staging-app/components/shared/tables/table-column-sort-label.m.css */
._table-column-sorting-row_mvxq08 {
  display: flex;
}

._label_mvxq08 {
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 4px;
}

._cursor-pointer_mvxq08 {
  cursor: pointer;
}

/* styles for staging-app/components/shared/tags/tag.m.css */
._tag_3zmxan {
  background-color: var(--color-grey-100);
  color: var(--color-grey-600);
  border-radius: 99px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 9px;
  align-items: center;
  font-weight: 500;
  display: inline-block;
  /* truncate */
  white-space: nowrap;
}

._tag_3zmxan._mod-grey-200_3zmxan {
  background-color: var(--color-grey-200);
}

._tag_3zmxan._mod-no-bg_3zmxan {
  background-color: transparent;
}

._tag_3zmxan._mod-xsmall_3zmxan {
  font-size: 10px;
  padding: 1px 4px;
}

._tag_3zmxan._mod-small_3zmxan {
  font-size: 14px;
  padding: 4px 8px;
}

._tag_3zmxan._mod-regular_3zmxan {
  font-size: 14px;
  padding: 8px 16px;
}

._tag_3zmxan._mod-large_3zmxan {
  font-size: 16px;
}

._tag_3zmxan._mod-active_3zmxan {
  background-color: var(--color-blue-100);
  color: var(--color-blue-600);
}

/* styles for staging-app/components/shared/text/body.m.css */
._body_1af53d {
  margin: 0;
}

/* 
.body + .body {
  We only want margins between paragraphs not before or after.
  Let surrounding components determine margins as it is typically cleaner and more consisitent. 
  margin-block-start: 0.5em;
}
*/
._truncate_1af53d {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* styles for staging-app/components/shared/text/expandable-text-items.m.css */
._expandable-text-item__text_1q7pv2 {
  max-width: 500px;
}

._expandable-text-item__list-text_1q7pv2 {
  padding: 0px;
  margin: 0px 0px 4px 0px;
}

/* styles for staging-app/components/shared/text/input-field.m.css */
._input-field_icx4oo {
  width: 100%;
}
._input-field_icx4oo input {
  width: 100%;
  height: 40px;
  outline: none;
  border: none;
  border-radius: 4px;
}
._input-field_icx4oo input[disabled] {
  color: rgba(13, 13, 13, 0.6);
}
._input-field_icx4oo ._error-text_icx4oo {
  color: var(--color-orange-500);
  font-weight: 500;
}

._input-field_icx4oo._clearable_icx4oo input {
  padding-right: 32px;
}

._input-wrapper_icx4oo {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 4px;
}

._input-wrapper_icx4oo ._spinner_icx4oo {
  position: absolute;
  top: 10px;
  right: 10px;
}

._input-wrapper_icx4oo ._clear-icon_icx4oo {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 8px;
}

._input-wrapper_icx4oo._std_icx4oo {
  border: 1px solid var(--color-grey-300);
}

._input-wrapper_icx4oo._error_icx4oo {
  border: 1px solid var(--color-orange-500);
}

._input-field_icx4oo {
  outline: none;
}

._input-wrapper_icx4oo:focus {
  border-color: var(--color-grey-500);
}

._input--uppercase_icx4oo {
  text-transform: uppercase;
}

._mod-multiselect_icx4oo ._input-wrapper_icx4oo {
  flex-wrap: wrap;
}

._mod-multiselect_icx4oo._input-field_icx4oo input {
  width: auto;
  flex-grow: 1;
  /* min width the input we can be before a wrap is triggered */
  flex-basis: 56px;
  min-width: 56px;
}

/* styles for staging-app/components/shared/text/label.m.css */
._label_jev5mv {
  padding: 0;
  display: block;
  margin-bottom: 4px;
}

._mod-no-margin_jev5mv {
  margin-bottom: 0;
}

/* styles for staging-app/components/shared/text/message-box.m.css */
._message-box_qlrpki {
  background-color: var(--color-grey-100);
  width: 100%;
}

/* styles for staging-app/components/shared/text/text-area.m.css */
._textarea-wrapper_12y5uu {
  width: 100%;
}

/* @see https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */
._grow-wrap_12y5uu {
  display: grid;
}

._grow-wrap_12y5uu::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}

._grow-wrap_12y5uu > textarea {
  overflow: hidden;
}

._grow-wrap_12y5uu > textarea,
._grow-wrap_12y5uu::after {
  display: block;
  padding: 8px;
  word-break: break-word;
  /* Place on top of each other */
  grid-area: 1/1/2/2;
}

._textarea-wrapper_12y5uu textarea {
  display: block;
  width: 100%;
  border-radius: 4px;
  outline: none;
  resize: none;
  padding: 8px;
  border: 1px solid transparent;
}

._textarea-wrapper_12y5uu ._error-text_12y5uu {
  color: var(--color-orange-500);
  font-weight: 500;
}

textarea._std_12y5uu {
  border-color: var(--color-grey-300);
}

textarea._error_12y5uu {
  border-color: var(--color-orange-500);
}

textarea:focus {
  border-color: var(--color-grey-500);
}

/* styles for staging-app/components/shared/text/text-label-expandable.m.css */
._label_1an4p9 {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

._disabled_1an4p9 {
  cursor: default;
}

/* styles for staging-app/components/shared/text/text-label-with-lock.m.css */
._label_pfjgvy {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* styles for staging-app/components/shared/text/text-label.m.css */
._label_18e0na {
  margin: 0;
  white-space: nowrap;
}

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

._label_18e0na._success_18e0na {
  color: var(--color-green-500);
}

._label_18e0na._warn_18e0na {
  color: var(--color-orange-500);
}

._label_18e0na._danger_18e0na {
  color: var(--color-red-500);
}

._mod-form-label_18e0na {
  padding: 0;
  display: block;
}

._wrappable_18e0na {
  white-space: normal;
  word-break: break-word;
}

/* styles for staging-app/components/shared/tool-tips/tool-tip.m.css */
._tooltip_15ldzn {
  position: absolute;
  z-index: 60;
  pointer-events: none;
}

._show_15ldzn {
  visibility: visible;
}

._hide_15ldzn {
  visibility: hidden;
}

._mod-standard_15ldzn {
  background-color: var(--color-white);
  border-radius: 4px;
  padding: 4px 8px 8px 8px;
}

/* styles for staging-app/components/side-tray/email-side-tray.m.css */
._side-tray_wu9euz {
  padding: 8px;
  padding-bottom: 24px;
}

/* styles for staging-app/components/side-tray/note-side-tray.m.css */
._side-tray_1gyj6m {
  padding: 8px;
  padding-bottom: 24px;
}

/* styles for staging-app/components/side-tray/side-tray-client-card.m.css */
._client-card_5nk03b {
  display: flex;
  gap: 8px;
  color: var(--color-black);
  overflow: hidden;
}

._no-access_5nk03b {
  opacity: 0.5;
}

._content_5nk03b {
  width: 100%;
  overflow: hidden;
}

._lock_5nk03b {
  margin-left: -8px;
}

._cross_5nk03b {
  margin: -3px -4px 0 -4px;
}

/* styles for staging-app/components/side-tray/side-tray-notify.m.css */
._switch_6h4i38 {
  display: grid;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
}

/* styles for staging-app/components/side-tray/side-tray-tab-panel.m.css */
._side-tray-tab-panel_1r25qy {
  display: flex;
  flex-shrink: 0;
  background: task-details-bg-color;
  width: auto;
}

/* styles for staging-app/components/side-tray/side-tray-visibility.m.css */
._modal-list_1homnb {
  padding: 4px;
}

/* styles for staging-app/components/side-tray/side-tray-work-card.m.css */
._work-card_dtqhzj {
  display: flex;
  gap: 8px;
  color: var(--color-black);
  overflow: hidden;
}

._content_dtqhzj {
  width: 100%;
  overflow: hidden;
}

._no-access_dtqhzj {
  opacity: 0.5;
}

._lock_dtqhzj {
  margin-left: -8px;
}

._cross_dtqhzj {
  margin: -3px -4px 0 -4px;
}

/* styles for staging-app/components/side-tray/task-side-tray.m.css */
._side-tray_1w4ma6 {
  padding: 8px;
  padding-bottom: 24px;
}

/* styles for staging-app/components/stop-watch/stop-watch-tray.m.css */
._stop-watch-tray_16q4vd {
  position: absolute;
  width: 380px;
  right: 112px;
  top: 32px;
  z-index: 999;
}

._stop-watch-tray__body__form_16q4vd {
  width: auto;
}

._stop-watch-tray__body__form__notes-container_16q4vd {
  padding-bottom: 20px;
}

._stop-watch-tray__body__form__notes_16q4vd {
  border-radius: var(--border-standard-radius);
  border: var(--border-standard);
  height: 90px;
}

._stop-watch-tray__header_16q4vd {
  height: 48px;
  line-height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 20px 0 20px;
}

._stop-watch-tray__header__icon__bar_16q4vd {
  display: flex;
}

._stop-watch-tray__header__icon_16q4vd {
  cursor: pointer;
  margin-left: 4px;
  border: 4px solid transparent;
  height: 48px;
}
._stop-watch-tray__header__icon_16q4vd:focus-visible {
  outline: none;
  box-shadow: none;
  border-color: var(--color-blue-200);
  background-color: var(--color-blue-200);
  border-radius: 50%;
}

._stop-watch-tray__header__icon__stop_16q4vd:focus-visible {
  border-color: var(--color-red-200);
  background-color: var(--color-red-200);
}

._stop-watch-tray__header__icon--disabled_16q4vd {
  cursor: default;
  margin-left: 8px;
}
._stop-watch-tray__header__icon--disabled_16q4vd:focus {
  outline: none;
}

._stop-watch-tray__body_16q4vd {
  flex-grow: 1;
  margin: 20px;
}

._stop-watch-tray__body__role_16q4vd,
._stop-watch-tray__body__task-type_16q4vd {
  width: 166px;
}

/* styles for staging-app/components/stop-watch/stop-watch.m.css */
._stop-watch_3wn3y2 {
  display: flex;
  align-items: center;
  height: 32px;
}

._stop-watch--blur_3wn3y2 {
  opacity: 40%;
}

._stop-watch__clock_3wn3y2 {
  display: flex;
  cursor: pointer;
}

._stop-watch__client-name_3wn3y2 {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  background-color: #444444;
  border-radius: 15px;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 8px;
}

._stop-watch__time_3wn3y2 {
  margin-right: 8px;
  /* helps the numbers to fill the width and avoid jumping */
  font-feature-settings: "tnum";
}

._stop-watch__button-bar_3wn3y2 {
  margin-top: 4px;
  display: flex;
}

._stop-watch__button-bar__button_3wn3y2 {
  cursor: pointer;
}

._stop-watch__button-bar__stop-button_3wn3y2 {
  margin-left: 6px;
}

._stop-watch__time--animate_3wn3y2 {
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-iteration-count: infinite;
  -webkit-direction: alternate;
}

/* styles for staging-app/components/time/actuals-time-entry-modal.m.css */
/* styles for staging-app/components/time/estimate-modal.m.css */
/* styles for staging-app/components/time/time-entry-fields.m.css */
._time-entry-fields_r8ssgv {
  width: auto;
}

._time-entry-fields__generic_r8ssgv,
._time-entry-fields__role_r8ssgv,
._time-entry-fields__task-type_r8ssgv {
  min-width: 166px;
  flex: 1;
}

._time-entry-fields__notes-container_r8ssgv {
  flex: 1;
}

._time-entry-fields__notes_r8ssgv {
  height: 90px;
}

._time-entry-fields__duration-container_r8ssgv,
._time-entry-fields__date-container_r8ssgv {
  min-width: 185px;
  width: 50%;
}

._time-entry-fields__budget-warning--grey_r8ssgv {
  margin-top: -10px;
}

._time-entry-fields__budget-warning--orange_r8ssgv {
  margin-top: -10px;
}

._time-entry-fields__locked-date-error_r8ssgv {
  margin-bottom: 8px;
}

/* styles for staging-app/components/time/time-entry-modal.m.css */
/* styles for staging-app/components/time/tsheet-time-entry-fields.m.css */
._tsheet-time-entry-fields_11durb {
  width: auto;
}

._tsheet-time-entry-fields__role_11durb,
._tsheet-time-entry-fields__task-type_11durb {
  min-width: 166px;
}

._tsheet-time-entry-fields__notes-container_11durb {
  padding-bottom: 20px;
}

._tsheet-time-entry-fields__notes_11durb {
  height: 90px;
}

._tsheet-time-entry-fields__date-container_11durb {
  width: 185px;
}

/* styles for staging-app/components/triage-compact/triage-card-compact.m.css */
/* Note: Not using TailWind here as rearanging the layout responsivly requires chainging the grid template 
*        which is not supported and using flex-box gets real messy.
*/
._avatar_vbgh9f {
  grid-area: avatar;
}

._title_vbgh9f {
  grid-area: title;
}

._summary_vbgh9f {
  grid-area: summary;
}

._date_vbgh9f {
  grid-area: date;
}

._icons_vbgh9f {
  grid-area: icons;
}

._work_vbgh9f {
  grid-area: work;
}

._client_vbgh9f {
  grid-area: client;
}

._reminderdate_vbgh9f {
  grid-area: reminderdate;
}

._error-message_vbgh9f {
  grid-area: error;
}

._triage-card_vbgh9f {
  display: grid;
  height: auto;
  grid-template-areas: "avatar avatar date date" ". title title icons" ". error error error" ". summary summary summary" ". work work work" ". client client client" ". reminderdate reminderdate reminderdate";
  grid-template-columns: 32px 1fr auto auto;
  grid-template-rows: 24px 20px;
}

._will-clear_vbgh9f {
  transition: all 150ms ease-out;
  opacity: 0.5;
  max-height: 220px;
}

._is-clearing_vbgh9f {
  opacity: 0;
  max-height: 0;
}

._assignee-label_vbgh9f {
  display: none;
}

._triage-card-container_vbgh9f:hover ._date_vbgh9f {
  visibility: hidden;
  min-width: 160px;
}

[data-triage-list-style=slim] ._triage-card_vbgh9f {
  height: 48px;
  grid-template-areas: "avatar title error summary work client reminderdate icons date";
  grid-template-columns: 240px auto auto 1fr auto auto auto auto auto;
}
[data-triage-list-style=slim] ._triage-card_vbgh9f ._summary_vbgh9f {
  flex-direction: row;
}
[data-triage-list-style=slim] ._triage-card_vbgh9f._has-activity_vbgh9f {
  height: 76px;
  grid-template-areas: "avatar title title error work client reminderdate icons date" ". summary summary summary summary summary summary . .";
  grid-template-columns: 240px 1fr auto auto auto auto auto;
  grid-template-rows: 24px 20px;
  row-gap: 4px;
}
[data-triage-list-style=slim] ._triage-card-container_vbgh9f:hover ._assignee-label_vbgh9f {
  display: block;
}
[data-triage-list-style=slim] ._triage-card_vbgh9f ._comment-text_vbgh9f {
  -webkit-line-clamp: 1;
}
[data-triage-list-style=slim] ._will-clear_vbgh9f {
  max-height: 40px;
}
[data-triage-list-style=slim] ._is-clearing_vbgh9f {
  max-height: 0;
}
[data-triage-list-style=slim] ._work_vbgh9f + ._client_vbgh9f {
  margin-left: 4px;
}
[data-triage-list-style=slim] ._date_vbgh9f {
  min-width: 160px;
}

/* styles for staging-app/components/triage-compact/triage-split-view-list.m.css */
._triage-compact-conversation_lhlfwg {
  /* no tailwind class for this */
  scrollbar-gutter: stable;
}

/* The action bar also needs the gutter applied for consistent alignment */
._triage-split-view-list__action-bar_lhlfwg {
  /* no tailwind class for this */
  overflow: hidden;
  scrollbar-gutter: stable;
}

/* sticky side panel */
._triage-compact-conversation_lhlfwg .side-tray-tab-panel .tab-panel__panel {
  display: block;
}

._triage-compact-conversation_lhlfwg .side-tray-tab-panel .tab-panel__panel .tab-panel__content {
  width: 226px;
  position: sticky;
  top: 16px;
}

/* styles for staging-app/components/work-templates/work-template-list-item-loader.m.css */
._row_873yle {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  color: inherit;
  align-items: center;
  padding: 8px;
}

._row_873yle > * {
  padding-right: 32px;
}

._row_873yle > * > * {
  max-width: 120px;
}

._row_873yle > *:first-child > * {
  max-width: 400px;
}

._row_873yle > *:nth-child(1) {
  width: 45%;
}

._row_873yle > *:nth-child(2) {
  width: 20%;
}

._row_873yle > *:nth-child(3) {
  width: 15%;
}

._row_873yle > *:nth-child(4) {
  width: 15%;
}

._row_873yle > *:nth-child(5) {
  width: 5%;
  padding-right: 0;
}

/* styles for staging-app/components/work-templates/work-template-list-item-v2.m.css */
._row_ziqcxj {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  color: inherit;
  align-items: center;
}

._row_ziqcxj:hover {
  background-color: var(--color-grey-100);
}

._row_ziqcxj > * {
  text-align: left;
  white-space: nowrap;
  padding: 8px 8px 8px 0;
}

._row_ziqcxj > *:nth-child(1) {
  padding-left: 8px;
  overflow: hidden;
  width: 45%;
}

._row_ziqcxj > *:nth-child(2) {
  width: 20%;
}

._row_ziqcxj > *:nth-child(3) {
  width: 15%;
}

._row_ziqcxj > *:nth-child(4) {
  width: 15%;
}

._row_ziqcxj > *:nth-child(5) {
  padding-right: 12px;
  text-align: right;
  width: 5%;
}

/* styles for staging-app/components/work-templates/work-template-list-v2.m.css */
._row_89iumn {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
  align-items: center;
}

._row_89iumn > * {
  flex-grow: 1;
  flex-shrink: 0;
  text-align: left;
  white-space: nowrap;
}

._row_89iumn > *:nth-child(1) {
  overflow: hidden;
  width: 45%;
}

._row_89iumn > *:nth-child(2) {
  width: 20%;
}

._row_89iumn > *:nth-child(3) {
  width: 15%;
}

._row_89iumn > *:nth-child(4) {
  width: 15%;
}

._row_89iumn > *:nth-child(5) {
  text-align: right;
  width: 5%;
  justify-content: flex-end;
}

/* styles for staging-app/components/work-templates/work-template-view.m.css */
._work-template-view_1e0rd9 {
  padding: 32px;
}

._work-template-view-search-bar_1e0rd9 {
  margin-top: -16px;
  margin-bottom: -16px;
}

._block-list__item_1e0rd9 {
  list-style: none;
  margin-top: 16px;
  padding-left: 8px;
}

._work-template-view__explore-template-link_1e0rd9 {
  cursor: pointer;
}

._work-template-view__explore-template-link_1e0rd9:hover {
  text-decoration: underline;
}

/* styles for staging-app/components/work/repeat-settings/connect-folder-section.m.css */
._repeat-schedule-form-connect-folder_mwpfca {
  /* have to set min-width to align with the rest of repeat schedu;e UI */
  min-width: 260px;
}

/* styles for staging-app/components/work/repeat-settings/folder-name-editor.m.css */
._folder-name-editor__outline_kkdz8b {
  flex-wrap: wrap;
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  padding-left: 12px;
}

._folder-name-editor__outline_kkdz8b:focus-within {
  outline: auto;
}

._folder-name-editor__pills_kkdz8b {
  flex-grow: 1;
  padding: 12px 1px;
  outline: none;
}

/* Firefox adds a <br> on backspace*/
._folder-name-editor__pills_kkdz8b br {
  display: none;
}

._folder-name-editor__path_kkdz8b {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

._folder-name-editor__path-static_kkdz8b {
  opacity: 0.6;
}

._folder-name-editor__pbutton_kkdz8b {
  font-size: 16px;
  height: 28px;
  background-color: var(--color-grey-200);
  border-radius: 4px;
  cursor: pointer;
  margin: 6px 8px 6px 0;
  padding: 4px 12px;
}

._folder-name-editor__pbutton_kkdz8b._disabled_kkdz8b {
  opacity: 0.4;
  cursor: not-allowed;
}

._folder-name-editor__folder-structure_kkdz8b {
  min-width: 562px;
}

._folder-name-editor__summary-wrapper_kkdz8b {
  margin-right: 24px;
  max-width: 544px;
}

._folder-name-editor__summary_kkdz8b {
  flex-wrap: wrap;
}

/* styles for staging-app/components/work/work-overlay/work-overlay-link.m.css */
._handler_1u5lps {
  cursor: pointer;
  color: inherit;
}

/* styles for staging-app/components/work/work-overlay/work-overlay-modal.m.css */
._work-overlay_1yzr6p {
  width: clamp(480px, 100%, 640px);
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
  padding-top: 28px;
}

._work-overlay_1yzr6p ._avatar_1yzr6p {
  position: absolute;
  left: 16px;
  top: 22px;
}

._header_1yzr6p {
  display: flex;
  align-items: flex-start;
  padding: 0 24px 0 64px;
  gap: 12px;
}

._header-text_1yzr6p {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  overflow-wrap: break-word;
  overflow: hidden;
}

._work-overlay_1yzr6p ._title_1yzr6p,
._work-overlay_1yzr6p ._sub-title_1yzr6p {
  white-space: normal;
}

._menu-items_1yzr6p {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}

._menu-items_1yzr6p > * {
  cursor: pointer;
  display: flex;
}

._menu-icon_1yzr6p {
  margin-right: 4px;
}

._button-bar_1yzr6p {
  margin-top: 16px;
  padding: 16px 24px 24px 24px;
  border-top: 1px solid var(--color-grey-300);
}

/* styles for staging-app/components/work/work-overlay/work-overlay-restricted.m.css */
._content_1q23yu {
  padding: 0 24px 24px 64px;
}

/* styles for staging-app/components/work/work-overlay/work-overlay-standard.m.css */
._content_1514wj {
  min-height: 300px;
}

._header-content_1514wj {
  flex-grow: 1;
  padding: 28px 24px 24px 64px;
}

._body-content_1514wj {
  border-top: 1px solid var(--color-grey-200);
  flex-grow: 1;
  padding: 0 24px 24px 64px;
}

._pinned-note_1514wj {
  margin-bottom: 12px;
  /* to set the color of the ellipses (otherwise it is black) */
  color: var(--color-grey-600);
}

._pinned-note-title_1514wj {
  white-space: normal;
  color: var(--color-black);
}

._pinned-note-body_1514wj {
  white-space: normal;
  color: var(--color-grey-600);
}

._work-overlay_1514wj .budget-status-bar {
  margin-top: 12px;
  width: 178px;
  z-index: 1;
}

._task-summary_1514wj {
  margin-top: 21px;
}

/* styles for staging-app/components/work/work-overlay/work-overlay-task.m.css */
._task_gm3rzo {
  position: relative;
  padding-left: 32px;
  margin: 8px 0;
}

._no-tasks_gm3rzo {
  /* if there are no tasks in the summary then we dont need to indent any text */
  padding-left: 0;
}

._check-box-bg_gm3rzo {
  position: absolute;
  top: 4px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid var(--color-grey-400);
}

._task_gm3rzo ._check-box_gm3rzo {
  position: absolute;
  top: 0;
  left: 0;
}

._icon-tick_gm3rzo {
  position: absolute;
  top: 6px;
  left: 3px;
}

._task_gm3rzo ._icon-tick_gm3rzo path {
  /* adding a fill color to this icon messes it up */
  color: var(--color-black);
}

._icon-dash_gm3rzo {
  position: absolute;
  top: -5px;
  left: 8px;
}

._sub-task_gm3rzo {
  padding-left: 20px;
}

._completed-task_gm3rzo {
  text-decoration: line-through;
}

._content_gm3rzo {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 32px;
}

._content_gm3rzo * {
  flex-grow: 1;
}

._content_gm3rzo *:last-child {
  flex-grow: 0;
}

/* styles for staging-app/components/work/work-overlay/work-overlay.m.css */
._spinner-in-plate_3jtxlg {
  padding: 24px;
}

/* styles for staging-app/styles/base-styles.m.css */
/*
Import Snippets

@value base: 'staging-app/styles/base-styles.m.css';

@value sp025, sp05, sp1, sp2, sp3, sp4, sp5, sp6, sp7 ,sp8, sp12, sp14, sp16 from base;

 */
/**
* Colors
*/
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-grey-50: #fafafa;
  --color-grey-100: #f2f2f2;
  --color-grey-200: #dddddd;
  --color-grey-300: #cacaca;
  --color-grey-400: #b0b0b0;
  --color-grey-500: #888888;
  --color-grey-600: #6a6a6a;
  --color-grey-700: #4b4b4b;
  --color-grey-800: #2c2c2c;
  --color-grey-900: #0d0d0d;
  --color-coral-50: #fef5f5;
  --color-coral-100: #fceae8;
  --color-coral-200: #fad9d5;
  --color-coral-300: #f6b8b1;
  --color-coral-400: #ff9c92;
  --color-coral-500: #ee7f73;
  --color-coral-600: #e07064;
  --color-coral-700: #9f4b44;
  --color-coral-800: #622621;
  --color-coral-900: #2a0909;
  --color-gold-50: #6d170d;
  --color-gold-100: #fcf5e9;
  --color-gold-200: #fdf1dd;
  --color-gold-300: #fde4bb;
  --color-gold-400: #f8d8a3;
  --color-gold-500: #eec684;
  --color-gold-600: #deab55;
  --color-gold-700: #997135;
  --color-gold-800: #4d3619;
  --color-gold-900: #2a1809;
  --color-blue-50: ##eff7fe;
  --color-blue-100: #d9ebfd;
  --color-blue-200: #b9d4f6;
  --color-blue-300: #8bb3eb;
  --color-blue-400: #558cdf;
  --color-blue-500: #2b6ed5;
  --color-blue-600: #2461bd;
  --color-blue-700: #1d53a4;
  --color-blue-800: #16458b;
  --color-blue-900: #0f3874;
  --color-orange-50: #fef9f4;
  --color-orange-100: #fcf2e8;
  --color-orange-200: #f6d6b7;
  --color-orange-300: #f1b885;
  --color-orange-400: #ec9a53;
  --color-orange-500: #e77c21;
  --color-orange-600: #b3601b;
  --color-orange-700: #7f4413;
  --color-orange-800: #4b280b;
  --color-orange-900: #170c03;
  --color-green-50: #f4fbf0;
  --color-green-100: #f1f9eb;
  --color-green-200: #d0e8bf;
  --color-green-300: #aed892;
  --color-green-400: #8cc865;
  --color-green-500: #6ab838;
  --color-green-600: #538f2d;
  --color-green-700: #3b6620;
  --color-green-800: #233d13;
  --color-green-900: #0b1406;
  --color-red-50: #fcf0f4;
  --color-red-100: #f8e0e8;
  --color-red-200: #f0b1bb;
  --color-red-300: #e67a85;
  --color-red-400: #df505c;
  --color-red-500: #d10615;
  --color-red-600: #b40815;
  --color-red-700: #940a14;
  --color-red-800: #770c13;
  --color-red-900: #580d12;
  /* we need this color for menu items */
  --color-grey-legacy: #929292;
  --color-primary: var(--color-blue-500);
  --color-primary-200: var(--color-blue-200);
  --border-standard: 1px solid var(--color-grey-300);
  --border-standard-radius: 5px;
  --z-index-drop-down: 20;
  --z-index-bottom-bar: 15;
}

/* These are so we can pass colors in as component props */
._text-white_1l3yir {
  color: var(--color-white);
}

._text-black_1l3yir {
  color: var(--color-black);
}

._text-grey-300_1l3yir {
  color: var(--color-grey-300);
}

._text-grey-400_1l3yir {
  color: var(--color-grey-400);
}

._text-grey-500_1l3yir {
  color: var(--color-grey-500);
}

._text-grey-600_1l3yir {
  color: var(--color-grey-600);
}

._text-grey-900_1l3yir {
  color: var(--color-grey-900);
}

._text-grey-legacy_1l3yir {
  color: var(--color-grey-legacy);
}

._text-blue-500_1l3yir {
  color: var(--color-blue-500);
}

._text-green-500_1l3yir {
  color: var(--color-green-500);
}

._text-red-500_1l3yir {
  color: var(--color-red-500);
}

._text-orange-500_1l3yir {
  color: var(--color-orange-500);
}

._text-orange-400_1l3yir {
  color: var(--color-orange-400);
}

._text-coral-500_1l3yir {
  color: var(--color-coral-500);
}

/**
* Typography
*/
._text-base_1l3yir {
  font-size: 16px;
  line-height: 20px;
}

._text-xs_1l3yir {
  font-size: 12px;
  line-height: 16px;
}

._text-sm_1l3yir {
  font-size: 14px;
  line-height: 16px;
}

._text-lg_1l3yir {
  font-size: 18px;
  line-height: 20px;
}

._text-xl_1l3yir {
  font-size: 20px;
  line-height: 24px;
}

._text-2xl_1l3yir {
  font-size: 24px;
  line-height: 28px;
}

._text-3xl_1l3yir {
  font-size: 30px;
  line-height: 32px;
}

._text-4xl_1l3yir {
  font-size: 36px;
  line-height: 40px;
}

._text-5xl_1l3yir {
  font-size: 48px;
  line-height: 52px;
}

._text-6xl_1l3yir {
  font-size: 60px;
  line-height: 64px;
}

._text-normal_1l3yir {
  font-weight: 400;
}

._text-medium_1l3yir {
  font-weight: 500;
}

._text-semibold_1l3yir {
  font-weight: 600;
}

._text-center_1l3yir {
  text-align: center;
}

._text-italic_1l3yir {
  font-style: italic;
}

._text-uppercase_1l3yir {
  text-transform: uppercase;
}

._text-active-primary_1l3yir:hover {
  color: var(--color-blue-500);
}

._text-active-underline_1l3yir:hover {
  text-decoration: underline;
}

._text-underline_1l3yir {
  text-decoration: underline;
}

._text-form-label_1l3yir {
  color: var(--color-grey-600);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

._text-form-description_1l3yir {
  color: var(--color-grey-600);
  font-style: italic;
}

._text-section-header_1l3yir {
  color: black;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

._text-sub-header_1l3yir {
  color: black;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

._text-ellipses_1l3yir {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* handles base 2 line text with ellispes.  */
._text-two-line-truncated_1l3yir {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 640px; /* Fallback for non-webkit ($font-size * $line-height * $lines-to-show) */
  font-size: 16px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}

/**
* Spacing
*/
/**
 * Globals
 * These are convenience globals to allow basic position without the need to
 * create new local classes to override them.
 */
/* margins
  .glob-mt0 -> .glob-mt20
  .glob-mr0 -> .glob-mr20
  .glob-mb0 -> .glob-mb20
  .glob-ml0 -> .glob-ml20
  .glob-mh0 -> .glob-mh20
  .glob-mv0 -> .glob-mv20
*/
.glob-mt0 {
  margin-top: 0;
}

.glob-mr0 {
  margin-right: 0;
}

.glob-mb0 {
  margin-bottom: 0;
}

.glob-ml0 {
  margin-left: 0;
}

.glob-mh0 {
  margin-left: 0;
  margin-right: 0;
}

.glob-mv0 {
  margin-top: 0;
  margin-bottom: 0;
}

.glob-mt1 {
  margin-top: 4px;
}

.glob-mr1 {
  margin-right: 4px;
}

.glob-mb1 {
  margin-bottom: 4px;
}

.glob-ml1 {
  margin-left: 4px;
}

.glob-mh1 {
  margin-left: 4px;
  margin-right: 4px;
}

.glob-mv1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.glob-mt2 {
  margin-top: 8px;
}

.glob-mr2 {
  margin-right: 8px;
}

.glob-mb2 {
  margin-bottom: 8px;
}

.glob-ml2 {
  margin-left: 8px;
}

.glob-mh2 {
  margin-left: 8px;
  margin-right: 8px;
}

.glob-mv2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.glob-mt3 {
  margin-top: 12px;
}

.glob-mr3 {
  margin-right: 12px;
}

.glob-mb3 {
  margin-bottom: 12px;
}

.glob-ml3 {
  margin-left: 12px;
}

.glob-mh3 {
  margin-left: 12px;
  margin-right: 12px;
}

.glob-mv3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.glob-mt4 {
  margin-top: 16px;
}

.glob-mr4 {
  margin-right: 16px;
}

.glob-mb4 {
  margin-bottom: 16px;
}

.glob-ml4 {
  margin-left: 16px;
}

.glob-mh4 {
  margin-left: 16px;
  margin-right: 16px;
}

.glob-mv4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.glob-mt5 {
  margin-top: 20px;
}

.glob-mr5 {
  margin-right: 20px;
}

.glob-mb5 {
  margin-bottom: 20px;
}

.glob-ml5 {
  margin-left: 20px;
}

.glob-mh5 {
  margin-left: 20px;
  margin-right: 20px;
}

.glob-mv5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.glob-mt6 {
  margin-top: 24px;
}

.glob-mr6 {
  margin-right: 24px;
}

.glob-mb6 {
  margin-bottom: 24px;
}

.glob-ml6 {
  margin-left: 24px;
}

.glob-mh6 {
  margin-left: 24px;
  margin-right: 24px;
}

.glob-mv6 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.glob-mt7 {
  margin-top: 28px;
}

.glob-mr7 {
  margin-right: 28px;
}

.glob-mb7 {
  margin-bottom: 28px;
}

.glob-ml7 {
  margin-left: 28px;
}

.glob-mh7 {
  margin-left: 28px;
  margin-right: 28px;
}

.glob-mv7 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.glob-mt8 {
  margin-top: 32px;
}

.glob-mr8 {
  margin-right: 32px;
}

.glob-mb8 {
  margin-bottom: 32px;
}

.glob-ml8 {
  margin-left: 32px;
}

.glob-mh8 {
  margin-left: 32px;
  margin-right: 32px;
}

.glob-mv8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.glob-mt9 {
  margin-top: 36px;
}

.glob-mr9 {
  margin-right: 36px;
}

.glob-mb9 {
  margin-bottom: 36px;
}

.glob-ml9 {
  margin-left: 36px;
}

.glob-mh9 {
  margin-left: 36px;
  margin-right: 36px;
}

.glob-mv9 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.glob-mt10 {
  margin-top: 40px;
}

.glob-mr10 {
  margin-right: 40px;
}

.glob-mb10 {
  margin-bottom: 40px;
}

.glob-ml10 {
  margin-left: 40px;
}

.glob-mh10 {
  margin-left: 40px;
  margin-right: 40px;
}

.glob-mv10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.glob-mt11 {
  margin-top: 44px;
}

.glob-mr11 {
  margin-right: 44px;
}

.glob-mb11 {
  margin-bottom: 44px;
}

.glob-ml11 {
  margin-left: 44px;
}

.glob-mh11 {
  margin-left: 44px;
  margin-right: 44px;
}

.glob-mv11 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.glob-mt12 {
  margin-top: 48px;
}

.glob-mr12 {
  margin-right: 48px;
}

.glob-mb12 {
  margin-bottom: 48px;
}

.glob-ml12 {
  margin-left: 48px;
}

.glob-mh12 {
  margin-left: 48px;
  margin-right: 48px;
}

.glob-mv12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.glob-mt13 {
  margin-top: 56px;
}

.glob-mr13 {
  margin-right: 56px;
}

.glob-mb13 {
  margin-bottom: 56px;
}

.glob-ml13 {
  margin-left: 56px;
}

.glob-mh13 {
  margin-left: 56px;
  margin-right: 56px;
}

.glob-mv13 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.glob-mt14 {
  margin-top: 64px;
}

.glob-mr14 {
  margin-right: 64px;
}

.glob-mb14 {
  margin-bottom: 64px;
}

.glob-ml14 {
  margin-left: 64px;
}

.glob-mh14 {
  margin-left: 64px;
  margin-right: 64px;
}

.glob-mv14 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.glob-mt15 {
  margin-top: 80px;
}

.glob-mr15 {
  margin-right: 80px;
}

.glob-mb15 {
  margin-bottom: 80px;
}

.glob-ml15 {
  margin-left: 80px;
}

.glob-mh15 {
  margin-left: 80px;
  margin-right: 80px;
}

.glob-mv15 {
  margin-top: 80px;
  margin-bottom: 80px;
}

/* padding
  .glob-pt0 -> .glob-pt20
  .glob-pr0 -> .glob-pt20
  .glob-pb0 -> .glob-pb20
  .glob-pl0 -> .glob-pl20
  .glob-ph0 -> .glob-ph20
  .glob-pv0 -> .glob-pv20
*/
.glob-pt0 {
  padding-top: 0;
}

.glob-pr0 {
  padding-right: 0;
}

.glob-pb0 {
  padding-bottom: 0;
}

.glob-pl0 {
  padding-left: 0;
}

.glob-ph0 {
  padding-left: 0;
  padding-right: 0;
}

.glob-pv0 {
  padding-top: 0;
  padding-bottom: 0;
}

.glob-pt1 {
  padding-top: 4px;
}

.glob-pr1 {
  padding-right: 4px;
}

.glob-pb1 {
  padding-bottom: 4px;
}

.glob-pl1 {
  padding-left: 4px;
}

.glob-ph1 {
  padding-left: 4px;
  padding-right: 4px;
}

.glob-pv1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.glob-pt2 {
  padding-top: 8px;
}

.glob-pr2 {
  padding-right: 8px;
}

.glob-pb2 {
  padding-bottom: 8px;
}

.glob-pl2 {
  padding-left: 8px;
}

.glob-ph2 {
  padding-left: 8px;
  padding-right: 8px;
}

.glob-pv2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.glob-pt3 {
  padding-top: 12px;
}

.glob-pr3 {
  padding-right: 12px;
}

.glob-pb3 {
  padding-bottom: 12px;
}

.glob-pl3 {
  padding-left: 12px;
}

.glob-ph3 {
  padding-left: 12px;
  padding-right: 12px;
}

.glob-pv3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.glob-pt4 {
  padding-top: 16px;
}

.glob-pr4 {
  padding-right: 16px;
}

.glob-pb4 {
  padding-bottom: 16px;
}

.glob-pl4 {
  padding-left: 16px;
}

.glob-ph4 {
  padding-left: 16px;
  padding-right: 16px;
}

.glob-pv4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.glob-pt5 {
  padding-top: 20px;
}

.glob-pr5 {
  padding-right: 20px;
}

.glob-pb5 {
  padding-bottom: 20px;
}

.glob-pl5 {
  padding-left: 20px;
}

.glob-ph5 {
  padding-left: 20px;
  padding-right: 20px;
}

.glob-pv5 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.glob-pt6 {
  padding-top: 24px;
}

.glob-pr6 {
  padding-right: 24px;
}

.glob-pb6 {
  padding-bottom: 24px;
}

.glob-pl6 {
  padding-left: 24px;
}

.glob-ph6 {
  padding-left: 24px;
  padding-right: 24px;
}

.glob-pv6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.glob-pt7 {
  padding-top: 28px;
}

.glob-pr7 {
  padding-right: 28px;
}

.glob-pb7 {
  padding-bottom: 28px;
}

.glob-pl7 {
  padding-left: 28px;
}

.glob-ph7 {
  padding-left: 28px;
  padding-right: 28px;
}

.glob-pv7 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.glob-pt8 {
  padding-top: 32px;
}

.glob-pr8 {
  padding-right: 32px;
}

.glob-pb8 {
  padding-bottom: 32px;
}

.glob-pl8 {
  padding-left: 32px;
}

.glob-ph8 {
  padding-left: 32px;
  padding-right: 32px;
}

.glob-pv8 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.glob-pt9 {
  padding-top: 36px;
}

.glob-pr9 {
  padding-right: 36px;
}

.glob-pb9 {
  padding-bottom: 36px;
}

.glob-pl9 {
  padding-left: 36px;
}

.glob-ph9 {
  padding-left: 36px;
  padding-right: 36px;
}

.glob-pv9 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.glob-pt10 {
  padding-top: 40px;
}

.glob-pr10 {
  padding-right: 40px;
}

.glob-pb10 {
  padding-bottom: 40px;
}

.glob-pl10 {
  padding-left: 40px;
}

.glob-ph10 {
  padding-left: 40px;
  padding-right: 40px;
}

.glob-pv10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.glob-pt11 {
  padding-top: 44px;
}

.glob-pr11 {
  padding-right: 44px;
}

.glob-pb11 {
  padding-bottom: 44px;
}

.glob-pl11 {
  padding-left: 44px;
}

.glob-ph11 {
  padding-left: 44px;
  padding-right: 44px;
}

.glob-pv11 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.glob-pt12 {
  padding-top: 48px;
}

.glob-pr12 {
  padding-right: 48px;
}

.glob-pb12 {
  padding-bottom: 48px;
}

.glob-pl12 {
  padding-left: 48px;
}

.glob-ph12 {
  padding-left: 48px;
  padding-right: 48px;
}

.glob-pv12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.glob-pt13 {
  padding-top: 56px;
}

.glob-pr13 {
  padding-right: 56px;
}

.glob-pb13 {
  padding-bottom: 56px;
}

.glob-pl13 {
  padding-left: 56px;
}

.glob-ph13 {
  padding-left: 56px;
  padding-right: 56px;
}

.glob-pv13 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.glob-pt14 {
  padding-top: 64px;
}

.glob-pr14 {
  padding-right: 64px;
}

.glob-pb14 {
  padding-bottom: 64px;
}

.glob-pl14 {
  padding-left: 64px;
}

.glob-ph14 {
  padding-left: 64px;
  padding-right: 64px;
}

.glob-pv14 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.glob-pt15 {
  padding-top: 80px;
}

.glob-pr15 {
  padding-right: 80px;
}

.glob-pb15 {
  padding-bottom: 80px;
}

.glob-pl15 {
  padding-left: 80px;
}

.glob-ph15 {
  padding-left: 80px;
  padding-right: 80px;
}

.glob-pv15 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.glob-clear-margin {
  margin: 0;
}

.glob-hr {
  border-bottom: 1px solid var(--color-grey-300);
  width: 100%;
}

.add-pointer {
  cursor: pointer;
}

/*
* Borders
*/
/*
* Shadow Depths
* @TODO: To do be design spec'ed.
*/
._depth-1_1l3yir {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

._depth-2_1l3yir {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

._depth-3_1l3yir {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.14);
}

._depth-dropdown_1l3yir {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

._depth-modal_1l3yir {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

/*
* Plates
*/
._plate-standard_1l3yir {
  border: 1px solid var(--color-grey-300);
  border-radius: 5px;
  background-color: var(--color-white);
}

._plate-dropdown_1l3yir {
  border-radius: 5px;
  background-color: var(--color-white);
}

._plate-modal_1l3yir {
  border-radius: 5px;
  background-color: var(--color-white);
}

._plate-list-item_1l3yir {
  border: 1px solid var(--color-grey-300);
  border-radius: 4px;
  background-color: var(--color-white);
}

.plate-modal-panel {
  border: 1px solid var(--color-grey-300);
  border-radius: 6px;
  background-color: var(--color-grey-100);
  padding: 16px;
}

@keyframes _fadeIn_1l3yir {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._fade_1l3yir {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: _fadeIn_1l3yir;
  animation-name: _fadeIn_1l3yir;
}

/* Focus States */
/* Using the :focus-visible spec where available to add a custom focus ring but only on keyboard events (not clicks) */
._focus-ring_1l3yir {
  outline: none;
}

._focus-ring_1l3yir:focus:focus-visible {
  box-shadow: 0 0 0 3px var(--color-blue-300);
}

/* Tailwind styles are generated via a npm script that inspects application
files (mainly .hbs templates) and writes the necessary classes to this file */
*, ::backdrop, :after, :before {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#cacaca80;
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

.khq-container {
  width: 100%;
}

@media (min-width: 640px) {
  .khq-container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .khq-container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .khq-container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .khq-container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .khq-container {
    max-width: 1536px;
  }
}
.khq-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.khq-pointer-events-none {
  pointer-events: none;
}

.khq-invisible {
  visibility: hidden;
}

.khq-collapse {
  visibility: collapse;
}

.khq-fixed {
  position: fixed;
}

.\!khq-absolute {
  position: absolute !important;
}

.khq-absolute {
  position: absolute;
}

.khq-relative {
  position: relative;
}

.khq-sticky {
  position: sticky;
}

.khq-inset-0 {
  inset: 0;
}

.khq-inset-x-0 {
  left: 0;
  right: 0;
}

.khq-inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}

.khq-inset-y-auto {
  top: auto;
  bottom: auto;
}

.khq-inset-y-none {
  top: 0;
  bottom: 0;
}

.\!khq-bottom-\[-140px\] {
  bottom: -140px !important;
}

.-khq-bottom-4xlarge {
  bottom: -3.5rem;
}

.-khq-bottom-\[0\.3rem\] {
  bottom: -0.3rem;
}

.-khq-top-7 {
  top: -1.75rem;
}

.-khq-top-\[0\.3rem\] {
  top: -0.3rem;
}

.-khq-top-base {
  top: -1rem;
}

.khq--top-3xsmall {
  top: -0.125rem;
}

.khq--top-hairline {
  top: -1px;
}

.khq-bottom-0 {
  bottom: 0;
}

.khq-bottom-1 {
  bottom: 0.25rem;
}

.khq-bottom-\[-330px\] {
  bottom: -330px;
}

.khq-bottom-base {
  bottom: 1rem;
}

.khq-end-\[0\.8rem\] {
  inset-inline-end: 0.8rem;
}

.khq-left-0 {
  left: 0;
}

.khq-left-2 {
  left: 0.5rem;
}

.khq-left-\[100px\] {
  left: 100px;
}

.khq-left-\[196px\] {
  left: 196px;
}

.khq-left-\[80px\] {
  left: 80px;
}

.khq-left-\[8px\] {
  left: 8px;
}

.khq-left-\[96px\] {
  left: 96px;
}

.khq-left-base {
  left: 1rem;
}

.khq-right-0 {
  right: 0;
}

.khq-right-1 {
  right: 0.25rem;
}

.khq-right-2 {
  right: 0.5rem;
}

.khq-right-\[-50px\] {
  right: -50px;
}

.khq-right-\[40px\] {
  right: 40px;
}

.khq-right-\[70px\] {
  right: 70px;
}

.khq-right-base {
  right: 1rem;
}

.khq-right-none {
  right: 0;
}

.khq-right-small {
  right: 0.75rem;
}

.khq-right-xsmall {
  right: 0.5rem;
}

.khq-top-0 {
  top: 0;
}

.khq-top-2 {
  top: 0.5rem;
}

.khq-top-2xsmall {
  top: 0.25rem;
}

.khq-top-3xsmall {
  top: 0.125rem;
}

.khq-top-\[-1px\] {
  top: -1px;
}

.khq-top-\[-3px\] {
  top: -3px;
}

.khq-top-\[106px\] {
  top: 106px;
}

.khq-top-\[110px\] {
  top: 110px;
}

.khq-top-\[179px\] {
  top: 179px;
}

.khq-top-\[22px\] {
  top: 22px;
}

.khq-top-\[2px\] {
  top: 2px;
}

.khq-top-\[33px\] {
  top: 33px;
}

.khq-top-\[44px\] {
  top: 44px;
}

.khq-top-\[72px\] {
  top: 72px;
}

.khq-top-base {
  top: 1rem;
}

.khq-top-hairline {
  top: 1px;
}

.khq-top-none {
  top: 0;
}

.khq-top-small {
  top: 0.75rem;
}

.khq-top-xsmall {
  top: 0.5rem;
}

.khq-z-0 {
  z-index: 0;
}

.khq-z-10 {
  z-index: 10;
}

.khq-z-20 {
  z-index: 20;
}

.khq-z-30 {
  z-index: 30;
}

.khq-z-50 {
  z-index: 50;
}

.khq-z-\[1000\] {
  z-index: 1000;
}

.khq-z-\[1\] {
  z-index: 1;
}

.khq-order-1 {
  order: 1;
}

.khq-order-2 {
  order: 2;
}

.khq-order-3 {
  order: 3;
}

.khq-col-span-1 {
  grid-column: span 1/span 1;
}

.khq-col-span-2 {
  grid-column: span 2/span 2;
}

.khq-col-span-3 {
  grid-column: span 3/span 3;
}

.khq-col-span-4 {
  grid-column: span 4/span 4;
}

.khq-col-start-1 {
  grid-column-start: 1;
}

.khq-col-start-5 {
  grid-column-start: 5;
}

.khq-row-start-1 {
  grid-row-start: 1;
}

.-khq-m-base {
  margin: -1rem;
}

.khq-m-0 {
  margin: 0;
}

.khq-m-1, .khq-m-2xsmall {
  margin: 0.25rem;
}

.khq-m-auto {
  margin: auto;
}

.khq-m-base {
  margin: 1rem;
}

.khq-m-large {
  margin: 1.25rem;
}

.khq-m-none {
  margin: 0;
}

.khq-m-xsmall {
  margin: 0.5rem;
}

.-khq-mx-base {
  margin-left: -1rem;
  margin-right: -1rem;
}

.khq-mx-2xlarge {
  margin-left: 2rem;
  margin-right: 2rem;
}

.khq-mx-2xsmall {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.khq-mx-3xsmall {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.khq-mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.khq-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.khq-mx-base {
  margin-left: 1rem;
  margin-right: 1rem;
}

.khq-mx-large {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.khq-mx-none {
  margin-left: 0;
  margin-right: 0;
}

.khq-mx-small {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.khq-mx-xsmall {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.khq-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.khq-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.khq-my-2xsmall {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.khq-my-3xlarge {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.khq-my-3xsmall {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.khq-my-4xlarge {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.khq-my-\[3px\] {
  margin-top: 3px;
  margin-bottom: 3px;
}

.khq-my-base {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.khq-my-large {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.khq-my-none {
  margin-top: 0;
  margin-bottom: 0;
}

.khq-my-small {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.khq-my-xlarge {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.khq-my-xsmall {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\!khq-mb-4 {
  margin-bottom: 1rem !important;
}

.\!khq-ml-0 {
  margin-left: 0 !important;
}

.\!khq-mr-2xsmall {
  margin-right: 0.25rem !important;
}

.\!khq-mt-0 {
  margin-top: 0 !important;
}

.\!khq-mt-2xsmall {
  margin-top: 0.25rem !important;
}

.-khq-ml-1 {
  margin-left: -0.25rem;
}

.-khq-ml-\[6px\] {
  margin-left: -6px;
}

.-khq-ml-xsmall {
  margin-left: -0.5rem;
}

.-khq-mr-2 {
  margin-right: -0.5rem;
}

.-khq-mr-2xsmall {
  margin-right: -0.25rem;
}

.-khq-mr-3xlarge {
  margin-right: -2.5rem;
}

.-khq-mr-base {
  margin-right: -1rem;
}

.-khq-mr-small {
  margin-right: -0.75rem;
}

.-khq-mt-2xsmall {
  margin-top: -0.25rem;
}

.-khq-mt-5 {
  margin-top: -1.25rem;
}

.-khq-mt-\[43\.8px\] {
  margin-top: -43.8px;
}

.-khq-mt-base {
  margin-top: -1rem;
}

.-khq-mt-xlarge {
  margin-top: -1.5rem;
}

.khq--mr-4 {
  margin-right: -1rem;
}

.khq-mb-0 {
  margin-bottom: 0;
}

.khq-mb-1 {
  margin-bottom: 0.25rem;
}

.khq-mb-10 {
  margin-bottom: 2.5rem;
}

.khq-mb-12 {
  margin-bottom: 3rem;
}

.khq-mb-16 {
  margin-bottom: 4rem;
}

.khq-mb-2 {
  margin-bottom: 0.5rem;
}

.khq-mb-20 {
  margin-bottom: 5rem;
}

.khq-mb-2xlarge {
  margin-bottom: 2rem;
}

.khq-mb-2xsmall {
  margin-bottom: 0.25rem;
}

.khq-mb-3 {
  margin-bottom: 0.75rem;
}

.khq-mb-3xlarge {
  margin-bottom: 2.5rem;
}

.khq-mb-3xsmall {
  margin-bottom: 0.125rem;
}

.khq-mb-4 {
  margin-bottom: 1rem;
}

.khq-mb-5 {
  margin-bottom: 1.25rem;
}

.khq-mb-6 {
  margin-bottom: 1.5rem;
}

.khq-mb-7 {
  margin-bottom: 1.75rem;
}

.khq-mb-8 {
  margin-bottom: 2rem;
}

.khq-mb-\[26px\] {
  margin-bottom: 26px;
}

.khq-mb-\[6px\] {
  margin-bottom: 6px;
}

.khq-mb-base {
  margin-bottom: 1rem;
}

.khq-mb-large {
  margin-bottom: 1.25rem;
}

.khq-mb-none {
  margin-bottom: 0;
}

.khq-mb-small {
  margin-bottom: 0.75rem;
}

.khq-mb-xlarge {
  margin-bottom: 1.5rem;
}

.khq-mb-xsmall {
  margin-bottom: 0.5rem;
}

.khq-ml-0\.5 {
  margin-left: 0.125rem;
}

.khq-ml-1 {
  margin-left: 0.25rem;
}

.khq-ml-1\.5 {
  margin-left: 0.375rem;
}

.khq-ml-10 {
  margin-left: 2.5rem;
}

.khq-ml-16 {
  margin-left: 4rem;
}

.khq-ml-2 {
  margin-left: 0.5rem;
}

.khq-ml-2xlarge {
  margin-left: 2rem;
}

.khq-ml-2xsmall {
  margin-left: 0.25rem;
}

.khq-ml-3xlarge {
  margin-left: 2.5rem;
}

.khq-ml-5 {
  margin-left: 1.25rem;
}

.khq-ml-7 {
  margin-left: 1.75rem;
}

.khq-ml-\[11px\] {
  margin-left: 11px;
}

.khq-ml-\[46px\] {
  margin-left: 46px;
}

.khq-ml-\[48px\] {
  margin-left: 48px;
}

.khq-ml-auto {
  margin-left: auto;
}

.khq-ml-base {
  margin-left: 1rem;
}

.khq-ml-large {
  margin-left: 1.25rem;
}

.khq-ml-none {
  margin-left: 0;
}

.khq-ml-small {
  margin-left: 0.75rem;
}

.khq-ml-xlarge {
  margin-left: 1.5rem;
}

.khq-ml-xsmall {
  margin-left: 0.5rem;
}

.khq-mr-1 {
  margin-right: 0.25rem;
}

.khq-mr-1\.5 {
  margin-right: 0.375rem;
}

.khq-mr-12 {
  margin-right: 3rem;
}

.khq-mr-2 {
  margin-right: 0.5rem;
}

.khq-mr-2\.5 {
  margin-right: 0.625rem;
}

.khq-mr-2xlarge {
  margin-right: 2rem;
}

.khq-mr-2xsmall {
  margin-right: 0.25rem;
}

.khq-mr-3 {
  margin-right: 0.75rem;
}

.khq-mr-4 {
  margin-right: 1rem;
}

.khq-mr-4xlarge {
  margin-right: 3.5rem;
}

.khq-mr-6 {
  margin-right: 1.5rem;
}

.khq-mr-\[14px\] {
  margin-right: 14px;
}

.khq-mr-\[80px\] {
  margin-right: 80px;
}

.khq-mr-auto {
  margin-right: auto;
}

.khq-mr-base {
  margin-right: 1rem;
}

.khq-mr-large {
  margin-right: 1.25rem;
}

.khq-mr-none {
  margin-right: 0;
}

.khq-mr-small {
  margin-right: 0.75rem;
}

.khq-mr-xlarge {
  margin-right: 1.5rem;
}

.khq-mr-xsmall {
  margin-right: 0.5rem;
}

.khq-mt-0 {
  margin-top: 0;
}

.khq-mt-0\.5 {
  margin-top: 0.125rem;
}

.khq-mt-1 {
  margin-top: 0.25rem;
}

.khq-mt-12 {
  margin-top: 3rem;
}

.khq-mt-14 {
  margin-top: 3.5rem;
}

.khq-mt-2 {
  margin-top: 0.5rem;
}

.khq-mt-2xlarge {
  margin-top: 2rem;
}

.khq-mt-2xsmall {
  margin-top: 0.25rem;
}

.khq-mt-3 {
  margin-top: 0.75rem;
}

.khq-mt-3xlarge {
  margin-top: 2.5rem;
}

.khq-mt-3xsmall {
  margin-top: 0.125rem;
}

.khq-mt-4 {
  margin-top: 1rem;
}

.khq-mt-5 {
  margin-top: 1.25rem;
}

.khq-mt-7 {
  margin-top: 1.75rem;
}

.khq-mt-8 {
  margin-top: 2rem;
}

.khq-mt-\[-10px\] {
  margin-top: -10px;
}

.khq-mt-\[-12px\] {
  margin-top: -12px;
}

.khq-mt-\[-15px\] {
  margin-top: -15px;
}

.khq-mt-\[-1px\] {
  margin-top: -1px;
}

.khq-mt-\[-2px\] {
  margin-top: -2px;
}

.khq-mt-\[-8px\] {
  margin-top: -8px;
}

.khq-mt-\[10px\] {
  margin-top: 10px;
}

.khq-mt-\[64px\] {
  margin-top: 64px;
}

.khq-mt-\[6px\] {
  margin-top: 6px;
}

.khq-mt-base {
  margin-top: 1rem;
}

.khq-mt-hairline {
  margin-top: 1px;
}

.khq-mt-large {
  margin-top: 1.25rem;
}

.khq-mt-none {
  margin-top: 0;
}

.khq-mt-small {
  margin-top: 0.75rem;
}

.khq-mt-xlarge {
  margin-top: 1.5rem;
}

.khq-mt-xsmall {
  margin-top: 0.5rem;
}

.khq-box-border {
  box-sizing: border-box;
}

.khq-box-content {
  box-sizing: initial;
}

.khq-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.khq-block {
  display: block;
}

.khq-inline-block {
  display: inline-block;
}

.khq-inline {
  display: inline;
}

.khq-flex {
  display: flex;
}

.khq-inline-flex {
  display: inline-flex;
}

.khq-grid {
  display: grid;
}

.khq-contents {
  display: contents;
}

.khq-hidden {
  display: none;
}

.khq-aspect-square {
  aspect-ratio: 1/1;
}

.khq-size-2xlarge {
  width: 2rem;
  height: 2rem;
}

.khq-h-0 {
  height: 0;
}

.khq-h-0\.5 {
  height: 0.125rem;
}

.khq-h-10 {
  height: 2.5rem;
}

.khq-h-12 {
  height: 3rem;
}

.khq-h-14 {
  height: 3.5rem;
}

.khq-h-24 {
  height: 6rem;
}

.khq-h-2xlarge {
  height: 2rem;
}

.khq-h-3xlarge {
  height: 2.5rem;
}

.khq-h-4 {
  height: 1rem;
}

.khq-h-48 {
  height: 12rem;
}

.khq-h-4xlarge {
  height: 3.5rem;
}

.khq-h-5 {
  height: 1.25rem;
}

.khq-h-6 {
  height: 1.5rem;
}

.khq-h-72 {
  height: 18rem;
}

.khq-h-8 {
  height: 2rem;
}

.khq-h-\[100px\] {
  height: 100px;
}

.khq-h-\[10px\] {
  height: 10px;
}

.khq-h-\[120px\] {
  height: 120px;
}

.khq-h-\[13px\] {
  height: 13px;
}

.khq-h-\[140px\] {
  height: 140px;
}

.khq-h-\[14px\] {
  height: 14px;
}

.khq-h-\[16px\] {
  height: 16px;
}

.khq-h-\[180px\] {
  height: 180px;
}

.khq-h-\[18px\] {
  height: 18px;
}

.khq-h-\[1px\] {
  height: 1px;
}

.khq-h-\[200px\] {
  height: 200px;
}

.khq-h-\[20px\] {
  height: 20px;
}

.khq-h-\[23px\] {
  height: 23px;
}

.khq-h-\[300px\] {
  height: 300px;
}

.khq-h-\[32px\] {
  height: 32px;
}

.khq-h-\[32rem\] {
  height: 32rem;
}

.khq-h-\[34px\] {
  height: 34px;
}

.khq-h-\[352px\] {
  height: 352px;
}

.khq-h-\[384px\] {
  height: 384px;
}

.khq-h-\[38px\] {
  height: 38px;
}

.khq-h-\[40px\] {
  height: 40px;
}

.khq-h-\[44px\] {
  height: 44px;
}

.khq-h-\[46px\] {
  height: 46px;
}

.khq-h-\[50px\] {
  height: 50px;
}

.khq-h-\[50vh\] {
  height: 50vh;
}

.khq-h-\[56px\] {
  height: 56px;
}

.khq-h-\[57px\] {
  height: 57px;
}

.khq-h-\[590px\] {
  height: 590px;
}

.khq-h-\[60px\] {
  height: 60px;
}

.khq-h-\[6px\] {
  height: 6px;
}

.khq-h-\[706px\] {
  height: 706px;
}

.khq-h-\[75\%\] {
  height: 75%;
}

.khq-h-\[80px\] {
  height: 80px;
}

.khq-h-\[calc\(100\%-108px\)\] {
  height: calc(100% - 108px);
}

.khq-h-\[calc\(100vh-270px\)\] {
  height: calc(100vh - 270px);
}

.khq-h-auto {
  height: auto;
}

.khq-h-base {
  height: 1rem;
}

.khq-h-full {
  height: 100%;
}

.khq-h-hairline {
  height: 1px;
}

.khq-h-large {
  height: 1.25rem;
}

.khq-h-screen {
  height: 100vh;
}

.khq-h-xlarge {
  height: 1.5rem;
}

.khq-h-xsmall {
  height: 0.5rem;
}

.khq-max-h-56 {
  max-height: 14rem;
}

.khq-max-h-60 {
  max-height: 15rem;
}

.khq-max-h-\[250px\] {
  max-height: 250px;
}

.khq-max-h-\[260px\] {
  max-height: 260px;
}

.khq-max-h-\[300px\] {
  max-height: 300px;
}

.khq-max-h-\[30vh\] {
  max-height: 30vh;
}

.khq-max-h-\[380px\] {
  max-height: 380px;
}

.khq-max-h-\[40px\] {
  max-height: 40px;
}

.khq-max-h-\[420px\] {
  max-height: 420px;
}

.khq-max-h-\[55vh\] {
  max-height: 55vh;
}

.khq-max-h-\[80px\] {
  max-height: 80px;
}

.khq-max-h-\[90vh\] {
  max-height: 90vh;
}

.khq-max-h-\[calc\(100vh-280px\)\] {
  max-height: calc(100vh - 280px);
}

.\!khq-min-h-2xlarge {
  min-height: 2rem !important;
}

.\!khq-min-h-full {
  min-height: 100% !important;
}

.khq-min-h-0 {
  min-height: 0;
}

.khq-min-h-2xlarge {
  min-height: 2rem;
}

.khq-min-h-3xlarge {
  min-height: 2.5rem;
}

.khq-min-h-4xlarge {
  min-height: 3.5rem;
}

.khq-min-h-\[100px\] {
  min-height: 100px;
}

.khq-min-h-\[104px\] {
  min-height: 104px;
}

.khq-min-h-\[120px\] {
  min-height: 120px;
}

.khq-min-h-\[130px\] {
  min-height: 130px;
}

.khq-min-h-\[20rem\] {
  min-height: 20rem;
}

.khq-min-h-\[220px\] {
  min-height: 220px;
}

.khq-min-h-\[23\.25rem\] {
  min-height: 23.25rem;
}

.khq-min-h-\[250px\] {
  min-height: 250px;
}

.khq-min-h-\[27rem\] {
  min-height: 27rem;
}

.khq-min-h-\[300px\] {
  min-height: 300px;
}

.khq-min-h-\[400px\] {
  min-height: 400px;
}

.khq-min-h-\[43px\] {
  min-height: 43px;
}

.khq-min-h-\[44px\] {
  min-height: 44px;
}

.khq-min-h-\[4rem\] {
  min-height: 4rem;
}

.khq-min-h-\[58px\] {
  min-height: 58px;
}

.khq-min-h-\[6\.25rem\] {
  min-height: 6.25rem;
}

.khq-min-h-\[60px\] {
  min-height: 60px;
}

.khq-min-h-\[7\.5rem\] {
  min-height: 7.5rem;
}

.khq-min-h-\[800px\] {
  min-height: 800px;
}

.khq-min-h-\[90px\] {
  min-height: 90px;
}

.khq-min-h-fit {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.\!khq-w-\[470px\] {
  width: 470px !important;
}

.khq-w-1\/12 {
  width: 8.333333%;
}

.khq-w-1\/2 {
  width: 50%;
}

.khq-w-1\/3 {
  width: 33.333333%;
}

.khq-w-1\/4 {
  width: 25%;
}

.khq-w-1\/6 {
  width: 16.666667%;
}

.khq-w-10 {
  width: 2.5rem;
}

.khq-w-14 {
  width: 3.5rem;
}

.khq-w-16 {
  width: 4rem;
}

.khq-w-2\/12 {
  width: 16.666667%;
}

.khq-w-2\/3 {
  width: 66.666667%;
}

.khq-w-2\/5 {
  width: 40%;
}

.khq-w-2\/6 {
  width: 33.333333%;
}

.khq-w-20 {
  width: 5rem;
}

.khq-w-24 {
  width: 6rem;
}

.khq-w-28 {
  width: 7rem;
}

.khq-w-2xlarge {
  width: 2rem;
}

.khq-w-2xsmall {
  width: 0.25rem;
}

.khq-w-3\/4 {
  width: 75%;
}

.khq-w-3\/5 {
  width: 60%;
}

.khq-w-3xlarge {
  width: 2.5rem;
}

.khq-w-4\/12 {
  width: 33.333333%;
}

.khq-w-4\/5 {
  width: 80%;
}

.khq-w-4xlarge {
  width: 3.5rem;
}

.khq-w-5 {
  width: 1.25rem;
}

.khq-w-5\/6 {
  width: 83.333333%;
}

.khq-w-6 {
  width: 1.5rem;
}

.khq-w-64 {
  width: 16rem;
}

.khq-w-7\/12 {
  width: 58.333333%;
}

.khq-w-8 {
  width: 2rem;
}

.khq-w-80 {
  width: 20rem;
}

.khq-w-\[100\%\] {
  width: 100%;
}

.khq-w-\[100px\] {
  width: 100px;
}

.khq-w-\[113px\] {
  width: 113px;
}

.khq-w-\[11rem\] {
  width: 11rem;
}

.khq-w-\[120px\] {
  width: 120px;
}

.khq-w-\[140px\] {
  width: 140px;
}

.khq-w-\[143px\] {
  width: 143px;
}

.khq-w-\[15\%\] {
  width: 15%;
}

.khq-w-\[16px\] {
  width: 16px;
}

.khq-w-\[17rem\] {
  width: 17rem;
}

.khq-w-\[20\%\] {
  width: 20%;
}

.khq-w-\[200px\] {
  width: 200px;
}

.khq-w-\[20rem\] {
  width: 20rem;
}

.khq-w-\[210px\] {
  width: 210px;
}

.khq-w-\[236px\] {
  width: 236px;
}

.khq-w-\[25\%\] {
  width: 25%;
}

.khq-w-\[270px\] {
  width: 270px;
}

.khq-w-\[280px\] {
  width: 280px;
}

.khq-w-\[300px\] {
  width: 300px;
}

.khq-w-\[30px\] {
  width: 30px;
}

.khq-w-\[315px\] {
  width: 315px;
}

.khq-w-\[32px\] {
  width: 32px;
}

.khq-w-\[32rem\] {
  width: 32rem;
}

.khq-w-\[340px\] {
  width: 340px;
}

.khq-w-\[35\%\] {
  width: 35%;
}

.khq-w-\[368px\] {
  width: 368px;
}

.khq-w-\[395px\] {
  width: 395px;
}

.khq-w-\[400px\] {
  width: 400px;
}

.khq-w-\[408px\] {
  width: 408px;
}

.khq-w-\[40px\] {
  width: 40px;
}

.khq-w-\[415px\] {
  width: 415px;
}

.khq-w-\[50\%\] {
  width: 50%;
}

.khq-w-\[570px\] {
  width: 570px;
}

.khq-w-\[6\.5rem\] {
  width: 6.5rem;
}

.khq-w-\[600px\] {
  width: 600px;
}

.khq-w-\[64px\] {
  width: 64px;
}

.khq-w-\[70\%\] {
  width: 70%;
}

.khq-w-\[70px\] {
  width: 70px;
}

.khq-w-\[730px\] {
  width: 730px;
}

.khq-w-\[75\%\] {
  width: 75%;
}

.khq-w-\[800px\] {
  width: 800px;
}

.khq-w-\[80px\] {
  width: 80px;
}

.khq-w-\[84px\] {
  width: 84px;
}

.khq-w-\[90px\] {
  width: 90px;
}

.khq-w-\[960px\] {
  width: 960px;
}

.khq-w-\[970px\] {
  width: 970px;
}

.khq-w-base {
  width: 1rem;
}

.khq-w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.khq-w-full {
  width: 100%;
}

.khq-w-hairline {
  width: 1px;
}

.khq-w-large {
  width: 1.25rem;
}

.khq-w-max {
  width: -webkit-max-content;
  width: max-content;
}

.khq-w-min {
  width: -webkit-min-content;
  width: min-content;
}

.khq-w-none {
  width: 0;
}

.khq-w-px {
  width: 1px;
}

.khq-w-xlarge {
  width: 1.5rem;
}

.khq-w-xsmall {
  width: 0.5rem;
}

.khq-min-w-0 {
  min-width: 0;
}

.khq-min-w-3xlarge {
  min-width: 2.5rem;
}

.khq-min-w-6 {
  min-width: 1.5rem;
}

.khq-min-w-\[10\.5rem\] {
  min-width: 10.5rem;
}

.khq-min-w-\[100px\] {
  min-width: 100px;
}

.khq-min-w-\[1024px\] {
  min-width: 1024px;
}

.khq-min-w-\[1100px\] {
  min-width: 1100px;
}

.khq-min-w-\[1152px\] {
  min-width: 1152px;
}

.khq-min-w-\[140px\] {
  min-width: 140px;
}

.khq-min-w-\[184px\] {
  min-width: 184px;
}

.khq-min-w-\[200px\] {
  min-width: 200px;
}

.khq-min-w-\[230px\] {
  min-width: 230px;
}

.khq-min-w-\[250px\] {
  min-width: 250px;
}

.khq-min-w-\[282px\] {
  min-width: 282px;
}

.khq-min-w-\[320px\] {
  min-width: 320px;
}

.khq-min-w-\[33\%\] {
  min-width: 33%;
}

.khq-min-w-\[400px\] {
  min-width: 400px;
}

.khq-min-w-\[80px\] {
  min-width: 80px;
}

.khq-min-w-\[85px\] {
  min-width: 85px;
}

.khq-min-w-fit {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.khq-min-w-full {
  min-width: 100%;
}

.khq-min-w-min {
  min-width: -webkit-min-content;
  min-width: min-content;
}

.khq-max-w-3xl {
  max-width: 48rem;
}

.khq-max-w-48 {
  max-width: 12rem;
}

.khq-max-w-4xl {
  max-width: 56rem;
}

.khq-max-w-\[1190px\] {
  max-width: 1190px;
}

.khq-max-w-\[1682px\] {
  max-width: 1682px;
}

.khq-max-w-\[200px\] {
  max-width: 200px;
}

.khq-max-w-\[20rem\] {
  max-width: 20rem;
}

.khq-max-w-\[230px\] {
  max-width: 230px;
}

.khq-max-w-\[250px\] {
  max-width: 250px;
}

.khq-max-w-\[260px\] {
  max-width: 260px;
}

.khq-max-w-\[280px\] {
  max-width: 280px;
}

.khq-max-w-\[300px\] {
  max-width: 300px;
}

.khq-max-w-\[320px\] {
  max-width: 320px;
}

.khq-max-w-\[33rem\] {
  max-width: 33rem;
}

.khq-max-w-\[4\.5rem\] {
  max-width: 4.5rem;
}

.khq-max-w-\[400px\] {
  max-width: 400px;
}

.khq-max-w-\[50\%\] {
  max-width: 50%;
}

.khq-max-w-\[500px\] {
  max-width: 500px;
}

.khq-max-w-\[80\%\] {
  max-width: 80%;
}

.khq-max-w-\[860px\] {
  max-width: 860px;
}

.khq-max-w-\[90px\] {
  max-width: 90px;
}

.khq-max-w-\[960px\] {
  max-width: 960px;
}

.khq-max-w-fit {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.khq-max-w-full {
  max-width: 100%;
}

.khq-max-w-lg {
  max-width: 32rem;
}

.khq-max-w-md {
  max-width: 28rem;
}

.khq-max-w-sm {
  max-width: 24rem;
}

.khq-max-w-xl {
  max-width: 36rem;
}

.khq-max-w-xs {
  max-width: 20rem;
}

.khq-flex-1 {
  flex: 1 1 0%;
}

.khq-flex-auto {
  flex: 1 1 auto;
}

.khq-flex-shrink {
  flex-shrink: 1;
}

.khq-flex-shrink-0 {
  flex-shrink: 0;
}

.khq-shrink {
  flex-shrink: 1;
}

.khq-shrink-0 {
  flex-shrink: 0;
}

.khq-flex-grow, .khq-grow {
  flex-grow: 1;
}

.khq-grow-0 {
  flex-grow: 0;
}

.khq-grow-\[8\] {
  flex-grow: 8;
}

.khq-basis-0 {
  flex-basis: 0px;
}

.khq-basis-1 {
  flex-basis: 0.25rem;
}

.khq-basis-1\/12 {
  flex-basis: 8.333333%;
}

.khq-basis-1\/2 {
  flex-basis: 50%;
}

.khq-basis-1\/3 {
  flex-basis: 33.333333%;
}

.khq-basis-1\/4 {
  flex-basis: 25%;
}

.khq-basis-1\/5 {
  flex-basis: 20%;
}

.khq-basis-1\/6 {
  flex-basis: 16.666667%;
}

.khq-basis-2\/3 {
  flex-basis: 66.666667%;
}

.khq-basis-2\/6 {
  flex-basis: 33.333333%;
}

.khq-basis-3\/4 {
  flex-basis: 75%;
}

.khq-basis-4\/5 {
  flex-basis: 80%;
}

.khq-basis-base {
  flex-basis: 1rem;
}

.khq-basis-full {
  flex-basis: 100%;
}

.khq-table-fixed {
  table-layout: fixed;
}

.khq-border-collapse {
  border-collapse: collapse;
}

.khq-border-separate {
  border-collapse: initial;
}

.khq-origin-top-left {
  transform-origin: top left;
}

.-khq-translate-y-\[1px\] {
  --tw-translate-y:-1px;
}

.-khq-translate-y-\[1px\], .khq-rotate-180 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.khq-rotate-180 {
  --tw-rotate:180deg;
}

.\!khq-scale-100 {
  --tw-scale-x:1!important;
  --tw-scale-y:1!important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.khq-scale-100 {
  --tw-scale-x:1;
  --tw-scale-y:1;
}

.khq-scale-100, .khq-scale-125 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.khq-scale-125 {
  --tw-scale-x:1.25;
  --tw-scale-y:1.25;
}

.khq-scale-\[1\.4\] {
  --tw-scale-x:1.4;
  --tw-scale-y:1.4;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.khq-transform-none {
  transform: none;
}

@keyframes khq-pulse {
  50% {
    opacity: 0.5;
  }
}
.khq-animate-pulse {
  animation: khq-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.\!khq-cursor-default {
  cursor: default !important;
}

.khq-cursor-auto {
  cursor: auto;
}

.khq-cursor-default {
  cursor: default;
}

.khq-cursor-ew-resize {
  cursor: ew-resize;
}

.khq-cursor-pointer {
  cursor: pointer;
}

.khq-cursor-text {
  cursor: text;
}

.khq-select-none {
  -webkit-user-select: none;
  user-select: none;
}

.khq-list-inside {
  list-style-position: inside;
}

.khq-list-none {
  list-style-type: none;
}

.khq-appearance-none {
  -webkit-appearance: none;
  appearance: none;
}

.khq-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.khq-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.khq-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.khq-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.khq-grid-cols-\[16px_1fr\] {
  grid-template-columns: 16px 1fr;
}

.khq-grid-cols-\[1fr_0\.75rem_1fr\] {
  grid-template-columns: 1fr 0.75rem 1fr;
}

.khq-grid-cols-\[1fr_1\.2rem_1fr\] {
  grid-template-columns: 1fr 1.2rem 1fr;
}

.khq-grid-cols-\[1fr_1\.5fr_repeat\(3\,_1fr\)_1\.5fr_1fr_1fr_40px\] {
  grid-template-columns: 1fr 1.5fr repeat(3, 1fr) 1.5fr 1fr 1fr 40px;
}

.khq-grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}

.khq-grid-cols-\[1fr_1fr_1fr_2\.5rem\] {
  grid-template-columns: 1fr 1fr 1fr 2.5rem;
}

.khq-grid-cols-\[1fr_24px\] {
  grid-template-columns: 1fr 24px;
}

.khq-grid-cols-\[1fr_250px\] {
  grid-template-columns: 1fr 250px;
}

.khq-grid-cols-\[1fr_250px_auto\] {
  grid-template-columns: 1fr 250px auto;
}

.khq-grid-cols-\[1fr_28px\] {
  grid-template-columns: 1fr 28px;
}

.khq-grid-cols-\[1fr_2fr_1fr_1fr\] {
  grid-template-columns: 1fr 2fr 1fr 1fr;
}

.khq-grid-cols-\[1fr_2fr_48px\] {
  grid-template-columns: 1fr 2fr 48px;
}

.khq-grid-cols-\[1fr_5fr_repeat\(3\,_1fr\)_40px\] {
  grid-template-columns: 1fr 5fr repeat(3, 1fr) 40px;
}

.khq-grid-cols-\[1fr_repeat\(3\,_1fr\)_120px_50px\] {
  grid-template-columns: 1fr repeat(3, 1fr) 120px 50px;
}

.khq-grid-cols-\[2\.5rem_1fr\] {
  grid-template-columns: 2.5rem 1fr;
}

.khq-grid-cols-\[2fr_1fr_1fr\] {
  grid-template-columns: 2fr 1fr 1fr;
}

.khq-grid-cols-\[2fr_1fr_2fr_1fr_1fr_32px\] {
  grid-template-columns: 2fr 1fr 2fr 1fr 1fr 32px;
}

.khq-grid-cols-\[2fr_2fr_1fr_1fr_32px\] {
  grid-template-columns: 2fr 2fr 1fr 1fr 32px;
}

.khq-grid-cols-\[2fr_3fr_2fr_2fr\] {
  grid-template-columns: 2fr 3fr 2fr 2fr;
}

.khq-grid-cols-\[2fr_repeat\(3\,_1fr\)_2fr_repeat\(3\,_1fr\)_40px\] {
  grid-template-columns: 2fr repeat(3, 1fr) 2fr repeat(3, 1fr) 40px;
}

.khq-grid-cols-\[2rem_1fr\] {
  grid-template-columns: 2rem 1fr;
}

.khq-grid-cols-\[3fr_1fr_1fr\] {
  grid-template-columns: 3fr 1fr 1fr;
}

.khq-grid-cols-\[3fr_1fr_40px\] {
  grid-template-columns: 3fr 1fr 40px;
}

.khq-grid-cols-\[3fr_3fr_2fr_1fr_40px\] {
  grid-template-columns: 3fr 3fr 2fr 1fr 40px;
}

.khq-grid-cols-\[3fr_repeat\(4\,1fr\)_40px\] {
  grid-template-columns: 3fr repeat(4, 1fr) 40px;
}

.khq-grid-cols-\[3fr_repeat\(5\,_1fr\)_40px\] {
  grid-template-columns: 3fr repeat(5, 1fr) 40px;
}

.khq-grid-cols-\[40px_1fr_40px\] {
  grid-template-columns: 40px 1fr 40px;
}

.khq-grid-cols-\[4fr_1fr\] {
  grid-template-columns: 4fr 1fr;
}

.khq-grid-cols-\[4fr_1fr_1fr\] {
  grid-template-columns: 4fr 1fr 1fr;
}

.khq-grid-cols-\[5fr_80px\] {
  grid-template-columns: 5fr 80px;
}

.khq-grid-cols-\[5fr_repeat\(2\,_1fr\)_80px_1fr\] {
  grid-template-columns: 5fr repeat(2, 1fr) 80px 1fr;
}

.khq-grid-cols-\[5fr_repeat\(2\,_80px\)\] {
  grid-template-columns: 5fr repeat(2, 80px);
}

.khq-grid-cols-\[5fr_repeat\(3\,_1fr\)\] {
  grid-template-columns: 5fr repeat(3, 1fr);
}

.khq-grid-cols-\[5fr_repeat\(3\,_80px\)\] {
  grid-template-columns: 5fr repeat(3, 80px);
}

.khq-grid-cols-\[5fr_repeat\(4\,_80px\)\] {
  grid-template-columns: 5fr repeat(4, 80px);
}

.khq-grid-cols-\[6fr_2fr_64px\] {
  grid-template-columns: 6fr 2fr 64px;
}

.khq-grid-cols-\[8fr_repeat\(3\,_1\.5fr\)_40px\] {
  grid-template-columns: 8fr repeat(3, 1.5fr) 40px;
}

.khq-grid-cols-\[repeat\(2\,_1fr\)\] {
  grid-template-columns: repeat(2, 1fr);
}

.khq-grid-cols-\[repeat\(2\,_1fr\)_repeat\(3\,_2fr\)_1fr_40px\] {
  grid-template-columns: repeat(2, 1fr) repeat(3, 2fr) 1fr 40px;
}

.khq-grid-cols-\[repeat\(3\,_1fr\)_50px\] {
  grid-template-columns: repeat(3, 1fr) 50px;
}

.khq-grid-cols-\[repeat\(3\,_2fr\)_1fr\] {
  grid-template-columns: repeat(3, 2fr) 1fr;
}

.khq-grid-cols-\[repeat\(4\,1fr\)_0\.5fr_40px\] {
  grid-template-columns: repeat(4, 1fr) 0.5fr 40px;
}

.khq-grid-cols-\[repeat\(4\,_1fr\)_40px\] {
  grid-template-columns: repeat(4, 1fr) 40px;
}

.khq-grid-cols-\[repeat\(4\,_1fr\)_50px\] {
  grid-template-columns: repeat(4, 1fr) 50px;
}

.khq-grid-rows-\[1fr_0\] {
  grid-template-rows: 1fr 0;
}

.khq-flex-row {
  flex-direction: row;
}

.khq-flex-row-reverse {
  flex-direction: row-reverse;
}

.khq-flex-col {
  flex-direction: column;
}

.khq-flex-wrap {
  flex-wrap: wrap;
}

.khq-place-content-center {
  place-content: center;
}

.khq-place-items-end {
  place-items: end;
}

.khq-place-items-center {
  place-items: center;
}

.khq-content-center {
  align-content: center;
}

.khq-content-start {
  align-content: flex-start;
}

.khq-items-start {
  align-items: flex-start;
}

.khq-items-end {
  align-items: flex-end;
}

.khq-items-center {
  align-items: center;
}

.khq-items-baseline {
  align-items: baseline;
}

.khq-items-stretch {
  align-items: stretch;
}

.khq-justify-start {
  justify-content: flex-start;
}

.khq-justify-end {
  justify-content: flex-end;
}

.khq-justify-center {
  justify-content: center;
}

.khq-justify-between {
  justify-content: space-between;
}

.khq-justify-around {
  justify-content: space-around;
}

.khq-justify-evenly {
  justify-content: space-evenly;
}

.khq-justify-stretch {
  justify-content: stretch;
}

.\!khq-gap-0 {
  gap: 0 !important;
}

.khq-gap-0 {
  gap: 0;
}

.khq-gap-0\.5 {
  gap: 0.125rem;
}

.khq-gap-1 {
  gap: 0.25rem;
}

.khq-gap-1\.5 {
  gap: 0.375rem;
}

.khq-gap-16 {
  gap: 4rem;
}

.khq-gap-2 {
  gap: 0.5rem;
}

.khq-gap-2xlarge {
  gap: 2rem;
}

.khq-gap-2xsmall {
  gap: 0.25rem;
}

.khq-gap-3 {
  gap: 0.75rem;
}

.khq-gap-3xlarge {
  gap: 2.5rem;
}

.khq-gap-3xsmall {
  gap: 0.125rem;
}

.khq-gap-4 {
  gap: 1rem;
}

.khq-gap-4xlarge {
  gap: 3.5rem;
}

.khq-gap-5 {
  gap: 1.25rem;
}

.khq-gap-6 {
  gap: 1.5rem;
}

.khq-gap-8 {
  gap: 2rem;
}

.khq-gap-\[100px\] {
  gap: 100px;
}

.khq-gap-\[1px\] {
  gap: 1px;
}

.khq-gap-\[3px\] {
  gap: 3px;
}

.khq-gap-\[72px\] {
  gap: 72px;
}

.khq-gap-\[9px\] {
  gap: 9px;
}

.khq-gap-base {
  gap: 1rem;
}

.khq-gap-hairline {
  gap: 1px;
}

.khq-gap-large {
  gap: 1.25rem;
}

.khq-gap-small {
  gap: 0.75rem;
}

.khq-gap-xlarge {
  gap: 1.5rem;
}

.khq-gap-xsmall {
  gap: 0.5rem;
}

.khq-gap-x-14 {
  column-gap: 3.5rem;
}

.khq-gap-x-2xlarge {
  column-gap: 2rem;
}

.khq-gap-x-2xsmall {
  column-gap: 0.25rem;
}

.khq-gap-x-3 {
  column-gap: 0.75rem;
}

.khq-gap-x-4 {
  column-gap: 1rem;
}

.khq-gap-x-4xlarge {
  column-gap: 3.5rem;
}

.khq-gap-x-6 {
  column-gap: 1.5rem;
}

.khq-gap-x-\[195px\] {
  column-gap: 195px;
}

.khq-gap-x-base {
  column-gap: 1rem;
}

.khq-gap-x-small {
  column-gap: 0.75rem;
}

.khq-gap-x-xlarge {
  column-gap: 1.5rem;
}

.khq-gap-x-xsmall {
  column-gap: 0.5rem;
}

.khq-gap-y-2 {
  row-gap: 0.5rem;
}

.khq-gap-y-2xlarge {
  row-gap: 2rem;
}

.khq-gap-y-2xsmall {
  row-gap: 0.25rem;
}

.khq-gap-y-3xlarge {
  row-gap: 2.5rem;
}

.khq-gap-y-3xsmall {
  row-gap: 0.125rem;
}

.khq-gap-y-4 {
  row-gap: 1rem;
}

.khq-gap-y-\[9px\] {
  row-gap: 9px;
}

.khq-gap-y-base {
  row-gap: 1rem;
}

.khq-gap-y-hairline {
  row-gap: 1px;
}

.khq-gap-y-large {
  row-gap: 1.25rem;
}

.khq-gap-y-small {
  row-gap: 0.75rem;
}

.khq-gap-y-xlarge {
  row-gap: 1.5rem;
}

.khq-gap-y-xsmall {
  row-gap: 0.5rem;
}

.khq-space-x-small > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
}

.khq-divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse:0;
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.khq-divide-foreground-border > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(13, 13, 13, 0.2);
}

.khq-place-self-center {
  place-self: center;
}

.khq-self-start {
  align-self: flex-start;
}

.khq-self-end {
  align-self: flex-end;
}

.khq-self-center {
  align-self: center;
}

.khq-self-stretch {
  align-self: stretch;
}

.khq-justify-self-start {
  justify-self: start;
}

.khq-justify-self-end {
  justify-self: end;
}

.khq-justify-self-center {
  justify-self: center;
}

.khq-overflow-auto {
  overflow: auto;
}

.khq-overflow-hidden {
  overflow: hidden;
}

.khq-overflow-visible {
  overflow: visible;
}

.khq-overflow-x-auto {
  overflow-x: auto;
}

.khq-overflow-y-auto {
  overflow-y: auto;
}

.khq-overflow-x-hidden {
  overflow-x: hidden;
}

.khq-overscroll-contain {
  overscroll-behavior: contain;
}

.khq-truncate {
  overflow: hidden;
  white-space: nowrap;
}

.khq-overflow-ellipsis, .khq-text-ellipsis, .khq-truncate {
  text-overflow: ellipsis;
}

.khq-whitespace-normal {
  white-space: normal;
}

.khq-whitespace-nowrap {
  white-space: nowrap;
}

.khq-whitespace-pre-line {
  white-space: pre-line;
}

.khq-whitespace-pre-wrap {
  white-space: pre-wrap;
}

.khq-text-pretty {
  text-wrap: pretty;
}

.khq-break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.khq-break-words {
  overflow-wrap: break-word;
}

.khq-break-all {
  word-break: break-all;
}

.khq-rounded {
  border-radius: 0.25rem;
}

.khq-rounded-\[20\%\] {
  border-radius: 20%;
}

.khq-rounded-\[3px\] {
  border-radius: 3px;
}

.khq-rounded-\[50\%\] {
  border-radius: 50%;
}

.khq-rounded-\[5px\] {
  border-radius: 5px;
}

.khq-rounded-base {
  border-radius: 0.25rem;
}

.khq-rounded-large {
  border-radius: 0.5rem;
}

.khq-rounded-max {
  border-radius: 999px;
}

.khq-rounded-none {
  border-radius: 0;
}

.khq-rounded-small {
  border-radius: 0.125rem;
}

.khq-rounded-xlarge {
  border-radius: 1rem;
}

.khq-rounded-b, .khq-rounded-b-base {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.khq-rounded-t, .khq-rounded-t-base {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.khq-rounded-t-large {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.khq-rounded-bl, .khq-rounded-bl-base {
  border-bottom-left-radius: 0.25rem;
}

.khq-rounded-br, .khq-rounded-br-base {
  border-bottom-right-radius: 0.25rem;
}

.khq-rounded-tl-\[8px\] {
  border-top-left-radius: 8px;
}

.khq-rounded-tl-base {
  border-top-left-radius: 0.25rem;
}

.khq-rounded-tr-\[8px\] {
  border-top-right-radius: 8px;
}

.khq-rounded-tr-base {
  border-top-right-radius: 0.25rem;
}

.\!khq-border-0 {
  border-width: 0 !important;
}

.khq-border {
  border-width: 1px;
}

.khq-border-0 {
  border-width: 0;
}

.khq-border-4 {
  border-width: 4px;
}

.khq-border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.khq-border-x-0 {
  border-left-width: 0;
  border-right-width: 0;
}

.khq-border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.\!khq-border-b-0 {
  border-bottom-width: 0 !important;
}

.\!khq-border-t-0 {
  border-top-width: 0 !important;
}

.khq-border-b {
  border-bottom-width: 1px;
}

.khq-border-b-0 {
  border-bottom-width: 0;
}

.khq-border-l {
  border-left-width: 1px;
}

.khq-border-l-0 {
  border-left-width: 0;
}

.khq-border-l-2 {
  border-left-width: 2px;
}

.khq-border-r {
  border-right-width: 1px;
}

.khq-border-r-0 {
  border-right-width: 0;
}

.khq-border-r-\[3px\] {
  border-right-width: 3px;
}

.khq-border-t {
  border-top-width: 1px;
}

.khq-border-t-0 {
  border-top-width: 0;
}

.khq-border-solid {
  border-style: solid;
}

.khq-border-dashed {
  border-style: dashed;
}

.khq-border-none {
  border-style: none;
}

.\!khq-border-sentiment-warning {
  --tw-border-opacity:1!important;
  border-color: rgb(231 124 33/var(--tw-border-opacity)) !important;
}

.khq-border-\[\#131313\]\/\[\.2\] {
  border-color: rgba(19, 19, 19, 0.2);
}

.khq-border-blue-100 {
  --tw-border-opacity:1;
  border-color: rgb(217 235 253/var(--tw-border-opacity));
}

.khq-border-blue-300 {
  --tw-border-opacity:1;
  border-color: rgb(139 179 235/var(--tw-border-opacity));
}

.khq-border-blue-500 {
  --tw-border-opacity:1;
  border-color: rgb(43 110 213/var(--tw-border-opacity));
}

.khq-border-foreground-border {
  border-color: rgba(13, 13, 13, 0.2);
}

.khq-border-foreground-primary {
  --tw-border-opacity:1;
  border-color: rgb(13 13 13/var(--tw-border-opacity));
}

.khq-border-foreground-secondary {
  border-color: rgba(13, 13, 13, 0.6);
}

.khq-border-gray-100 {
  --tw-border-opacity:1;
  border-color: rgb(242 242 242/var(--tw-border-opacity));
}

.khq-border-gray-200 {
  --tw-border-opacity:1;
  border-color: rgb(221 221 221/var(--tw-border-opacity));
}

.khq-border-gray-300 {
  --tw-border-opacity:1;
  border-color: rgb(202 202 202/var(--tw-border-opacity));
}

.khq-border-gray-500 {
  --tw-border-opacity:1;
  border-color: rgb(117 117 117/var(--tw-border-opacity));
}

.khq-border-gray-900 {
  --tw-border-opacity:1;
  border-color: rgb(13 13 13/var(--tw-border-opacity));
}

.khq-border-red-300 {
  --tw-border-opacity:1;
  border-color: rgb(230 122 133/var(--tw-border-opacity));
}

.khq-border-sentiment-action {
  --tw-border-opacity:1;
  border-color: rgb(43 110 213/var(--tw-border-opacity));
}

.khq-border-sentiment-warning {
  --tw-border-opacity:1;
  border-color: rgb(231 124 33/var(--tw-border-opacity));
}

.khq-border-transparent {
  border-color: rgba(0, 0, 0, 0);
}

.khq-border-b-focus-ring {
  --tw-border-opacity:1;
  border-bottom-color: rgb(202 202 202/var(--tw-border-opacity));
}

.khq-border-b-foreground-border {
  border-bottom-color: rgba(13, 13, 13, 0.2);
}

.khq-border-l-foreground-border {
  border-left-color: rgba(13, 13, 13, 0.2);
}

.khq-border-opacity-disabled {
  --tw-border-opacity:0.5;
}

.\!khq-bg-background-secondary {
  background-color: rgba(13, 13, 13, 0.0509803922) !important;
}

.\!khq-bg-gray-50 {
  --tw-bg-opacity:1!important;
  background-color: rgb(250 250 250/var(--tw-bg-opacity)) !important;
}

.khq-bg-background-hover {
  background-color: rgba(13, 13, 13, 0.1019607843);
}

.khq-bg-background-primary {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.khq-bg-background-secondary, .khq-bg-background-secondary\/tint {
  background-color: rgba(13, 13, 13, 0.0509803922);
}

.khq-bg-black {
  --tw-bg-opacity:1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
}

.khq-bg-blue-100 {
  --tw-bg-opacity:1;
  background-color: rgb(217 235 253/var(--tw-bg-opacity));
}

.khq-bg-foreground-border {
  background-color: rgba(13, 13, 13, 0.2);
}

.khq-bg-gray-100 {
  --tw-bg-opacity:1;
  background-color: rgb(242 242 242/var(--tw-bg-opacity));
}

.khq-bg-gray-200 {
  --tw-bg-opacity:1;
  background-color: rgb(221 221 221/var(--tw-bg-opacity));
}

.khq-bg-gray-300 {
  --tw-bg-opacity:1;
  background-color: rgb(202 202 202/var(--tw-bg-opacity));
}

.khq-bg-gray-400 {
  --tw-bg-opacity:1;
  background-color: rgb(176 176 176/var(--tw-bg-opacity));
}

.khq-bg-gray-50 {
  --tw-bg-opacity:1;
  background-color: rgb(250 250 250/var(--tw-bg-opacity));
}

.khq-bg-gray-500 {
  --tw-bg-opacity:1;
  background-color: rgb(117 117 117/var(--tw-bg-opacity));
}

.khq-bg-gray-600 {
  --tw-bg-opacity:1;
  background-color: rgb(106 106 106/var(--tw-bg-opacity));
}

.khq-bg-gray-700 {
  --tw-bg-opacity:1;
  background-color: rgb(75 75 75/var(--tw-bg-opacity));
}

.khq-bg-gray-800 {
  --tw-bg-opacity:1;
  background-color: rgb(44 44 44/var(--tw-bg-opacity));
}

.khq-bg-red-100 {
  --tw-bg-opacity:1;
  background-color: rgb(248 224 232/var(--tw-bg-opacity));
}

.khq-bg-sentiment-action {
  --tw-bg-opacity:1;
  background-color: rgb(43 110 213/var(--tw-bg-opacity));
}

.khq-bg-sentiment-action-tint {
  --tw-bg-opacity:1;
  background-color: rgb(217 235 253/var(--tw-bg-opacity));
}

.khq-bg-sentiment-positive {
  --tw-bg-opacity:1;
  background-color: rgb(106 184 56/var(--tw-bg-opacity));
}

.khq-bg-transparent {
  background-color: initial;
}

.khq-bg-white {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.khq-bg-opacity-disabled {
  --tw-bg-opacity:0.5;
}

.khq-bg-opacity-secondary {
  --tw-bg-opacity:0.6;
}

.khq-bg-opacity-tint {
  --tw-bg-opacity:0.05;
}

.khq-bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.khq-from-transparent {
  --tw-gradient-from:#0000 var(--tw-gradient-from-position);
  --tw-gradient-to:#0000 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.khq-to-background-primary {
  --tw-gradient-to:#fff var(--tw-gradient-to-position);
}

.khq-to-5\% {
  --tw-gradient-to-position:5%;
}

.khq-p-0 {
  padding: 0;
}

.khq-p-1 {
  padding: 0.25rem;
}

.khq-p-1\.5 {
  padding: 0.375rem;
}

.khq-p-12 {
  padding: 3rem;
}

.khq-p-2 {
  padding: 0.5rem;
}

.khq-p-2xsmall {
  padding: 0.25rem;
}

.khq-p-3 {
  padding: 0.75rem;
}

.khq-p-3\.5 {
  padding: 0.875rem;
}

.khq-p-3xlarge {
  padding: 2.5rem;
}

.khq-p-4 {
  padding: 1rem;
}

.khq-p-5 {
  padding: 1.25rem;
}

.khq-p-6 {
  padding: 1.5rem;
}

.khq-p-\[20px\] {
  padding: 20px;
}

.khq-p-\[64px\] {
  padding: 64px;
}

.khq-p-\[6px\] {
  padding: 6px;
}

.khq-p-\[88px\] {
  padding: 88px;
}

.khq-p-\[96px\] {
  padding: 96px;
}

.khq-p-base {
  padding: 1rem;
}

.khq-p-large {
  padding: 1.25rem;
}

.khq-p-none {
  padding: 0;
}

.khq-p-small {
  padding: 0.75rem;
}

.khq-p-xlarge {
  padding: 1.5rem;
}

.khq-p-xsmall {
  padding: 0.5rem;
}

.\!khq-px-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.khq-px-0 {
  padding-left: 0;
  padding-right: 0;
}

.khq-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.khq-px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.khq-px-2xlarge {
  padding-left: 2rem;
  padding-right: 2rem;
}

.khq-px-2xsmall {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.khq-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.khq-px-3xlarge {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.khq-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.khq-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.khq-px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}

.khq-px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}

.khq-px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}

.khq-px-base {
  padding-left: 1rem;
  padding-right: 1rem;
}

.khq-px-hairline {
  padding-left: 1px;
  padding-right: 1px;
}

.khq-px-large {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.khq-px-small {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.khq-px-xlarge {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.khq-px-xsmall {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.khq-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.khq-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.khq-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.khq-py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.khq-py-2xlarge {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.khq-py-2xsmall {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.khq-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.khq-py-3xlarge {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.khq-py-3xsmall {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.khq-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.khq-py-4xlarge {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.khq-py-\[22px\] {
  padding-top: 22px;
  padding-bottom: 22px;
}

.khq-py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.khq-py-base {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.khq-py-large {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.khq-py-none {
  padding-top: 0;
  padding-bottom: 0;
}

.khq-py-small {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.khq-py-xlarge {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.khq-py-xsmall {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\!khq-pl-small {
  padding-left: 0.75rem !important;
}

.\!khq-pr-0 {
  padding-right: 0 !important;
}

.\!khq-ps-0 {
  padding-inline-start: 0 !important;
}

.khq-pb-0 {
  padding-bottom: 0;
}

.khq-pb-1 {
  padding-bottom: 0.25rem;
}

.khq-pb-12 {
  padding-bottom: 3rem;
}

.khq-pb-16 {
  padding-bottom: 4rem;
}

.khq-pb-2 {
  padding-bottom: 0.5rem;
}

.khq-pb-20 {
  padding-bottom: 5rem;
}

.khq-pb-2xlarge {
  padding-bottom: 2rem;
}

.khq-pb-2xsmall {
  padding-bottom: 0.25rem;
}

.khq-pb-3 {
  padding-bottom: 0.75rem;
}

.khq-pb-3xlarge {
  padding-bottom: 2.5rem;
}

.khq-pb-4 {
  padding-bottom: 1rem;
}

.khq-pb-6 {
  padding-bottom: 1.5rem;
}

.khq-pb-7 {
  padding-bottom: 1.75rem;
}

.khq-pb-8 {
  padding-bottom: 2rem;
}

.khq-pb-\[15px\] {
  padding-bottom: 15px;
}

.khq-pb-base {
  padding-bottom: 1rem;
}

.khq-pb-large {
  padding-bottom: 1.25rem;
}

.khq-pb-none {
  padding-bottom: 0;
}

.khq-pb-small {
  padding-bottom: 0.75rem;
}

.khq-pb-xlarge {
  padding-bottom: 1.5rem;
}

.khq-pb-xsmall {
  padding-bottom: 0.5rem;
}

.khq-pe-1 {
  padding-inline-end: 0.25rem;
}

.khq-pe-12 {
  padding-inline-end: 3rem;
}

.khq-pl-0 {
  padding-left: 0;
}

.khq-pl-1 {
  padding-left: 0.25rem;
}

.khq-pl-1\.5 {
  padding-left: 0.375rem;
}

.khq-pl-10 {
  padding-left: 2.5rem;
}

.khq-pl-12 {
  padding-left: 3rem;
}

.khq-pl-2 {
  padding-left: 0.5rem;
}

.khq-pl-2xsmall {
  padding-left: 0.25rem;
}

.khq-pl-3 {
  padding-left: 0.75rem;
}

.khq-pl-3xlarge {
  padding-left: 2.5rem;
}

.khq-pl-5 {
  padding-left: 1.25rem;
}

.khq-pl-6 {
  padding-left: 1.5rem;
}

.khq-pl-7 {
  padding-left: 1.75rem;
}

.khq-pl-9 {
  padding-left: 2.25rem;
}

.khq-pl-\[14px\] {
  padding-left: 14px;
}

.khq-pl-\[1px\] {
  padding-left: 1px;
}

.khq-pl-\[34px\] {
  padding-left: 34px;
}

.khq-pl-\[54px\] {
  padding-left: 54px;
}

.khq-pl-base {
  padding-left: 1rem;
}

.khq-pl-large {
  padding-left: 1.25rem;
}

.khq-pl-none {
  padding-left: 0;
}

.khq-pl-small {
  padding-left: 0.75rem;
}

.khq-pl-xlarge {
  padding-left: 1.5rem;
}

.khq-pl-xsmall {
  padding-left: 0.5rem;
}

.khq-pr-0 {
  padding-right: 0;
}

.khq-pr-2 {
  padding-right: 0.5rem;
}

.khq-pr-24 {
  padding-right: 6rem;
}

.khq-pr-2xlarge {
  padding-right: 2rem;
}

.khq-pr-2xsmall {
  padding-right: 0.25rem;
}

.khq-pr-4 {
  padding-right: 1rem;
}

.khq-pr-8 {
  padding-right: 2rem;
}

.khq-pr-\[10px\] {
  padding-right: 10px;
}

.khq-pr-\[6px\] {
  padding-right: 6px;
}

.khq-pr-base {
  padding-right: 1rem;
}

.khq-pr-large {
  padding-right: 1.25rem;
}

.khq-pr-none {
  padding-right: 0;
}

.khq-pr-small {
  padding-right: 0.75rem;
}

.khq-pr-xsmall {
  padding-right: 0.5rem;
}

.khq-pt-1 {
  padding-top: 0.25rem;
}

.khq-pt-12 {
  padding-top: 3rem;
}

.khq-pt-2 {
  padding-top: 0.5rem;
}

.khq-pt-2\.5 {
  padding-top: 0.625rem;
}

.khq-pt-2xlarge {
  padding-top: 2rem;
}

.khq-pt-2xsmall {
  padding-top: 0.25rem;
}

.khq-pt-3 {
  padding-top: 0.75rem;
}

.khq-pt-3xlarge {
  padding-top: 2.5rem;
}

.khq-pt-4 {
  padding-top: 1rem;
}

.khq-pt-4xlarge {
  padding-top: 3.5rem;
}

.khq-pt-6 {
  padding-top: 1.5rem;
}

.khq-pt-8 {
  padding-top: 2rem;
}

.khq-pt-\[1px\] {
  padding-top: 1px;
}

.khq-pt-\[24px\] {
  padding-top: 24px;
}

.khq-pt-base {
  padding-top: 1rem;
}

.khq-pt-large {
  padding-top: 1.25rem;
}

.khq-pt-small {
  padding-top: 0.75rem;
}

.khq-pt-xlarge {
  padding-top: 1.5rem;
}

.khq-pt-xsmall {
  padding-top: 0.5rem;
}

.khq-text-left {
  text-align: left;
}

.khq-text-center {
  text-align: center;
}

.khq-text-right {
  text-align: right;
}

.khq-text-start {
  text-align: start;
}

.khq-text-end {
  text-align: end;
}

.khq-indent-2 {
  text-indent: 0.5rem;
}

.khq-align-middle {
  vertical-align: middle;
}

.khq-font-metric {
  font-family: Metric, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
}

.khq-text-2xlarge {
  font-size: 1.5rem;
  line-height: 1.1666666667;
}

.khq-text-3xlarge {
  font-size: 1.875rem;
  line-height: 1.0666666667;
}

.khq-text-\[34px\] {
  font-size: 34px;
}

.khq-text-\[48px\] {
  font-size: 48px;
}

.khq-text-base {
  font-size: 1rem;
  line-height: 1.25;
}

.khq-text-large {
  font-size: 1.125rem;
  line-height: 1.1111111111;
}

.khq-text-large\/spacing-large {
  font-size: 1.125rem;
  line-height: 1.25rem;
}

.khq-text-small {
  font-size: 0.875rem;
  line-height: 1.1428571429;
}

.khq-text-xlarge {
  font-size: 1.25rem;
  line-height: 1.2;
}

.khq-text-xsmall {
  font-size: 0.75rem;
  line-height: 1.3333333333;
}

.khq-font-medium {
  font-weight: 500;
}

.khq-font-regular {
  font-weight: 400;
}

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

.khq-uppercase {
  text-transform: uppercase;
}

.khq-lowercase {
  text-transform: lowercase;
}

.khq-capitalize {
  text-transform: capitalize;
}

.khq-normal-case {
  text-transform: none;
}

.khq-italic {
  font-style: italic;
}

.khq-leading-\[15px\] {
  line-height: 15px;
}

.khq-leading-\[normal\] {
  line-height: normal;
}

.khq-leading-base {
  line-height: 1.25;
}

.khq-leading-inline {
  line-height: 1;
}

.khq-leading-spacing-2xlarge {
  line-height: 2rem;
}

.\!khq-text-foreground-secondary {
  color: rgba(13, 13, 13, 0.6) !important;
}

.\!khq-text-sentiment-negative {
  --tw-text-opacity:1!important;
  color: rgb(209 6 21/var(--tw-text-opacity)) !important;
}

.khq-text-\[\#2872d3\] {
  --tw-text-opacity:1;
  color: rgb(40 114 211/var(--tw-text-opacity));
}

.khq-text-\[\#999999\] {
  --tw-text-opacity:1;
  color: rgb(153 153 153/var(--tw-text-opacity));
}

.khq-text-black {
  --tw-text-opacity:1;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

.khq-text-blue-400 {
  --tw-text-opacity:1;
  color: rgb(85 140 223/var(--tw-text-opacity));
}

.khq-text-blue-500 {
  --tw-text-opacity:1;
  color: rgb(43 110 213/var(--tw-text-opacity));
}

.khq-text-foreground-border {
  color: rgba(13, 13, 13, 0.2);
}

.khq-text-foreground-primary {
  --tw-text-opacity:1;
  color: rgb(13 13 13/var(--tw-text-opacity));
}

.khq-text-foreground-secondary {
  color: rgba(13, 13, 13, 0.6);
}

.khq-text-gray-400 {
  --tw-text-opacity:1;
  color: rgb(176 176 176/var(--tw-text-opacity));
}

.khq-text-gray-500 {
  --tw-text-opacity:1;
  color: rgb(117 117 117/var(--tw-text-opacity));
}

.khq-text-gray-600 {
  --tw-text-opacity:1;
  color: rgb(106 106 106/var(--tw-text-opacity));
}

.khq-text-gray-700 {
  --tw-text-opacity:1;
  color: rgb(75 75 75/var(--tw-text-opacity));
}

.khq-text-gray-900 {
  --tw-text-opacity:1;
  color: rgb(13 13 13/var(--tw-text-opacity));
}

.khq-text-green-600 {
  --tw-text-opacity:1;
  color: rgb(86 149 46/var(--tw-text-opacity));
}

.khq-text-inverted-foreground-primary {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.khq-text-inverted-foreground-secondary {
  color: rgba(255, 255, 255, 0.6);
}

.khq-text-inverted-sentiment-negative-hover {
  --tw-text-opacity:1;
  color: rgb(209 6 21/var(--tw-text-opacity));
}

.khq-text-sentiment-action {
  --tw-text-opacity:1;
  color: rgb(43 110 213/var(--tw-text-opacity));
}

.khq-text-sentiment-action-active {
  --tw-text-opacity:1;
  color: rgb(29 83 164/var(--tw-text-opacity));
}

.khq-text-sentiment-negative {
  --tw-text-opacity:1;
  color: rgb(209 6 21/var(--tw-text-opacity));
}

.khq-text-sentiment-positive {
  --tw-text-opacity:1;
  color: rgb(106 184 56/var(--tw-text-opacity));
}

.khq-text-sentiment-warning {
  --tw-text-opacity:1;
  color: rgb(231 124 33/var(--tw-text-opacity));
}

.khq-text-white {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.khq-text-opacity-disabled {
  --tw-text-opacity:0.5;
}

.khq-text-opacity-secondary {
  --tw-text-opacity:0.6;
}

.khq-underline {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.khq-line-through {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}

.khq-opacity-0 {
  opacity: 0;
}

.khq-opacity-100 {
  opacity: 1;
}

.khq-opacity-\[0\.3\] {
  opacity: 0.3;
}

.khq-opacity-\[0\.6\] {
  opacity: 0.6;
}

.khq-opacity-disabled {
  opacity: 0.5;
}

.khq-opacity-secondary {
  opacity: 0.6;
}

.khq-opacity-shadow {
  opacity: 0.15;
}

.khq-mix-blend-multiply {
  mix-blend-mode: multiply;
}

.khq-shadow {
  --tw-shadow:0 0.25rem 0.75rem 0 #00000026;
  --tw-shadow-colored:0 0.25rem 0.75rem 0 var(--tw-shadow-color);
}

.khq-shadow, .khq-shadow-\[0_4px_12px_0px_rgba\(0\,0\,0\,0\.15\)\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.khq-shadow-\[0_4px_12px_0px_rgba\(0\,0\,0\,0\.15\)\] {
  --tw-shadow:0 4px 12px 0px #00000026;
  --tw-shadow-colored:0 4px 12px 0px var(--tw-shadow-color);
}

.khq-shadow-base {
  --tw-shadow:0 0.25rem 0.75rem 0 #00000026;
  --tw-shadow-colored:0 0.25rem 0.75rem 0 var(--tw-shadow-color);
}

.khq-shadow-base, .khq-shadow-large {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.khq-shadow-large {
  --tw-shadow:0 0.75rem 2rem 0 #00000026;
  --tw-shadow-colored:0 0.75rem 2rem 0 var(--tw-shadow-color);
}

.khq-shadow-small {
  --tw-shadow:0 0.125rem 0.25rem 0 #00000026;
  --tw-shadow-colored:0 0.125rem 0.25rem 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.khq-outline-none {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
}

.khq-outline-1 {
  outline-width: 1px;
}

.khq-outline-foreground-border {
  outline-color: rgba(13, 13, 13, 0.2);
}

.khq-outline-sentiment-warning {
  outline-color: #e77c21;
}

.khq-transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.khq-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.khq-transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.khq-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.khq-duration-300 {
  transition-duration: 0.3s;
}

.khq-duration-500 {
  transition-duration: 0.5s;
}

.khq-duration-75 {
  transition-duration: 75ms;
}

.khq-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.khq-disabled {
  cursor: default;
  opacity: 0.5;
  --tw-grayscale:grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.khq-popover {
  overflow: visible;
  border-style: none;
  background-color: initial;
  padding: 0;
}

.khq-popover:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(202 202 202/var(--tw-ring-opacity));
}

@media (prefers-contrast: more) {
  .khq-popover:focus-visible {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(85 140 223/var(--tw-ring-opacity));
  }
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}

.placeholder\:khq-text-foreground-secondary::placeholder {
  color: rgba(13, 13, 13, 0.6);
}

.before\:khq-absolute:before {
  content: var(--tw-content);
  position: absolute;
}

.before\:khq-ml-\[20px\]:before {
  content: var(--tw-content);
  margin-left: 20px;
}

.before\:khq-h-\[9px\]:before {
  content: var(--tw-content);
  height: 9px;
}

.before\:khq-w-\[9px\]:before {
  content: var(--tw-content);
  width: 9px;
}

.before\:khq-rounded:before {
  content: var(--tw-content);
  border-radius: 0.25rem;
}

.before\:\!khq-bg-blue-500:before {
  content: var(--tw-content);
  --tw-bg-opacity:1!important;
  background-color: rgb(43 110 213/var(--tw-bg-opacity)) !important;
}

.before\:khq-bg-gray-300:before {
  content: var(--tw-content);
  --tw-bg-opacity:1;
  background-color: rgb(202 202 202/var(--tw-bg-opacity));
}

.before\:khq-content-\[\'\'\]:before {
  --tw-content:"";
  content: var(--tw-content);
}

.first\:khq-rounded-l:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.first\:khq-rounded-bl:first-child {
  border-bottom-left-radius: 0.25rem;
}

.first\:khq-rounded-tl:first-child {
  border-top-left-radius: 0.25rem;
}

.first\:khq-border-l:first-child {
  border-left-width: 1px;
}

.last\:khq-mb-0:last-child {
  margin-bottom: 0;
}

.last\:khq-rounded-br:last-child {
  border-bottom-right-radius: 0.25rem;
}

.last\:khq-rounded-tr:last-child {
  border-top-right-radius: 0.25rem;
}

.last\:khq-border-b-0:last-child {
  border-bottom-width: 0;
}

.last\:khq-border-r:last-child {
  border-right-width: 1px;
}

.last\:khq-pb-none:last-child {
  padding-bottom: 0;
}

.read-only\:khq-text-foreground-secondary:read-only {
  color: rgba(13, 13, 13, 0.6);
}

.empty\:khq-hidden:empty {
  display: none;
}

.hover\:khq-cursor-pointer:hover {
  cursor: pointer;
}

.hover\:khq-border-foreground-secondary:hover {
  border-color: rgba(13, 13, 13, 0.6);
}

.hover\:khq-bg-background-hover:hover {
  background-color: rgba(13, 13, 13, 0.1019607843);
}

.hover\:khq-bg-background-secondary:hover {
  background-color: rgba(13, 13, 13, 0.0509803922);
}

.hover\:khq-bg-blue-100:hover {
  --tw-bg-opacity:1;
  background-color: rgb(217 235 253/var(--tw-bg-opacity));
}

.hover\:khq-bg-blue-200:hover {
  --tw-bg-opacity:1;
  background-color: rgb(185 212 246/var(--tw-bg-opacity));
}

.hover\:khq-bg-gray-100:hover {
  --tw-bg-opacity:1;
  background-color: rgb(242 242 242/var(--tw-bg-opacity));
}

.hover\:khq-bg-sentiment-action-hover:hover {
  --tw-bg-opacity:1;
  background-color: rgb(36 97 189/var(--tw-bg-opacity));
}

.hover\:khq-bg-sentiment-action-tint:hover {
  --tw-bg-opacity:1;
  background-color: rgb(217 235 253/var(--tw-bg-opacity));
}

.hover\:khq-bg-sentiment-positive-hover:hover {
  --tw-bg-opacity:1;
  background-color: rgb(86 149 46/var(--tw-bg-opacity));
}

.hover\:khq-text-blue-500:hover {
  --tw-text-opacity:1;
  color: rgb(43 110 213/var(--tw-text-opacity));
}

.hover\:khq-text-sentiment-action-hover:hover {
  --tw-text-opacity:1;
  color: rgb(36 97 189/var(--tw-text-opacity));
}

.hover\:khq-text-white:hover {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.hover\:khq-underline:hover {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.hover\:khq-no-underline:hover {
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.focus\:khq-border-gray-500:focus {
  --tw-border-opacity:1;
  border-color: rgb(117 117 117/var(--tw-border-opacity));
}

.focus\:khq-outline-none:focus {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
}

.focus\:khq-ring-1:focus {
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.focus\:khq-ring-1:focus, .focus\:khq-ring-2:focus {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.focus\:khq-ring-2:focus {
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.focus\:khq-ring-focus-ring:focus {
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(202 202 202/var(--tw-ring-opacity));
}

.focus\:khq-focus-ring:focus {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(202 202 202/var(--tw-ring-opacity));
}

@media (prefers-contrast: more) {
  .focus\:khq-focus-ring:focus {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(85 140 223/var(--tw-ring-opacity));
  }
}
.focus-visible\:khq-underline:focus-visible {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.focus-visible\:khq-focus-ring:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(202 202 202/var(--tw-ring-opacity));
}

@media (prefers-contrast: more) {
  .focus-visible\:khq-focus-ring:focus-visible {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(85 140 223/var(--tw-ring-opacity));
  }
}
.active\:khq-bg-background-active:active {
  background-color: rgba(13, 13, 13, 0.1490196078);
}

.disabled\:khq-bg-background-secondary:disabled {
  background-color: rgba(13, 13, 13, 0.0509803922);
}

.disabled\:khq-disabled:disabled {
  cursor: default;
  opacity: 0.5;
  --tw-grayscale:grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.khq-group:focus .group-focus\:khq-visible, .khq-group:hover .group-hover\:khq-visible {
  visibility: visible;
}

.khq-peer.drag-over:not(.dragging) ~ .peer-\[\.drag-over\:not\(\.dragging\)\]\:\!khq-visible {
  visibility: visible !important;
}

.has-\[\:checked\]\:khq-z-10:has(:checked), .has-\[\:focus\]\:khq-z-10:has(:focus) {
  z-index: 10;
}

.has-\[\:checked\]\:khq-bg-sentiment-action-tint:has(:checked) {
  --tw-bg-opacity:1;
  background-color: rgb(217 235 253/var(--tw-bg-opacity));
}

.has-\[\:focus\:not\(\:checked\)\]\:khq-bg-background-hover:has(:focus:not(:checked)) {
  background-color: rgba(13, 13, 13, 0.1019607843);
}

.has-\[\:checked\]\:khq-ring-1:has(:checked) {
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.has-\[\:focus\]\:khq-ring-2:has(:focus) {
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.has-\[\:checked\]\:khq-ring-sentiment-action:has(:checked) {
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(43 110 213/var(--tw-ring-opacity));
}

@media not all and (min-width: 640px) {
  .max-sm\:khq-w-full {
    width: 100%;
  }
}
@media (min-width: 640px) {
  .sm\:khq-order-4 {
    order: 4;
  }
  .sm\:khq-mt-0 {
    margin-top: 0;
  }
  .sm\:khq-max-w-sm {
    max-width: 24rem;
  }
  .sm\:khq-flex-row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .md\:khq-col-span-2 {
    grid-column: span 2/span 2;
  }
  .md\:khq-flex {
    display: flex;
  }
  .md\:khq-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:khq-flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .lg\:khq-col-span-3 {
    grid-column: span 3/span 3;
  }
  .lg\:khq-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:khq-px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
@media (min-width: 1280px) {
  .xl\:khq-block {
    display: block;
  }
}
.\[\&\.conversations-list\]\:khq-w-full.conversations-list {
  width: 100%;
}

.\[\&\.task-details\]\:khq-border-t-0.task-details {
  border-top-width: 0;
}

.\[\&\>\*\:hover\]\:khq-bg-background-hover > :hover {
  background-color: rgba(13, 13, 13, 0.1019607843);
}

.\[\&\>\*\:last-child\>\*\]\:khq-border-b-0 > :last-child > * {
  border-bottom-width: 0;
}

.\[\&\>\*\>\*\]\:khq-line-clamp-2 > * > * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.\[\&\>\*\>\*\]\:khq-flex > * > * {
  display: flex;
}

.\[\&\>\*\>\*\]\:khq-min-h-3xlarge > * > * {
  min-height: 2.5rem;
}

.\[\&\>\*\>\*\]\:khq-items-center > * > * {
  align-items: center;
}

.\[\&\>\*\>\*\]\:khq-gap-xsmall > * > * {
  gap: 0.5rem;
}

.\[\&\>\*\>\*\]\:khq-border-0 > * > * {
  border-width: 0;
}

.\[\&\>\*\>\*\]\:khq-border-b > * > * {
  border-bottom-width: 1px;
}

.\[\&\>\*\>\*\]\:khq-border-solid > * > * {
  border-style: solid;
}

.\[\&\>\*\>\*\]\:khq-border-foreground-border > * > * {
  border-color: rgba(13, 13, 13, 0.2);
}

.\[\&\>\*\>\*\]\:khq-px-xsmall > * > * {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&\>\*\>\*\]\:khq-py-2xsmall > * > * {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.\[\&\>\*\>\*\]\:khq-text-foreground-primary > * > * {
  --tw-text-opacity:1;
  color: rgb(13 13 13/var(--tw-text-opacity));
}

.\[\&\>\*\]\:khq-line-clamp-2 > * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.\[\&\>\*\]\:khq-flex > * {
  display: flex;
}

.\[\&\>\*\]\:khq-grid > * {
  display: grid;
}

.\[\&\>\*\]\:\!khq-h-\[100\%\] > * {
  height: 100% !important;
}

.\[\&\>\*\]\:khq-max-w-md > * {
  max-width: 28rem;
}

.\[\&\>\*\]\:khq-cursor-pointer > * {
  cursor: pointer;
}

.\[\&\>\*\]\:khq-items-end > * {
  align-items: flex-end;
}

.\[\&\>\*\]\:khq-p-xsmall > * {
  padding: 0.5rem;
}

.\[\&\>\*\]\:\!khq-text-foreground-primary > * {
  --tw-text-opacity:1!important;
  color: rgb(13 13 13/var(--tw-text-opacity)) !important;
}

.\[\&\>\*\]\:\!khq-text-foreground-secondary > * {
  color: rgba(13, 13, 13, 0.6) !important;
}

.\[\&\>div\:last-child\]\:khq-border-b-0 > div:last-child {
  border-bottom-width: 0;
}

.\[\&\>div\]\:khq-m-none > div {
  margin: 0;
}

.\[\&\>div\]\:khq-line-clamp-2 > div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.\[\&\>div\]\:khq-flex > div {
  display: flex;
}

.\[\&\>div\]\:khq-min-h-2xlarge > div {
  min-height: 2rem;
}

.\[\&\>div\]\:khq-min-h-3xlarge > div {
  min-height: 2.5rem;
}

.\[\&\>div\]\:khq-w-fit > div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.\[\&\>div\]\:khq-max-w-xs > div {
  max-width: 20rem;
}

.\[\&\>div\]\:khq-flex-row > div {
  flex-direction: row;
}

.\[\&\>div\]\:khq-flex-col > div {
  flex-direction: column;
}

.\[\&\>div\]\:khq-items-center > div {
  align-items: center;
}

.\[\&\>div\]\:khq-gap-xsmall > div {
  gap: 0.5rem;
}

.\[\&\>div\]\:khq-gap-x-2xsmall > div {
  column-gap: 0.25rem;
}

.\[\&\>div\]\:khq-gap-y-7 > div {
  row-gap: 1.75rem;
}

.\[\&\>div\]\:khq-truncate > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\[\&\>div\]\:khq-break-words > div {
  overflow-wrap: break-word;
}

.\[\&\>div\]\:khq-border-0 > div {
  border-width: 0;
}

.\[\&\>div\]\:khq-border-b > div {
  border-bottom-width: 1px;
}

.\[\&\>div\]\:khq-border-solid > div {
  border-style: solid;
}

.\[\&\>div\]\:khq-border-foreground-border > div {
  border-color: rgba(13, 13, 13, 0.2);
}

.\[\&\>div\]\:khq-bg-sentiment-action-tint > div {
  --tw-bg-opacity:1;
  background-color: rgb(217 235 253/var(--tw-bg-opacity));
}

.\[\&\>div\]\:khq-p-2 > div, .\[\&\>div\]\:khq-p-xsmall > div {
  padding: 0.5rem;
}

.\[\&\>div\]\:khq-px-2xsmall > div {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.\[\&\>div\]\:khq-px-base > div {
  padding-left: 1rem;
  padding-right: 1rem;
}

.\[\&\>div\]\:khq-px-xsmall > div {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&\>div\]\:khq-py-2xsmall > div {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.\[\&\>div\]\:khq-py-3xsmall > div {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.\[\&\>div\]\:khq-py-small > div {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.\[\&\>div\]\:khq-py-xsmall > div {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&\>div\]\:khq-align-bottom > div {
  vertical-align: bottom;
}

.\[\&\>div\]\:khq-text-base > div {
  font-size: 1rem;
  line-height: 1.25;
}

.\[\&\>div\]\:khq-text-black > div {
  --tw-text-opacity:1;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

.\[\&\>div\]\:khq-text-foreground-primary > div {
  --tw-text-opacity:1;
  color: rgb(13 13 13/var(--tw-text-opacity));
}

.last\:\[\&\>div\]\:khq-overflow-visible > div:last-child {
  overflow: visible;
}

.\[\&\>div\]\:last\:khq-border-b-0:last-child > div {
  border-bottom-width: 0;
}

.\[\&\>div\]\:hover\:khq-bg-background-hover:hover > div {
  background-color: rgba(13, 13, 13, 0.1019607843);
}

.\[\&\>iframe\]\:\!khq-bg-transparent > iframe {
  background-color: initial !important;
}

.\[\&\>ol\]\:khq-m-0 > ol {
  margin: 0;
}

.\[\&\>ol\]\:khq-mb-2 > ol {
  margin-bottom: 0.5rem;
}

.\[\&\>ol\]\:khq-indent-1 > ol {
  text-indent: 0.25rem;
}

.\[\&\>p\]\:khq-m-0 > p, .\[\&\>p\]\:khq-m-none > p {
  margin: 0;
}

.\[\&\>p\]\:khq-mb-2 > p {
  margin-bottom: 0.5rem;
}

.\[\&\>p\]\:khq-mb-none > p {
  margin-bottom: 0;
}

.\[\&\>p\]\:khq-mt-none > p {
  margin-top: 0;
}

.\[\&\>ul\]\:khq-mt-2xsmall > ul {
  margin-top: 0.25rem;
}

.\[\&_\*\[data-wrapper\]\]\:\!khq-h-12 [data-wrapper] {
  height: 3rem !important;
}

.\[\&_\*\[data-wrapper\]\]\:\!khq-ps-base [data-wrapper] {
  padding-inline-start: 1rem !important;
}

.\[\&_a\:hover\]\:khq-underline a:hover {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.\[\&_a\]\:khq-text-foreground-primary a {
  --tw-text-opacity:1;
  color: rgb(13 13 13/var(--tw-text-opacity));
}

.\[\&_button\]\:\!khq-bg-gray-50 button {
  --tw-bg-opacity:1!important;
  background-color: rgb(250 250 250/var(--tw-bg-opacity)) !important;
}

.\[\&_input\[readonly\]\]\:\!khq-text-foreground-primary input[readonly] {
  --tw-text-opacity:1!important;
  color: rgb(13 13 13/var(--tw-text-opacity)) !important;
}

.\[\&_input\]\:khq-cursor-pointer input {
  cursor: pointer;
}

.\[\&_input\]\:\!khq-bg-transparent input {
  background-color: initial !important;
}

.\[\&_input\]\:\!khq-text-large input {
  font-size: 1.125rem !important;
  line-height: 1.1111111111 !important;
}

.\[\&_input\]\:\!khq-text-black input {
  --tw-text-opacity:1!important;
  color: rgb(0 0 0/var(--tw-text-opacity)) !important;
}

.\[\&_ol\]\:khq-m-none ol {
  margin: 0;
}

.\[\&_ol\]\:khq-indent-2xsmall ol {
  text-indent: 0.25rem;
}

.\[\&_span\]\:khq-font-semibold span {
  font-weight: 600;
}

.\[\&_strong\]\:khq-font-medium strong {
  font-weight: 500;
}

.\[\&_strong\]\:khq-text-sentiment-action strong {
  --tw-text-opacity:1;
  color: rgb(43 110 213/var(--tw-text-opacity));
}

.\[\&_svg\]\:-khq-mr-2xsmall svg {
  margin-right: -0.25rem;
}

.\[\&_tab-panel\\_\\_container\]\:khq-sticky tab-panel__container {
  position: sticky;
}

.\[\&_tab-panel\\_\\_container\]\:khq-top-0 tab-panel__container {
  top: 0;
}

.\[\&_tab-panel\\_\\_panel\]\:khq-block tab-panel__panel {
  display: block;
}

.\[\&_ul\]\:khq-m-none ul {
  margin: 0;
}

.\[\&_ul\]\:khq-my-2xsmall ul {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_ul\]\:khq-pl-large ul {
  padding-left: 1.25rem;
}

/*
  Limits text to a set number of lines and adds ellipses. Provides a fallback for non webkit.
*/
/*
  Wraps in the right places, and keeps long links from pushing out
 */
/*We need this color for menu items*/
@font-face {
  font-family: Metric;
  font-weight: 400;
  font-style: normal;
  src: url("../bl-common-ui/assets/fonts/MetricWeb-Regular.woff") format("woff");
}
@font-face {
  font-family: Metric;
  font-weight: 400;
  font-style: italic;
  src: url("../bl-common-ui/assets/fonts/MetricWeb-RegularItalic.woff") format("woff");
}
@font-face {
  font-family: Metric;
  font-weight: 500;
  font-style: normal;
  src: url("../bl-common-ui/assets/fonts/MetricWeb-Medium.woff") format("woff");
}
@font-face {
  font-family: Metric;
  font-weight: 500;
  font-style: italic;
  src: url("../bl-common-ui/assets/fonts/MetricWeb-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: Metric;
  font-weight: 600;
  font-style: normal;
  src: url("../bl-common-ui/assets/fonts/MetricWeb-Semibold.woff") format("woff");
}
@font-face {
  font-family: Metric;
  font-weight: 600;
  font-style: italic;
  src: url("../bl-common-ui/assets/fonts/MetricWeb-SemiboldItalic.woff") format("woff");
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.page-title {
  font-size: 32px;
  font-weight: normal;
  margin: 0;
}

.page-title--header {
  color: #fff;
  margin: 19px 0 19px 0;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

.page-header {
  color: #2a2a2a;
  font-size: 22px;
  padding: 16px 0 8px 0;
  margin-bottom: 12px;
}

.section-group {
  position: relative;
}

.section-group__header {
  color: #2a2a2a;
  font-size: 22px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #ddd;
  margin: 12px 0 16px 0;
  position: relative;
}

.section-group__sub-header {
  color: #2a2a2a;
  font-size: 20px;
  padding: 0 0 8px 0;
  margin: 24px 0 12px 0;
}

.section-group__body-text {
  font-size: 18px;
  margin: 12px 0;
}

.section-group__action-bar {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
}
.section-group__action-bar .action-button, .section-group__action-bar .login__form-button {
  margin-left: 8px;
}
.section-group__action-bar .link-to {
  margin-left: 8px;
  text-decoration: underline;
}

.flag16.flag-ad {
  background-position: -16px 0;
}

.flag16.flag-ae {
  background-position: -32px 0;
}

.flag16.flag-af {
  background-position: -48px 0;
}

.flag16.flag-ag {
  background-position: -64px 0;
}

.flag16.flag-ai {
  background-position: -80px 0;
}

.flag16.flag-al {
  background-position: -96px 0;
}

.flag16.flag-am {
  background-position: -112px 0;
}

.flag16.flag-an {
  background-position: -128px 0;
}

.flag16.flag-ao {
  background-position: -144px 0;
}

.flag16.flag-ar {
  background-position: -160px 0;
}

.flag16.flag-as {
  background-position: -176px 0;
}

.flag16.flag-at {
  background-position: -192px 0;
}

.flag16.flag-au {
  background-position: -208px 0;
}

.flag16.flag-aw {
  background-position: -224px 0;
}

.flag16.flag-az {
  background-position: 0 -16px;
}

.flag16.flag-ba {
  background-position: -16px -16px;
}

.flag16.flag-bb {
  background-position: -32px -16px;
}

.flag16.flag-bd {
  background-position: -48px -16px;
}

.flag16.flag-be {
  background-position: -64px -16px;
}

.flag16.flag-bf {
  background-position: -80px -16px;
}

.flag16.flag-bg {
  background-position: -96px -16px;
}

.flag16.flag-bh {
  background-position: -112px -16px;
}

.flag16.flag-bi {
  background-position: -128px -16px;
}

.flag16.flag-bj {
  background-position: -144px -16px;
}

.flag16.flag-bm {
  background-position: -160px -16px;
}

.flag16.flag-bn {
  background-position: -176px -16px;
}

.flag16.flag-bo {
  background-position: -192px -16px;
}

.flag16.flag-br {
  background-position: -208px -16px;
}

.flag16.flag-bs {
  background-position: -224px -16px;
}

.flag16.flag-bt {
  background-position: 0 -32px;
}

.flag16.flag-bw {
  background-position: -16px -32px;
}

.flag16.flag-by {
  background-position: -32px -32px;
}

.flag16.flag-bz {
  background-position: -48px -32px;
}

.flag16.flag-ca {
  background-position: -64px -32px;
}

.flag16.flag-cd {
  background-position: -80px -32px;
}

.flag16.flag-cf {
  background-position: -96px -32px;
}

.flag16.flag-cg {
  background-position: -112px -32px;
}

.flag16.flag-ch {
  background-position: -128px -32px;
}

.flag16.flag-ci {
  background-position: -144px -32px;
}

.flag16.flag-ck {
  background-position: -160px -32px;
}

.flag16.flag-cl {
  background-position: -176px -32px;
}

.flag16.flag-cm {
  background-position: -192px -32px;
}

.flag16.flag-cn {
  background-position: -208px -32px;
}

.flag16.flag-co {
  background-position: -224px -32px;
}

.flag16.flag-cr {
  background-position: 0 -48px;
}

.flag16.flag-cu {
  background-position: -16px -48px;
}

.flag16.flag-cv {
  background-position: -32px -48px;
}

.flag16.flag-cy {
  background-position: -48px -48px;
}

.flag16.flag-cz {
  background-position: -64px -48px;
}

.flag16.flag-de {
  background-position: -80px -48px;
}

.flag16.flag-dj {
  background-position: -96px -48px;
}

.flag16.flag-dk {
  background-position: -112px -48px;
}

.flag16.flag-dm {
  background-position: -128px -48px;
}

.flag16.flag-do {
  background-position: -144px -48px;
}

.flag16.flag-dz {
  background-position: -160px -48px;
}

.flag16.flag-ec {
  background-position: -176px -48px;
}

.flag16.flag-ee {
  background-position: -192px -48px;
}

.flag16.flag-eg {
  background-position: -208px -48px;
}

.flag16.flag-eh {
  background-position: -224px -48px;
}

.flag16.flag-er {
  background-position: 0 -64px;
}

.flag16.flag-es {
  background-position: -16px -64px;
}

.flag16.flag-et {
  background-position: -32px -64px;
}

.flag16.flag-fi {
  background-position: -48px -64px;
}

.flag16.flag-fj {
  background-position: -64px -64px;
}

.flag16.flag-fm {
  background-position: -80px -64px;
}

.flag16.flag-fo {
  background-position: -96px -64px;
}

.flag16.flag-fr {
  background-position: -112px -64px;
}

.flag16.flag-ga {
  background-position: -128px -64px;
}

.flag16.flag-gb {
  background-position: -144px -64px;
}

.flag16.flag-gb-eng {
  background-position: -144px -64px;
}

.flag16.flag-gb-nir {
  background-position: -144px -64px;
}

.flag16.flag-gb-sct {
  background-position: -144px -64px;
}

.flag16.flag-gb-wls {
  background-position: -144px -64px;
}

.flag16.flag-gd {
  background-position: -160px -64px;
}

.flag16.flag-ge {
  background-position: -176px -64px;
}

.flag16.flag-gg {
  background-position: -192px -64px;
}

.flag16.flag-gh {
  background-position: -208px -64px;
}

.flag16.flag-gi {
  background-position: -224px -64px;
}

.flag16.flag-gl {
  background-position: 0 -80px;
}

.flag16.flag-gm {
  background-position: -16px -80px;
}

.flag16.flag-gn {
  background-position: -32px -80px;
}

.flag16.flag-gp {
  background-position: -48px -80px;
}

.flag16.flag-gq {
  background-position: -64px -80px;
}

.flag16.flag-gr {
  background-position: -80px -80px;
}

.flag16.flag-gt {
  background-position: -96px -80px;
}

.flag16.flag-gu {
  background-position: -112px -80px;
}

.flag16.flag-gw {
  background-position: -128px -80px;
}

.flag16.flag-gy {
  background-position: -144px -80px;
}

.flag16.flag-hk {
  background-position: -160px -80px;
}

.flag16.flag-hn {
  background-position: -176px -80px;
}

.flag16.flag-hr {
  background-position: -192px -80px;
}

.flag16.flag-ht {
  background-position: -208px -80px;
}

.flag16.flag-hu {
  background-position: -224px -80px;
}

.flag16.flag-id {
  background-position: 0 -96px;
}

.flag16.flag-ie {
  background-position: -16px -96px;
}

.flag16.flag-il {
  background-position: -32px -96px;
}

.flag16.flag-im {
  background-position: -48px -96px;
}

.flag16.flag-in {
  background-position: -64px -96px;
}

.flag16.flag-iq {
  background-position: -80px -96px;
}

.flag16.flag-ir {
  background-position: -96px -96px;
}

.flag16.flag-is {
  background-position: -112px -96px;
}

.flag16.flag-it {
  background-position: -128px -96px;
}

.flag16.flag-je {
  background-position: -144px -96px;
}

.flag16.flag-jm {
  background-position: -160px -96px;
}

.flag16.flag-jo {
  background-position: -176px -96px;
}

.flag16.flag-jp {
  background-position: -192px -96px;
}

.flag16.flag-ke {
  background-position: -208px -96px;
}

.flag16.flag-kg {
  background-position: -224px -96px;
}

.flag16.flag-kh {
  background-position: 0 -112px;
}

.flag16.flag-ki {
  background-position: -16px -112px;
}

.flag16.flag-km {
  background-position: -32px -112px;
}

.flag16.flag-kn {
  background-position: -48px -112px;
}

.flag16.flag-kp {
  background-position: -64px -112px;
}

.flag16.flag-kr {
  background-position: -80px -112px;
}

.flag16.flag-kw {
  background-position: -96px -112px;
}

.flag16.flag-ky {
  background-position: -112px -112px;
}

.flag16.flag-kz {
  background-position: -128px -112px;
}

.flag16.flag-la {
  background-position: -144px -112px;
}

.flag16.flag-lb {
  background-position: -160px -112px;
}

.flag16.flag-lc {
  background-position: -176px -112px;
}

.flag16.flag-li {
  background-position: -192px -112px;
}

.flag16.flag-lk {
  background-position: -208px -112px;
}

.flag16.flag-lr {
  background-position: -224px -112px;
}

.flag16.flag-ls {
  background-position: 0 -128px;
}

.flag16.flag-lt {
  background-position: -16px -128px;
}

.flag16.flag-lu {
  background-position: -32px -128px;
}

.flag16.flag-lv {
  background-position: -48px -128px;
}

.flag16.flag-ly {
  background-position: -64px -128px;
}

.flag16.flag-ma {
  background-position: -80px -128px;
}

.flag16.flag-mc {
  background-position: -96px -128px;
}

.flag16.flag-md {
  background-position: -112px -128px;
}

.flag16.flag-me {
  background-position: -128px -128px;
}

.flag16.flag-mg {
  background-position: -144px -128px;
}

.flag16.flag-mh {
  background-position: -160px -128px;
}

.flag16.flag-mk {
  background-position: -176px -128px;
}

.flag16.flag-ml {
  background-position: -192px -128px;
}

.flag16.flag-mm {
  background-position: -208px -128px;
}

.flag16.flag-mn {
  background-position: -224px -128px;
}

.flag16.flag-mo {
  background-position: 0 -144px;
}

.flag16.flag-mq {
  background-position: -16px -144px;
}

.flag16.flag-mr {
  background-position: -32px -144px;
}

.flag16.flag-ms {
  background-position: -48px -144px;
}

.flag16.flag-mt {
  background-position: -64px -144px;
}

.flag16.flag-mu {
  background-position: -80px -144px;
}

.flag16.flag-mv {
  background-position: -96px -144px;
}

.flag16.flag-mw {
  background-position: -112px -144px;
}

.flag16.flag-mx {
  background-position: -128px -144px;
}

.flag16.flag-my {
  background-position: -144px -144px;
}

.flag16.flag-mz {
  background-position: -160px -144px;
}

.flag16.flag-na {
  background-position: -176px -144px;
}

.flag16.flag-nc {
  background-position: -192px -144px;
}

.flag16.flag-ne {
  background-position: -208px -144px;
}

.flag16.flag-ng {
  background-position: -224px -144px;
}

.flag16.flag-ni {
  background-position: 0 -160px;
}

.flag16.flag-nl {
  background-position: -16px -160px;
}

.flag16.flag-no {
  background-position: -32px -160px;
}

.flag16.flag-np {
  background-position: -48px -160px;
}

.flag16.flag-nr {
  background-position: -64px -160px;
}

.flag16.flag-nz {
  background-position: -80px -160px;
}

.flag16.flag-om {
  background-position: -96px -160px;
}

.flag16.flag-pa {
  background-position: -112px -160px;
}

.flag16.flag-pe {
  background-position: -128px -160px;
}

.flag16.flag-pf {
  background-position: -144px -160px;
}

.flag16.flag-pg {
  background-position: -160px -160px;
}

.flag16.flag-ph {
  background-position: -176px -160px;
}

.flag16.flag-pk {
  background-position: -192px -160px;
}

.flag16.flag-pl {
  background-position: -208px -160px;
}

.flag16.flag-pr {
  background-position: -224px -160px;
}

.flag16.flag-ps {
  background-position: 0 -176px;
}

.flag16.flag-pt {
  background-position: -16px -176px;
}

.flag16.flag-pw {
  background-position: -32px -176px;
}

.flag16.flag-py {
  background-position: -48px -176px;
}

.flag16.flag-qa {
  background-position: -64px -176px;
}

.flag16.flag-re {
  background-position: -80px -176px;
}

.flag16.flag-ro {
  background-position: -96px -176px;
}

.flag16.flag-rs {
  background-position: -112px -176px;
}

.flag16.flag-ru {
  background-position: -128px -176px;
}

.flag16.flag-rw {
  background-position: -144px -176px;
}

.flag16.flag-sa {
  background-position: -160px -176px;
}

.flag16.flag-sb {
  background-position: -176px -176px;
}

.flag16.flag-sc {
  background-position: -192px -176px;
}

.flag16.flag-sd {
  background-position: -208px -176px;
}

.flag16.flag-se {
  background-position: -224px -176px;
}

.flag16.flag-sg {
  background-position: 0 -192px;
}

.flag16.flag-si {
  background-position: -16px -192px;
}

.flag16.flag-sk {
  background-position: -32px -192px;
}

.flag16.flag-sl {
  background-position: -48px -192px;
}

.flag16.flag-sm {
  background-position: -64px -192px;
}

.flag16.flag-sn {
  background-position: -80px -192px;
}

.flag16.flag-so {
  background-position: -96px -192px;
}

.flag16.flag-sr {
  background-position: -112px -192px;
}

.flag16.flag-st {
  background-position: -128px -192px;
}

.flag16.flag-sv {
  background-position: -144px -192px;
}

.flag16.flag-sy {
  background-position: -160px -192px;
}

.flag16.flag-sz {
  background-position: -176px -192px;
}

.flag16.flag-tc {
  background-position: -192px -192px;
}

.flag16.flag-td {
  background-position: -208px -192px;
}

.flag16.flag-tg {
  background-position: -224px -192px;
}

.flag16.flag-th {
  background-position: 0 -208px;
}

.flag16.flag-tj {
  background-position: -16px -208px;
}

.flag16.flag-tl {
  background-position: -32px -208px;
}

.flag16.flag-tm {
  background-position: -48px -208px;
}

.flag16.flag-tn {
  background-position: -64px -208px;
}

.flag16.flag-to {
  background-position: -80px -208px;
}

.flag16.flag-tr {
  background-position: -96px -208px;
}

.flag16.flag-tt {
  background-position: -112px -208px;
}

.flag16.flag-tv {
  background-position: -128px -208px;
}

.flag16.flag-tw {
  background-position: -144px -208px;
}

.flag16.flag-tz {
  background-position: -160px -208px;
}

.flag16.flag-ua {
  background-position: -176px -208px;
}

.flag16.flag-ug {
  background-position: -192px -208px;
}

.flag16.flag-us {
  background-position: -208px -208px;
}

.flag16.flag-uy {
  background-position: -224px -208px;
}

.flag16.flag-uz {
  background-position: 0 -224px;
}

.flag16.flag-va {
  background-position: -16px -224px;
}

.flag16.flag-vc {
  background-position: -32px -224px;
}

.flag16.flag-ve {
  background-position: -48px -224px;
}

.flag16.flag-vg {
  background-position: -64px -224px;
}

.flag16.flag-vi {
  background-position: -80px -224px;
}

.flag16.flag-vn {
  background-position: -96px -224px;
}

.flag16.flag-vu {
  background-position: -112px -224px;
}

.flag16.flag-ws {
  background-position: -128px -224px;
}

.flag16.flag-ye {
  background-position: -144px -224px;
}

.flag16.flag-za {
  background-position: -160px -224px;
}

.flag16.flag-zm {
  background-position: -176px -224px;
}

.flag16.flag-zw {
  background-position: -192px -224px;
}

.flag16 {
  width: 16px;
  height: 16px;
  background: url("data:image/png;base64,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") no-repeat;
  display: inline-block;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  overflow-y: overlay;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.grid-content {
  padding: 0px;
  margin: 0px;
}

.grid-block {
  overflow: visible;
}

.grid-container {
  min-width: 100%;
  max-width: none;
}

/*
  Custom Balanced Labs Icon Font.
*/
/*****
	STEPS TO ADD NEW ICONS TO THE BL-ICON CUSTOM FONT

	1. Go to icomoon.io and open the icomoon app.
	2. Select Import Project and upload the BL-icon.json in common-ui (found in public/assets/fonts). [This file must be kept up to date when new icons are added].
	3. Import any new icon svg files you want to add --> Use the "Icons" Sketch file library to add and export the icons (found in Dropbox).
	4. Generate the font from iconmoon and also export the project (BL-icon.json)
	5. Add the font files and the project file to the public/assets/fonts folder in common-ui.
	6. Update the contents above and the sass variables below (the content values can are shown on the icomoon export font page).
*****/
@font-face {
  font-family: "bl-icons";
  src: url("../bl-common-ui/assets/fonts/bl-icons.woff?-ae17ef") format("woff");
  font-weight: normal;
  font-style: normal;
}
.bl-icon, .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .timeline-item-header__shared-icon, .auto-complete-email__button--chevron {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bl-icon--16 {
  font-size: 16px;
}

.bl-icon--24 {
  font-size: 24px;
}

.bl-icon--32 {
  font-size: 32px;
}

.bl-icon--48 {
  font-size: 48px;
}

.bl-icon--64 {
  font-size: 64px;
}

.bl-icon--white {
  color: white;
}

.bl-icon--black {
  color: #000;
}

.bl-icon--primary-color {
  color: #2872d3;
}

.bl-icon--error:before {
  content: "\e962";
}

.bl-icon--line:before {
  content: "\e961";
}

.bl-icon--plug:before {
  content: "\e960";
}

.bl-icon--star-full:before {
  content: "\e95f";
}

.bl-icon--star-empty:before {
  content: "\e95e";
}

.bl-icon--cog:before {
  content: "\e95d";
}

.bl-icon--facebook:before {
  content: "\e959";
}

.bl-icon--linkedin:before {
  content: "\e95a";
}

.bl-icon--skype:before {
  content: "\e95b";
}

.bl-icon--twitter:before {
  content: "\e95c";
}

.bl-icon--computer:before {
  content: "\e954";
}

.bl-icon--phone:before {
  content: "\e958";
}

.bl-icon--lock:before {
  content: "\e953";
}

.bl-icon--assign:before {
  content: "\e600";
}

.bl-icon--back:before {
  content: "\e601";
}

.bl-icon--chevron-down:before, .auto-complete-email__button--chevron:before {
  content: "\e602";
}

.bl-icon--clear-hollow:before {
  content: "\e603";
}

.bl-icon--clear-solid:before {
  content: "\e604";
}

.bl-icon--close:before {
  content: "\e605";
}

.bl-icon--delete:before {
  content: "\e605";
}

.bl-icon--download:before {
  content: "\e607";
}

.bl-icon--email:before {
  content: "\e608";
}

.bl-icon--logout:before {
  content: "\e609";
}

.bl-icon--mention:before {
  content: "\e60a";
}

.bl-icon--menu:before {
  content: "\e60b";
}

.bl-icon--note:before {
  content: "\e60c";
}

.bl-icon--reply:before {
  content: "\e60d";
}

.bl-icon--search:before {
  content: "\e60e";
}

.bl-icon--upload:before {
  content: "\e60f";
}

.bl-icon--work:before {
  content: "\e610";
}

.bl-icon--more:before {
  content: "\e611";
}

.bl-icon--done:before {
  content: "\e612";
}

.bl-icon--refresh:before {
  content: "\e613";
}

.bl-icon--contact:before {
  content: "\e614";
}

.bl-icon--collapse:before {
  content: "\e615";
}

.bl-icon--add:before {
  content: "\e616";
}

.bl-icon--triage:before {
  content: "\e902";
}

.bl-icon--generic-alert:before {
  content: "\e903";
}

.bl-icon--assignment-alert:before {
  content: "\e921";
}

.bl-icon--right-arrow:before {
  font-family: Arial;
  content: "→";
}

.bl-icon--doc-other:before {
  color: rgba(0, 0, 0, 0.3);
  content: "\e913";
}

.bl-icon--doc-compressed:before {
  color: rgba(0, 0, 0, 0.3);
  content: "\e904";
}

.bl-icon--doc-video:before {
  color: rgba(0, 0, 0, 0.3);
  content: "\e905";
}

.bl-icon--doc-audio:before {
  color: rgba(0, 0, 0, 0.3);
  content: "\e906";
}

.bl-icon--doc-image:before {
  color: rgba(234, 158, 9, 0.7);
  content: "\e907";
}

.bl-icon--doc-presentation:before {
  color: rgba(234, 158, 9, 0.7);
  content: "\e908";
}

.bl-icon--doc-text:before {
  color: rgba(40, 114, 211, 0.7);
  content: "\e909";
}

.bl-icon--doc-spreadsheet:before {
  color: rgba(18, 175, 148, 0.7);
  content: "\e90a";
}

.bl-icon--doc-pdf:before {
  color: rgba(167, 36, 34, 0.7);
  content: "\e90b";
}

.bl-icon--doc-upload:before {
  color: rgba(167, 36, 34, 0.7);
  content: "\e920";
}

.bl-icon--attachment:before {
  content: "\e912";
}

.bl-icon--bold:before {
  content: "\e911";
}

.bl-icon--italic:before {
  content: "\e910";
}

.bl-icon--underline:before {
  content: "\e90f";
}

.bl-icon--bulleted-list:before {
  content: "\e90e";
}

.bl-icon--numbered-list:before {
  content: "\e90d";
}

.bl-icon--text-color:before {
  content: "\e90c";
}

.bl-icon--link:before {
  content: "\e914";
}

.bl-icon--font-size:before {
  content: "\e91a";
}

.bl-icon--font-name:before {
  content: "\e91b";
}

.bl-icon--remove-format:before {
  content: "\e91c";
}

.bl-icon--indent:before {
  content: "\e91e";
}

.bl-icon--outdent:before {
  content: "\e91f";
}

.bl-icon--shared:before, .timeline-item-header__shared-icon:before {
  content: "\e901";
}

.bl-icon--trash:before {
  content: "\e915";
}

.bl-icon--pencil:before {
  content: "\e916";
}

.bl-icon--to-do:before {
  content: "\e917";
}

.bl-icon--follow:before {
  content: "\e918";
}

.bl-icon--info:before {
  content: "\e919";
}

.bl-icon--calender:before {
  content: "\e91d";
}

.bl-icon--comment:before {
  content: "\e923";
}

.bl-icon-up-arrow:before {
  content: "\e922";
}

.bl-icon--sent-arrow:before {
  content: "\e925";
}

.bl-icon--contact-outline:before {
  content: "\e900";
}

.bl-icon--organization:before {
  content: "\e924";
}

.bl-icon--emoji:before {
  content: "\e926";
}

.bl-icon--training:before {
  content: "\e928";
}

.bl-icon--feature-request:before {
  content: "\e927";
}

.bl-icon--contact-support:before {
  content: "\e929";
}

.bl-icon--export:before {
  content: "\e92a";
}

.bl-icon--settings:before {
  content: "\e92b";
}

.bl-icon--doc-download:before {
  color: #000;
  content: "\e92c";
}

.bl-icon--split:before {
  content: "\e92d";
}

.bl-icon--clock:before {
  content: "\e92e";
}

.bl-icon--coin:before {
  content: "\e92f";
}

.bl-icon--flag:before {
  content: "\e930";
}

.bl-icon--reply-all:before {
  content: "\e931";
}

.bl-icon--location:before {
  content: "\e932";
}

.bl-icon--client-group:before {
  content: "\e933";
}

.bl-icon--client-id:before {
  content: "\e934";
}

.bl-icon--next:before {
  content: "\e935";
}

.bl-icon--prev:before {
  content: "\e936";
}

.bl-icon--logs:before {
  content: "\e937";
}

.bl-icon--docs-lite:before {
  content: "\e938";
}

.bl-icon--email-lite:before {
  content: "\e939";
}

.bl-icon--bolt:before {
  content: "\e93a";
}

.bl-icon--insight-down:before {
  content: "\e93b";
}

.bl-icon--insight-up:before {
  content: "\e93c";
}

.bl-icon--client-group-lite:before {
  content: "\e93d";
}

.bl-icon--contact-lite:before {
  content: "\e93e";
}

.bl-icon--org-lite:before {
  content: "\e93f";
}

.bl-icon--work-lite:before {
  content: "\e940";
}

.bl-icon--comment-lite:before {
  content: "\e941";
}

.bl-icon--bulleted-list-lite:before {
  content: "\e942";
}

.bl-icon--create-lite:before {
  content: "\e943";
}

.bl-icon--status-lite:before {
  content: "\e944";
}

.bl-icon--split-lite:before {
  content: "\e945";
}

.bl-icon--pin:before {
  content: "\e946";
}

.bl-icon--repeat:before {
  content: "\e947";
}

.bl-icon--dates:before {
  content: "\e948";
}

.bl-icon--tasks:before {
  content: "\e951";
}

.bl-icon--thumbs-up:before {
  content: "\e949";
}

.bl-icon--count-email:before {
  content: "\e955";
}

.bl-icon--count-comment:before {
  content: "\e956";
}

.bl-icon--count-files:before {
  content: "\e957";
}

.bl-icon--assignment-solid:before {
  content: "\e94a";
}

.bl-icon--client-group-solid:before {
  content: "\e94b";
}

.bl-icon--organization-solid:before {
  content: "\e94c";
}

.bl-icon--person-solid:before {
  content: "\e94d";
}

.bl-icon--work-solid:before {
  content: "\e94e";
}

.bl-icon--camera:before {
  content: "\e94f";
}

.bl-icon-move-lite:before {
  content: "\e950";
}

.bl-icon--chevron-up:before {
  content: "\e952";
}

.bl-icon--calendar-lite:before {
  content: "\e963";
}

.bl-icon--lock-lite:before {
  content: "\e964";
}

.bl-icon--shared-lite:before {
  content: "\e965";
}

.bl-icon--clock-filled:before {
  content: "\e966";
}

.block-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
}

.block-list__item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.block-list__item--spaced {
  padding-top: 10px;
  padding-bottom: 10px;
}

.block-list__item--padded {
  padding: 10px;
}

.block-list__item--indented {
  padding-left: 65px;
}

.block-list__item--bordered-top {
  border-top: 1px solid #e6e6e6;
}
.block-list__item--bordered-top:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

@media only screen and (min-width: 601px) {
  .block-list__item.nav-active {
    background-color: rgba(230, 230, 230, 0.5);
  }
}

.block-list__item--bordered-bottom {
  border-bottom: 1px solid #e6e6e6;
}
.block-list__item--bordered-bottom:last-child {
  border-bottom: 0;
}

.block-list__item--bordered {
  border-top: 1px #e6e6e6 solid;
}
.block-list__item--bordered:last-child {
  border-bottom: 1px #e6e6e6 solid;
}

.block-list__item--filled {
  background: #fff;
  border-radius: 3px;
  margin-bottom: 4px;
  padding: 16px;
}
.block-list__item--filled:last-child {
  border: 0;
  margin: 0;
}

.conversation-view {
  width: 100%;
}
.conversation-view .conversation-view__reply .conversation-view__reply-button {
  display: flex;
  align-items: center;
}
.conversation-view .conversation-view__reply .conversation-view__reply-button .conversation-view__reply-button-label {
  margin-left: 20px;
}
.conversation-view .conversation-view__reply .conversation-view__reply__container {
  width: 100%;
  height: 330px;
}
.conversation-view .conversation-view__list {
  border-top: 1px solid #ccc;
  margin-top: 10px;
}
.conversation-view .conversation-view__list > li {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

.button {
  padding: 0 16px;
  margin: 0;
}
.button::-moz-focus-outer, .button::-moz-focus-inner {
  border: 0;
}

.button--round {
  border-radius: 3px;
}

.button--secondary {
  background-color: #fff;
  color: #ccc;
  border: 1px solid #ccc;
}
.button--secondary:hover {
  background-color: #fff;
}

.button--disabled,
.button:disabled {
  background-color: #ccc;
  color: #ffffff;
  border: 1px solid #ccc;
}

.button--chromeless {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  outline: none;
}

button:focus {
  outline: 0;
}

/****


/***************
action-button: Base button component
@NOTE: 
 The goal is to keep the un-modded action-button component free of styling. 
 Use the mods to add styling so the component can be easily re-styled when necessary.
***********/
.action-button, .login__form-button {
  background-color: transparent;
  border: none;
  outline: 0;
  display: inline-block;
  cursor: pointer;
}
.action-button::-moz-focus-outer, .login__form-button::-moz-focus-outer, .action-button::-moz-focus-inner, .login__form-button::-moz-focus-inner {
  border: 0;
}
.action-button--disabled {
  cursor: default;
}
.action-button__group {
  display: flex;
}
.action-button__group .action-button, .action-button__group .login__form-button {
  margin-right: 8px;
}
.action-button--truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.action-button--inline {
  display: inline;
  padding: 2px;
  border: none;
  margin: 0;
  background: none;
  color: #2872d3;
}
.action-button--inline.action-button--disabled, .action-button--inline:disabled {
  background-color: transparent;
  color: #999999;
  border: none;
  text-decoration: none;
}

.action-button--no-bg, .action-button--secondary, .action-button--primary, .login__form-button {
  padding: 0 16px;
  margin: 0;
  height: 40px;
  font-weight: 500;
  border-radius: 5px;
  min-width: 70px;
  font-size: 16px;
  line-height: 18px;
}

.action-button--primary, .login__form-button {
  color: #fff;
  background-color: #2872d3;
  border: 1px solid #2872d3;
}

.action-button--primary-small {
  padding: 0 8px;
  color: #fff;
  margin: 0;
  background-color: #2872d3;
  border: 1px solid #2872d3;
  height: 32px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 16px;
  line-height: 16px;
}

.action-button--primary:disabled, .login__form-button:disabled,
.action-button--primary-small:disabled {
  background-color: #ccc;
  border-color: #ccc;
}

.action-button--secondary {
  color: #2872d3;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
}

.action-button--secondary:disabled {
  color: #bababa;
}

.action-button--secondary-small {
  padding: 0 8px;
  color: #2872d3;
  margin: 0;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  height: 32px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 16px;
  line-height: 16px;
}

.action-button--secondary-small:disabled {
  color: #bababa;
}

.action-button--no-bg {
  color: #2872d3;
  background-color: transparent;
  border: 1px solid transparent;
}

.action-button--inverted {
  padding: 0 16px;
  color: #2872d3;
  margin: 0;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  height: 40px;
  font-weight: 500;
  border-radius: 5px;
  min-width: 70px;
  font-size: 16px;
  line-height: 18px;
}

.action-button--inverted:disabled {
  color: #fff;
}

a.action-button--primary, a.login__form-button,
a.action-button--secondary,
a.action-button--inverted {
  line-height: 38px;
}

.action-button--inverted-small {
  padding: 0 8px;
  color: #2872d3;
  margin: 0;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  height: 32px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 16px;
  line-height: 16px;
}

.action-button--inverted-small:disabled {
  color: #999999;
}

/***********
  Link Style Mods
***********/
.action-button--link, .action-button--link-ultra-quiet-ultra-small, .action-button--link-ultra-quiet-small, .action-button--link-ultra-quiet, .action-button--link-quiet-ultra-small, .action-button--link-quiet-small, .action-button--link-quiet, .action-button--link-small, .action-button--link-medium {
  display: inline;
  padding: 0;
  border: none;
  margin: 0;
  background: none;
  color: #2872d3;
  background-color: transparent;
  text-decoration: underline;
}
.action-button--link:disabled, .action-button--link-ultra-quiet-ultra-small:disabled, .action-button--link-ultra-quiet-small:disabled, .action-button--link-ultra-quiet:disabled, .action-button--link-quiet-ultra-small:disabled, .action-button--link-quiet-small:disabled, .action-button--link-quiet:disabled, .action-button--link-small:disabled, .action-button--link-medium:disabled {
  color: #999999;
  border: none;
  text-decoration: none;
}

.action-button--link-medium {
  font-weight: 500;
}

.action-button--link-small {
  font-size: 16px;
}

.action-button--link-quiet {
  color: #000;
}

.action-button--link-quiet-small {
  color: #000;
  font-size: 16px;
}

.action-button--link-quiet-ultra-small {
  color: #000;
  font-size: 14px;
}

.action-button--link-ultra-quiet {
  color: #999999;
}

.action-button--link-ultra-quiet-small {
  color: #999999;
  font-size: 16px;
}

.action-button--link-ultra-quiet-ultra-small {
  color: #999999;
  font-size: 14px;
}

.action-button--red-bg {
  background-color: #d10615;
  border: 1px solid #d10615;
}

.drop-down-button {
  outline: 0;
}
.drop-down-button .drop-down-button__toggle {
  background: transparent;
  height: 32px;
  width: 48px;
}
.drop-down-button .drop-down-button__toggle:hover, .drop-down-button .drop-down-button__toggle:focus {
  background: transparent;
}
.drop-down-button.drop-down-button--no-border .drop-down-button__toggle {
  border: none;
}

.drop-down-button--modal .drop-down-button__toggle {
  background: transparent;
  color: #fff;
  border: 0;
  height: 32px;
  width: 48px;
}
.drop-down-button--modal .drop-down-button__toggle:hover, .drop-down-button--modal .drop-down-button__toggle:focus {
  background: transparent;
}
.drop-down-button--modal.drop-down-button--ellipsis .drop-down-button__toggle:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611";
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: -15px;
}
.drop-down-button--modal.drop-down-button--ellipsis .drop-down-button__toggle__label {
  visibility: hidden;
}
.drop-down-button--modal .drop-down-list__divider {
  background: #e6e6e6;
  width: 100%;
  margin: 4px 0;
  height: 1px;
}
@media only screen and (max-width: 600px) {
  .drop-down-button--modal .drop-down-list__divider {
    margin: 0;
  }
}
.drop-down-button--modal .drop-down-button__overlay {
  width: 100%;
  content: "";
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  position: fixed;
  z-index: 1;
}
.drop-down-button--modal .drop-down-button__list {
  margin: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  background: white;
  border: 0;
  border-radius: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media only screen and (max-width: 600px) {
  .drop-down-button--modal .drop-down-button__list {
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.7);
    padding-bottom: 0px;
  }
}
.drop-down-button--modal .drop-down-button__list label {
  width: 100%;
  font-size: 14px;
  padding: 4px 16px 0 16px;
  color: #999999;
  background: #fff;
  height: 32px;
  line-height: 32px;
}
.drop-down-button--modal .drop-down-button__list .action-button, .drop-down-button--modal .drop-down-button__list .login__form-button {
  width: 100%;
  background: #fff !important;
  font-size: 18px;
}
.drop-down-button--modal .drop-down-button__list .action-button.disabled, .drop-down-button--modal .drop-down-button__list .disabled.login__form-button {
  color: #999999;
}
.drop-down-button--modal .drop-down-button__list .drop-down-button--close {
  display: block;
  color: #000;
  font-weight: 600;
  /* always include a divider above the close button */
  border-top: 1px solid #e6e6e6;
  margin-top: 4px;
  padding-top: 4px;
  height: 52px;
}
@media only screen and (max-width: 600px) {
  .drop-down-button--modal .drop-down-button__list .drop-down-button--close {
    margin: 0;
  }
}

@media only screen and (min-width: 601px) {
  .drop-down-button--modal > .action-button, .drop-down-button--modal > .login__form-button {
    background: #fff;
    color: #2872d3;
  }
  .drop-down-button--modal > .action-button:hover, .drop-down-button--modal > .login__form-button:hover {
    background: rgba(255, 255, 255, 0.8);
  }
  .drop-down-button--modal > .action-button:focus, .drop-down-button--modal > .login__form-button:focus {
    background: #fff;
  }
  .drop-down-button--modal.drop-down-button--active::after {
    display: none;
  }
  .drop-down-button--modal .drop-down-list__divider {
    margin: 8px 0;
  }
  .drop-down-button--modal .drop-down-button__list {
    position: absolute;
    bottom: auto;
    left: auto;
    width: auto;
    margin-left: 0;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .drop-down-button--modal .drop-down-button__list label {
    height: auto;
    line-height: 14px;
    text-align: left;
    padding: 11px 16px 8px 16px;
    border: none;
  }
  .drop-down-button--modal .drop-down-button__list .action-button, .drop-down-button--modal .drop-down-button__list .login__form-button {
    min-width: 200px;
    padding: 8px 16px;
    border: 0;
    text-align: left;
    background: transparent;
  }
  .drop-down-button--modal .drop-down-button__list .drop-down-button--close {
    display: none;
  }
}
.drop-down__label {
  display: inline-block;
  width: 100%;
  text-align: left;
}

.drop-down-button--transparent > .action-button, .drop-down-button--transparent > .login__form-button {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(153, 153, 153, 0.3);
  color: #2872d3;
  font-weight: 600;
  font-size: 14px;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 0;
  text-transform: uppercase;
  width: auto;
  max-width: initial;
  background: #fff;
}
.drop-down-button--transparent > .action-button:hover, .drop-down-button--transparent > .login__form-button:hover {
  background: #fff;
}

@media only screen and (max-width: 600px) {
  .drop-down-button--mobile .drop-down-button__toggle {
    color: #2872d3;
  }
}

.drop-down-button--right-aligned-list {
  position: relative;
}
.drop-down-button--right-aligned-list .drop-down-button__list {
  right: 0;
}

.drop-down-button--white > .action-button, .drop-down-button--white > .login__form-button, .drop-down-button--white > .action-button:hover, .drop-down-button--white > .action-button:focus, .drop-down-button--white > .action-button:active {
  background: transparent;
  color: white;
}

.drop-down-button--modal-state > .action-button, .drop-down-button--modal-state > .login__form-button, .drop-down-button--modal-state > .action-button:hover, .drop-down-button--modal-state > .action-button:focus, .drop-down-button--modal-state > .action-button:active {
  background: transparent;
  color: black;
}
.drop-down-button--modal-state label {
  background: transparent;
}
.drop-down-button--modal-state .action-button:hover,
.drop-down-button--modal-state .action-button,
.drop-down-button--modal-state .login__form-button {
  background: transparent;
}

.drop-down-button__list {
  position: absolute;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  width: auto;
  left: auto;
  padding-left: 0px;
  margin-top: 8px;
  list-style: none;
}
.drop-down-button__list.drop-down-button__list--align-center {
  left: 50%;
  transform: translateX(-50%);
}
.drop-down-button__list .drop-down-button__list__item,
.drop-down-button__list .action-button,
.drop-down-button__list .login__form-button {
  background-color: transparent;
  color: #000;
  width: 200px;
  border-radius: 0;
  border: none;
  text-align: left;
  padding: 0 16px;
  font-size: 18px;
}
.drop-down-button__list .drop-down-button__list__item:hover, .drop-down-button__list .drop-down-button__list__item:focus,
.drop-down-button__list .action-button:hover,
.drop-down-button__list .login__form-button:hover,
.drop-down-button__list .action-button:focus,
.drop-down-button__list .login__form-button:focus {
  color: #2872d3;
}
.drop-down-button__list .drop-down-button__list__item {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .drop-down-button__list {
    justify-content: flex-end;
    top: auto;
    height: 100%;
  }
}

.pop-over {
  position: relative;
  opacity: 1;
}

.pop-over__contents {
  position: absolute;
  top: auto;
  left: 0;
  right: auto;
  z-index: 50;
}

.pop-over.align-right .pop-over__contents {
  right: 0;
  left: auto;
}

.pop-over--modal .pop-over__toggle {
  background: transparent;
  color: #000;
  border: 0;
  height: auto;
  width: auto;
}
.pop-over--modal .pop-over__toggle:hover, .pop-over--modal .pop-over__toggle:focus {
  background: transparent;
}
.pop-over--modal .pop-over__divider {
  background: rgba(68, 68, 68, 0.1);
  width: 100%;
  margin: 8px 0;
  height: 1px;
}
.pop-over--modal .pop-over__list {
  padding: 0;
  position: fixed;
  bottom: 0;
  margin-bottom: 8px;
  width: calc(100% - 32px);
  left: 0;
  margin-left: 16px;
  background: transparent;
  border: 0;
  z-index: 51;
}
.pop-over--modal .pop-over__list:before {
  width: 100%;
  content: "";
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  position: fixed;
  z-index: 99;
}
.pop-over--modal .pop-over__list label {
  width: 100%;
  font-size: 14px;
  padding: 0 16px 0 16px;
  color: #000;
  text-align: center;
  z-index: 999;
  background: #fff;
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
  height: 48px;
  line-height: 48px;
}
.pop-over--modal .pop-over__list .button {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 999;
  background: white;
  font-size: inherit;
  height: 48px;
  color: #000;
  font-weight: normal;
  border-bottom: 1px rgba(68, 68, 68, 0.1) solid;
}
.pop-over--modal .pop-over__list > *:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.pop-over--modal .pop-over__list > *:nth-last-child(2) {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pop-over--modal .pop-over__list > *:last-child {
  margin-top: 8px;
  border-radius: 5px;
}
.pop-over--modal .pop-over__list .drop-down-button--close {
  display: block;
}
.pop-over--modal .pop-over__list .drop-down-list__divider {
  display: none;
}
@media screen and (min-width: 375px) and (max-width: 601px) {
  .pop-over--modal .pop-over__list .button:last-child {
    margin: 0;
    height: 63px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .pop-over--modal .pop-over__list .button:nth-last-child(2) {
    border-radius: 0;
  }
}

@media only screen and (min-width: 601px) {
  .pop-over--modal > .button {
    background: transparent;
    color: inherit;
  }
  .pop-over--modal > .button:hover {
    background: transparent;
  }
  .pop-over--modal > .button:focus {
    background: transparent;
  }
  .pop-over--modal .pop-over__list {
    background: #fff;
    position: absolute;
    bottom: auto;
    left: auto;
    width: auto;
    margin-left: 0;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pop-over--modal .pop-over__list:before {
    display: none;
  }
  .pop-over--modal .pop-over__list label {
    height: auto;
    line-height: 14px;
    text-align: left;
    padding: 11px 16px 8px 16px;
    border: none;
  }
  .pop-over--modal .pop-over__list .button {
    width: 200px;
    height: 38px;
    border: 0;
    text-align: left;
    background: transparent;
  }
  .pop-over--modal .pop-over__list .button:first-child, .pop-over--modal .pop-over__list .button:last-child, .pop-over--modal .pop-over__list .button:nth-last-child(2) {
    border-radius: 0;
  }
  .pop-over--modal .pop-over__list .button.pop-over--close {
    display: none;
  }
  .pop-over--modal .pop-over__list .pop-over__divider {
    display: block;
  }
}
.pop-over--close {
  display: none;
}

.pop-over__divider {
  background: rgba(68, 68, 68, 0.1);
  width: 100%;
  margin: 8px 0;
  height: 1px;
}

.pop-over--close {
  font-weight: 600;
  display: block;
}
.pop-over--close:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
  margin-right: 8px;
}

.pop-over__divider {
  display: none;
}

.pop-over.align-center .pop-over__contents {
  right: auto;
  left: auto;
}

.pop-over__list {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  position: absolute;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
  width: auto;
  left: auto;
  padding-left: 0px;
  margin-top: 8px;
}
.pop-over__list .pop-over__list__item,
.pop-over__list .button {
  background-color: transparent;
  color: #000;
  width: 200px;
  border-radius: 0;
  border: none;
  text-align: left;
  font-size: 18px;
}
.pop-over__list .pop-over__list__item:hover, .pop-over__list .pop-over__list__item:focus,
.pop-over__list .button:hover,
.pop-over__list .button:focus {
  color: #2872d3;
  background: #d4e3f6;
}
.pop-over__list .pop-over__list__item {
  width: 100%;
}

.pop-over--modal.pop-over--modal-bg .pop-over__contents {
  padding: 0;
  margin: 0;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 999;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
}

.selection-button {
  position: relative;
  cursor: pointer;
}
.selection-button > .action-button, .selection-button > .login__form-button {
  text-align: left;
}
.selection-button .selectable-list {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  position: absolute;
  top: auto;
  left: 0;
  right: auto;
  z-index: 2;
  min-width: 220px;
  margin-bottom: 60px;
  border: 0;
}
.selection-button > .action-button.action-button--inline, .selection-button > .action-button--inline.login__form-button {
  color: #2872d3;
}

.selection-button--align-right .selectable-list {
  right: 0;
  left: auto;
}

.selection-button--form-item {
  border: 1px solid #cacaca;
  border-radius: 4px;
  position: relative;
  min-height: 48px;
  padding: 0 36px 0 16px;
  display: flex;
  align-items: center;
}
.selection-button--form-item:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #999999;
  right: 8px;
  top: 38%;
  position: absolute;
  margin-top: -6px;
}
.selection-button--form-item .action-button, .selection-button--form-item .login__form-button {
  width: 100%;
  padding: 0;
}
.selection-button--form-item .selectable-list {
  top: 50px;
}

.selection-button--extension-dropdown {
  padding-bottom: 12px;
}

.selection-button--form-item.selection-button--list-disabled::after {
  color: #e6e6e6;
}

.selection-button--focussed.selection-button--form-item.selection-button--show-focus-ring {
  border-color: #9f9f9f;
}

.selection-button--form-item.selection-button--has-warning {
  border-color: #ff9900;
}

.selection-button--focussed.selection-button--form-item.selection-button--has-warning {
  border-color: var(--color-orange-200);
}

.selection-button--indent-list .selectable-list {
  left: 0px;
  border: 0;
}

.selection-button--modal .drop-down-button__list {
  position: static;
}
.selection-button--modal .action-button, .selection-button--modal .login__form-button {
  color: #999999;
}
.selection-button--modal .button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}
.selection-button--modal .selectable-list {
  background: white;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
}
.selection-button--modal .selectable-list__item {
  border: 0;
  white-space: nowrap;
}

/*********
  Themes
*********/
.selection-button.selection-button--filter-bar {
  margin: 0 10px 0 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.selection-button.selection-button--filter-bar .action-button.action-button--inline, .selection-button.selection-button--filter-bar .action-button--inline.login__form-button {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  padding: 8px 24px 8px 0;
  text-decoration: none;
}
.selection-button.selection-button--filter-bar > .selectable-list {
  top: 36px;
  width: -webkit-max-content;
  width: max-content;
}

.selection-button-contact-work-view--filter-bar.custom-font-size .action-button.action-button--inline, .selection-button-contact-work-view--filter-bar.custom-font-size .action-button--inline.login__form-button {
  font-size: 18px !important;
}

.selection-button.selection-button-contact-work-view--filter-bar {
  margin: 0 10px 0 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.selection-button.selection-button-contact-work-view--filter-bar .action-button.action-button--inline, .selection-button.selection-button-contact-work-view--filter-bar .action-button--inline.login__form-button {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  padding: 8px 24px 8px 0;
  text-decoration: none;
}
.selection-button.selection-button-contact-work-view--filter-bar > .selectable-list {
  top: 36px;
  width: -webkit-max-content;
  width: max-content;
  max-height: 80vh;
  white-space: nowrap;
  overflow-y: auto;
}

.selection-button--filter-bar:after,
.selection-button-contact-work-view--filter-bar:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  position: absolute;
  right: 0px;
  margin-top: 3px;
  font-size: 26px;
  line-height: 18px;
}

.selection-button.selection-button--details-area-header {
  margin: 0 10px 0 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-start;
}
.selection-button.selection-button--details-area-header:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  position: absolute;
  right: -21px;
  margin-top: 3px;
  font-size: 26px;
  line-height: 12px;
}
.selection-button.selection-button--details-area-header .action-button.action-button--inline, .selection-button.selection-button--details-area-header .action-button--inline.login__form-button {
  font-weight: 600;
  color: #000;
  font-size: 22px;
}
.selection-button.selection-button--details-area-header > .selectable-list {
  top: 36px;
  width: auto;
}

.button-group {
  display: flex;
  justify-content: center;
}
.button-group button,
.button-group .button {
  display: block;
}
.button-group button:first-child,
.button-group .button:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.button-group button:last-child,
.button-group .button:last-child {
  margin-right: 0;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.header-collapsed .button-group {
  transition: none;
  opacity: 0;
}

.button-group.button-group--header-tabbar {
  height: 45px;
}
.button-group.button-group--header-tabbar .button,
.button-group.button-group--header-tabbar button {
  min-width: 140px;
  margin-right: 1px;
  border: 0;
  background: #444444;
  color: #fff;
  line-height: 48px;
  height: 48px;
  font-size: 18px;
}
.button-group.button-group--header-tabbar .button.active,
.button-group.button-group--header-tabbar button.active {
  background: white;
  color: #2872d3;
}

.status-button,
.status-button--in-progress {
  min-width: 88px;
}
.status-button .action-button, .status-button .login__form-button,
.status-button--in-progress .action-button,
.status-button--in-progress .login__form-button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  padding: 0;
  text-align: left;
}
.status-button .status-list,
.status-button--in-progress .status-list {
  overflow: visible;
}
.status-button .selectable-list,
.status-button--in-progress .selectable-list {
  background: white;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  border: 1px solid #e6e6e6;
}
.status-button .selectable-list__item,
.status-button--in-progress .selectable-list__item {
  border: 0;
  white-space: nowrap;
}

.status-button > .action-button, .status-button > .login__form-button {
  color: #999999;
}

.status-button--in-progress > .action-button.action-button--inline,
.status-button--in-progress > .action-button,
.status-button--in-progress > .login__form-button {
  color: rgb(106, 184, 56);
}

.split-button {
  display: flex;
  position: relative;
  border-radius: 4px;
  color: #fff;
  border: none;
}
.split-button--active {
  cursor: pointer;
  background-color: #2872d3;
}
.split-button--disabled {
  cursor: default;
  background-color: #ccc;
}
.split-button--focussed {
  outline-width: 1px;
  outline-width: 1;
  outline-color: #9f9f9f;
}
.split-button__select-btn {
  min-width: 70px;
  height: 40px;
  padding: 0 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
}
.split-button--open .split-button__dropdown-btn {
  opacity: 0.4;
}
.split-button__dropdown-btn {
  width: 40px;
  height: 40px;
  padding: 8px;
  border-left: 1px solid #fff;
  font-size: 1.125rem;
}
.split-button__dropdown-btn::after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  position: relative;
  top: 0;
  left: -2px;
}
.split-button__dropdown-list {
  position: absolute;
  z-index: 50;
  top: 48px;
  right: 0;
  min-width: 180px;
  border: 1px solid #e6e6e6;
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  text-align: left;
}
.split-button__dropdown-list-item {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
}
.split-button__dropdown-list-item:hover {
  color: #2872d3;
}
.split-button__dropdown-list-item--disabled {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  color: #999999;
  cursor: default;
}

.split-button--secondary.split-button--active {
  cursor: pointer;
  color: #2872d3;
  background-color: #f2f2f2;
}
.split-button--secondary.split-button--disabled {
  color: #bababa;
  background-color: #f2f2f2;
}

.split-button--left-align-dropdown .split-button__dropdown-list {
  right: initial;
}

button.split-button--focussed {
  outline: 1px solid #9f9f9f;
}

.avatar {
  position: relative;
}

.avatar--round {
  border-radius: 50%;
  border: 0;
}

img.avatar--round {
  background: #fff;
}

.triage-email-conversation img.avatar--round {
  font-size: 0;
  display: block;
}
.triage-email-conversation img.avatar--round:after {
  content: "";
  border-radius: 50%;
  border: 1px solid #eaeaea;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.avatar--small img {
  width: 50px;
  height: 50px;
  background-color: #fff;
}

.small-avatar img {
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 600px) {
  .small-avatar img {
    width: 32px;
    height: 32px;
  }
}

.small-avatar.small-avatar--org .avatar--round {
  border-radius: 5px;
}

.avatar--empty {
  color: #fff;
  background: #ddd;
  width: 40px;
  height: 40px;
  border: 1px transparent solid;
  line-height: 36px;
  padding-left: 1px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
}
@media only screen and (max-width: 600px) {
  .avatar--empty {
    width: 32px;
    height: 32px;
    font-size: 23px;
    line-height: 27px;
  }
}

.avatar--unassigned {
  background: #e6e6e6;
  width: 40px;
  height: 40px;
  border: 1px transparent solid;
  line-height: 36px;
  padding-left: 1px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 600px) {
  .avatar--unassigned {
    width: 32px;
    height: 32px;
  }
}
.avatar--unassigned:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94d";
  font-size: 16px;
  color: #999999;
  margin-left: 1px;
}

.avatar .online {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #33aa33;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .avatar .online {
    right: 17%;
    bottom: 17%;
  }
}

@media only screen and (max-width: 600px) {
  .small-avatar .online {
    right: 0;
    bottom: 0;
  }
}

.avatar .offline {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #929292;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .avatar .offline {
    right: 17%;
    bottom: 17%;
  }
}
.avatar .offline .bullseye {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
}

@media only screen and (max-width: 600px) {
  .small-avatar .offline {
    right: 0;
    bottom: 0;
  }
}

.avatar--16 {
  width: 16px;
  height: 16px;
}
.avatar--16 img,
.avatar--16 .avatar--empty,
.avatar--16 .avatar--unassigned {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  width: 16px;
  height: 16px;
}
.avatar--16 .offline,
.avatar--16 .online {
  bottom: -3px;
  right: -3px;
}

.avatar--16.small-avatar.small-avatar--org .avatar--round {
  border-radius: 2px;
}

.avatar--24 {
  width: 24px;
  height: 24px;
}
.avatar--24 img,
.avatar--24 .avatar--empty,
.avatar--24 .avatar--unassigned {
  font-size: 18px;
  line-height: 20px;
  text-indent: -1px;
  width: 24px;
  height: 24px;
}
.avatar--24 .offline,
.avatar--24 .online {
  bottom: -1px;
  right: -1px;
}

.avatar--16.small-avatar.small-avatar--org .avatar--round {
  border-radius: 2px;
}

.avatar--32 {
  width: 32px;
  height: 32px;
}
.avatar--32 img,
.avatar--32 .avatar--empty,
.avatar--32 .avatar--unassigned {
  line-height: 29px;
  width: 32px;
  height: 32px;
}
.avatar--32 .offline,
.avatar--32 .online {
  bottom: 0;
  right: 0;
}

.avatar .avatar-client-group {
  width: 100%;
  height: 100%;
}

.avatar-with-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000;
}
.avatar-with-label .avatar {
  margin-right: 6px;
}
.avatar-with-label__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.link-to > .avatar-with-label {
  color: #000;
}

/*
Blank avatar background colors
*/
.avatar--bg-1,
.avatar--bg-a {
  background: #12af94;
}

.avatar--bg-2,
.avatar--bg-b {
  background: #d06b34;
}

.avatar--bg-3,
.avatar--bg-c {
  background: #2872d3;
}

.avatar--bg-4,
.avatar--bg-d {
  background: #a72422;
}

.avatar--bg-5,
.avatar--bg-e {
  background: #901e59;
}

.avatar--bg-6,
.avatar--bg-f {
  background: #c73733;
}

.avatar--bg-7,
.avatar--bg-g {
  background: #12af94;
}

.avatar--bg-8,
.avatar--bg-h {
  background: #d06b34;
}

.avatar--bg-9,
.avatar--bg-i {
  background: #2872d3;
}

.avatar--bg-10,
.avatar--bg-j {
  background: #a72422;
}

.avatar--bg-11,
.avatar--bg-k {
  background: #901e59;
}

.avatar--bg-12,
.avatar--bg-l {
  background: #c73733;
}

.avatar--bg-13,
.avatar--bg-m {
  background: #12af94;
}

.avatar--bg-14,
.avatar--bg-n {
  background: #d06b34;
}

.avatar--bg-15,
.avatar--bg-o {
  background: #2872d3;
}

.avatar--bg-16,
.avatar--bg-p {
  background: #a72422;
}

.avatar--bg-17,
.avatar--bg-q {
  background: #901e59;
}

.avatar--bg-18,
.avatar--bg-r {
  background: #c73733;
}

.avatar--bg-19,
.avatar--bg-s {
  background: #12af94;
}

.avatar--bg-20,
.avatar--bg-t {
  background: #d06b34;
}

.avatar--bg-21,
.avatar--bg-u {
  background: #2872d3;
}

.avatar--bg-22,
.avatar--bg-v {
  background: #a72422;
}

.avatar--bg-23,
.avatar--bg-w {
  background: #901e59;
}

.avatar--bg-24,
.avatar--bg-x {
  background: #c73733;
}

.avatar--bg-25,
.avatar--bg-y {
  background: #12af94;
}

.avatar--bg-26,
.avatar--bg-z {
  background: #d06b34;
}

.avatar--bg-27,
.avatar--bg-0 {
  background: #d06b34;
}

.entity-icon {
  display: inline-block;
}

.entity-icon--avatar {
  display: inline-block;
}
.entity-icon--avatar .bl-icon, .entity-icon--avatar .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .entity-icon--avatar .drop-down-button__toggle::after, .entity-icon--avatar .timeline-item-header__shared-icon, .entity-icon--avatar .auto-complete-email__button--chevron {
  background-color: #e6e6e6;
  border-radius: 99px;
}

.entity-icon--avatar-with-label {
  display: flex;
  align-items: center;
}
.entity-icon--avatar-with-label .bl-icon, .entity-icon--avatar-with-label .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .entity-icon--avatar-with-label .drop-down-button__toggle::after, .entity-icon--avatar-with-label .timeline-item-header__shared-icon, .entity-icon--avatar-with-label .auto-complete-email__button--chevron {
  margin-right: 6px;
  background-color: #e6e6e6;
  border-radius: 99px;
}

.auto-complete .auto-complete__popup__container {
  height: 57px;
}
.auto-complete .auto-complete__popup {
  /* embedded mobile list style */
  height: 100%;
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 9;
  top: 0;
  left: 0;
  bottom: 0;
}
@media only screen and (min-width: 601px) {
  .auto-complete .auto-complete__popup {
    /* Add popout style for desktop*/
    height: auto;
    width: auto;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    background-color: #fff;
    border-radius: 5px;
    margin-left: -8px;
    margin-right: -8px;
  }
}
.auto-complete .auto-complete__popup .auto-complete__statusMessage {
  color: #999999;
  width: 100%;
  padding: 16px;
  text-align: center;
  line-height: 22px;
  min-height: 56px;
}
.auto-complete .auto-complete__popup .auto-complete__status-message--link {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2872d3;
  word-wrap: break-word;
}
.auto-complete .auto-complete__popup .auto-complete__popup__under {
  overflow: auto;
  max-height: 90%;
  font-size: 16px;
}
@media only screen and (min-width: 601px) {
  .auto-complete .auto-complete__popup .auto-complete__popup__under {
    max-height: 370px;
  }
}
.auto-complete .auto-complete__popup .auto-complete__popup__under .auto-complete__suggestion {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
.auto-complete .auto-complete__popup .auto-complete__popup__under .auto-complete__suggestions {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #cacaca;
}
.auto-complete .auto-complete__popup .auto-complete__popup__under .auto-complete__suggestions.long.block-list {
  max-height: 260px;
}
.auto-complete .auto-complete__popup .block-list {
  background-color: transparent;
  max-height: 188px;
  overflow: auto;
}
.auto-complete .auto-complete__popup .block-list .block-list__item:hover {
  background-color: rgba(230, 230, 230, 0.2);
}
.auto-complete .auto-complete__popup .block-list .block-list__item--bordered-bottom:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.auto-complete .auto-complete__popup__input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
}
.auto-complete .auto-complete__popup__input .focussed-input {
  width: 100%;
}
.auto-complete .auto-complete__popup__input .auto-complete__input {
  border: 0;
  flex-grow: 1;
  font-size: 1.1rem;
  outline: none;
}
.auto-complete .auto-complete__popup__input .auto-complete__input::placeholder {
  color: #999999;
}
.auto-complete .auto-complete__popup__input input {
  padding: 16px 0;
  font-size: 18px;
  border-bottom: 0;
  background-color: transparent;
}
.auto-complete .auto-complete__popup__input .auto-complete__popup__cancel {
  padding-left: 0;
  padding-right: 16px;
}
@media only screen and (min-width: 601px) {
  .auto-complete .auto-complete__popup__input .auto-complete__popup__cancel {
    padding-right: 16px;
    display: none;
  }
}
.auto-complete .auto-complete__popup__input .auto-complete__spinner {
  height: 20px;
  width: 20px;
}
.auto-complete .auto-complete__popup__input .auto-complete__spinner:before {
  content: "";
  animation-name: spinme;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
  border: solid #999999 2px;
  border-top-width: 0;
  border-radius: 0 0 10px 10px;
  display: block;
  height: 10px;
  margin-top: 10px;
  transform-origin: 10px 0px;
  transition: opacity 1s ease-out;
  width: 20px;
}
.auto-complete .auto-complete__input {
  border-bottom: 1px #cacaca solid;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.auto-complete .auto-complete__input .auto-complete__input-clear {
  padding-right: 8px;
  color: #999999;
}
.auto-complete .auto-complete__input .auto-complete__input__button {
  padding: 16px;
  width: 100%;
  border: none;
  font-size: 1.1em;
  background: none;
  text-align: left;
  outline: none;
  color: #999999;
  min-height: 56px;
}
.auto-complete .auto-complete__input .auto-complete__input__items {
  border: none;
  font-size: 1.1em;
  background: none;
  text-align: left;
  padding: 16px;
  min-height: 56px;
  display: block;
  width: 100%;
  white-space: nowrap;
}
.auto-complete .auto-complete__input .auto-complete__input__items > span {
  display: inline-block;
  padding-right: 20px;
}
.auto-complete .block-list__item--new-item {
  margin: 0;
  color: #000;
  cursor: pointer;
}
.auto-complete .block-list__item--new-item .label {
  display: inline-block;
  font-size: 18px;
  line-height: 36px;
  color: #2872d3;
}
.auto-complete .block-list__item--new-item .highlight {
  font-weight: 600;
  color: #2872d3;
}
.auto-complete .block-list__item--new-item .icon {
  float: left;
  position: relative;
  margin-right: 16px;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 2px solid #2872d3;
  background-image: url("../contacts-ui/assets/images/icon-plus.svg");
  background-repeat: no-repeat;
  background-position: 6px 11px;
}
.auto-complete .block-list__item--new-item .icon.fa-plus:before {
  color: #2872d3;
  position: absolute;
  top: 10px;
  left: 12px;
}

@keyframes spinme {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* When the add new item is visible */
.has-new .auto-complete__popup {
  padding-bottom: 65px;
  max-height: 400px;
}
@media only screen and (max-width: 600px) {
  .has-new .auto-complete__popup {
    max-height: none;
  }
}

.has-new.auto-complete .block-list__item--new-item {
  position: absolute;
  bottom: 0;
}

.auto-complete__loader {
  padding: 24px;
  text-align: center;
}
.auto-complete__loader .auto-complete__match-close {
  padding: 0;
  margin: 0;
  width: 16px;
}

.auto-complete__loader__message {
  display: inline-block;
  width: 100%;
  color: #999999;
}

.auto-complete__loader__icon {
  margin-top: 32px;
  margin-bottom: 24px;
}
.auto-complete__loader__icon .loading-icon--large .loading-icon__spinner {
  margin: 0 auto;
}

.auto-complete__popup__under .loading-icon {
  margin: 2px;
  margin-left: 8px;
}
.auto-complete__popup__under .auto-complete__header {
  font-size: 14px;
  text-transform: uppercase;
  color: #999999;
  padding: 6px 16px;
}
.auto-complete__popup__under .contact-view--private-unauthorized {
  cursor: default;
}

.auto-complete__match-title {
  display: inline-block;
  width: 80%;
  text-align: center;
  float: left;
  padding-top: 16px;
  padding-bottom: 16px;
}

.auto-complete__match-message {
  width: 70%;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 24px;
  padding-top: 16px;
}

.auto-complete__match-close {
  color: #2872d3;
  font-size: 14px;
  padding: 16px;
  width: 10%;
  float: left;
}

.focussed-input {
  position: relative;
}
.focussed-input.focussed-input--invalid {
  color: #ff0000;
}
.focussed-input input {
  background: #fff;
  border: none;
  box-sizing: border-box;
  font-size: 18px;
  height: 56px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 16px;
  width: 100%;
}
.focussed-input input::-webkit-input-placeholder {
  color: #999999;
}
.focussed-input input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.focussed-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.focussed-input input:-ms-input-placeholder {
  color: #999999;
}
.focussed-input input:focus {
  outline: none;
}
.focussed-input .tool-tip-shell {
  width: 100%;
}
.focussed-input .tool-tip-shell .tool-tip {
  left: calc(50% + 12px);
  top: -35px;
}

.focussed-input.locked {
  display: flex;
  background-color: #f6f6f6;
  color: #999999;
}
.focussed-input.locked:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 32px;
  color: #999999;
  padding: 8px 8px 0px;
}

.focussed-input--bordered input {
  border: 1px #e6e6e6 solid;
  border-radius: 2px;
}

.focussed-input--bordered-top input {
  border-bottom: 1px solid #e6e6e6;
}

.focussed-input--bordered-bottom input {
  border-bottom: 1px solid #e6e6e6;
}

.focussed-input--step input {
  padding-left: 48px;
}
.focussed-input--step:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601";
  color: #2872d3;
  top: 50%;
  margin-top: -8px;
  position: absolute;
  left: 16px;
}

.focussed-input--has-content input {
  padding-right: 48px;
}
.focussed-input--has-content:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604";
  color: #e6e6e6;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -6px;
  font-size: 24px;
}

.focussed-input--rounded {
  text-align: center;
  line-height: 65px;
}
.focussed-input--rounded input {
  height: 41px;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 18px;
}

.focussed-input--removable {
  position: relative;
}

.focussed-input__remove {
  position: absolute;
  height: 100%;
  top: 10px;
  right: 0;
  width: 32px;
  text-align: center;
  line-height: 55px;
  cursor: pointer;
}
.focussed-input__remove .bl-icon, .focussed-input__remove .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .focussed-input__remove .drop-down-button__toggle::after, .focussed-input__remove .timeline-item-header__shared-icon, .focussed-input__remove .auto-complete-email__button--chevron {
  color: #999999;
}

.focussed-input__units-label {
  position: absolute;
  height: 100%;
  top: 0;
  right: 12px;
  width: auto;
  text-align: center;
  line-height: 46px;
  color: #999999;
}

.focussed-input--responsive {
  width: 100%;
  border-bottom: 1px #e6e6e6 solid;
  border-top: 1px #e6e6e6 solid;
  margin-bottom: 24px;
}
@media only screen and (min-width: 601px) {
  .focussed-input--responsive {
    border: 1px #e6e6e6 solid;
  }
  .focussed-input--responsive,
  .focussed-input--responsive input {
    border-radius: 5px;
  }
}

.focussed-input__input {
  color: #000;
  background: #fff;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  font-size: 18px;
  height: 56px;
  padding: 0 16px;
  width: 100%;
  line-height: 56px;
}

.focussed-input--has-warning input {
  border-color: var(--color-orange-500);
}
.focussed-input--has-warning input:focus {
  border-color: var(--color-orange-200);
}

.focussed-textarea {
  -ms-flex-preferred-size: auto;
  border: var(--border-standard);
  border-radius: var(--border-standard-radius);
  position: relative;
}
.focussed-textarea textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 18px;
  background: #fff;
  display: flex;
  height: 200px;
  width: 100%;
  resize: none;
  overflow: auto;
  border: 0;
  padding: 1px;
  outline-width: 0;
}
.focussed-textarea textarea::-webkit-input-placeholder {
  color: #999999;
}
.focussed-textarea textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.focussed-textarea textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.focussed-textarea textarea:-ms-input-placeholder {
  color: #999999;
}
.focussed-textarea textarea:focus {
  outline-color: #fff;
}
.focussed-textarea.focussed-textarea--padded textarea {
  padding: 0;
}
.focussed-textarea.focussed-textarea--noresize textarea {
  resize: none;
}
.focussed-textarea.focussed-textarea--autoheight {
  height: 100%;
}
.focussed-textarea.focussed-textarea--autoheight textarea {
  height: 100%;
  background: 0 0;
}
.focussed-textarea__count {
  color: #999999;
  margin-top: 4px;
  position: absolute;
}
.focussed-textarea--max-count-reached .focussed-textarea__count {
  color: #d61407;
}

.focussed-textarea--responsive {
  width: 100%;
  border-bottom: 1px #e6e6e6 solid;
  border-top: 1px #e6e6e6 solid;
  margin-bottom: 24px;
}
.focussed-textarea--responsive textarea {
  padding: 16px;
}
@media only screen and (min-width: 601px) {
  .focussed-textarea--responsive {
    border: 0;
    border-radius: 5px;
  }
  .focussed-textarea--responsive textarea {
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
  }
}

.form-block .focussed-textarea.focussed-textarea--focussed.focussed-textarea--show-focus-ring {
  border-color: #9f9f9f;
}

.focussed-textarea.focussed-textarea--has-warning {
  border-color: #ff9900;
}

.focussed-textarea.focussed-textarea--focussed.focussed-textarea--show-focus-ring.focussed-textarea--has-warning {
  border-color: var(--color-orange-200);
}

.form-container {
  background: #fff;
  position: relative;
}
.form-container .focussed-input,
.form-container .focussed-textarea {
  border-bottom: 1px #e6e6e6 solid;
}
.form-container .focussed-input:last-child,
.form-container .focussed-textarea:last-child {
  border-bottom: 0;
}
.form-container .focussed-textarea {
  height: 100%;
}
.form-container .form-label {
  padding: 10px 16px;
}

.form-container--modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  margin: 0 auto;
}
.form-container--modal .focussed-input input,
.form-container--modal .focussed-textarea {
  background: none;
}
.form-container--modal .focussed-textarea {
  flex: 1;
  margin-bottom: 16px;
  resize: none;
}
@media only screen and (min-width: 601px) {
  .form-container--modal {
    border-radius: 5px;
    width: 400px;
    height: 400px;
    box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.3);
  }
  .form-container--modal .action-bar {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #fff;
    height: 48px;
  }
  .form-container--modal .action-bar .action-bar__title {
    font-weight: 600;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px #e6e6e6 solid;
    color: #444444;
  }
  .form-container--modal .action-bar .action-button, .form-container--modal .action-bar .login__form-button {
    bottom: 16px;
    font-size: 1.125rem;
    font-weight: 400;
    height: 40px;
    padding: 0 16px 3px 16px;
    position: absolute;
    right: 16px;
  }
}
@media only screen and (min-width: 601px) and (min-width: 601px) {
  .form-container--modal .action-bar .action-button.action-button--primary, .form-container--modal .action-bar .login__form-button {
    background: #2872d3;
    color: #fff;
    font-weight: 400;
    right: 16px;
  }
  .form-container--modal .action-bar .action-button.action-button--primary.action-button:disabled, .form-container--modal .action-bar .login__form-button:disabled {
    color: #fff;
    background: #ccc;
    font-weight: 400;
  }
}
@media only screen and (min-width: 601px) {
  .form-container--modal .action-bar .action-button.action-button:disabled, .form-container--modal .action-bar .login__form-button:disabled {
    background: none;
    border: none;
    color: #ccc;
  }
  .form-container--modal .action-bar .action-button--right {
    top: 1px;
    right: 4px;
  }
}
@media only screen and (min-width: 601px) and (min-width: 601px) {
  .form-container--modal .action-bar .action-button--right {
    top: auto;
    left: inherit;
  }
}
@media only screen and (min-width: 601px) {
  .form-container--modal .action-bar .action-button--left {
    top: 1px;
    left: 4px;
  }
}
@media only screen and (min-width: 601px) and (min-width: 601px) {
  .form-container--modal .action-bar .action-button--left {
    top: auto;
    left: auto;
    right: 133px;
  }
}
@media only screen and (min-width: 601px) {
  .form-container--modal .action-bar .action-button--align-left {
    right: auto;
    left: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .form-container--modal {
    height: 100%;
    border-radius: 0;
  }
}

.form-container__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fff;
  z-index: 5;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.form-container__loader .form-container__close {
  font-size: 16px;
  text-align: left;
  position: absolute;
  padding: 6px;
  cursor: pointer;
  top: 0;
  left: 0;
}
.form-container__loader span {
  margin-top: 16px;
  display: inline-block;
  font-size: 18px;
}
.form-container__loader .loading-icon {
  margin: 0;
}
.form-container__loader .loading-icon .loading-icon__spinner {
  margin: auto;
}

.ember-modal-dialog .form-container {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.ember-modal-dialog .form-container .focussed-textarea {
  resize: none;
  height: auto;
  flex: 1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 20px;
}
@media only screen and (min-width: 601px) {
  .ember-modal-dialog .form-container {
    width: 400px;
    height: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .ember-modal-dialog .form-container {
    border-radius: 0;
    height: 100%;
  }
  .ember-modal-dialog .form-container .auto-complete__popup__input {
    border-bottom: 1px #e7e3ed solid;
  }
  .ember-modal-dialog .form-container .auto-complete .block-list__item:first-child {
    border-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  .ember-modal-dialog .form-container--modal {
    margin: 0;
  }
}
@media only screen and (min-width: 601px) {
  .ember-modal-dialog .form-container--modal-wide {
    width: 500px;
  }
}

.action-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-image: linear-gradient(-180deg, #2872d3 0%, rgb(181, 40, 87) 100%);
  position: static;
  height: 56px;
}
.action-bar .action-bar__title {
  -webkit-flex: 2;
  flex: 2;
}
.action-bar .action-button, .action-bar .login__form-button {
  flex: 1;
  line-height: 100%;
  height: auto;
  color: rgba(255, 255, 255, 0.8);
  padding-top: 0px;
  padding-bottom: 3px;
  font-size: 1.125rem;
}
.action-bar .action-button:disabled, .action-bar .login__form-button:disabled {
  background: inherit;
}

.action-bar__title {
  text-align: center;
  color: #fff;
  font-size: 20px;
  height: 56px;
  line-height: 56px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.action-bar--inline {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background: #fff;
  height: 48px;
}
.action-bar--inline .action-bar__title {
  font-weight: 600;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px #e6e6e6 solid;
  color: #444444;
}
.action-bar--inline .action-button, .action-bar--inline .login__form-button {
  bottom: 16px;
  font-size: 1.125rem;
  font-weight: 400;
  height: 40px;
  padding: 0 16px;
  position: absolute;
  right: 16px;
  text-transform: uppercase;
}
@media only screen and (min-width: 601px) {
  .action-bar--inline .action-button.action-button--primary, .action-bar--inline .login__form-button {
    background: #2872d3;
    color: #fff;
    font-weight: 600;
    right: 16px;
  }
  .action-bar--inline .action-button.action-button--primary.action-button:disabled, .action-bar--inline .login__form-button:disabled {
    color: #fff;
    background: #ccc;
  }
}
.action-bar--inline .action-button.action-button:disabled, .action-bar--inline .login__form-button:disabled {
  background: none;
  border: none;
  color: #ccc;
}
.action-bar--inline .action-button--right {
  top: 1px;
  right: 4px;
}
@media only screen and (min-width: 601px) {
  .action-bar--inline .action-button--right {
    top: auto;
    left: inherit;
  }
}
.action-bar--inline .action-button--left {
  top: 1px;
  left: 4px;
}
@media only screen and (min-width: 601px) {
  .action-bar--inline .action-button--left {
    top: auto;
    left: auto;
    right: 103px;
  }
}

.ember-modal-dialog .action-bar {
  background: #fff;
  border-bottom: 1px #e6e6e6 solid;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  height: 48px;
  line-height: 48px;
}
.ember-modal-dialog .action-bar .action-bar__title {
  font-weight: 600;
  font-size: 18px;
  color: #444444;
  display: inline-block;
  margin: 0;
}
.ember-modal-dialog .action-bar .action-button, .ember-modal-dialog .action-bar .login__form-button {
  color: #2872d3;
}
.ember-modal-dialog .action-bar .action-button:disabled, .ember-modal-dialog .action-bar .login__form-button:disabled {
  color: #ccc;
}
.ember-modal-dialog .action-bar .action-button--primary, .ember-modal-dialog .action-bar .login__form-button {
  font-weight: 600;
}

.form-error {
  font-size: 16px;
  color: #d61407;
  padding-bottom: 10px;
  padding-right: 10px;
  display: block;
  margin-top: -12px;
}

.editable-input {
  background: transparent;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
  border: 1px transparent solid;
  outline: 0;
  padding: 8px 0;
  cursor: pointer;
  width: 100%;
}
.editable-input:focus {
  outline: none;
  border: 1px #e6e6e6 solid;
  background: #fff;
}

.block-list__item--contact-cards-subitem {
  cursor: pointer;
}
.block-list__item--contact-cards-subitem .search-items--contact-cards__body {
  padding: 0;
  font-size: 16px;
}

.search-items--contact-cards {
  cursor: default;
  overflow: hidden;
  padding: 12px 16px;
  display: flex;
}

.search-items--contact-cards--active {
  cursor: pointer;
}

.search-items--contact-cards__title {
  color: #000;
}
.search-items--contact-cards__title .keyword {
  text-decoration: underline;
}

.search-items--contact-cards__subtitle {
  color: #999999;
  display: inline-block;
}

.search-items--contact-cards__avatar {
  margin-top: 4px;
}

.search-items--contact-cards__body {
  padding-left: 12px;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 30px;
}
@media only screen and (max-width: 600px) {
  .search-items--contact-cards__body {
    max-width: calc(100% - 64px);
  }
}

.search-items--contact-cards__badge {
  position: relative;
  top: -2px;
  font-size: 9px;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin-left: 3px;
  border: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: 600;
  width: auto;
}

/* Sub-Items */
.search-items--contact-cards-subitem {
  overflow: hidden;
}
.search-items--contact-cards-subitem .search-items--contact-cards-subitem__body {
  padding: 0;
  float: left;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 30px;
}

.block-list__item--colleague-cards-subitem {
  cursor: pointer;
}
.block-list__item--colleague-cards-subitem .search-items--colleague-cards__body {
  padding: 0;
  font-size: 16px;
}

.search-items--colleague-cards {
  cursor: default;
  overflow: hidden;
  padding: 8px 16px;
}

.search-items--colleague-cards--active {
  cursor: pointer;
}

.search-items--colleague-cards__title {
  color: #000;
}
.search-items--colleague-cards__title .keyword {
  text-decoration: underline;
}

.search-items--colleague-cards__avatar {
  float: left;
}

.search-items--colleague-cards__body {
  float: left;
  padding-left: 12px;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 30px;
}
@media only screen and (max-width: 600px) {
  .search-items--colleague-cards__body {
    max-width: calc(100% - 64px);
  }
}

.search-items--colleague-cards__badge {
  position: relative;
  top: -2px;
  font-size: 9px;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin-left: 3px;
  border: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: 600;
  width: auto;
}

.multi-option-input {
  position: relative;
}
.multi-option-input input {
  background-color: transparent;
}

.multi-option-input__input-box {
  position: relative;
  border-radius: 5px;
  background-color: #fff;
  padding: 8px;
  border: 1px solid #e6e6e6;
  margin: 16px;
  overflow: hidden;
}

.option-pill {
  position: relative;
  float: left;
  background-color: #e6e6e6;
  border-radius: 99px;
  line-height: 32px;
  height: 32px;
  padding: 0 16px;
  margin: 4px;
  display: inline-block;
  font-size: 18px;
  white-space: nowrap;
}
.option-pill.option-pill--deletable {
  padding-right: 45px;
}
.option-pill button {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  position: absolute;
  top: -1px;
  right: 7px;
  opacity: 0.5;
}

.option-pill-add {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border: 1px solid rgba(40, 114, 211, 0.5);
  margin: 4px;
}
.option-pill-add:before {
  width: 30px;
  text-align: center;
  color: #2872d3;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e616";
  height: 32px;
  line-height: 30px;
  display: inline-block;
  margin-left: -2px;
  font-size: 32px !important;
}

.simple-auto-complete {
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 10px;
  right: 10px;
  height: auto;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid rgba(153, 153, 153, 0.5);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.simple-auto-complete .simple-auto-complete__list {
  margin: 0;
  padding: 0;
  border-top: 1px solid #e6e6e6;
  list-style-type: none;
}
.simple-auto-complete.has-no-results .simple-auto-complete__list {
  border-top: none;
}

.simple-auto-complete__list-item {
  padding: 12px 16px;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
}
.simple-auto-complete__list-item:first-child {
  border-top: none;
}
.simple-auto-complete__list-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.simple-auto-complete__list-item.active {
  background-color: rgba(230, 230, 230, 0.5);
}
.simple-auto-complete__list-item.new-result {
  color: #2872d3;
}

.typeahead-input, .auto-complete-email {
  border-bottom: 1px #e6e6e6 solid;
  display: flex;
  flex-direction: column;
  min-height: 56px;
  padding: 0 16px;
}
.typeahead-input input, .auto-complete-email input {
  border: 0;
}
@media only screen and (max-width: 600px) {
  .typeahead-input, .auto-complete-email {
    padding-bottom: 1px;
  }
}

.typeahead-input__field {
  align-items: center;
  display: flex;
  flex-direction: row;
  min-height: 56px;
}
.typeahead-input__field .back-button {
  padding: 0;
  line-height: 44px;
}

.typeahead-input__input, .auto-complete-email__input input {
  border: 0;
  flex-grow: 1;
  font-size: 1.1rem;
  outline: none;
}
.typeahead-input__input::placeholder, .auto-complete-email__input input::placeholder {
  color: #929292;
}
.typeahead-input__input.has-error, .auto-complete-email__input input.has-error {
  color: red;
}

.typeahead-input__input--placeholder {
  outline: none;
}
@media only screen and (max-width: 600px) {
  .typeahead-input__input--placeholder {
    width: 1px;
  }
}

.typeahead-input__empty-message {
  border-bottom: 1px solid #e6e6e6;
  color: #929292;
  line-height: 64px;
  padding-left: 16px;
}

.typeahead-input__suggestions, .auto-complete-email__suggestions {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  margin: 0;
  max-height: 400px;
  width: 320px;
  padding: 0;
  position: absolute;
  z-index: 50;
}
.typeahead-input__suggestions:hover .nav-active, .auto-complete-email__suggestions:hover .nav-active {
  background: none;
}
.typeahead-input__suggestions .auto-complete__header, .auto-complete-email__suggestions .auto-complete__header {
  font-size: 14px;
  text-transform: uppercase;
  color: #999999;
  padding: 6px 16px;
}
@media only screen and (max-width: 600px) {
  .typeahead-input__suggestions, .auto-complete-email__suggestions {
    border-radius: 0;
    border-top: 1px #e6e6e6 solid;
    box-shadow: none;
    left: 0;
    margin: 0 -16px;
    max-width: none;
    max-height: none;
    position: static;
    width: calc(100% + 32px);
    z-index: 1;
  }
}
.typeahead-input__suggestions ul, .auto-complete-email__suggestions ul {
  border-bottom: 1px #e6e6e6 solid;
  margin-bottom: 1px;
  overflow: auto;
}

.typeahead-input__suggestion:hover, .auto-complete-email__suggestion:hover {
  background-color: rgba(230, 230, 230, 0.5);
  cursor: pointer;
}
.typeahead-input__suggestion .search-items--contact-cards, .auto-complete-email__suggestion .search-items--contact-cards {
  cursor: pointer;
}
.typeahead-input__suggestion .search-items--contact-cards__body, .auto-complete-email__suggestion .search-items--contact-cards__body {
  max-width: 256px;
}
.typeahead-input__suggestion .search-items--contact-cards__title, .auto-complete-email__suggestion .search-items--contact-cards__title,
.typeahead-input__suggestion .search-items--contact-cards__subtitle,
.auto-complete-email__suggestion .search-items--contact-cards__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.typeahead-input__suggestion .search-items--contact-cards__title .keyword, .auto-complete-email__suggestion .search-items--contact-cards__title .keyword,
.typeahead-input__suggestion .search-items--contact-cards__subtitle .keyword,
.auto-complete-email__suggestion .search-items--contact-cards__subtitle .keyword {
  text-decoration: underline;
}

.typeahead-input__suggestion-title {
  font-size: 18px;
}

.typeahead-input__suggestion-subtitle {
  color: #929292;
}

.typeahead-input__subtitle {
  color: #929292;
}

@media only screen and (max-width: 600px) {
  .typeahead-input__controls {
    animation-name: "slideup";
    animation-fill-mode: forwards;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    background: white;
    bottom: 0;
    position: fixed;
    width: 100%;
  }
  .typeahead-input__controls:before {
    content: "";
    border-top: 1px solid #e6e6e6;
    left: 0;
    position: absolute;
    top: -2px;
    width: 100%;
  }
}

.typeahead-input__label, .auto-complete-email__label {
  color: #929292;
  display: block;
  flex-basis: 35px;
  font-size: 1.1rem;
}

.typeahead-input__label--work {
  flex-basis: 45px;
}

.typeahead-input__filter-actions {
  align-items: center;
  border-top: 1px solid #e6e6e6;
  display: flex;
  min-height: 56px;
  padding: 0px 16px 1px 16px;
  cursor: pointer;
}
.typeahead-input__filter-actions .toggle-switch--checkbox {
  margin-right: 10px;
}

.typeahead-input__suggestions-actions {
  align-items: center;
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  min-height: 56px;
  padding: 0px 16px 1px 16px;
}

.typeahead-input__spinner {
  height: 20px;
  width: 20px;
}
.typeahead-input__spinner:before {
  content: "";
  animation-name: spinme;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
  border: solid #e6e6e6 2px;
  border-top-width: 0;
  border-radius: 0 0 10px 10px;
  display: block;
  height: 10px;
  margin-top: 10px;
  transform-origin: 10px 0px;
  transition: opacity 1s ease-out;
  width: 20px;
}

.typeahead-input__action-trigger {
  cursor: pointer;
  font-size: 18px;
}

.typeahead-input__field-toggle {
  align-items: center;
  cursor: text;
  font-size: 1.1rem;
  height: 56px;
  line-height: 56px;
  width: 100%;
}

.typeahead-input__clear {
  cursor: pointer;
  font-size: 30px;
  color: #2872d3;
}

.typeahead-input__close-dialog {
  color: #2872d3;
  display: none;
  margin-right: 10px;
}
@media only screen and (max-width: 600px) {
  .typeahead-input__close-dialog {
    display: block;
  }
}

@keyframes slideup {
  0% {
    bottom: -100%;
    opacity: 0.2;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}
@keyframes spinme {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 600px) {
  .typeahead-dialog {
    background: white !important;
  }
}
.typeahead-dialog .typeahead-input, .typeahead-dialog .auto-complete-email {
  background: white;
  border-radius: 4px;
}
@media only screen and (max-width: 600px) {
  .typeahead-dialog .typeahead-input, .typeahead-dialog .auto-complete-email {
    border-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .typeahead-dialog .typeahead-input__field {
    border-bottom: 1px solid #e6e6e6;
    margin: 0 -16px;
    padding: 0 16px;
  }
}
.typeahead-dialog .typeahead-input__controls {
  border-top: 1px solid #e6e6e6;
  margin: 0 -16px;
  padding-top: 1px;
}
@media only screen and (max-width: 600px) {
  .typeahead-dialog .typeahead-input__controls {
    border-top: 0;
    padding-top: 0;
  }
}
.typeahead-dialog .typeahead-input__suggestions, .typeahead-dialog .auto-complete-email__suggestions {
  box-shadow: none;
  margin: 0 -16px;
  position: static;
  width: auto;
  padding-top: 1px;
}
@media only screen and (max-width: 600px) {
  .typeahead-dialog .typeahead-input__suggestions, .typeahead-dialog .auto-complete-email__suggestions {
    border-top: 0;
  }
}
.typeahead-dialog .typeahead-input__suggestions ul, .typeahead-dialog .auto-complete-email__suggestions ul {
  border-top: 1px solid #e6e6e6;
  border-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .typeahead-dialog .typeahead-input__suggestions ul, .typeahead-dialog .auto-complete-email__suggestions ul {
    max-height: calc(100vh - 190px);
  }
}
.typeahead-dialog .form-container--modal {
  margin-top: 0 !important;
}

.auto-complete-email .recipient-pill {
  margin: 4px 4px 4px 0;
}

.auto-complete-email__field {
  display: flex;
  flex-direction: row;
  min-height: 56px;
  align-items: stretch;
}

.auto-complete-email__label {
  margin-top: 17px;
  flex-shrink: 0;
}

.auto-complete-email__recipients {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  min-height: 41px;
  padding: 6px 0;
}

.recipient-pill__autocomplete.drag-sort-over * {
  pointer-events: none;
}

.auto-complete-email__input-wrapper .drag-sort-over {
  margin-left: -2px;
  border-left: 2px solid #2872d3;
}

.auto-complete-email__input-wrapper {
  flex-grow: 1;
  flex-basis: 25px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .auto-complete-email__input-wrapper {
    position: static;
  }
}

.auto-complete-email__input input {
  height: 26px;
  width: 100%;
}
.auto-complete-email__input input.has-error {
  color: red;
}

.auto-complete-email__controls {
  flex-shrink: 0;
}
@media only screen and (min-width: 601px) {
  .auto-complete-email__controls {
    display: none;
  }
}
.auto-complete-email__controls.auto-complete-email__controls--buttons {
  display: none;
}
@media only screen and (min-width: 601px) {
  .auto-complete-email__controls.auto-complete-email__controls--buttons {
    display: block;
  }
}

.auto-complete-email__button,
.auto-complete-email__button:hover {
  margin-top: 12px;
  height: 32px;
  padding: 0 8px;
  border: none;
  border-radius: 0;
  text-decoration: underline;
}

.auto-complete-email__button + .auto-complete-email__button,
.auto-complete-email__button + .auto-complete-email__button:hover {
  border-left: 1px solid #ddd;
}

.auto-complete-email__button--chevron {
  background: 0;
  border: 0;
  color: #b7305d;
  margin: 0 -10px 0 0;
  padding: 0 !important;
  font-size: 32px !important;
}
@media only screen and (min-width: 601px) {
  .auto-complete-email__button--chevron {
    display: none;
  }
}

.auto-complete-email__suggestions {
  margin-top: 12px;
  max-height: 416px;
  width: 390px;
}
.auto-complete-email__suggestions:hover .nav-active {
  background-color: #eee !important;
}
.auto-complete-email__suggestions .look-ahead__header {
  padding-top: 6px;
}
.auto-complete-email__suggestions .search-items--contact-cards__body {
  max-width: none;
  overflow: hidden;
  flex-grow: 1;
}
.auto-complete-email__suggestions .recipient-pill__remove {
  display: none;
  font-size: 24px;
  padding-bottom: 0;
  padding-top: 5px;
  padding-right: 0;
}
.auto-complete-email__suggestions .recipient-pill__remove:hover {
  color: #2872d3;
}
.auto-complete-email__suggestions .search-items--contact-cards:hover .recipient-pill__remove {
  display: block;
}
.auto-complete-email__suggestions ul {
  border-bottom: 0;
  margin-bottom: 0;
}
.auto-complete-email__suggestions.auto-complete-email__suggestions--mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .auto-complete-email__suggestions {
    margin: 0;
    position: absolute;
    display: none;
  }
  .auto-complete-email__suggestions.auto-complete-email__suggestions--mobile {
    display: block;
    position: inherit;
    margin-left: -16px;
    z-index: 1200;
  }
  .auto-complete-email__suggestions.auto-complete-email__suggestions--mobile .block-list__item {
    background-color: white;
  }
}

.auto-complete-email__suggestion {
  padding: 0;
}
.auto-complete-email__suggestion .search-items--contact-cards {
  cursor: pointer;
}

.auto-complete-email__spinner {
  height: 20px;
  width: 20px;
  margin-top: 18px;
  margin-right: 18px;
}
.auto-complete-email__spinner:before {
  content: "";
  animation-name: spinme;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
  border: solid #999999 2px;
  border-top-width: 0;
  border-radius: 0 0 10px 10px;
  display: block;
  height: 10px;
  margin-top: 10px;
  transform-origin: 10px 0px;
  transition: opacity 1s ease-out;
  width: 20px;
}

.auto-complete-colleague--chevron {
  position: relative;
}
.auto-complete-colleague--chevron:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #999999;
  right: 8px;
  top: 38%;
  position: absolute;
  margin-top: -6px;
}

.radio-input-container {
  background: #f2f2f2;
  padding: 8px;
  margin: 16px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  margin-top: 20px;
}

.radio-input {
  font-size: 1.1em;
  margin-right: 10px;
}
.radio-input .form-label {
  cursor: pointer;
  padding: 8px 16px;
  color: #000;
  display: flex;
  align-items: center;
}
.radio-input .form-label span {
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin-left: 24px;
  margin-top: -2px;
  text-transform: none;
}
.radio-input .private::after {
  content: "\e953";
  font-size: 26px;
  font-family: "bl-icons";
  color: #999;
  display: inline-block;
  margin-top: -8px;
}
.radio-input input {
  margin-right: -20px;
  position: absolute;
  outline-color: #9f9f9f;
}

.emoji-picker.ember-modal-dialog {
  min-width: 380px;
  width: 380px;
  height: 450px;
  max-height: 450px;
}
@media only screen and (max-width: 600px) {
  .emoji-picker.ember-modal-dialog {
    width: 100%;
    height: 100%;
    max-height: inherit;
  }
}
.emoji-picker__container {
  overflow-y: scroll;
}
@media only screen and (max-width: 600px) {
  .emoji-picker__container {
    height: calc(100% - 70px);
  }
}
.emoji-picker__section-title {
  color: #999999;
  font-weight: 600;
  margin-left: 8px;
}
.emoji-picker__options-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.emoji-picker__option {
  font-size: 24px;
  width: 30px;
  text-align: center;
  margin: 4px;
  cursor: pointer;
}
.emoji-picker__close {
  display: none;
  height: 40px;
  margin-top: 16px;
}
@media only screen and (max-width: 600px) {
  .emoji-picker__close {
    display: block;
  }
}

.phone-number-input {
  border: 1px solid #cacaca;
  border-radius: 4px;
  border-bottom: 1px #e6e6e6 solid;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 12px;
}
.phone-number-input .drop-down-button__toggle {
  width: auto;
}
.phone-number-input .country-code-picker {
  height: 48px;
  line-height: 48px;
}
.phone-number-input .country-code-picker .focussed-input input {
  height: 48px;
}
.phone-number-input .country-code-picker .contact-card__country-code {
  line-height: 48px;
}
.phone-number-input .contact-card__country-code {
  display: inline-block;
  color: #999999;
}
.phone-number-input .focussed-input__remove {
  display: none;
}
.phone-number-input .country-code__icon {
  display: inline-block;
  line-height: 56px;
}
.phone-number-input .country-code__icon .flag-icon:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #2872d3;
  position: relative;
  top: 5px;
  left: 4px;
}

.form-block .phone-number-input .phone-selector .drop-down-button {
  position: absolute;
  right: 12px;
  top: 0;
}
.form-block .phone-number-input .phone-selector .drop-down-button:after {
  display: none;
}
.form-block .phone-number-input .phone-selector .drop-down-button .drop-down-button__toggle {
  padding: 0;
  margin: 0;
  background: transparent;
  color: #999999;
  border: 0;
  height: 40px;
}
.form-block .phone-number-input .phone-selector .drop-down-button .drop-down-button__toggle:before {
  display: none;
}
.form-block .phone-number-input .phone-selector .drop-down-button .drop-down-button__toggle:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  top: 6px;
  position: relative;
}
.form-block .phone-number-input .phone-selector .drop-down-button .drop-down-button__list {
  margin: 0;
  left: 16px;
  bottom: 16px;
}
@media only screen and (min-width: 601px) {
  .form-block .phone-number-input .phone-selector .drop-down-button .drop-down-button__list {
    width: auto;
    right: 0;
    left: auto;
    bottom: auto;
    top: auto;
  }
}

.form-checkbox {
  margin-right: 10px;
}

.human-time-ago {
  font-size: 16px;
  color: #969696;
  white-space: nowrap;
}

.contact-view {
  position: relative;
}
.contact-view .left-content {
  margin-right: 10px;
  float: left;
}
.contact-view .contact-view__main {
  margin-left: 60px;
}
.contact-view .contact-view__main h4 {
  margin-top: 0;
  font-weight: 200;
}
.contact-view .action-button, .contact-view .login__form-button {
  position: absolute;
  top: 4px;
  right: 4px;
}

.contact-view--spaced {
  margin-bottom: 10px;
}

.contact-view--centered.contact-view--compact {
  display: flex;
  align-items: center;
}
.contact-view--centered.contact-view--compact .left-content {
  margin: 0;
  float: none;
}
.contact-view--centered.contact-view--compact .contact-view__main {
  margin-left: 15px;
  display: flex;
  align-items: center;
}
.contact-view--centered.contact-view--compact .contact-view__main h4 {
  margin: 0;
}

.selectable-list {
  color: #000;
  margin: 0;
  padding: 8px 0px;
  list-style: none;
  text-indent: 0;
  width: 100%;
  min-width: 220px;
}
.selectable-list__title {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding: 0 16px;
  color: #000;
  height: 40px;
  line-height: 35px;
  text-transform: none;
}

.contact-type-selector-regular-font-wrap .selectable-list li.selectable-list__item {
  font-size: 16px;
}

.modal-dialog-bl > .selectable-list {
  margin: 0px;
  min-width: 220px;
}

.selectable-list__item,
.selectable-list .selectable-list__item {
  position: relative;
  padding: 8px 16px 8px 16px;
  border: none;
  display: block;
  font-size: 18px;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.selectable-list__item--selected:after,
.selectable-list .selectable-list__item--selected:after {
  pointer-events: none;
  position: relative;
  height: 0;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  color: #000;
  display: inline;
  vertical-align: middle;
  top: -2px;
  margin-left: -5px;
  line-height: 0;
}
.selectable-list__item--disabled,
.selectable-list .selectable-list__item--disabled {
  color: #999999;
  cursor: default;
}
.selectable-list__item--disabled.selectable-list__item--selected:after,
.selectable-list .selectable-list__item--disabled.selectable-list__item--selected:after {
  color: #999999;
}
.selectable-list__item__tag,
.selectable-list .selectable-list__item__tag {
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.2;
  border: 1px solid #aaa;
  padding: 0 6px;
  border-radius: 10px;
  color: #999;
  margin: 0 0 0 8px;
  font-variant: all-small-caps;
  font-weight: 500;
}
.selectable-list__item .edit-link,
.selectable-list .selectable-list__item .edit-link {
  color: #2872d3;
}

.selectable-list--has-indicator .selectable-list__item {
  display: flex;
  padding-right: 40px;
}
.selectable-list--has-indicator .selectable-list__item--selected:after {
  top: 12px;
  margin-left: 4px;
}

.selectable-list--highlight-active-item .selectable-list__item--active {
  background-color: rgba(68, 68, 68, 0.05);
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.selectable-list--no-padding {
  padding: 0;
}

.selectable-list__divider {
  margin: 8px 0px;
  height: 1px;
  background-color: #e6e6e6;
  width: 100%;
}

.selectable-list--selector-right-aligned .selectable-list__item--selected:after {
  right: 8px;
  position: absolute;
  top: 50%;
}

.modal-dialog-bl__contents.modal-selectable-list {
  background: #fff;
  padding: 0;
  border-radius: 4px;
  max-height: 100vh;
  overflow-y: auto;
}

.modal-dialog-bl > .status-list {
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 5px;
}

.status-button:not(.status-button--modal) .status-list {
  position: absolute;
  top: 51px;
  z-index: 2;
}
.status-button:not(.status-button--modal) .status-list .selectable-list {
  position: static;
}

.modal-dialog-bl .modal-dialog-bl__contents.searchable-selector--modal {
  height: 400px;
}
@media only screen and (max-width: 600px) {
  .modal-dialog-bl .modal-dialog-bl__contents.searchable-selector--modal {
    height: 100vh;
  }
}

.searchable-selector {
  position: relative;
}
.searchable-selector__action-button {
  color: #2872d3;
}
.searchable-selector__empty_message {
  padding: 9px 16px;
  color: #999999;
  min-height: 38px;
}
.searchable-selector__loading-text {
  font-size: 18px;
  color: grey;
}
.searchable-selector__description {
  color: #999999;
  font-size: 11px;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 52.8px; /* Fallback for non-webkit */
  font-size: 16px;
  line-height: 1.1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.searchable-selector .look-ahead__spinner {
  top: 17px;
}
.searchable-selector .searchable-selector__item-with-description .selectable-list__item--selected:after {
  right: 8px;
  position: absolute;
  top: 50%;
}
.searchable-selector .searchable-selector__item-with-description .selectable-list__item {
  flex-direction: column;
}
.searchable-selector--modal .searchable-selector__container {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  width: 400px;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .searchable-selector--modal .searchable-selector__container {
    width: 100%;
    border-radius: 0;
    height: 100vh;
  }
}
.searchable-selector--modal .searchable-selector__input {
  border: 1px solid #cacaca;
  border-radius: 4px;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  margin: 16px;
  flex-shrink: 0;
  position: relative;
}
.searchable-selector--modal .searchable-selector__input__clear {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 5px;
  color: #929292;
}
.searchable-selector--modal .searchable-selector__input input {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
  outline: none;
}
.searchable-selector--modal .selectable-list {
  border: 0;
  overflow: auto;
  padding-top: 0;
}
.searchable-selector--form-item .searchable-selector__input {
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin: 0;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.searchable-selector--form-item .searchable-selector__input input {
  border: none;
  padding: 0 18px 0 0;
  width: 100%;
  font-size: 1.1rem;
  outline: none;
}
.searchable-selector--form-item .selectable-list {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  transform: translateY(-11px);
  overflow: auto;
  position: absolute;
  top: auto;
  left: 0;
  right: auto;
  z-index: var(--z-index-drop-down);
  min-width: 220px;
  margin-bottom: 60px;
  margin-top: -2px;
  max-height: 400px;
}

.searchable-selector--form-item .searchable-selector__input {
  position: relative;
  margin: 0 0 12px;
}
.searchable-selector--form-item .searchable-selector__input:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #999999;
  right: 8px;
  top: 38%;
  position: absolute;
  margin-top: -6px;
}
.searchable-selector--form-item .searchable-selector__input--no-margin {
  margin: 0;
}

.searchable-selector--has-warning .searchable-selector__input {
  border-color: var(--color-orange-500);
}
.searchable-selector--has-warning .searchable-selector__input:focus {
  border-color: var(--color-orange-200);
}

.searchable-selector--modern-form-styling .searchable-selector__input {
  height: 44px;
  margin: 0;
  padding: 0 12px;
}
.searchable-selector--modern-form-styling .searchable-selector__input input {
  font-size: 16px;
}
.searchable-selector--modern-form-styling .searchable-selector__input:after {
  margin-top: -7px;
  right: 6px;
  color: var(--color-black);
}
.searchable-selector--modern-form-styling .searchable-selector__label {
  font-size: 16px;
  margin-bottom: 4px;
}
.searchable-selector--modern-form-styling .searchable-selector__description {
  font-size: 16px;
}
.searchable-selector--modern-form-styling .selectable-list {
  margin-top: 12px;
}

.list-column-header-sort {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  color: #999999;
  height: 42px;
  overflow: visible;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-column-header-sort .list-column-header-sort-item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #999999;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  margin: 0 4px;
  flex-grow: 1;
  flex-basis: 1px;
}
.list-column-header-sort .list-column-header-sort-item--disabled {
  cursor: default;
}
.list-column-header-sort .list-column-header-sort-item--active {
  color: #000;
}
.list-column-header-sort .work-view-list--sort-up.work-view-list--sort-recurrence-frequency .work-view-list__header .work-view-list-item__column--recurrence-frequency:after, .work-view-list--sort-up.work-view-list--sort-recurrence-frequency .work-view-list__header .list-column-header-sort .work-view-list-item__column--recurrence-frequency:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-my-week-date .work-view-list__header .work-view-list-item__column--my-week-date:after, .work-view-list--sort-up.work-view-list--sort-my-week-date .work-view-list__header .list-column-header-sort .work-view-list-item__column--my-week-date:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-fee-type .work-view-list__header .work-view-list-item__column--fee-type:after, .work-view-list--sort-up.work-view-list--sort-fee-type .work-view-list__header .list-column-header-sort .work-view-list-item__column--fee-type:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-total-fee .work-view-list__header .work-view-list-item__column--total-fee:after, .work-view-list--sort-up.work-view-list--sort-total-fee .work-view-list__header .list-column-header-sort .work-view-list-item__column--total-fee:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-budget-progress .work-view-list__header .work-view-list-item__column--budget-progress:after, .work-view-list--sort-up.work-view-list--sort-budget-progress .work-view-list__header .list-column-header-sort .work-view-list-item__column--budget-progress:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-remaining-amount .work-view-list__header .work-view-list-item__column--remaining-amount:after, .work-view-list--sort-up.work-view-list--sort-remaining-amount .work-view-list__header .list-column-header-sort .work-view-list-item__column--remaining-amount:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-remaining-time .work-view-list__header .work-view-list-item__column--remaining-time:after, .work-view-list--sort-up.work-view-list--sort-remaining-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--remaining-time:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-actual-amount .work-view-list__header .work-view-list-item__column--actual-amount:after, .work-view-list--sort-up.work-view-list--sort-actual-amount .work-view-list__header .list-column-header-sort .work-view-list-item__column--actual-amount:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-actual-time .work-view-list__header .work-view-list-item__column--actual-time:after, .work-view-list--sort-up.work-view-list--sort-actual-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--actual-time:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-budget-amount .work-view-list__header .work-view-list-item__column--budget-amount:after, .work-view-list--sort-up.work-view-list--sort-budget-amount .work-view-list__header .list-column-header-sort .work-view-list-item__column--budget-amount:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-budget-time .work-view-list__header .work-view-list-item__column--budget-time:after, .work-view-list--sort-up.work-view-list--sort-budget-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--budget-time:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-reset .work-view-list__header .work-view-list-item__column--reset:after, .work-view-list--sort-up.work-view-list--sort-reset .work-view-list__header .list-column-header-sort .work-view-list-item__column--reset:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-repeats .work-view-list__header .work-view-list-item__column--repeats:after, .work-view-list--sort-up.work-view-list--sort-repeats .work-view-list__header .list-column-header-sort .work-view-list-item__column--repeats:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-estimated-time .work-view-list__header .work-view-list-item__column--estimated-time:after, .work-view-list--sort-up.work-view-list--sort-estimated-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--estimated-time:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-budget .work-view-list__header .work-view-list-item__column--budget:after, .work-view-list--sort-up.work-view-list--sort-budget .work-view-list__header .list-column-header-sort .work-view-list-item__column--budget:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-assignee .work-view-list__header .work-view-list-item__column--assignee:after, .work-view-list--sort-up.work-view-list--sort-assignee .work-view-list__header .list-column-header-sort .work-view-list-item__column--assignee:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-progress .work-view-list__header .work-view-list-item__column--progress:after, .work-view-list--sort-up.work-view-list--sort-progress .work-view-list__header .list-column-header-sort .work-view-list-item__column--progress:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-type .work-view-list__header .work-view-list-item__column--type:after, .work-view-list--sort-up.work-view-list--sort-type .work-view-list__header .list-column-header-sort .work-view-list-item__column--type:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-completed .work-view-list__header .work-view-list-item__column--completed:after, .work-view-list--sort-up.work-view-list--sort-completed .work-view-list__header .list-column-header-sort .work-view-list-item__column--completed:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-deadline .work-view-list__header .work-view-list-item__column--deadline:after, .work-view-list--sort-up.work-view-list--sort-deadline .work-view-list__header .list-column-header-sort .work-view-list-item__column--deadline:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-due .work-view-list__header .work-view-list-item__column--due:after, .work-view-list--sort-up.work-view-list--sort-due .work-view-list__header .list-column-header-sort .work-view-list-item__column--due:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-start .work-view-list__header .work-view-list-item__column--start:after, .work-view-list--sort-up.work-view-list--sort-start .work-view-list__header .list-column-header-sort .work-view-list-item__column--start:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-date-created .work-view-list__header .work-view-list-item__column--date-created:after, .work-view-list--sort-up.work-view-list--sort-date-created .work-view-list__header .list-column-header-sort .work-view-list-item__column--date-created:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-taxreturnstatus .work-view-list__header .work-view-list-item__column--taxreturnstatus:after, .work-view-list--sort-up.work-view-list--sort-taxreturnstatus .work-view-list__header .list-column-header-sort .work-view-list-item__column--taxreturnstatus:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-queue-position .work-view-list__header .work-view-list-item__column--queue-position:after, .work-view-list--sort-up.work-view-list--sort-queue-position .work-view-list__header .list-column-header-sort .work-view-list-item__column--queue-position:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-queue .work-view-list__header .work-view-list-item__column--queue:after, .work-view-list--sort-up.work-view-list--sort-queue .work-view-list__header .list-column-header-sort .work-view-list-item__column--queue:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-current-task-role .work-view-list__header .work-view-list-item__column--current-task-role:after, .work-view-list--sort-up.work-view-list--sort-current-task-role .work-view-list__header .list-column-header-sort .work-view-list-item__column--current-task-role:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-current-task-assignee .work-view-list__header .work-view-list-item__column--current-task-assignee:after, .work-view-list--sort-up.work-view-list--sort-current-task-assignee .work-view-list__header .list-column-header-sort .work-view-list-item__column--current-task-assignee:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-extension-status .work-view-list__header .work-view-list-item__column--extension-status:after, .work-view-list--sort-up.work-view-list--sort-extension-status .work-view-list__header .list-column-header-sort .work-view-list-item__column--extension-status:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-last-status-change-date-time .work-view-list__header .work-view-list-item__column--last-status-change-date-time:after, .work-view-list--sort-up.work-view-list--sort-last-status-change-date-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--last-status-change-date-time:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-status .work-view-list__header .work-view-list-item__column--status:after, .work-view-list--sort-up.work-view-list--sort-status .work-view-list__header .list-column-header-sort .work-view-list-item__column--status:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-client-id .work-view-list__header .work-view-list-item__column--client-id:after, .work-view-list--sort-up.work-view-list--sort-client-id .work-view-list__header .list-column-header-sort .work-view-list-item__column--client-id:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-client-group .work-view-list__header .work-view-list-item__column--client-group:after, .work-view-list--sort-up.work-view-list--sort-client-group .work-view-list__header .list-column-header-sort .work-view-list-item__column--client-group:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-client .work-view-list__header .work-view-list-item__column--client:after, .work-view-list--sort-up.work-view-list--sort-client .work-view-list__header .list-column-header-sort .work-view-list-item__column--client:after, .list-column-header-sort .work-view-list--sort-up.work-view-list--sort-name .work-view-list__header .work-view-list-item__column--name:after, .work-view-list--sort-up.work-view-list--sort-name .work-view-list__header .list-column-header-sort .work-view-list-item__column--name:after, .list-column-header-sort .list-column-header-sort-item--active.list-column-header-sort-item--down:after {
  content: "";
  position: relative;
  top: 12px;
  right: -4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}
.list-column-header-sort .work-view-list--sort-down.work-view-list--sort-recurrence-frequency .work-view-list__header .work-view-list-item__column--recurrence-frequency:after, .work-view-list--sort-down.work-view-list--sort-recurrence-frequency .work-view-list__header .list-column-header-sort .work-view-list-item__column--recurrence-frequency:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-my-week-date .work-view-list__header .work-view-list-item__column--my-week-date:after, .work-view-list--sort-down.work-view-list--sort-my-week-date .work-view-list__header .list-column-header-sort .work-view-list-item__column--my-week-date:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-fee-type .work-view-list__header .work-view-list-item__column--fee-type:after, .work-view-list--sort-down.work-view-list--sort-fee-type .work-view-list__header .list-column-header-sort .work-view-list-item__column--fee-type:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-total-fee .work-view-list__header .work-view-list-item__column--total-fee:after, .work-view-list--sort-down.work-view-list--sort-total-fee .work-view-list__header .list-column-header-sort .work-view-list-item__column--total-fee:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-budget-progress .work-view-list__header .work-view-list-item__column--budget-progress:after, .work-view-list--sort-down.work-view-list--sort-budget-progress .work-view-list__header .list-column-header-sort .work-view-list-item__column--budget-progress:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-remaining-amount .work-view-list__header .work-view-list-item__column--remaining-amount:after, .work-view-list--sort-down.work-view-list--sort-remaining-amount .work-view-list__header .list-column-header-sort .work-view-list-item__column--remaining-amount:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-remaining-time .work-view-list__header .work-view-list-item__column--remaining-time:after, .work-view-list--sort-down.work-view-list--sort-remaining-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--remaining-time:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-actual-amount .work-view-list__header .work-view-list-item__column--actual-amount:after, .work-view-list--sort-down.work-view-list--sort-actual-amount .work-view-list__header .list-column-header-sort .work-view-list-item__column--actual-amount:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-actual-time .work-view-list__header .work-view-list-item__column--actual-time:after, .work-view-list--sort-down.work-view-list--sort-actual-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--actual-time:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-budget-amount .work-view-list__header .work-view-list-item__column--budget-amount:after, .work-view-list--sort-down.work-view-list--sort-budget-amount .work-view-list__header .list-column-header-sort .work-view-list-item__column--budget-amount:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-budget-time .work-view-list__header .work-view-list-item__column--budget-time:after, .work-view-list--sort-down.work-view-list--sort-budget-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--budget-time:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-reset .work-view-list__header .work-view-list-item__column--reset:after, .work-view-list--sort-down.work-view-list--sort-reset .work-view-list__header .list-column-header-sort .work-view-list-item__column--reset:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-repeats .work-view-list__header .work-view-list-item__column--repeats:after, .work-view-list--sort-down.work-view-list--sort-repeats .work-view-list__header .list-column-header-sort .work-view-list-item__column--repeats:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-estimated-time .work-view-list__header .work-view-list-item__column--estimated-time:after, .work-view-list--sort-down.work-view-list--sort-estimated-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--estimated-time:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-budget .work-view-list__header .work-view-list-item__column--budget:after, .work-view-list--sort-down.work-view-list--sort-budget .work-view-list__header .list-column-header-sort .work-view-list-item__column--budget:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-assignee .work-view-list__header .work-view-list-item__column--assignee:after, .work-view-list--sort-down.work-view-list--sort-assignee .work-view-list__header .list-column-header-sort .work-view-list-item__column--assignee:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-progress .work-view-list__header .work-view-list-item__column--progress:after, .work-view-list--sort-down.work-view-list--sort-progress .work-view-list__header .list-column-header-sort .work-view-list-item__column--progress:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-type .work-view-list__header .work-view-list-item__column--type:after, .work-view-list--sort-down.work-view-list--sort-type .work-view-list__header .list-column-header-sort .work-view-list-item__column--type:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-completed .work-view-list__header .work-view-list-item__column--completed:after, .work-view-list--sort-down.work-view-list--sort-completed .work-view-list__header .list-column-header-sort .work-view-list-item__column--completed:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-deadline .work-view-list__header .work-view-list-item__column--deadline:after, .work-view-list--sort-down.work-view-list--sort-deadline .work-view-list__header .list-column-header-sort .work-view-list-item__column--deadline:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-due .work-view-list__header .work-view-list-item__column--due:after, .work-view-list--sort-down.work-view-list--sort-due .work-view-list__header .list-column-header-sort .work-view-list-item__column--due:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-start .work-view-list__header .work-view-list-item__column--start:after, .work-view-list--sort-down.work-view-list--sort-start .work-view-list__header .list-column-header-sort .work-view-list-item__column--start:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-date-created .work-view-list__header .work-view-list-item__column--date-created:after, .work-view-list--sort-down.work-view-list--sort-date-created .work-view-list__header .list-column-header-sort .work-view-list-item__column--date-created:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-taxreturnstatus .work-view-list__header .work-view-list-item__column--taxreturnstatus:after, .work-view-list--sort-down.work-view-list--sort-taxreturnstatus .work-view-list__header .list-column-header-sort .work-view-list-item__column--taxreturnstatus:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-queue-position .work-view-list__header .work-view-list-item__column--queue-position:after, .work-view-list--sort-down.work-view-list--sort-queue-position .work-view-list__header .list-column-header-sort .work-view-list-item__column--queue-position:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-queue .work-view-list__header .work-view-list-item__column--queue:after, .work-view-list--sort-down.work-view-list--sort-queue .work-view-list__header .list-column-header-sort .work-view-list-item__column--queue:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-current-task-role .work-view-list__header .work-view-list-item__column--current-task-role:after, .work-view-list--sort-down.work-view-list--sort-current-task-role .work-view-list__header .list-column-header-sort .work-view-list-item__column--current-task-role:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-current-task-assignee .work-view-list__header .work-view-list-item__column--current-task-assignee:after, .work-view-list--sort-down.work-view-list--sort-current-task-assignee .work-view-list__header .list-column-header-sort .work-view-list-item__column--current-task-assignee:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-extension-status .work-view-list__header .work-view-list-item__column--extension-status:after, .work-view-list--sort-down.work-view-list--sort-extension-status .work-view-list__header .list-column-header-sort .work-view-list-item__column--extension-status:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-last-status-change-date-time .work-view-list__header .work-view-list-item__column--last-status-change-date-time:after, .work-view-list--sort-down.work-view-list--sort-last-status-change-date-time .work-view-list__header .list-column-header-sort .work-view-list-item__column--last-status-change-date-time:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-status .work-view-list__header .work-view-list-item__column--status:after, .work-view-list--sort-down.work-view-list--sort-status .work-view-list__header .list-column-header-sort .work-view-list-item__column--status:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-client-id .work-view-list__header .work-view-list-item__column--client-id:after, .work-view-list--sort-down.work-view-list--sort-client-id .work-view-list__header .list-column-header-sort .work-view-list-item__column--client-id:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-client-group .work-view-list__header .work-view-list-item__column--client-group:after, .work-view-list--sort-down.work-view-list--sort-client-group .work-view-list__header .list-column-header-sort .work-view-list-item__column--client-group:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-client .work-view-list__header .work-view-list-item__column--client:after, .work-view-list--sort-down.work-view-list--sort-client .work-view-list__header .list-column-header-sort .work-view-list-item__column--client:after, .list-column-header-sort .work-view-list--sort-down.work-view-list--sort-name .work-view-list__header .work-view-list-item__column--name:after, .work-view-list--sort-down.work-view-list--sort-name .work-view-list__header .list-column-header-sort .work-view-list-item__column--name:after, .list-column-header-sort .list-column-header-sort-item--active.list-column-header-sort-item--up:after {
  content: "";
  position: relative;
  top: -12px;
  right: -4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #000;
}

.participants-list__loader {
  margin-top: 32px;
}
.participants-list__participant-preamble {
  padding-left: 8px;
}
.participants-list__participant-andmore {
  padding-left: 12px;
}
.participants-list.team-selector {
  border: 0;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.participants-list.team-selector .team-selector-pill {
  display: flex;
}

.app-header {
  position: relative;
  display: flex;
  align-items: center;
  height: 56px;
  background: rgb(42, 42, 42);
}
.app-header__content {
  margin-left: 120px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-header__content .avatar {
  margin-right: 8px;
}
@media only screen and (max-width: 600px) {
  .app-header__content {
    margin-left: 80px;
  }
}
.app-header__title {
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 45px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.app-header__title a:hover {
  color: #999999;
  text-decoration: underline;
}
.app-header__sub-title {
  color: #999999;
}
.app-header__lock-icon::after {
  width: 14px;
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 32px;
  color: #999999;
  left: -10px;
  top: 9px;
  margin-left: 4px;
  position: relative;
  line-height: 0;
  transform: translateY(2px);
}
.app-header__breadcrumb {
  position: relative;
  height: 32px;
  color: rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 12px;
  left: 60px;
}
.app-header__breadcrumb:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "\e601";
  height: 32px;
  font-size: 32px !important;
}
.app-header__breadcrumb:hover {
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  .global-nav-bar__triage-button {
    display: none;
  }
}

body.setup-assistant .app-header,
body.conversation .app-header,
body.sign-up .app-header,
body.login .app-header,
body.goodbye .app-header,
body.invalid .app-header,
body.invitations .app-header,
body.search-view .app-header {
  display: none;
}
body.setup-assistant .main.container,
body.conversation .main.container,
body.sign-up .main.container,
body.login .main.container,
body.goodbye .main.container,
body.invalid .main.container,
body.invitations .main.container,
body.search-view .main.container {
  top: 0;
}

.tool-tip {
  position: relative;
  display: none;
}
.tool-tip.tool-tip--active {
  display: block;
}
.tool-tip.tool-tip--align-bottom .tool-tip__inner-spike {
  bottom: auto;
  top: -5px;
  transform: rotate(180deg);
}
.tool-tip.tool-tip--align-bottom .tool-tip__inner {
  bottom: auto;
  top: 8px;
}
.tool-tip.tool-tip--light {
  font-weight: 400;
}

.tool-tip__inner {
  position: absolute;
  padding: 16px;
  background: #000;
  color: #fff;
  border-radius: 3px;
  bottom: -8px;
}

.tool-tip__inner-spike {
  position: absolute;
  width: 0px;
  height: 0px;
  bottom: -5px;
  left: calc(50% - 5px);
  margin: auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}

.tool-tip-shell--white .tool-tip__inner,
.tool-tip--white .tool-tip__inner {
  background: #fff;
  color: #000;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.22);
}
.tool-tip-shell--white .tool-tip__inner-spike,
.tool-tip--white .tool-tip__inner-spike {
  border-top: 5px solid #fff;
}

.tool-tip-shell--no-spike .tool-tip__inner-spike,
.tool-tip--no-spike .tool-tip__inner-spike {
  display: none;
}

.tout {
  width: 100%;
}
.tout--bottom {
  position: fixed;
  bottom: 16px;
  left: 0px;
  padding: 0px 48px;
}
.tout--center div {
  max-width: 800px;
  margin: auto;
  color: #000;
  text-align: center;
  font-size: 18px;
  padding: 12px 16px 13px 16px;
  background-color: #fff9b9;
  border: 1px solid #e2dc99;
  border-radius: 4px;
}
.tout--center div a {
  cursor: pointer;
  color: #000;
  text-decoration: underline;
}
.tout--center div a:hover {
  text-decoration: none;
}

.menu-open .tout--bottom {
  padding: 0px 48px 0px 288px;
}

.loading-icon {
  display: block;
  margin: auto;
}
.loading-icon .loading-icon__spinner {
  margin-top: 50%;
  margin-left: auto;
  margin-right: auto;
}

.loading-icon--inline {
  display: inline-block;
  margin: 16px;
}
.loading-icon--inline .loading-icon__spinner {
  margin: 0;
}

.loading-icon--centered-horizontal {
  display: block;
}
.loading-icon--centered-horizontal .loading-icon__spinner {
  margin: 0 auto;
}

.loading-icon.loading-icon--fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-icon.loading-icon--fixed .loading-icon__spinner {
  margin: 0 auto;
}

.menu-open .loading-icon.loading-icon--fixed {
  left: calc(50% + 120px);
}

.menu-open .modal-dialog-bl .loading-icon.loading-icon--fixed {
  left: 50%;
}

.loading-icon--no-margin {
  margin: 0;
}

.loading-icon__message {
  font-size: 16px;
  line-height: 20px;
  color: #999999;
  padding: 0;
  padding-top: 10px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.loading-icon__spinner {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loading-icon--large .loading-icon__spinner {
  width: 64px;
  height: 64px;
}

.loading-icon--medium .loading-icon__spinner {
  width: 32px;
  height: 32px;
}

.loading-icon--24 .loading-icon__spinner {
  width: 24px;
  height: 24px;
}

.loading-icon--small .loading-icon__spinner {
  width: 20px;
  height: 20px;
}

.loading-icon--tiny .loading-icon__spinner {
  width: 14px;
  height: 14px;
}

.arc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 4px solid;
}

.loading-icon .loading-icon__spinner .arc {
  border-width: 2px;
}

.loading-icon--large .loading-icon__spinner .arc {
  border-width: 3px;
}

.loading-icon--medium .loading-icon__spinner .arc {
  border-width: 2px;
}

.loading-icon--24 .loading-icon__spinner .arc {
  border-width: 2px;
}

.loading-icon--small .loading-icon__spinner .arc {
  border-width: 2px;
}

.loading-icon--tiny .loading-icon__spinner .arc {
  border-width: 1px;
}

.arc_base {
  border-color: rgba(255, 255, 255, 0.5);
}

.arc_start {
  border-color: transparent #2872d3 transparent transparent;
  transform: rotate(45deg);
  animation: load8 0.8s infinite linear;
}

.arc_end {
  border-color: #2872d3 transparent transparent transparent;
  transform: rotate(100deg);
  animation: load8 0.8s infinite linear;
}

.loading-icon.loading-icon--white .arc_start {
  border-color: transparent #fff transparent transparent;
}
.loading-icon.loading-icon--white .arc_end {
  border-color: #fff transparent transparent transparent;
}

.loading-icon.loading-icon--grey .arc_start {
  border-color: transparent #ddd transparent transparent;
}
.loading-icon.loading-icon--grey .arc_end {
  border-color: #ddd transparent transparent transparent;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.dialog-action-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 32px;
}
.dialog-action-bar .action-button, .dialog-action-bar .login__form-button {
  cursor: pointer;
  min-width: 70px;
  margin: 0 6px;
  padding-top: 0px;
  padding-bottom: 3px;
  font-size: 18px;
}
.dialog-action-bar .action-button:disabled, .dialog-action-bar .login__form-button:disabled {
  cursor: default;
}
.dialog-action-bar .action-button:last-child, .dialog-action-bar .login__form-button:last-child {
  margin-right: 0;
}
.dialog-action-bar .action-button:first-child, .dialog-action-bar .login__form-button:first-child {
  margin-left: 0;
}
.dialog-action-bar .action-button--inline:first-child {
  padding-left: 0;
  border-left: 0;
  text-align: left;
  min-width: 0px;
  margin-right: 16px;
}
.dialog-action-bar__spacer {
  flex-grow: 1;
}
@media only screen and (max-width: 600px) {
  .dialog-action-bar {
    position: absolute;
    margin-top: 4px;
    top: 0;
    left: 0;
    right: 0;
    align-items: center;
  }
  .dialog-action-bar .action-button--inline:first-child {
    min-width: 70px;
    text-align: center;
  }
  .dialog-action-bar .action-button--primary, .dialog-action-bar .login__form-button {
    font-weight: 600;
    background-color: transparent;
    border: none;
    color: #2872d3;
  }
  .dialog-action-bar .action-button--primary:disabled, .dialog-action-bar .login__form-button:disabled {
    color: #ccc;
  }
  .dialog-action-bar .action-button:first-child, .dialog-action-bar .login__form-button:first-child {
    position: absolute;
    left: 0;
  }
}

.dialog-action-bar--screen-footer {
  border-top: 1px solid #ddd;
  padding-top: 16px;
}

.tab-bar {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tab-bar--centered {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  bottom: 0;
  width: 100%;
  z-index: 0;
}
.tab-bar--left-aligned {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  bottom: 0;
  width: 100%;
  z-index: 0;
}
.tab-bar--slim {
  font-size: 16px;
  line-height: 20px;
}
.tab-bar__item:first-child {
  margin-left: 0;
}
.tab-bar__item:last-child {
  margin-right: 0;
}

/*****
  Themes
*****/
.tab-bar.tab-bar--entity-theme, .tab-bar.tab-bar--dark-theme {
  color: #000;
}
.tab-bar.tab-bar--entity-theme .tab-bar__item, .tab-bar.tab-bar--dark-theme .tab-bar__item {
  font-size: 18px;
  margin: 0 1px;
}
.tab-bar.tab-bar--entity-theme .tab-bar__item:first-child, .tab-bar.tab-bar--dark-theme .tab-bar__item:first-child {
  margin-left: 0;
}
.tab-bar.tab-bar--entity-theme .tab-bar__item:last-child, .tab-bar.tab-bar--dark-theme .tab-bar__item:last-child {
  margin-right: 0;
}
@media only screen {
  .tab-bar.tab-bar--entity-theme .tab-bar__item, .tab-bar.tab-bar--dark-theme .tab-bar__item {
    font-size: 18px;
  }
}
.tab-bar.tab-bar--entity-theme .tab-bar__link, .tab-bar.tab-bar--dark-theme .tab-bar__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 5px 0 0;
  min-width: 120px;
  padding: 0 16px;
  height: 48px;
  line-height: 0.9;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  background-color: #999999;
}
.tab-bar.tab-bar--entity-theme .tab-bar__link.active, .tab-bar.tab-bar--dark-theme .tab-bar__link.active {
  background-color: #fff;
}
@media only screen and (max-width: 600px) {
  .tab-bar.tab-bar--entity-theme .tab-bar__item, .tab-bar.tab-bar--dark-theme .tab-bar__item {
    flex-grow: 1;
  }
  .tab-bar.tab-bar--entity-theme .tab-bar__link, .tab-bar.tab-bar--dark-theme .tab-bar__link {
    min-width: 0;
    width: 100%;
  }
}

.tab-bar--dark-theme {
  padding-top: 6px;
  background-color: #444444;
  border-bottom: 4px solid #fff;
}

body.contrast .tab-bar.tab-bar--entity-theme .tab-bar__link.active, body.contrast .tab-bar.tab-bar--dark-theme .tab-bar__link.active {
  background-color: #f2f2f2;
}

body.white .tab-bar.tab-bar--entity-theme .tab-bar__link.active, body.white .tab-bar.tab-bar--dark-theme .tab-bar__link.active {
  background-color: #fff;
}

.tab-bar--slim .tab-bar__item .tab-bar__link {
  background-color: var(--color-grey-100);
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  height: 32px;
  border-radius: 0px;
}

.tab-bar--slim .tab-bar__item .tab-bar__link.active {
  background-color: white;
  border-color: var(--color-grey-300);
  border-radius: 4px;
}

.search-bar {
  position: static;
  overflow: hidden;
  z-index: 4;
  width: 100%;
  height: 65px;
  background: #fff;
  align-items: center;
  display: flex;
  flex-direction: row;
  border-bottom: 1px #e6e6e6 solid;
}
@media only screen and (min-width: 601px) {
  .search-bar {
    background: transparent;
    color: #fff;
    border: 0;
  }
}
.search-bar input {
  opacity: 0;
}

.search-bar__input {
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  position: relative;
  padding-right: 20px;
  padding-left: 50px;
}
@media only screen and (min-width: 1400px) {
  .search-bar__input {
    width: 780px;
  }
}
@media only screen and (min-width: 990px) {
  .search-bar__input {
    padding-left: 0;
  }
  .search-bar__input:before {
    color: #fff;
  }
}

.search-bar__input input {
  height: 40px;
  border-radius: 50px;
  border: none;
  -webkit-appearance: none;
          appearance: none;
  padding: 0 16px;
  background: #e6e6e6;
  padding-left: 40px;
  padding-bottom: 1px;
  font-size: 18px;
}
.search-bar__input input:focus {
  background: #e6e6e6;
  color: #000;
  outline: none;
}
@media only screen and (min-width: 601px) {
  .search-bar__input input {
    background: rgba(0, 0, 0, 0.2);
  }
}

.search-bar__scrolling--header {
  font-size: 22px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  top: 99px;
  max-width: 450px;
  height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-work;
  white-space: nowrap;
}

body.header-overscroll .search-bar__scrolling--header {
  display: block;
}

.search-bar__cancel {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 11px;
  right: 19px;
  margin: 0;
  cursor: pointer;
  color: #000;
}

.work-list .search-bar__cancel {
  top: 0px;
}

.search-bar__back {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
  color: #000;
  position: absolute;
  width: 45px;
  height: 40px;
  line-height: 40px;
  top: 12px;
  display: none;
  cursor: pointer;
}

.search-bar__search:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e";
  color: #999999;
  position: absolute;
  top: 12px;
  left: 0;
  font-size: 36px;
  width: 45px;
  height: 40px;
  line-height: 40px;
  display: block;
  cursor: pointer;
}

.search-bar__input--filled .search-bar__cancel {
  display: block;
}
.search-bar__input--filled input {
  padding-right: 32px;
}

.search-bar .search-bar__input input::placeholder {
  color: #999999;
}

.demo-container {
  position: relative;
  height: 400px;
  overflow: hidden;
}
.demo-container .tab-view__item:first-child a {
  color: #000;
  background: #fff;
  font-weight: 600;
}

.tab-view {
  position: absolute;
  right: 0;
  top: 0;
  width: 360px;
  height: 100%;
}

.tab-view__items {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.tab-view__item {
  text-align: center;
  background: #e6e6e6;
  color: #2872d3;
  flex: 1;
}
.tab-view__item > a {
  text-decoration: none;
  display: block;
  font-size: 18px;
  height: 56px;
  line-height: 56px;
}
.tab-view__item > a.active {
  color: #000;
  background: #fff;
  font-weight: 600;
}

.tab-view__container {
  background: #fff;
  min-height: 100vh;
}

.notification-container {
  position: fixed;
  bottom: 16px;
  left: 16px;
  max-width: 100%;
  padding-right: 32px;
  z-index: 150;
}
@media only screen and (min-width: 601px) {
  .notification-container {
    max-width: 600px;
    min-width: 100px;
  }
}

.notification-item {
  background: rgba(0, 0, 0, 0.94);
  color: #fff;
  width: auto;
  border-radius: 5px;
  padding: 10px 55px 12px 19px;
  position: relative;
  margin-bottom: 4px;
  box-shadow: 0 2px 8px 0 rgba(146, 146, 146, 0.5);
  word-wrap: break-word;
}

.notification-item.notification-item--inverted {
  background-color: rgba(255, 255, 255, 0.94);
  color: #000;
}

.notification-item__action,
.notification-item__close {
  background: transparent;
  box-shadow: none;
  -webkit-appearance: none;
  border: 0;
}

.notification-item__action {
  color: #fff;
  font-weight: 600;
  display: inherit;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 601px) {
  .notification-item__action {
    display: inline-block;
    margin-left: 16px;
  }
}

.notification-container .notification-item__close {
  opacity: 0.2;
  position: absolute;
  overflow: hidden;
  width: 32px;
  height: 32px;
  padding: 0;
  right: 2px;
  top: 3px;
  color: #fff;
}
.notification-container .notification-item__close:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
}

.notification-container .notification-item.notification-item--inverted .notification-item__close {
  color: #000;
}

.divider--heavy--horizontal {
  height: 1px;
  background-color: #e6e6e6;
}
@media only screen and (min-width: 601px) {
  .divider--heavy--horizontal {
    display: none;
  }
}

.date-picker {
  line-height: normal;
  position: fixed;
  bottom: 0;
  z-index: 99;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  color: #000;
  width: 100%;
}
.date-picker button:focus {
  outline: 0;
}
.date-picker .date-picker__calander-button {
  cursor: pointer;
  position: absolute;
  color: #2872d3;
  top: 19px;
  right: 4px;
  width: 32px;
  height: 32px;
}
.date-picker .date-picker__calander-button .bl-icon, .date-picker .date-picker__calander-button .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .date-picker .date-picker__calander-button .drop-down-button__toggle::after, .date-picker .date-picker__calander-button .timeline-item-header__shared-icon, .date-picker .date-picker__calander-button .auto-complete-email__button--chevron {
  position: relative;
  top: -5px;
  left: 0;
}
.date-picker .date-picker__back-button {
  cursor: pointer;
  position: absolute;
  color: #2872d3;
  top: 13px;
  left: 9px;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 601px) {
  .date-picker .date-picker__back-button {
    top: 9px;
  }
}
@media only screen and (min-width: 601px) {
  .date-picker .date-picker__back-button.date-picker__back-button--mobile {
    display: none;
  }
}
.date-picker.date-picker-clear-width {
  width: unset;
}
@media only screen and (min-width: 601px) {
  .date-picker {
    position: relative;
    height: auto;
    width: 340px;
    box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
    border: none;
    margin: 0;
  }
  .date-picker.calendar-active {
    height: 390px;
  }
}
.date-picker .focussed-input input {
  background-color: transparent;
}
.date-picker .text-light {
  font-weight: lighter;
  color: #999999;
}
.date-picker .action-button--inline.action-button, .date-picker .action-button--inline.login__form-button {
  color: #2872d3;
  font-size: 20px;
}
.date-picker .action-button--inline.action-button.action-button--done, .date-picker .action-button--inline.action-button--done.login__form-button {
  font-weight: 600;
}
@media only screen and (min-width: 601px) {
  .date-picker .action-button--inline.action-button.action-button--cancel, .date-picker .action-button--inline.action-button--cancel.login__form-button {
    display: none;
  }
  .date-picker .action-button--inline.action-button.action-button--done, .date-picker .action-button--inline.action-button--done.login__form-button {
    display: none;
  }
}

/* Date Picker Calendar View */
.date-picker__calendar .date-picker__calendar__header {
  position: relative;
  height: 73px;
  top: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 601px) {
  .date-picker__calendar .date-picker__calendar__header {
    top: 0;
  }
}
.date-picker__calendar .date-picker__calendar__back {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 11px;
  z-index: 2;
}
.date-picker__calendar .action-button--inline.action-button--today {
  color: #2872d3;
  position: absolute;
  margin: 0;
  padding: 0;
  height: 25px;
  top: 10px;
  right: 14px;
}
.date-picker__calendar .title {
  position: absolute;
  width: 100%;
  text-align: left;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  padding-left: 60px;
  top: 14px;
}
.date-picker__calendar .days {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  margin: 0;
  padding: 2px 0 0 0;
  border-top: 1px solid #e6e6e6;
  text-align: center;
}
.date-picker__calendar .days > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  width: 320px;
  margin: 0 auto;
  list-style-type: none;
}
.date-picker__calendar .days li {
  -webkit-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: #929292;
}

.date-picker__calendar__content {
  z-index: -1;
  overflow: auto;
  position: absolute;
  top: 81px;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
}
@media only screen and (min-width: 601px) {
  .date-picker__calendar__content {
    top: 73px;
  }
}
.date-picker__calendar__content .inner-contents {
  width: 320px;
  margin: 0 auto;
}
.date-picker__calendar__content .month-container {
  padding: 10px 0 0 0;
  overflow: hidden;
}
.date-picker__calendar__content .month-container .month-header {
  position: relative;
  text-align: center;
}
.date-picker__calendar__content .month-container .month-header .rule {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  z-index: -1;
  border-bottom: 1px solid #e6e6e6;
}
.date-picker__calendar__content .month-container .month-title {
  font-size: 18px;
  color: #999999;
  background-color: #fff;
  display: inline-block;
  width: auto;
  padding: 8px;
}
.date-picker__calendar__content .month-dates {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.date-picker__calendar__content .month-dates > * {
  cursor: pointer;
  float: left;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 18px;
  background-color: #fff;
  text-align: center;
  padding: 9px 0 0 0;
  margin: 2.7px;
  border-radius: 40px;
  border: 2px solid transparent;
  color: #000;
}
.date-picker__calendar__content .month-dates > .current {
  background-color: #fff;
  border: 2px solid #e3e7ed;
}
.date-picker__calendar__content .month-dates > .selected {
  cursor: default;
  background-color: #2872d3;
  border: 2px solid #2872d3;
  color: #fff;
}
.date-picker__calendar__content .month-dates > .blank {
  cursor: default;
  background-color: #fff;
  border: 2px solid transparent;
}

/* Date Picker List View */
.date-picker__list .focussed-input input {
  padding-right: 42px;
  padding-left: 56px;
  color: #000;
}
@media only screen and (min-width: 601px) {
  .date-picker__list .focussed-input input {
    padding-left: 18px;
  }
}
.date-picker__list .block-list__item {
  cursor: pointer;
  padding: 13px 18px 15px 18px;
}
.date-picker__list .block-list__item--bordered-bottom:last-child {
  box-shadow: 0px 1px 0px #e6e6e6;
  width: 100%;
}
.date-picker__list .date-picker__list__cancel {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 46px;
  height: 46px;
}

.date-picker__list__suggestions {
  overflow: auto;
  top: 58px;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
}
@media only screen and (min-width: 601px) {
  .date-picker__list__suggestions {
    border-bottom: 0;
  }
}
.date-picker__list__suggestions .block-list__item {
  text-align: left;
}
.date-picker__list__suggestions .block-list__item:first-child {
  border-top: 1px solid #e6e6e6;
}
.date-picker__list__suggestions ul > div {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .date-picker__list__suggestions {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}

.date-input {
  position: relative;
}
.date-input .date-input__calander-icon {
  cursor: pointer;
  position: absolute;
  color: #999999;
  top: 14px;
  right: 1px;
  width: 32px;
  height: 32px;
  font-size: 16px;
}
.date-input .date-input__calander-icon .bl-icon, .date-input .date-input__calander-icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .date-input .date-input__calander-icon .drop-down-button__toggle::after, .date-input .date-input__calander-icon .timeline-item-header__shared-icon, .date-input .date-input__calander-icon .auto-complete-email__button--chevron {
  position: relative;
  top: -5px;
  left: 0;
}
.date-input__pop-over {
  display: block;
}
.date-input .pop-over__toggle {
  width: 100%;
  text-align: left;
}

.date-input.date-input--notset .pop-over__toggle {
  color: #999999;
}

.form-block .form-item.date-input.date-input--focussed.date-input--show-focus-ring > .date-input__pop-over {
  border-color: #9f9f9f;
}

.start-due-input {
  border: none;
  border-radius: 2px;
  display: flex;
  align-items: center;
  width: 100%;
}
.start-due-input .form-col {
  width: 100%;
  margin-left: 0px !important;
}
.start-due-input__button {
  width: 100%;
  display: block;
}
.start-due-input__button .pop-over__contents {
  top: -4px;
  left: -7px;
}
.start-due-input__button > .action-button, .start-due-input__button > .login__form-button {
  width: 100%;
  font-size: 1.1em;
  background: none;
  text-align: left;
  color: #999999;
  outline: none;
  text-indent: 12px;
  min-height: 0;
  height: 48px;
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin: 0 0 12px 0;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .start-due-input__button > .action-button, .start-due-input__button > .login__form-button {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.start-due-input.start-date--set .start-due-input__button--start > .action-button, .start-due-input.start-date--set .start-due-input__button--start > .login__form-button {
  color: #000;
}
.start-due-input.due-date--set .start-due-input__button--due > .action-button, .start-due-input.due-date--set .start-due-input__button--due > .login__form-button {
  color: #000;
}
.start-due-input.deadline-date--set .start-due-input__button--deadline > .action-button, .start-due-input.deadline-date--set .start-due-input__button--deadline > .login__form-button {
  color: #000;
}
.start-due-input.date-error .start-due-input__button > .action-button, .start-due-input.date-error .start-due-input__button > .login__form-button {
  color: red;
}
.start-due-input .start-due-input__calander-icon {
  position: absolute;
  top: 39px;
  right: 0;
  width: 32px;
  height: 32px;
}
.start-due-input .start-due-input__calander-icon .bl-icon, .start-due-input .start-due-input__calander-icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .start-due-input .start-due-input__calander-icon .drop-down-button__toggle::after, .start-due-input .start-due-input__calander-icon .timeline-item-header__shared-icon, .start-due-input .start-due-input__calander-icon .auto-complete-email__button--chevron {
  position: relative;
  top: -5px;
  left: 0;
}

.loading-top-slider {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  z-index: 999;
}
.loading-top-slider .expanding {
  text-align: center;
}
.loading-top-slider span {
  position: inherit;
  height: 4px;
  background-color: red;
}

/* App Menu Icon */
.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 28px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.15s;
  background-color: transparent;
}

.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 13px;
  left: 8px;
  right: 8px;
  height: 2px;
  background: white;
}

.cmn-toggle-switch--altcolor span {
  background: white;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: white;
  content: "";
}

.cmn-toggle-switch--altcolor span::before,
.cmn-toggle-switch--altcolor span::after {
  background-color: white;
}

.cmn-toggle-switch span::before {
  top: -5px;
}

.cmn-toggle-switch span::after {
  bottom: -5px;
}

/**
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.cmn-toggle-switch__htx span {
  transition: background 0s 0.15s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  transition-duration: 0.15s, 0.15s;
  transition-delay: 0.15s, 0s;
}

.cmn-toggle-switch__htx span::before {
  transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active span {
  background: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  transition-delay: 0s, 0.15s;
  background: white;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body:not(.no-menu-transitions) .main.container {
  transition: margin-left 0.3s;
  margin-left: 0;
}
body:not(.no-menu-transitions) .app-header {
  transition: margin-left 0.3s;
}
body:not(.no-menu-transitions) .app-header__breadcrumb {
  transition: left 0.25s;
}
body:not(.no-menu-transitions) .app-menu__list {
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}

.main.container {
  margin-left: 0;
}

body.menu-open .main.container {
  margin-left: 240px;
}
body.menu-open .app-header {
  margin-left: 240px;
}
body.menu-open .app-header__breadcrumb {
  left: 0;
  border-left: none;
}

.app-menu {
  display: block;
  position: absolute;
  z-index: 60;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  transform: translateZ(0);
}
.app-menu strong {
  font-weight: 600;
}
.app-menu__close-icon-container {
  cursor: pointer;
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 99;
  padding: 0px;
  font-weight: 600;
}
.app-menu__close-icon {
  display: inline-block;
  color: #fff;
}
.app-menu__logo-type {
  opacity: 1;
  margin: 0;
  width: 68px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjhweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgNjggMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+IAogICAgPGcgaWQ9Im1lbnVCYXItbG9nby1rYXJib24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjM0OTk5NTY1LDQuMTgzNDY3NjIgTDIuMzQ5OTk1NjUsOS4yNTA2MDIzNiBMNi41OTA1MzcxMiw0LjE4MzQ2NzYyIEw5LjQzNjA3MjMxLDQuMTgzNDY3NjIgTDUuMTQwMDA4Miw5LjIzMjIxMDQ4IEw5LjYwMTI1MjE2LDE1LjQ1NTI1NzEgTDYuNzU1NzE2OTcsMTUuNDU1MjU3MSBMMy40MTQ2NDIyMywxMC44NDc1NzIyIEwyLjM0OTk5NTY1LDEyLjExNDE4MjQgTDIuMzQ5OTk1NjUsMTUuNDU1MjU3MSBMNy4xMDU0MjczNmUtMTUsMTUuNDU1MjU3MSBMNy4xMDU0MjczNmUtMTUsNC4xODM0Njc2MiBMMi4zNDk5OTU2NSw0LjE4MzQ2NzYyIFogTTE3LjI3Mzc1Miw0LjE4MzQ2NzYyIEwyMS41ODc1MTM5LDE1LjQ1NTI1NzEgTDE5LjIwMTA4MTYsMTUuNDU1MjU3MSBMMTguMTkxNjEwNiwxMi43Mzg0NjUxIEwxMy45Njk0NjEsMTIuNzM4NDY1MSBMMTIuOTc4MDM0OSwxNS40NTUyNTcxIEwxMC42MjgwMzkyLDE1LjQ1NTI1NzEgTDE0Ljk0MjE0ODIsNC4xODM0Njc2MiBMMTcuMjczNzUyLDQuMTgzNDY3NjIgWiBNMTYuMDgwNzA5Myw3LjAxMDk1Nzk1IEwxNy40NTczMjM3LDEwLjc1NTk1OTkgTDE0LjcwMzQwMDksMTAuNzU1OTU5OSBMMTYuMDgwNzA5Myw3LjAxMDk1Nzk1IFogTTI3Ljk5MzEyNiw2LjE4NDY3Njk5IEMyOS4xNjgxMjM4LDYuMTg0Njc2OTkgMjkuNzc0MDE0Niw2LjgwODYxMjY0IDI5Ljc3NDAxNDYsNy43NjMyNTQ5OSBDMjkuNzc0MDE0Niw4LjY5OTg1MjQ5IDI5LjE2ODEyMzgsOS4zMjM3ODgxNCAyNy45OTMxMjYsOS4zMjM3ODgxNCBMMjcuOTkzMTI2LDkuMzIzNzg4MTQgTDI1LjgyNzA0OTEsOS4zMjM3ODgxNCBMMjUuODI3MDQ5MSw2LjE4NDY3Njk5IFogTTI4LjE0MDI2MSw0LjE4MzQzMjkxIEMzMC41MDgzMDE1LDQuMTgzNDMyOTEgMzIuMDg3MjI2NSw1LjQ1MDM5MDExIDMyLjA4NzIyNjUsNy43NjMyNTQ5OSBDMzIuMDg3MjI2NSw5LjU2MjUzNTQ4IDMxLjA5NTgwMDQsMTAuNzAwNzQ5NiAyOS41MTcyMjI0LDExLjA4NjI4NDkgTDMyLjQ5MDgwNjcsMTUuNDU1MjIyNCBMMjkuODQ3NTgyMSwxNS40NTUyMjI0IEwyNy4wNTY4NzU1LDExLjI1MTQ2NDcgTDI1LjgyNzA0OTEsMTEuMjUxNDY0NyBMMjUuODI3MDQ5MSwxNS40NTUyMjI0IEwyMy40OTU0NDUzLDE1LjQ1NTIyMjQgTDIzLjQ5NTQ0NTMsNC4xODM0MzI5MSBMMjguMTQwMjYxLDQuMTgzNDMyOTEgWiBNMzkuMDQzMzgwMiwxMC42NDU1NzM5IEM0MC4xNDQ4MTA1LDEwLjY0NTU3MzkgNDAuNzMyNjU2NCwxMS4xNzc4OTcyIDQwLjczMjY1NjQsMTIuMDU4OTcyMSBDNDAuNzMyNjU2NCwxMi45MjIwMDIxIDQwLjE0NDgxMDUsMTMuNDcyNzE3MyAzOS4wNDMzODAyLDEzLjQ3MjcxNzMgTDM5LjA0MzM4MDIsMTMuNDcyNzE3MyBMMzYuODIyMTI3NiwxMy40NzI3MTczIEwzNi44MjIxMjc2LDEwLjY0NTU3MzkgWiBNMzguNzMxNDEyMyw4LjgwOTg1NjcyIEMzOS44NTEyMzQ1LDguODA5ODU2NzIgNDAuNDM4NzMzNSw4LjM2OTE0NTc4IDQwLjQzODczMzUsNy40Njk2NzkwNSBDNDAuNDM4NzMzNSw2LjU3MDIxMjMxIDM5Ljg1MTIzNDUsNi4xNjYyODUxMiAzOC43MzE0MTIzLDYuMTY2Mjg1MTIgTDM2LjgyMjEyNzYsNi4xNjYyODUxMiBMMzYuODIyMTI3Niw4LjgwOTg1NjcyIEwzOC43MzE0MTIzLDguODA5ODU2NzIgWiBNMzguODc4NTQ3Myw0LjE4MzQzMjkxIEM0MS4yMjgxOTYsNC4xODM0MzI5MSA0Mi42NzgzNzc5LDUuMjMwMDM0NjQgNDIuNjc4Mzc3OSw3LjI0OTMyMzU4IEM0Mi42NzgzNzc5LDguNDYxMTA1MTUgNDIuMDE3NjU4NSw5LjM0MjE4MDAxIDQxLjE5MTQxMjIsOS42MzU3NTU5NiBDNDIuMjU2MDU4OCw5Ljk4NDg1NDU0IDQzLjAyNzEyOTQsMTEuMDMxMTA5MyA0My4wMjcxMjk0LDEyLjI2MDkzNTcgQzQzLjAyNzEyOTQsMTQuMzM1NDAwMiA0MS41OTUzMzk0LDE1LjQ1NTIyMjQgMzkuMjQ1MzQzOCwxNS40NTUyMjI0IEwzNC41NjQwOTE0LDE1LjQ1NTIyMjQgTDM0LjU2NDA5MTQsNC4xODM0MzI5MSBMMzguODc4NTQ3Myw0LjE4MzQzMjkxIFogTTUwLjAzODkwOTksNi4wOTI4NTY0MyBDNTEuODM4MTkwNCw2LjA5Mjg1NjQzIDUzLjAxMjg0MTIsNy42MTY2MDU4MyA1My4wMTI4NDEyLDkuODE5NDY2NDkgQzUzLjAxMjg0MTIsMTIuMDIyMzI3MSA1MS44MzgxOTA0LDEzLjU0NjA3NjUgNTAuMDM4OTA5OSwxMy41NDYwNzY1IEM0OC4yNTgwMjEzLDEzLjU0NjA3NjUgNDcuMTAxNDE1MywxMi4wMjIzMjcxIDQ3LjEwMTQxNTMsOS44MTk0NjY0OSBDNDcuMTAxNDE1Myw3LjYxNjYwNTgzIDQ4LjI1ODAyMTMsNi4wOTI4NTY0MyA1MC4wMzg5MDk5LDYuMDkyODU2NDMgWiBNNTAuMDM4OTA5OSw0IEM1My4xNzgwMjEsNCA1NS4zODEyMjg3LDYuNDQxNjA4IDU1LjM4MTIyODcsOS44MTk0NjY0OSBDNTUuMzgxMjI4NywxMy4xNzg5MzMxIDUzLjE3ODAyMSwxNS42Mzg5MzMgNTAuMDM4OTA5OSwxNS42Mzg5MzMgQzQ2Ljg5OTQ1MTcsMTUuNjM4OTMzIDQ0LjcxNDk4MjksMTMuMTc4OTMzMSA0NC43MTQ5ODI5LDkuODE5NDY2NDkgQzQ0LjcxNDk4MjksNi40NDE2MDggNDYuODk5NDUxNyw0IDUwLjAzODkwOTksNCBaIE01OS43NjcxMzU0LDQuMTgzNTcxNzIgTDY0Ljc0MTk2MzcsMTEuMzA2NDMyMSBMNjQuNzQxOTYzNyw0LjE4MzU3MTcyIEw2Nyw0LjE4MzU3MTcyIEw2NywxNS40NTUzNjEyIEw2NS4xNDU4OTA5LDE1LjQ1NTM2MTIgTDU5LjgyMTk2NCw3Ljk0Njk2NTUyIEw1OS44MjE5NjQsMTUuNDU1MzYxMiBMNTcuNTY0Mjc0NywxNS40NTUzNjEyIEw1Ny41NjQyNzQ3LDQuMTgzNTcxNzIgTDU5Ljc2NzEzNTQsNC4xODM1NzE3MiBaIiBpZD0iS2FyYm9uLWxvZ290eXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
  display: block;
  position: absolute;
  left: 60px;
  top: 18px;
  opacity: 0;
}

body.search .app-menu {
  display: none;
}

.app-menu__list {
  position: absolute;
  top: 0;
  left: -240px;
  width: 240px;
  height: 100%;
  background-color: #f2f2f2;
  z-index: 98;
}
.app-menu__list .header {
  height: 56px;
  background-color: rgb(42, 42, 42);
}
.app-menu__list .footer {
  min-height: 100px;
  padding: 0 0 24px 22px;
  display: flex;
  flex-grow: 1;
  flex-direction: column-reverse;
}
.app-menu__list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.app-menu__list li {
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  color: #000;
}
.app-menu__list li a {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
  display: flex;
  align-items: center;
}
.app-menu__list li a:active, .app-menu__list li a:focus {
  outline: none;
}
.app-menu__list li.inactive {
  opacity: 0.4;
}
.app-menu__list li:hover {
  color: #000;
}

.app-menu.open > .app-menu__list {
  left: 0;
}

.app-menu.open .app-menu__logo-type {
  transition: opacity 0.3s ease-in;
  opacity: 1;
}

.app-menu.open.auto {
  right: 0;
}

.app-menu.open.fixed {
  right: auto;
  width: 240px;
}

.app-menu__scroller {
  border-right: 1px solid #cacaca;
  overflow: auto;
  position: absolute;
  z-index: -1;
  top: 56px;
  margin-top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

.app-menu__scroller-contents {
  flex-grow: 1;
  display: grid;
  flex-direction: column;
}

.app-menu__contents {
  flex-shrink: 0;
}

.app-menu__dissmiss {
  position: absolute;
  z-index: 96;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (min-width: 601px) {
  .footer {
    padding-left: 0;
  }
}
body.conversation .app-menu,
body.search-view .app-menu {
  display: none;
}

.co-brand-intuit .app-menu__logo-type {
  opacity: 1;
  margin: 0;
  width: 138px;
  height: 33px;
  top: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iMCAwIDEyOCAzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJQcm9Db25uZWN0LUludGVncmF0aW9uLVRhc2stIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSW50dWl0LVByYWN0aWNlLU1hbmFnZW1lbnQt4oCTLVByb0Nvbm5lY3QtU3luYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY0LjAwMDAwMCwgLTEyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPGltYWdlIGlkPSJMb2dvLVByYWN0aWNlTWFuYWdlbWVudC0xY29sb3Itd2hpdGUtMjUweDYwIiB4PSI1OSIgeT0iMTIiIHdpZHRoPSIxMzgiIGhlaWdodD0iMzMiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBUG9BQUFBOENBWUFBQUJQWGFlVUFBQUFCR2RCVFVFQUFMR09mUHRSa3dBQUFFUmxXRWxtVFUwQUtnQUFBQWdBQVlkcEFBUUFBQUFCQUFBQUdnQUFBQUFBQTZBQkFBTUFBQUFCQUFFQUFLQUNBQVFBQUFBQkFBQUErcUFEQUFRQUFBQUJBQUFBUEFBQUFBRExJZkJJQUFBUktFbEVRVlI0QWUyZENaUlV4UldHUlFHRnFLZ3NLaXBwaEFPdWlCSGNOL0JFSW5GWGpMdWppU1luR3JmRU5ab1FKUnBqVHRSb0VqV2c0eExqZGdRMzNHVVUxTGl3U0JSRlVFY3dDcTZvZ0FvSStmN0p1M0lwMyt2cG5xV25uYTcvbkgvcTFyMjEzcXA2NzFYMTY1NDJ5NVl0V3lraWVpQjZvSFY3b0cyWmQ2OHI3VHNOOW9WVDRSVndIaXhIREtOUkI4QkY4SHI0Qkl5SUhpZ0xEN1FwOHp2NmVMeTBzL1BVdmNqN3VuaTVpR3JUM2E0eFM1RTNoNjg2WFJTakIxck1BeXUzV00zMVY5eU9KSDZSSzhmZytyTzFTSXBCUWEzeTYrNkJMa2FqQjFyTUErVzgwQmZqbGRyQU05T0RlTGxFWDB0cHlDc3B1cWlLSG1nUkQ1VHpRcGREam9aekVzL01Jancra2NzdEdFV0Q3a3dhOVJYaEgySGNveWNPaVVITGU2RGM5K2p5MENwd1BmZ3UxTjYzbk5HWnhpMkJuNVJ6STJQYktzOERwVnJvRytQYWphQk96R2ZDQlRBaWVpQjZvRVFlS1BUanRjTm96MW11VFpjaS85UEZqMEErdzhWbFV4cDk1SFFCM0FRYXZrRFFZNjdLZThlVWhQb0k3VFlYTDFRY1NrS1Zzd2JVS2IySDJieE9jaUZwUjVKdWdNdm8reHphWExKTThSNHN2OG0wUmtQMFFETjZvTkNGM29VMmJPWGEwZFhKRWhYMzlocmlGOEx6WUlqVlVCd0o5NFE3d1psUTZBQjlHWFhLQXY2MFQ5TG9FVC9NYjdhd21FTFM5ZzdLODMwT2JXSDVhZkVwYWNxb2l4NG9oUWNLWGVqRnRrVWZOL1dySjFNMzdEZkFuV0Y4UGE4ZVowVno5RUJqUE5CY0M5MFcrVFFhcDdmWjlQRlRIL2hyMkFNYWRrVFlGZXFFV20rVXZRVTk5Q1R4SGFmNERQa2pGNWU0SklpWElxcFBBbnhiOWVTd2ZsQ3h0OHYwUVdDUDBlaUJrbm1ndVJhNk92QXNIQXdYS2dKcTRLTlFpMzlWYU5BK1dndGQraHowcUNaeWpGTmNoM3lxaTdlVWVHaFFjWC9pa3dOZExvakhhUFJBaTNsZzVXYXMrVVRLdGtWdTFieUJvTmRZUFRiMWtTaEhEMFFQTkwwSG1tdWh6NmFwRXpPYSs1OUF2MllRajlIb2dlaUJKdlpBY3kzMDJqenQvRFNQTFpxaUI2SUhtc0VEemJYUWx6WkRXMk9SMFFQUkF3MzBRSE10OUFZMnA4bXp0Y2tvTVV1ZmtUeXFvd2UrM1I1b1RRczk3U2xpbll6aDZaV2hqK3JvZ1ZicGdkYTAwTFgzRHhmNzFobWpwbGQ2STZJSEtzWURyV21oYTlCZUNrYnVaT0o2dGRaRGIrS2Q1QlZSamg1bzdSNW96aGRtV3NKMyt1S0l2WlduK3JlRVQ4R1JVRjhkMVNJL0RtYTlBNDhwSW5xZzlYbWd0UzMwcXhnaXZhaXp0aHNxUGI3LzFjVWwxa0s5Y3F2WGNrdUZ2YWxJVDFEM3dYQ0xVYW8yeEhvcTFBT3Q3ZEY5THVONEZOUWl6c0tIR0liQno3TVNOSU5lRjVRQnNEZlVOL1lpb2dkSzZvRkM3K2h2MEtxN1hjdGVkN0pFeGIwOTNDdjc1TVdrblVUR3RWem04SzA2Wi9wYXZCOUpkL0VSY0Mrb3I4VUtlaDMzTm5nKy9DOGNCMnVoSVh4ZGR3S0dlV1lrRFB2c1RIWGJBdDkvYjVOY0MvV2xGdmw3Q295SUhpaXBCMHIxQ3pNbDdaU3JUSHR4L1F5VndscTRCRVpFRDFTY0IxcjdRcSs0QVkwZGpoNUk4MEJyMjZPbjlUSHFvZ2NxM2dOeG9WZjhGSWdPcUFRUHhJVmVDYU1jKzFqeEhvZ0x2ZUtuUUhSQUpYZ2dMdlJLR09YWXg0cjNRRnpvRlQ4Rm9nTXF3UU54b1ZmQ0tNYytWcndINGtLditDa1FIVkFKSG9nTHZSSkdPZmF4NGoxUTZMdnVlb1cwWTRxM3ZrUlh5aStIcERTaDBTcjVZRk9vWDY3MTc3WTN1dUFHRktCL0ZhWC9DK2VoTCtpRTcrRjd1MlQ5azR0MmdUTHRoemlDSkRGYUtSNG85STUrTkE3NU9JV2FnQXZnYy9BYzZMK0FRclRzb1VVK0hrNkZzK0Eyc0NXaDc4K0hmbjZ5bmdacERLZW41T3RSVDc1b3JpQVBGTHJRODdsRWQvcUI4Q0tvYjVmMWhkOFc5S1NoMnllTjFaMzBoMlhZY0YxOHRzalRyajJ3YlpESEhrM1JBM1UvaEZDc0cvNUZodFBnTCtHRmNBeTBiNFZ0aUR3S2xoT3FhWXoraWFPNE8vVFExMjhmU1JUNm52cGQzbGhHOG5GNTJ1TC9aVldlWk5IVUNqeGc4N2kyMkw0VXVrZjM1VDVNcE5vcmtBZkJ4eE9kZmxoQkMvN3RKRjdPd1ZjMGJnalVZNjUrdEVML3U3MWM4QTRONlo0MDVnaEMvVC81eFVuY2dqVVJEa3dpZXVSZkZhYWRwU1JKWWxDcEhtaUtSM2Y1Ymh6MEN6dmYvckFEYWJzcVV3RDkxcnIwM2FBT3BRcUIycS8wYWVVVmtsOXBkSlY4QzlhM3lMV0F0UEMwbU9xRDBtNEExZGVHWWdZWm4wNHlxNDk3cFJSMENEcXI0eWJrOEVLUWtxWHVRcUFMY1VNdUNPdVNUd2QvaGNCOFVFdzk2b3Q4M0pBYmtOVm4vaWlralVxalEweU5WVmFkbWx2Rm5EM0pQeXJQZnZBRXNTQm9MdXUzRTRyTlYzRGhCU1dzSjVIdUxKMWRHdDFkaENrSlJ4S3E4L2ZDQmZCNWFORFR3R2o0Q1h3UHpvWHpvWDViN1hzd0RmMVFhZ3VoZXBSZStmVG9mUjNzQllVTG9PcmZWNUVFYW9lMXllNld0NlhvTEwwV3RiWW8rc1VjdFZ1L1RLTlBHWjZGZW1UV3hjbWdBVG9iVG9OS3F3dWYrdkVVYk9qZVgvMHhIR3VDQzZ1Y3JMNWxRUlBvWWpnRHFtMnprMUJ0UFJtR0YzenpuWHkxRWRSQnEzdzhCMXFmQmlLSDZJcGlCSHdWbWc4VUtuNDZUTHVBeTRkVlVIVXRoUEt4OHR3S2RjTzRESVpqaHFvT3hmcmNqN1htN04raDVwM0dTdU9xT1NWZnFaMW5RL1ZYL2RZOFV4LzJnV25vZ0ZMcGxVYitVWG5xdzNnNEZJYXdkc2l1czZHcjRHZnczU1FjUTVpREJ1dS94VFYzVFhlWUtmT0d5NVl0VzZrQS9vUTBoaW9FeTdNSzhrQTREaHJtSUxTRlNtUDROOEkwaXhEV1F0a3Zkcm8wY1NIS25hRFZwN0FLTG9KWldJQ2hCNnpPU3BEb2M0UXFiNHBMWnpycHU4SVhuQzFOdkF5bDBuYUdFOU1TT04xWnlFcWJqLzFkK2hya05lRDhSTGVZVUcyeS9MMFR2WUxuRXYwOHA4c2xPcFg1a2RPbmlkY2thYTNzYXBmb2RpZDdVV1BURjFxZXpaRGY5d2xTNUJ0ZGV1WFRENTljRDdPZzhpWTVZdzdaNm11SXovMVlQK2pLOWVKa0lsZDRoWk8vUXQ0TFdoc1Vkb012d256NEZVYWZ4OXJ4Q2ZxSE1qTFdvbDh6eVplUnBFNzlpeVNOTC84YjhqY1VHWm44UXRjQWEwS0phVGdHcFpVYjJwOUJjVDQ4UFVtek5lRm5VQlAxVUtpSnN5MGNDUTI2U0ZoNU95REwyWVl4Q0FmQWcrRm9xQXZBajZIUzd3K0h3eW5RVUkwZ25iZ1dYQWw2ZXk3UlNmOFlOTHlEY0FyVUlKOExQNEJQUUUwMnBmV0RkVDF4VFhvdDBsM2hkQ2dzaGVxdjBtZXhQelpERFlMU1hXY0t3bE1UbmZRWE9QMEppWDZlMCtVU25TN0dEMEJOcXVGd0FOd0VIZy85d3ZSdHE4Ym1NWmJJL3ZCSStJWXozSUNzdG9pcVp3elVlSTZBdWdGb1BJK0Y3MExEOWdpV1IyTmwwTGhlRHZlQWU4SnJZSWdjQ3N2YkVKOVBDUXJVaGZvSDhCd1kzanhlUmFmK2FuNXAzaHAwNGJFMktIelVESVNqb1BxOE90d056b1NDK3JZVnRIeGhPLzZCYlNnOENXcWNETFpPaHFNUURmTVFUTGNkc3BXYkdXWWFnc3grb1Z0bFlUZ0x4U0ZCUHA5R25kRVZQS3hUaTBLVEpOUlBRR2ZvaENEN0k2WWdISm5vZkw0K0ticHFsMmYzRkx0M2VpNnhhN0laUGtYb0NYMDlHeEZ2bitoMkpEVGNnZURUU2RhRU4yalJobllmNzI4SkNXdVN0RHM3M2RSRXR6SmhiYUpmUUtpTGlzclJCRERrRUtRVE5mRTJkbkhUSDRIT2NBYUM2YXROU1RnZSt2SDV2clBOUnJZOENqdkNYb0ZPK29PZ1lUaUM1ZkVYalo4N3ZkazE4VDF5UkdScnFNLzlXRitabEdWMS9jbFZwSnZaQnM0dWVhbXoyM3pjemVsdVFiYXlMTnpCMmE5MmR0OE9yMWMrallQaFBnUXJTNkdoRnNIcjY1WGI1bjJ1VHpjK2dscDdPMEduMXRwVFRZSVQ0QktZQmUzemRQQVZRbVZwejdFTDdBMjd3bzV3UFdoWUcyRVJIR1FLd3Q4NjJjVFhUR2hrNlBmVTExUFdtMEY1czEzYzc4SG1vcTl5Tm9tcnVQaU9UaTVVbEYvVnJ6NXdTNmh6aTdYZ2Q2R2cvWjcyZC9tZ2ZhUEdSdjdyQjNWZUloL25vRUc2Tk55TVV1TnNHR2NDb2ZhWEh0cGp5emU3d2Y2d08xUTkxbGJFcjhkMVkrU2VVb0QzNE5WMTBvcC8va2IwTExqaGl1b1Y5cjBOOWJuT0FEejh1ZEdUR0RTdkRaSTFCbjBUaGVhajl2WitucnhQdkFwNnRIV1JYWjNzeFJ0OEJQbHhGMS9keVkwU2ZVTUtMZWdXRWxZWG1qaEpwME1HL2R4eGlFMVFYQTZIaElhVXVBYmJGbzNLOHdPUmtyeFJLaDFBR1NhYmtCSGFaSlg1eEl3MHBzNWFUR2JQQ25Vbzk0ZkVXRVdvaFc0WWFVSkcyQjc5ZVZDSGJwMHkwdVJUYXlGNUxDSHlLZFJobG9mRzVseDRHdFJDeU1KcWlVRVhBWU11OWtzdDRrTHBYb1FhZTQrbThIazRmNzUwRmN4eHNvbGZtT0RDSGs2V2YvT2hXNFpSYzlualF4OXBLcmtoQzcwaGRTOUt5ZFFGbmE2Y3VvTUx1cUtPaGJweUxvUnkzQ0JvMEYzSm9BbXJpZVh2TkdacmlsQW5zSWJ3cm1WNkM5Vld3N01JYVpQRTdMNWMweFVTNnFyL2U2ZytIdzV0c2J5Q2JCL0JJYWJpTDJoL21sZytJdFFUd0ZTb2R1b3A0UkpZTEphbFpMZ1VuUmE1TUE5YVBlOGdhMkgrR1hyb1ZOclEyWVNVTUcyQmxNTG5LVTM1aHNwZkhKN0JxaWVUTFBqK1pxVnBObjJwRm5wYUJ3NUdhWXY4ZHVSRG9aOUFwd2FaNWhLWEl6WHdIZUVRT0JiV0IzK25hRmRmNHNTdXU4aFJpVHlNOE1wRVRndTAyQXdQSWd5M2lBc2JlMUhTb2xSZjk0RitVWXh5ZGFTSnE2SThMakhvSXJNVmZEdUpLempFeVkwUjI1RDVaMGtCdXVOdkRXdVR1SUw5bkd5aS9LWTJkWUJid2dId0JlaWg5a29mb2hRK0QrdE1pNy9zbEJxZkVTNXU0c29JZmc2YXZxU2hHdEZTOFB1UDJUVENML0k5aWU4YU5Fek8wcDNOY0MzQzVoWWgxQUk0SDdaM09vbitVV2lMd0pZVjFkM0lIdFYyUWY0ZDlMN1NSV2xuS053QjdjcCtGbkk0cVFlaW13R1ZwekVJRi9WaUNydXhuZ0xWWnJ1NHFUOSsrNlFubFRQcnlWK29XVGNNWFZRRUxkNzM2NlQvLzlFNDYzd21oTnJqMjYrTHZWL1UyeEsvQytvaUVxSlVQZy9yRGVOcWg4WkJPQmZ1WFNjdC83TUQ0a3lvbTBWVFlFRlN5UHFFL29KZmY5a0ZudDc1VS9lcUF2UG9KTkJRaXhDZURHNWpSa0o5L0RBR1hnN3ZoMHVnUjQ2STh1dTA4MlZuVUQ1OS9EWU9Mb0RDUGRCT3hKVm5tSlFKRmhNcXZjcXc5dmdUVUt0SHR2REVWNThxUEF4blFFRW5zNE9oMHA0SlBYUTZQaHBPOUVwa25jSmF2V2xoZjVlK0pramJqdmdjWjA4NzRaL243TGtrLy9OT054MzVLcWhQTEh4WlNpTGZXNXVxcFVpd1A2SHBMYlI2RkpydUNjdEErQnBVUGRmQ3Q2R0h5clk4WFpEbFZ3K2R4TC9sRlU3T0lWdmVodmg4U2taWktsUDlORlFqV0QwV1p1VTkxeklsb2RLbGpmMjJyc3lzc2xSWExpbEhRUTIwK2hVK0ttVUNqWjk4dmkvMGFWTGxWR1ZLeHVaWTZLcjdiT2cvdGlCYUJ6bmk1a1JXa0lQVzF2V1F4MHFaZ2NmUWQ0YVd2aTJ5ZDVCbHM0OUk4amxkL1o1bkdZSlEraDlCcStjVTVQbEJHb3QranBEMjhaSGx0YkMvWlNDc2dhYTM4RkpuSDVKaTkyM05KWFo5ZkJrdUpoV2pObDBrSWNIbGhGWlB0U2tKOTNkNnMxczlDazNYQi9sTkdPSUxGTDl4U3BWdGVSVDJnUG9JTDRRdTlwZkFGNTFoWFdTZnQxaWZUM0ZsNVlLeTFFOUROWUt2UjNLK3ZLZGpYMmlaZzFCejRnVG95OHRYVnM3bHJ3bnliVWZjYm1pVzdPZ2dqYS9uYTdtTkVoVUFIZHJzbUtTYlFLakhrVUpRbFNTYVQzaG5Sb2ErNlBlRnZhQWUrNTZCbzZIMmVadEJRWGxWaG9jZTg0YkMzbEI3NERmaFEzQThES0ZIU3oxUzYzRlE4aHRRai81NjdGTGQ2MEFoclo1TzZBK0EyOEcxNGNkd0lsUmFIVHA1NkhGS2FkVTJuWXdyN1dRNEd2ckhXYUtwVUR2VUhrSDc4Z2ZycE9WL3VpTnFXNk5CdXdtR2U3L0QwZG5XeGZkRisrQ0RZRC9ZQ2I0RzlkZ3BuMXA5MDVDZmc0SzJKZktyOERpY1ZTY3QvMlAxTEVKMXkzSjEzWDc3UU9KYlFmWC9kWGdyMVBicFlDaG83a3lvazFiOG83SFJOa250czc1cm5IUTYzaDBLMmg2b1RvOWlmSjV2ckh0UTZPQ2s0TFEyNXN1cmJGMmcrcjROWEJOK0RDZkJ1MkU0OXZuS1dwMzA1aXZ6QTZxdnNTR1N4aklIRjhKcXFLMWhYaFM2MFBNV0VvM1JBNDN3Z0Jidmx4bjVkYkd4U1R3ZGVaT01kRkZkandkMFdCTVJQZEJTSHRBVDBrdHdPTlNkekVOM1JYOEFPZG9ibzF5Y0IrSWR2VGgveGRSTjV3R2RwdXV4ZHAra3lQbUVUOExaVUkvamUwQmRDQVI5dE5vUHZxZElSUEVlYUZ0OGxwZ2plcUJKUEtDRi9oVGNEZXJ1clR1NnpseEN2STFpUHhnWGVlaVpJdUx4amw2RXMyTFNadkhBYXBRNkNBNkFQYUVPNC9RWnV3N2hub1lQd0t3OVBLYUlRandRRjNvaFhvcHBvZ2UrNVI3NEg2TFhYVWY2YnQxSUFBQUFBRWxGVGtTdVFtQ0MiPjwvaW1hZ2U+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.app-menu__footer {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 8px;
}

.co-brand-intuit .app-menu__footer-graphic {
  opacity: 1;
  margin: 0;
  width: 224px;
  height: 71px;
  background-size: 224px 71px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjI0cHgiIGhlaWdodD0iNzBweCIgdmlld0JveD0iMCAwIDIyNCA3MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkdyb3VwIDY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUHJvQ29ubmVjdC1JbnRlZ3JhdGlvbi1UYXNrLSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkludHVpdC1QcmFjdGljZS1NYW5hZ2VtZW50LeKAky1Qcm9Db25uZWN0LVN5bmMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjAwMDAwMCwgLTkyOC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCA5MjguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iTWVudS1yb3ctQkctQ29weSIgZmlsbD0iI0U2RTZFNiIgcG9pbnRzPSIwIDAgMjI0IDAgMjI0IDIgMCAyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTYuOTMyNSw2NyBMNTYuOTMyNSw2My44MDUgTDU4Ljc3NzUsNjMuODA1IEM2MC43Mjc1LDYzLjgwNSA2Mi4wMTc1LDYyLjc1NSA2Mi4wMTc1LDYwLjgwNSBDNjIuMDE3NSw1OC44NCA2MC43Mjc1LDU3Ljc5IDU4Ljc3NzUsNTcuNzkgTDU1LjAyNzUsNTcuNzkgTDU1LjAyNzUsNjcgTDU2LjkzMjUsNjcgWiBNNTguNjU3NSw2Mi4xNyBMNTYuOTMyNSw2Mi4xNyBMNTYuOTMyNSw1OS40MjUgTDU4LjY1NzUsNTkuNDI1IEM1OS42NDc1LDU5LjQyNSA2MC4xMjc1LDU5Ljk4IDYwLjEyNzUsNjAuODA1IEM2MC4xMjc1LDYxLjYgNTkuNjQ3NSw2Mi4xNyA1OC42NTc1LDYyLjE3IFogTTY1LjgxMjUsNjcuMTUgQzY3Ljc2MjUsNjcuMTUgNjkuMDk3NSw2NS43MSA2OS4wOTc1LDYzLjY1NSBDNjkuMDk3NSw2MS41ODUgNjcuNzYyNSw2MC4xNDUgNjUuODEyNSw2MC4xNDUgQzYzLjg2MjUsNjAuMTQ1IDYyLjUyNzUsNjEuNTg1IDYyLjUyNzUsNjMuNjU1IEM2Mi41Mjc1LDY1LjcxIDYzLjg2MjUsNjcuMTUgNjUuODEyNSw2Ny4xNSBaIE02NS44MTI1LDY1LjU3NSBDNjQuODgyNSw2NS41NzUgNjQuMzcyNSw2NC43NjUgNjQuMzcyNSw2My42NTUgQzY0LjM3MjUsNjIuNTMgNjQuODgyNSw2MS43MiA2NS44MTI1LDYxLjcyIEM2Ni43NDI1LDYxLjcyIDY3LjI1MjUsNjIuNTMgNjcuMjUyNSw2My42NTUgQzY3LjI1MjUsNjQuNzY1IDY2Ljc0MjUsNjUuNTc1IDY1LjgxMjUsNjUuNTc1IFogTTczLjM0MjUsNjcgTDc0LjQzNzUsNjIuODkgTDc1LjUzMjUsNjcgTDc3LjI0MjUsNjcgTDc5LjI4MjUsNjAuMjk1IEw3Ny40ODI1LDYwLjI5NSBMNzYuMjgyNSw2NC41NyBMNzUuMTcyNSw2MC4yOTUgTDczLjc0NzUsNjAuMjk1IEw3Mi42NTI1LDY0LjU3IEw3MS40NTI1LDYwLjI5NSBMNjkuNTkyNSw2MC4yOTUgTDcxLjYzMjUsNjcgTDczLjM0MjUsNjcgWiBNODMuMjI3NSw2Ny4xNSBDODQuMTI3NSw2Ny4xNSA4NC44Nzc1LDY2Ljk3IDg1LjQzMjUsNjYuNTY1IEw4NS40MzI1LDY1LjAzNSBDODQuNzcyNSw2NS40NTUgODQuMjQ3NSw2NS42MiA4My41MTI1LDY1LjYyIEM4Mi41MjI1LDY1LjYyIDgxLjcyNzUsNjUuMTcgODEuNTc3NSw2NC4wNzUgTDg1Ljg5NzUsNjQuMDc1IEw4NS44OTc1LDYzLjQ3NSBDODUuODk3NSw2MS40OTUgODQuODkyNSw2MC4xNDUgODIuOTQyNSw2MC4xNDUgQzgxLjExMjUsNjAuMTQ1IDc5Ljc5MjUsNjEuNiA3OS43OTI1LDYzLjcgQzc5Ljc5MjUsNjUuODMgODEuMTg3NSw2Ny4xNSA4My4yMjc1LDY3LjE1IFogTTg0LjE3MjUsNjIuODYgTDgxLjYzNzUsNjIuODYgQzgxLjg0NzUsNjIuMDIgODIuMzcyNSw2MS42MyA4Mi45ODc1LDYxLjYzIEM4My43MjI1LDYxLjYzIDg0LjEyNzUsNjIuMTQgODQuMTcyNSw2Mi44NiBaIE04OC45NzI1LDY3IEw4OC45NzI1LDYyLjg0NSBDODkuMTA3NSw2Mi4yMyA4OS42MTc1LDYxLjkgOTAuMjQ3NSw2MS45IEM5MC41OTI1LDYxLjkgOTAuOTIyNSw2MS45NzUgOTEuMTc3NSw2Mi4xMjUgTDkxLjE3NzUsNjAuMjY1IEM5MS4wNzI1LDYwLjIwNSA5MC43ODc1LDYwLjE0NSA5MC40NzI1LDYwLjE0NSBDODkuODEyNSw2MC4xNDUgODkuMjU3NSw2MC40NzUgODguOTcyNSw2MC45NTUgTDg4Ljk3MjUsNjAuMjk1IEw4Ny4xMTI1LDYwLjI5NSBMODcuMTEyNSw2NyBMODguOTcyNSw2NyBaIE05NS4yMjc1LDY3LjE1IEM5Ni4xMjc1LDY3LjE1IDk2Ljg3NzUsNjYuOTcgOTcuNDMyNSw2Ni41NjUgTDk3LjQzMjUsNjUuMDM1IEM5Ni43NzI1LDY1LjQ1NSA5Ni4yNDc1LDY1LjYyIDk1LjUxMjUsNjUuNjIgQzk0LjUyMjUsNjUuNjIgOTMuNzI3NSw2NS4xNyA5My41Nzc1LDY0LjA3NSBMOTcuODk3NSw2NC4wNzUgTDk3Ljg5NzUsNjMuNDc1IEM5Ny44OTc1LDYxLjQ5NSA5Ni44OTI1LDYwLjE0NSA5NC45NDI1LDYwLjE0NSBDOTMuMTEyNSw2MC4xNDUgOTEuNzkyNSw2MS42IDkxLjc5MjUsNjMuNyBDOTEuNzkyNSw2NS44MyA5My4xODc1LDY3LjE1IDk1LjIyNzUsNjcuMTUgWiBNOTYuMTcyNSw2Mi44NiBMOTMuNjM3NSw2Mi44NiBDOTMuODQ3NSw2Mi4wMiA5NC4zNzI1LDYxLjYzIDk0Ljk4NzUsNjEuNjMgQzk1LjcyMjUsNjEuNjMgOTYuMTI3NSw2Mi4xNCA5Ni4xNzI1LDYyLjg2IFogTTEwMS43Njc1LDY3LjE1IEMxMDIuNDg3NSw2Ny4xNSAxMDMuMTQ3NSw2Ni44MDUgMTAzLjQ0NzUsNjYuNDQ1IEwxMDMuNDQ3NSw2NyBMMTA1LjMyMjUsNjcgTDEwNS4zMjI1LDU3LjI1IEwxMDMuNDQ3NSw1Ny4yNSBMMTAzLjQ0NzUsNjAuODUgQzEwMy4xNDc1LDYwLjQ5IDEwMi40ODc1LDYwLjE0NSAxMDEuNzY3NSw2MC4xNDUgQzk5LjgxNzUsNjAuMTQ1IDk4LjcyMjUsNjEuNzM1IDk4LjcyMjUsNjMuNjU1IEM5OC43MjI1LDY1LjU3NSA5OS44MTc1LDY3LjE1IDEwMS43Njc1LDY3LjE1IFogTTEwMi4xODc1LDY1LjUzIEMxMDEuMTgyNSw2NS41MyAxMDAuNTgyNSw2NC43MiAxMDAuNTgyNSw2My42NTUgQzEwMC41ODI1LDYyLjU3NSAxMDEuMTgyNSw2MS43NjUgMTAyLjE4NzUsNjEuNzY1IEMxMDIuNzI3NSw2MS43NjUgMTAzLjIzNzUsNjIuMDk1IDEwMy40NDc1LDYyLjU0NSBMMTAzLjQ0NzUsNjQuNzUgQzEwMy4yMzc1LDY1LjIxNSAxMDIuNzQyNSw2NS41MyAxMDIuMTg3NSw2NS41MyBaIE0xMTMuNjQ3NSw2Ny4xNSBDMTE1LjU5NzUsNjcuMTUgMTE2LjY5MjUsNjUuNTc1IDExNi42OTI1LDYzLjY1NSBDMTE2LjY5MjUsNjEuNzM1IDExNS41OTc1LDYwLjE0NSAxMTMuNjQ3NSw2MC4xNDUgQzExMi45Mjc1LDYwLjE0NSAxMTIuMjY3NSw2MC40OSAxMTEuOTY3NSw2MC44NSBMMTExLjk2NzUsNTcuMjUgTDExMC4wOTI1LDU3LjI1IEwxMTAuMDkyNSw2NyBMMTExLjk2NzUsNjcgTDExMS45Njc1LDY2LjQ0NSBDMTEyLjI2NzUsNjYuODA1IDExMi45Mjc1LDY3LjE1IDExMy42NDc1LDY3LjE1IFogTTExMy4yMjc1LDY1LjUzIEMxMTIuNjcyNSw2NS41MyAxMTIuMTc3NSw2NS4yMTUgMTExLjk2NzUsNjQuNzUgTDExMS45Njc1LDYyLjU0NSBDMTEyLjE3NzUsNjIuMDk1IDExMi42ODc1LDYxLjc2NSAxMTMuMjI3NSw2MS43NjUgQzExNC4yMzI1LDYxLjc2NSAxMTQuODMyNSw2Mi41NzUgMTE0LjgzMjUsNjMuNjU1IEMxMTQuODMyNSw2NC43MiAxMTQuMjMyNSw2NS41MyAxMTMuMjI3NSw2NS41MyBaIE0xMjAuNDg3NSw2OS40NzUgTDEyMy45ODI1LDYwLjI5NSBMMTIyLjEwNzUsNjAuMjk1IEwxMjAuNTc3NSw2NC43NSBMMTE5LjAzMjUsNjAuMjk1IEwxMTcuMDY3NSw2MC4yOTUgTDExOS42MzI1LDY3LjAzIEwxMTguNjU3NSw2OS40NzUgTDEyMC40ODc1LDY5LjQ3NSBaIE0xMzAuMTYyNSw2NyBMMTMwLjE2MjUsNjIuODMgTDEzMy42MTI1LDY3IEwxMzUuOTY3NSw2NyBMMTMyLjAwNzUsNjIuMiBMMTM1LjgzMjUsNTcuNzkgTDEzMy41MjI1LDU3Ljc5IEwxMzAuMTYyNSw2MS43NSBMMTMwLjE2MjUsNTcuNzkgTDEyOC4yNDI1LDU3Ljc5IEwxMjguMjQyNSw2NyBMMTMwLjE2MjUsNjcgWiBNMTM4LjY5NzUsNjcuMTIgQzEzOS40MzI1LDY3LjEyIDE0MC4wOTI1LDY2Ljg2NSAxNDAuMzE3NSw2Ni42NCBMMTQwLjMxNzUsNjcgTDE0Mi4xMDI1LDY3IEwxNDIuMTAyNSw2Mi43MjUgQzE0Mi4xMDI1LDYxLjA5IDE0MS4wNjc1LDYwLjE0NSAxMzkuMjIyNSw2MC4xNDUgQzEzOC4zMzc1LDYwLjE0NSAxMzcuNDY3NSw2MC40IDEzNi45ODc1LDYwLjcgTDEzNi45ODc1LDYyLjMwNSBDMTM3LjUxMjUsNjEuOTYgMTM4LjE0MjUsNjEuNzY1IDEzOC44MTc1LDYxLjc2NSBDMTM5Ljc2MjUsNjEuNzY1IDE0MC4zMTc1LDYyLjE3IDE0MC4zMTc1LDYyLjgxNSBMMTQwLjMxNzUsNjMuMTkgQzE0MC4wNDc1LDYyLjk5NSAxMzkuNDAyNSw2Mi44IDEzOC44MTc1LDYyLjggQzEzNy4zNDc1LDYyLjggMTM2LjIyMjUsNjMuNjcgMTM2LjIyMjUsNjQuOTQ1IEMxMzYuMjIyNSw2Ni4zNCAxMzcuMzQ3NSw2Ny4xMiAxMzguNjk3NSw2Ny4xMiBaIE0xMzkuMTMyNSw2NS43NTUgQzEzOC41NDc1LDY1Ljc1NSAxMzcuOTQ3NSw2NS41MTUgMTM3Ljk0NzUsNjQuOTMgQzEzNy45NDc1LDY0LjM2IDEzOC41NDc1LDY0LjEwNSAxMzkuMTMyNSw2NC4xMDUgQzEzOS42NTc1LDY0LjEwNSAxNDAuMTUyNSw2NC4zMyAxNDAuMzE3NSw2NC42OSBMMTQwLjMxNzUsNjUuMTcgQzE0MC4xNTI1LDY1LjUzIDEzOS42NTc1LDY1Ljc1NSAxMzkuMTMyNSw2NS43NTUgWiBNMTQ1LjUwNzUsNjcgTDE0NS41MDc1LDYyLjg0NSBDMTQ1LjY0MjUsNjIuMjMgMTQ2LjE1MjUsNjEuOSAxNDYuNzgyNSw2MS45IEMxNDcuMTI3NSw2MS45IDE0Ny40NTc1LDYxLjk3NSAxNDcuNzEyNSw2Mi4xMjUgTDE0Ny43MTI1LDYwLjI2NSBDMTQ3LjYwNzUsNjAuMjA1IDE0Ny4zMjI1LDYwLjE0NSAxNDcuMDA3NSw2MC4xNDUgQzE0Ni4zNDc1LDYwLjE0NSAxNDUuNzkyNSw2MC40NzUgMTQ1LjUwNzUsNjAuOTU1IEwxNDUuNTA3NSw2MC4yOTUgTDE0My42NDc1LDYwLjI5NSBMMTQzLjY0NzUsNjcgTDE0NS41MDc1LDY3IFogTTE1Mi40NTI1LDY3LjE1IEMxNTQuNDAyNSw2Ny4xNSAxNTUuNDk3NSw2NS41NzUgMTU1LjQ5NzUsNjMuNjU1IEMxNTUuNDk3NSw2MS43MzUgMTU0LjQwMjUsNjAuMTQ1IDE1Mi40NTI1LDYwLjE0NSBDMTUxLjczMjUsNjAuMTQ1IDE1MS4wNzI1LDYwLjQ5IDE1MC43NzI1LDYwLjg1IEwxNTAuNzcyNSw1Ny4yNSBMMTQ4Ljg5NzUsNTcuMjUgTDE0OC44OTc1LDY3IEwxNTAuNzcyNSw2NyBMMTUwLjc3MjUsNjYuNDQ1IEMxNTEuMDcyNSw2Ni44MDUgMTUxLjczMjUsNjcuMTUgMTUyLjQ1MjUsNjcuMTUgWiBNMTUyLjAzMjUsNjUuNTMgQzE1MS40Nzc1LDY1LjUzIDE1MC45ODI1LDY1LjIxNSAxNTAuNzcyNSw2NC43NSBMMTUwLjc3MjUsNjIuNTQ1IEMxNTAuOTgyNSw2Mi4wOTUgMTUxLjQ5MjUsNjEuNzY1IDE1Mi4wMzI1LDYxLjc2NSBDMTUzLjAzNzUsNjEuNzY1IDE1My42Mzc1LDYyLjU3NSAxNTMuNjM3NSw2My42NTUgQzE1My42Mzc1LDY0LjcyIDE1My4wMzc1LDY1LjUzIDE1Mi4wMzI1LDY1LjUzIFogTTE1OS42MjI1LDY3LjE1IEMxNjEuNTcyNSw2Ny4xNSAxNjIuOTA3NSw2NS43MSAxNjIuOTA3NSw2My42NTUgQzE2Mi45MDc1LDYxLjU4NSAxNjEuNTcyNSw2MC4xNDUgMTU5LjYyMjUsNjAuMTQ1IEMxNTcuNjcyNSw2MC4xNDUgMTU2LjMzNzUsNjEuNTg1IDE1Ni4zMzc1LDYzLjY1NSBDMTU2LjMzNzUsNjUuNzEgMTU3LjY3MjUsNjcuMTUgMTU5LjYyMjUsNjcuMTUgWiBNMTU5LjYyMjUsNjUuNTc1IEMxNTguNjkyNSw2NS41NzUgMTU4LjE4MjUsNjQuNzY1IDE1OC4xODI1LDYzLjY1NSBDMTU4LjE4MjUsNjIuNTMgMTU4LjY5MjUsNjEuNzIgMTU5LjYyMjUsNjEuNzIgQzE2MC41NTI1LDYxLjcyIDE2MS4wNjI1LDYyLjUzIDE2MS4wNjI1LDYzLjY1NSBDMTYxLjA2MjUsNjQuNzY1IDE2MC41NTI1LDY1LjU3NSAxNTkuNjIyNSw2NS41NzUgWiBNMTY1Ljk1MjUsNjcgTDE2NS45NTI1LDYyLjc1NSBDMTY2LjEwMjUsNjIuMTcgMTY2LjU5NzUsNjEuODI1IDE2Ny4xNjc1LDYxLjgyNSBDMTY3LjkwMjUsNjEuODI1IDE2OC4yNjI1LDYyLjMwNSAxNjguMjYyNSw2My4wMSBMMTY4LjI2MjUsNjcgTDE3MC4xMjI1LDY3IEwxNzAuMTIyNSw2Mi42MiBDMTcwLjEyMjUsNjEuMTM1IDE2OS4yNjc1LDYwLjE0NSAxNjcuNzUyNSw2MC4xNDUgQzE2Ni45NzI1LDYwLjE0NSAxNjYuMzEyNSw2MC40OSAxNjUuOTUyNSw2MC45MSBMMTY1Ljk1MjUsNjAuMjk1IEwxNjQuMDkyNSw2MC4yOTUgTDE2NC4wOTI1LDY3IEwxNjUuOTUyNSw2NyBaIiBpZD0iUG93ZXJlZGJ5S2FyYm9uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxnIGlkPSJMb2dvLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgMjEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iTG9nby1Db3B5Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkthcmJvbi1tb25vZ3JhbSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC40ODQ1Nzg4NiwyLjU4MDY3ODk3IEM0Ljk3OTkzMjM3LDIuNTgwNjc4OTcgNS4zODE0OTQ1MiwyLjk4NTA2NjA2IDUuMzgxNDk0NTIsMy40ODM5MDQ3NCBMNS4zODE0OTQ1MiwyMC41MTYxNjI4IEM1LjM4MTQ5NDUyLDIxLjAxNTAwMTUgNC45Nzk5MzIzNywyMS40MTkzODg2IDQuNDg0NTc4ODYsMjEuNDE5Mzg4NiBDMy45ODkyMjQ3OSwyMS40MTkzODg2IDMuNTg3NjYyNjMsMjEuMDE1MDAxNSAzLjU4NzY2MjYzLDIwLjUxNjE2MjggTDMuNTg3NjYyNjMsMy40ODM5MDQ3NCBDMy41ODc2NjI2MywyLjk4NTA2NjA2IDMuOTg5MjI0NzksMi41ODA2Nzg5NyA0LjQ4NDU3ODg2LDIuNTgwNjc4OTcgWiBNMC44OTY5MTU2NTksOC43NzQyMjczMSBDMS4zOTIyNjk3Myw4Ljc3NDIyNzMxIDEuNzkzODMxMzIsOS4xNzg2MTQ0NiAxLjc5MzgzMTMyLDkuNjc3NDUzMTQgTDEuNzkzODMxMzIsMTQuMzIyNjE0NSBDMS43OTM4MzEzMiwxNC44MjE0NTMxIDEuMzkyMjY5NzMsMTUuMjI1ODQwMiAwLjg5NjkxNTY1OSwxNS4yMjU4NDAyIEMwLjQwMTU2MjE1NSwxNS4yMjU4NDAyIC0xLjEzNjg2ODM4ZS0xMywxNC44MjE0NTMxIC0xLjEzNjg2ODM4ZS0xMywxNC4zMjI2MTQ1IEwtMS4xMzY4NjgzOGUtMTMsOS42Nzc0NTMxNCBDLTEuMTM2ODY4MzhlLTEzLDkuMTc4NjE0NDYgMC40MDE1NjIxNTUsOC43NzQyMjczMSAwLjg5NjkxNTY1OSw4Ljc3NDIyNzMxIFogTTguMDcyMjQxNSwwLjUxNjE2MjggQzguNTY3NTk1LDAuNTE2MTYyOCA4Ljk2OTE1NzE2LDAuOTIwNTQ5OTQzIDguOTY5MTU3MTYsMS40MTkzODg2MyBMOC45NjkxNTcxNiwyMi41ODA2NzkgQzguOTY5MTU3MTYsMjMuMDc5NTE3NyA4LjU2NzU5NSwyMy40ODM5MDQ3IDguMDcyMjQxNSwyMy40ODM5MDQ3IEM3LjU3Njg4Nzk5LDIzLjQ4MzkwNDcgNy4xNzUzMjU4NCwyMy4wNzk1MTc3IDcuMTc1MzI1ODQsMjIuNTgwNjc5IEw3LjE3NTMyNTg0LDEuNDE5Mzg4NjMgQzcuMTc1MzI1ODQsMC45MjA1NDk5NDMgNy41NzY4ODc5OSwwLjUxNjE2MjggOC4wNzIyNDE1LDAuNTE2MTYyOCBaIE0yMi43MTYxODQ1LDE1LjU3NTY0NjcgQzIzLjA2NjQ5MzksMTUuOTI4NDIwOSAyMy4wNjY0OTM5LDE2LjUwMDI5MTkgMjIuNzE2MTg0NSwxNi44NTMwNjYxIEMyMi41NDA5MDEzLDE3LjAyOTMyNDEgMjIuMzExMjkxMywxNy4xMTc1ODIyIDIyLjA4MTkzNywxNy4xMTc1ODIyIEMyMS44NTIzMjY0LDE3LjExNzU4MjIgMjEuNjIyNzE2NCwxNy4wMjkzMjQxIDIxLjQ0NzY4OTUsMTYuODUzMDY2MSBMMTcuODkxODAyNywxMy4yNzI0MjA5IEwxNi40Njk4MDY5LDE0LjcwNDY3OSBMMjAuNjQ0ODIyLDE4LjkwOTA2NjEgQzIwLjk5NDg3NTIsMTkuMjYxODQwMiAyMC45OTQ4NzUyLDE5LjgzMzcxMTIgMjAuNjQ0ODIyLDIwLjE4NjQ4NTQgQzIwLjQ2OTUzODgsMjAuMzYyNzQzNSAyMC4yMzk5MjgzLDIwLjQ1MTAwMTUgMjAuMDEwMzE3NywyMC40NTEwMDE1IEMxOS43ODA5NjM5LDIwLjQ1MTAwMTUgMTkuNTUxMzUzMywyMC4zNjI3NDM1IDE5LjM3NjA3MDIsMjAuMTg2NDg1NCBMMTUuMjAxMDU1NywxNS45ODIwOTgzIEwxMy43NzkwNiwxNy40MTQzNTY0IEwxNy42MDE3MTQ2LDIxLjI2MzkwNDcgQzE3Ljk1MTc2ODQsMjEuNjE2Njc5IDE3Ljk1MTc2ODQsMjIuMTg4NTQ5OSAxNy42MDE3MTQ2LDIyLjU0MTMyNDEgQzE3LjQyNjQzMiwyMi43MTc1ODIyIDE3LjE5NjgyMTQsMjIuODA1ODQwMiAxNi45NjcyMTA4LDIyLjgwNTg0MDIgQzE2LjczNzg1NzEsMjIuODA1ODQwMiAxNi41MDgyNDY1LDIyLjcxNzU4MjIgMTYuMzMyOTYzNCwyMi41NDEzMjQxIEwxMi41NTY2OTIsMTguNzM4NDg1NCBMMTIuNTU2NjkyLDIzLjA5NjkzNyBDMTIuNTU2NjkyLDIzLjU5NTc3NTcgMTIuMTU1Mzg2LDI0LjAwMDE2MjggMTEuNjU5Nzc2MywyNC4wMDAxNjI4IEMxMS4xNjQ0MjI4LDI0LjAwMDE2MjggMTAuNzYyODYwNiwyMy41OTU3NzU3IDEwLjc2Mjg2MDYsMjMuMDk2OTM3IEwxMC43NjI4NjA2LDAuOTAzMzg4NjI5IEMxMC43NjI4NjA2LDAuNDA0MjkxODg2IDExLjE2NDQyMjgsMC4wMDAxNjI4IDExLjY1OTc3NjMsMC4wMDAxNjI4IEMxMi4xNTUzODYsMC4wMDAxNjI4IDEyLjU1NjY5MiwwLjQwNDI5MTg4NiAxMi41NTY2OTIsMC45MDMzODg2MjkgTDEyLjU1NjY5Miw1Ljg3MTM4ODYzIEwxNi43MzE3MDY0LDEuNjY3MDAxNTQgQzE3LjA4MjI3MjcsMS4zMTQyMjczMSAxNy42NDk4OTIsMS4zMTQyMjczMSAxOC4wMDA0NTc2LDEuNjY3MDAxNTQgQzE4LjM1MDUxMTQsMi4wMTk3NzU3MSAxOC4zNTA1MTE0LDIuNTkxNjQ2NjkgMTguMDAwNDU3NiwyLjk0NDQyMDkxIEwxMi41NTY2OTIsOC40MjYyMjczMSBMMTIuNTU2NjkyLDEwLjkwODI5MTkgTDE5LjUxNDE5NTUsMy45Mjg5MzcwMyBDMTkuODY1MjczNiwzLjU3NjY3ODk3IDIwLjQzMzE0OTcsMy41Nzc3MTEyIDIwLjc4MjY5MDUsMy45MzEyNTk2IEMyMS4xMzIyMzEyLDQuMjg0ODA4IDIxLjEzMTIwNjMsNC44NTY0MjA5MSAyMC43ODAzODQ0LDUuMjA4Njc4OTcgTDEyLjU1NjY5MiwxMy40NTgyMjczIEwxMi41NTY2OTIsMTYuMDg5OTY5MyBMMjEuNDI2NDE5Niw3LjE1Nzg0MDIzIEMyMS43NzY3Mjk2LDYuODA1MzI0MTEgMjIuMzQ0NjA1MSw2LjgwNTMyNDExIDIyLjY5NDkxNDYsNy4xNTc4NDAyMyBDMjMuMDQ1MjI0Niw3LjUxMDg3MjUxIDIzLjA0NTIyNDYsOC4wODI0ODU0MyAyMi42OTQ5MTQ2LDguNDM1NTE3NjYgTDE5LjE2MDU1NDUsMTEuOTk1MDAxNSBMMjIuNzE2MTg0NSwxNS41NzU2NDY3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  border-top: 1px solid #cacaca;
  width: 100%;
  margin-bottom: 16px;
}

.side-menu {
  width: 220px;
  margin: 0 16px;
  background-color: #fff;
}
.side-menu ul {
  list-style-type: none;
  border-top: 1px solid #cacaca;
  padding: 14px 0;
  margin: 0;
}
.side-menu ul:first-child {
  border-top: none;
}
.side-menu li {
  cursor: pointer;
  margin: 6px;
  padding: 7px 8px;
  font-size: 16px;
  line-height: 16px;
  color: #000;
}
.side-menu li a {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
}
.side-menu li a:active, .side-menu li a:focus {
  outline: none;
}
.side-menu li.inactive {
  color: #bbb;
}
.side-menu li.active {
  color: #2872d3;
  background-color: rgb(254, 221, 232);
  border-radius: 5px;
}
.side-menu li span {
  float: right;
}

.nav-bar--chunky-title-subtitle-style {
  display: flex;
  border-bottom: 1px solid #cacaca;
  border-radius: 0;
}
.nav-bar--chunky-title-subtitle-style .nav-bar-item {
  cursor: pointer;
  justify-content: center;
  padding: 12px 20px;
  text-align: center;
  display: flex;
  font-size: 16px;
  flex-wrap: wrap;
}
.nav-bar--chunky-title-subtitle-style .nav-bar-item__title {
  font-weight: 500;
  margin-right: 4px;
}
.nav-bar--chunky-title-subtitle-style .nav-bar-item__subtitle {
  color: #999999;
}
.nav-bar--chunky-title-subtitle-style .nav-bar-item--selected {
  margin: -1px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px solid #cacaca;
  border-bottom: 1px solid #fff;
}

.nav-bar--switch-style {
  display: inline-flex;
  align-items: flex-start;
  border: none;
  border-radius: 6px;
  height: 40px;
  background-color: #e6e6e6;
  flex-direction: row;
  max-width: 100%;
}
@media only screen and (max-width: 600px) {
  .nav-bar--switch-style {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: stretch;
  }
}
.nav-bar--switch-style .nav-bar-item {
  cursor: pointer;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  flex-grow: 0;
  padding: 0 16px;
  border: 2px solid #e6e6e6;
  text-align: center;
  display: flex;
  height: 100%;
  line-height: 40px;
  overflow: hidden;
}
.nav-bar--switch-style .nav-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  margin-top: -2px;
}
.nav-bar--switch-style .nav-bar-item__subtitle {
  font-size: 18px;
  padding-top: -2px;
  color: #999999;
}
.nav-bar--switch-style .nav-bar-item--selected {
  background-color: #fff;
}
.nav-bar--switch-style .nav-bar-item--selected .nav-bar-item__title {
  font-weight: 500;
}
.nav-bar--switch-style .nav-bar-item--selected .nav-bar-item__subtitle {
  color: rgba(255, 255, 255, 0.5);
}

.timeline-item__meta-area {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
  line-height: 19px;
}

.timeline-item__meta-area__collapse-region {
  flex-grow: 1;
  margin: -12px 42px 0 12px;
  cursor: pointer;
}

.timeline-item-header__shared-icon {
  color: #adaeb6;
  cursor: pointer;
  position: relative;
  margin-top: -4px;
  margin-left: 5px;
}
.timeline-item-header__shared-icon:hover .tool-tip, .timeline-item-header__shared-icon:active .tool-tip, .timeline-item-header__shared-icon:focus .tool-tip {
  display: inline-block;
}

.timeline-item-header {
  display: flex;
  margin-left: 0px;
  border-bottom: 1px solid #ddd;
  padding: 16px 16px 16px 18px;
  line-height: 16px;
  font-size: 16px;
  color: #000;
  min-height: 50px;
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.timeline-item-header .triage-controls {
  background-color: inherit;
}
.timeline-item-header .triage-controls .drop-down-button__toggle {
  background-color: inherit;
}
.timeline-item-header .tool-tip {
  animation: fade-in 0.3s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  display: none;
  left: 50%;
  bottom: 10px;
  margin-left: 0;
  opacity: 0;
  position: absolute;
  width: 0;
  z-index: 50;
}
.timeline-item-header .tool-tip .tool-tip__inner {
  color: #cacaca;
  font-size: 16pxpx;
  left: 0 !important;
  width: 160px;
  transform: translateX(-50%);
}
@media only screen and (max-width: 600px) {
  .timeline-item-header .tool-tip {
    animation: none;
    opacity: 1;
  }
}
.timeline-item-header a {
  color: #444444;
}
.timeline-item-header a:hover {
  text-decoration: none;
}
.timeline-item-header .summary-associations {
  color: #000;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: -4px;
  padding-top: 0px;
}
.timeline-item-header .summary-associations a {
  color: #444444;
  text-decoration: underline;
  cursor: pointer;
}
.timeline-item-header .summary-associations a:hover {
  text-decoration: none;
}
.timeline-item-header .summary-associations .association {
  min-height: 32px;
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.timeline-item-header .summary-associations .association .fake-link {
  color: #000;
  text-decoration: underline;
}
.timeline-item-header .summary-associations .association .fake-link:hover {
  text-decoration: none;
}
.timeline-item-header .summary-associations .association .association-icon {
  display: inline-block;
  position: relative;
  margin-top: 2px;
  margin-left: -6px;
}
.timeline-item-header .summary-associations .association .association-label {
  display: inline-block;
  position: relative;
}
.timeline-item-header .summary-associations .association .assignment-badge {
  background: #2872d3;
  color: #fff;
  border-radius: 3px;
  padding: 0 8px;
  display: flex;
  margin-top: -1px;
  align-items: center;
}
.timeline-item-header .summary-associations .association .assignment-badge .association-icon {
  margin-top: -2px;
  margin-bottom: -4px;
}
@media only screen and (min-width: 601px) {
  .timeline-item-header {
    min-height: 50px;
    position: static;
    border-bottom: none;
  }
}
.timeline-item-header .bl-icon--close {
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .timeline-item-header {
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    border: none;
  }
  .timeline-item-header .bl-icon--close {
    position: fixed;
    top: 16px;
    z-index: 3;
    left: 8px;
  }
  .timeline-item-header .triage-action-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 65px;
    background: #fff;
    z-index: 2;
    border-bottom: 1px #e6e6e6 solid;
  }
}

.work .timeline-item-header {
  min-height: 0;
}
@media only screen and (min-width: 601px) {
  .work .timeline-item-header {
    min-height: 56px;
  }
}

.timeline-item-header__email-icon {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgZW1haWwKICA8L3RpdGxlPgogIDxkZXNjPgogICAgQ3JlYXRlZCB3aXRoIFNrZXRjaC4KICA8L2Rlc2M+CiAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICA8ZyBpZD0iZW1haWwiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPgogICAgICA8cGF0aCBkPSJNMjAgMzlMMjAgMzlDMzAuNDkgMzkgMzkgMzAuNDkgMzkgMjAgMzkgOS41MSAzMC40OSAxIDIwIDEgOS41MSAxIDEgOS41MSAxIDIwIDEgMzAuNDkgOS41MSAzOSAyMCAzOUwyMCAzOVpNMjAgNDBMMjAgNDBDOC45NSA0MCAwIDMxLjA1IDAgMjAgMCA4Ljk1IDguOTUgMCAyMCAwIDMxLjA1IDAgNDAgOC45NSA0MCAyMCA0MCAzMS4wNSAzMS4wNSA0MCAyMCA0MEwyMCA0MFoiIGlkPSJTaGFwZSIgZmlsbD0iI0NBQ0FDQSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgICA8cGF0aCBkPSJNMTMgMTUuMDFMMTMgMTUuMDEgMTMgMjQuOTlDMTMgMjUgMTMgMjUgMTMgMjVMMjcgMjVDMjcgMjUgMjcgMjUgMjcgMjQuOTlMMjcgMTUuMDFDMjcgMTUgMjcgMTUgMjcgMTVMMTMgMTVDMTMgMTUgMTMgMTUgMTMgMTUuMDFMMTMgMTUuMDFaTTExIDE1LjAxQzExIDEzLjkgMTEuODkgMTMgMTMgMTNMMjcgMTNDMjguMTEgMTMgMjkgMTMuOSAyOSAxNS4wMUwyOSAyNC45OUMyOSAyNi4xIDI4LjExIDI3IDI3IDI3TDEzIDI3QzExLjg5IDI3IDExIDI2LjEgMTEgMjQuOTlMMTEgMTUuMDFaTTEzIDE4TDIwIDIzLjI1IDI3IDE4IDI3IDE1LjUgMjAgMjAuNzUgMTMgMTUuNSAxMyAxOFoiIGlkPSJTaGFwZSIgZmlsbD0iIzQ0NDQ0NCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
  margin-right: 16px;
  margin-top: 1px;
}

.timeline-item-header__primary-title {
  display: flex;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  margin: 0 8px 0 0;
  padding-right: 60px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .timeline-item-header__primary-title {
    padding-right: 0;
    margin: 60px 38px 6px 0;
    border: none;
  }
}

.timeline-item-header__secondary-title {
  letter-spacing: -0.2px;
  color: #999999;
  margin: 2px 0 0 0;
}
.timeline-item-header__secondary-title a {
  text-decoration: underline;
  cursor: pointer;
}
.timeline-item-header__secondary-title a:hover {
  text-decoration: none;
}
.timeline-item-header__secondary-title .timeline-item-header__secondary-title-item {
  margin-right: 16px;
}
@media only screen and (min-width: 601px) {
  .timeline-item-header__secondary-title {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .timeline-item-header__secondary-title {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 600px) {
  .triage-email-conversation.email-conversation--collapsed .triage-action-bar.is-open,
  .triage-email-conversation.email-conversation--collapsed .email-action-bar.is-open {
    opacity: 1;
  }
  .triage-email-conversation.email-conversation--collapsed .triage-action-bar.is-open .triage-controls,
  .triage-email-conversation.email-conversation--collapsed .email-action-bar.is-open .triage-controls {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.timeline-controls {
  position: relative;
  margin-top: 16px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 6px;
}
.timeline-controls-group {
  display: flex;
}
.timeline-controls-group .action-button--transparent,
.timeline-controls-group .action-button,
.timeline-controls-group .login__form-button {
  margin-right: 8px;
  font-size: 1.125rem;
  padding-top: 0px;
  padding-bottom: 3px;
}
.timeline-controls .work-view-settings__popover .pop-over__contents {
  top: 36px;
}
.timeline-controls__search-icon {
  top: 3px;
  right: 2px;
  position: absolute;
  cursor: pointer;
}
.timeline-controls__filter-icon.tool-tip-shell {
  position: absolute;
  top: 1px;
  right: 27px;
}
.timeline-controls__search-bar {
  border: 1px solid #ddd;
  border-radius: 2px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
}
.timeline-controls__search-bar__search-icon {
  top: 3px;
  left: 2px;
  position: absolute;
}
.timeline-controls__search-bar__search-clear {
  cursor: pointer;
  top: 3px;
  right: 2px;
  position: absolute;
  color: #999999;
}
.timeline-controls__search-bar .focussed-input input {
  height: 38px;
  padding-left: 40px;
}

.timeline-loader {
  width: 100%;
  height: 144px;
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 28px;
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 32px;
  position: relative;
  margin-top: 8px;
}
@media only screen and (min-width: 601px) {
  .timeline-loader {
    border-radius: 3px;
    padding-left: 70px;
    margin: 4px;
    width: auto;
  }
}

.timeline-loader__icon {
  position: absolute;
  left: 19px;
  top: 20px;
}

.timeline-loader__header {
  background-color: #e6e6e6;
  height: 12px;
  margin-bottom: 27px;
  margin-left: 54px;
  max-width: 200px;
}
@media only screen and (min-width: 601px) {
  .timeline-loader__header {
    width: 240px;
    margin-left: 0;
    max-width: none;
  }
}

.timeline-loader__line {
  background-color: #e6e6e6;
  height: 4px;
  width: 100%;
  margin-bottom: 16px;
}

.timeline-loader__content {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in;
}

.timeline-loader__content--loaded {
  opacity: 1;
}

.timeline-loader--padded-top {
  margin-top: 24px;
}

.modal-dialog-bl {
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 601px) {
  .modal-dialog-bl {
    display: flex;
    overflow-y: auto;
    padding: 32px 0;
  }
}
@media only screen and (max-width: 600px) {
  .modal-dialog-bl {
    z-index: 51;
  }
}
.modal-dialog-bl .action-bar .action-button--inline:not(.action-button--primary):not(.login__form-button),
.modal-dialog-bl .modal-dialog-bl__action-bar .action-button--inline:not(.action-button--primary):not(.login__form-button),
.modal-dialog-bl .dialog-action-bar .action-button--inline:not(.action-button--primary):not(.login__form-button) {
  text-decoration: underline;
}
.modal-dialog-bl .action-bar .action-button--inline:not(.action-button--primary):not(.login__form-button):hover,
.modal-dialog-bl .modal-dialog-bl__action-bar .action-button--inline:not(.action-button--primary):not(.login__form-button):hover,
.modal-dialog-bl .dialog-action-bar .action-button--inline:not(.action-button--primary):not(.login__form-button):hover {
  text-decoration: none;
}

#modal-overlays .modal-dialog-bl:last-child {
  background: rgba(0, 0, 0, 0.4);
}

.modal-dialog-bl__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.modal-dialog-bl__overlay--unclickable {
  cursor: default;
}

.modal-dialog-bl__title {
  text-align: center;
  margin: -16px -16px 16px -16px;
  font-weight: 600;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px #e6e6e6 solid;
  color: #000;
}

.modal-dialog-bl__contents,
.ember-modal-dialog {
  display: flex;
  flex-direction: column;
  border: 0;
  box-shadow: none;
  padding: 0;
  position: fixed;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 601px) {
  .modal-dialog-bl__contents,
  .ember-modal-dialog {
    position: relative;
    padding: 16px;
    /*  prevent default stretching on IE  */
    align-self: flex-start;
    margin: auto;
    width: auto;
    height: auto;
  }
}
.modal-dialog-bl__contents .focussed-textarea,
.ember-modal-dialog .focussed-textarea {
  -ms-flex-preferred-size: auto;
}

.modal-dialog-bl__panel {
  font-size: 18px;
  text-align: left;
  background: #f2f2f2;
  padding: 12px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  margin-bottom: 12px;
}
.modal-dialog-bl__panel > ul {
  margin: 0 0 8px 0;
}
.modal-dialog-bl__panel__title {
  font-weight: 600;
  margin-bottom: 8px;
}

.modal-dialog-bl__panel--notice {
  background: #2872d3;
  border-color: #2872d3;
  color: #fff;
}

.modal-dialog-bl--rounded {
  background-color: #fff;
  border-radius: 5px;
}

.modal-dialog-bl--simple {
  background-color: #fff;
  height: auto;
  text-align: center;
  line-height: 1.4;
  font-size: 18px;
  padding: 16px;
}
.modal-dialog-bl--simple p {
  margin: 0 0 8px 0;
}
@media only screen and (min-width: 601px) {
  .modal-dialog-bl--simple {
    width: 400px;
    height: auto;
  }
}
.modal-dialog-bl--simple .modal-dialog-bl__action-bar {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.modal-dialog-bl--simple .modal-dialog-bl__action-bar .action-button, .modal-dialog-bl--simple .modal-dialog-bl__action-bar .login__form-button {
  margin: 0 0 0 16px;
}
.modal-dialog-bl--simple .modal-dialog-bl__action-bar .action-button--inline {
  padding: 0 16px;
}
.modal-dialog-bl--simple .modal-dialog-bl__action-bar .action-button--primary, .modal-dialog-bl--simple .modal-dialog-bl__action-bar .login__form-button {
  min-width: 100px;
}

.modal-dialog-bl--form {
  width: 432px;
}

.modal-dialog-bl--delete {
  width: 500px;
}

.modal-dialog-bl--standard, .modal-dialog-bl--gl-invite-colleague, .modal-dialog-bl--gl-work, .add-contact-form, .modal-dialog-bl--gl-time-entry {
  background-color: #fff;
  padding: 16px;
  border-radius: 0;
  overflow: auto;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
}
@media only screen and (min-width: 601px) {
  .modal-dialog-bl--standard, .modal-dialog-bl--gl-invite-colleague, .modal-dialog-bl--gl-work, .add-contact-form, .modal-dialog-bl--gl-time-entry {
    min-width: 400px;
    overflow: visible;
    border-radius: 5px;
  }
}

.modal-dialog-bl__message {
  text-align: center;
  line-height: 1.4;
  font-size: 18px;
  margin: 0 0 32px 0;
}

.modal-dialog-bl__body-text {
  text-align: left;
  line-height: 1.4;
  font-size: 18px;
  margin: 0 0 32px 0;
  width: 400px;
}

.modal-dialog-bl__info-list {
  text-align: left;
  line-height: 1.4;
  font-size: 18px;
  padding-left: 32px;
  margin-top: 0;
}

.modal-dialog-bl__message--align-left {
  text-align: left;
}

.modal-dialog-bl__vertical-space {
  flex-grow: 1;
}

.modal-dialog-bl__bullet-list {
  padding-left: 20px;
}

.modal-dialog-bl__spinner-container .modal-dialog-bl__close {
  cursor: pointer;
  position: absolute;
  top: 12px;
  left: 9px;
}
.modal-dialog-bl__spinner-container .modal-dialog-bl__loading-icon {
  margin: 0 auto 12px auto;
}
.modal-dialog-bl__spinner-container .modal-dialog-bl__spinner {
  display: flex;
  padding: 64px;
  flex-direction: column;
  align-items: center;
}

.toggle-switch {
  cursor: pointer;
}
.toggle-switch__container {
  width: 34px;
  height: 14px;
  background: rgba(40, 114, 211, 0.3);
  border-radius: 14px;
  position: relative;
}
.toggle-switch__button {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -3px;
  background: #2872d3;
  border-radius: 20px;
  left: 0;
  transition: all 0.2s;
}

.toggle-switch--checkbox {
  position: relative;
}

.toggle-switch--checkbox input[type=checkbox] {
  cursor: pointer;
  display: block;
  height: 20px;
  opacity: 0;
  position: absolute;
  width: 32px;
}
.toggle-switch--checkbox input[type=checkbox] + label {
  -webkit-appearance: none;
          appearance: none;
  background: #999999;
  border-radius: 16px;
  cursor: pointer;
  display: block;
  height: 18px;
  outline: none;
  pointer-events: none;
  position: relative;
  transition: background 0.3s ease;
  width: 32px;
}
.toggle-switch--checkbox input[type=checkbox] + label::before {
  content: "";
  background: white;
  border-radius: 10px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  display: block;
  height: 20px;
  margin-top: -1px;
  transform: translate(-1px, -1px);
  width: 20px;
  transition: transform 0.15s ease-out;
}
.toggle-switch--checkbox input[type=checkbox]:checked + label {
  background: #2872d3;
}
.toggle-switch--checkbox input[type=checkbox]:checked + label::before {
  transform: translate(13px, -1px);
}

.toggle-switch--active .toggle-switch__button {
  transform: translateX(14px);
}

.toggle-switch--labelled {
  position: relative;
  height: 20px;
}
.toggle-switch--labelled .toggle-switch__button {
  top: 0;
}
.toggle-switch--labelled .toggle-switch__container {
  width: 52px;
  height: 20px;
}
.toggle-switch--labelled .toggle-switch__container:after {
  content: "Off";
  position: absolute;
  line-height: normal;
  right: 6px;
  top: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.toggle-switch--labelled.toggle-switch--active .toggle-switch__container:after {
  content: "On";
  right: auto;
  left: 6px;
}
.toggle-switch--labelled.toggle-switch--active .toggle-switch__button {
  transform: translateX(32px);
}

.toggle-switch--disabled {
  opacity: 0.8;
}

.check-box {
  cursor: pointer;
  position: relative;
}
.check-box .check-box__icon {
  position: absolute;
  top: 3px;
  left: 2px;
  width: 17px;
  height: 17px;
  content: "";
  border-radius: 3px;
  border: 1px solid #cacaca;
}
.check-box .check-box__icon:focus {
  border-color: #2872d3;
}
.check-box .check-box__label {
  font-size: 18px;
  padding-left: 28px;
  line-height: 1.2;
}

.check-box--active .check-box__icon {
  background-color: #cacaca;
}
.check-box--active .check-box__icon:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  position: absolute;
  top: -8px;
  left: -9px;
  width: 16px;
  height: 16px;
  color: #2872d3;
}

.check-box--dash .check-box__icon {
  background-color: #cacaca;
}
.check-box--dash .check-box__icon:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e961";
  position: absolute;
  top: -8px;
  left: -9px;
  width: 16px;
  height: 16px;
  color: #fff;
}

.check-box--disabled {
  color: #999999;
  cursor: default;
}
.check-box--disabled .check-box__icon {
  cursor: default;
}
.check-box--disabled .check-box__icon:focus {
  border-color: inherit;
}

.edit-time-entries-position {
  margin-left: 28px;
  margin-top: -7px;
}

.checkbox-tree {
  width: 400px;
}
.checkbox-tree .check-box {
  height: 40px;
}
.checkbox-tree__group {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 12px;
}
.checkbox-tree__group .check-box .check-box__icon:focus {
  border-color: #6c6d7d;
}
.checkbox-tree__group-item {
  margin-left: 38px;
}
.checkbox-tree__group-item .check-box .check-box__icon:focus {
  border-color: #6c6d7d;
}

.checkbox-tree--dark-theme .checkbox-tree__group {
  border-bottom-color: #444444;
}
.checkbox-tree--dark-theme .checkbox-tree__group .check-box--disabled {
  color: White;
  font-weight: 600;
}
.checkbox-tree--dark-theme .checkbox-tree__group .check-box--disabled .check-box__icon {
  opacity: 0.3;
}
.checkbox-tree--dark-theme .checkbox-tree__group .check-box--disabled .check-box__icon:focus {
  border-color: #6c6d7d;
}
.checkbox-tree--dark-theme .check-box .check-box__icon {
  border-color: #929292;
  background: #333333;
}
.checkbox-tree--dark-theme .check-box .check-box__icon:focus {
  border-color: White;
}
.checkbox-tree--dark-theme .check-box--active .check-box__icon::after {
  font-size: 26px;
  top: -5px;
  left: -6px;
}

.currency-input {
  display: flex;
  font-size: 18px;
  border: 1px solid #cacaca;
  border-radius: 4px;
  padding: 5px 6px 4px;
}
.currency-input__currency {
  padding-top: 8px;
  padding-right: 10px;
  color: #999999;
  text-transform: uppercase;
}
.currency-input__suffix {
  color: #999999;
}

.action-slider {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  padding: 16px;
  margin: 0 auto;
}
@media only screen and (min-width: 601px) {
  .action-slider {
    width: 480px;
    height: 320px;
    position: relative;
    border-radius: 5px;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .action-slider {
    z-index: 999;
  }
}

@media only screen and (max-width: 600px) {
  .action-slider--finished .action-slider__button {
    position: static;
  }
}

.action-slider__static-block {
  width: auto;
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 30px;
  height: 80px;
  display: flex;
  align-content: center;
  flex-direction: row;
  align-items: center;
}

.action-slider__button {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 2;
}

.action-slider__slide > strong {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 32px;
  line-height: 25px;
}

.action-slider__slide > p {
  font-size: 20px;
  line-height: 25px;
  padding-bottom: 40px;
  margin: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.action-slider__controller {
  position: absolute;
  bottom: 28px;
  width: 100%;
  justify-content: center;
  display: flex;
  z-index: 1;
}

.action-slider__controller-dot {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px #e6e6e6 solid;
  cursor: pointer;
}
.action-slider__controller-dot:last-child {
  margin-right: 0;
}
.action-slider__controller-dot--active {
  background: #e6e6e6;
}

.onboarding-slider {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: left;
  padding: 16px;
  margin: 0 auto;
  z-index: 999;
}

@media only screen and (max-width: 600px) {
  .onboarding-slider--finished .onboarding-slider__button {
    position: static;
  }
}

.onboarding-slider__slides {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.onboarding-slider__slide {
  max-width: 770px;
}

.onboarding-slider__button {
  font-size: 16px;
  font-weight: 400;
  z-index: 2;
}

.onboarding-slider__slide > strong {
  font-size: 48px;
  color: #fff;
  line-height: 50px;
  padding-bottom: 32px;
  font-weight: 400;
}

.onboarding-slider__slide > p {
  font-size: 48px;
  color: #4f4f4f;
  line-height: 50px;
  padding-bottom: 40px;
  margin: 0;
}

.notification-banner {
  height: 40px;
  color: #fff;
  width: 100%;
  padding-left: 12px;
  align-items: center;
  display: none;
}
.notification-banner__urgent {
  background-color: #e67a2b;
}
.notification-banner__normal {
  background-color: rgb(40, 114, 211);
}
.notification-banner button {
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  margin-left: 2px;
  text-decoration: underline;
}
.notification-banner .spinner {
  height: 20px;
  width: 20px;
  margin-left: 18px;
}
.notification-banner .spinner:before {
  content: "";
  animation-name: spinme;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
  border: solid #fff 2px;
  border-top-width: 0;
  border-radius: 0 0 10px 10px;
  display: block;
  height: 10px;
  margin-top: 10px;
  transform-origin: 10px 0px;
  transition: opacity 1s ease-out;
  width: 20px;
}
.notification-banner__trial-dialog {
  width: 300px;
}
.notification-banner__dialog-text {
  text-align: center;
  margin-bottom: 12px;
}
.notification-banner__dialog-link {
  text-align: center;
  text-decoration: underline;
}
.notification-banner .notification-banner__urgent a {
  cursor: pointer;
  color: #fff;
}

/*****
Keep any adjustments to styles relating to having the app notification banner on here; in one place.
Only the major app elements should be affected.
****/
body.notification-banner-active .notification-banner {
  display: flex;
}
body.notification-banner-active .main.container {
  top: 96px;
}
body.notification-banner-active .app-menu {
  top: 40px;
}
body.notification-banner-active.work-overview .app-content {
  height: calc(100vh - 96px);
}
body.notification-banner-active.show-side-panel #side-panel, body.notification-banner-active.show-side-panel-collapsed #side-panel {
  top: 96px;
}

body.notification-banner-active.conversation .main.container {
  top: 40px;
}

.empty-state {
  text-align: center;
  padding: 48px 16px;
  margin: 0 auto;
  max-width: 600px;
  word-break: break-word;
}
.empty-state .empty-state__icon {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 64px;
  background-color: #2872d3;
  margin: 0 auto 28px;
  color: #fff;
}
.empty-state .empty-state__icon i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: initial;
  background-repeat: no-repeat;
  background-position: center center;
}
.empty-state .empty-state__icon .services {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzMSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODIxMjkgOS42MjUyMVYyNS44NzUxTDE1Ljc0OTggMzQuMDAwMUwyOS42NzgzIDI1Ljg3NTFWOS42MjUyMUwxNS43NDk4IDEuNTAwMjRMMS44MjEyOSA5LjYyNTIxWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI5LjY3ODUgOS42MjUyNEwxNS43NSAxNy43NTAyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTUuNzUgMzMuOTk5OVYxNy43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEuODIxMjkgOS42MjUyNEwxNS43NDk4IDE3Ljc1MDIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.empty-state .empty-state__icon .work {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMzIgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPkltcG9ydGVkIExheWVyczwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiAgICAgICAgPGcgaWQ9IkEwMCIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5Ni4wMDAwMDAsIC0yNzEuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPHBhdGggZD0iTTUyNCwyNzUgTDUxOCwyNzUgTDUxOCwyNzEgTDUwNiwyNzEgTDUwNiwyNzUgTDUwMCwyNzUgQzQ5Ny43OTEsMjc1IDQ5NiwyNzYuNzkxIDQ5NiwyNzkgTDQ5NiwyOTUgQzQ5NiwyOTcuMjA5IDQ5Ny43OTEsMjk5IDUwMCwyOTkgTDUyNCwyOTkgQzUyNi4yMDksMjk5IDUyOCwyOTcuMjA5IDUyOCwyOTUgTDUyOCwyNzkgQzUyOCwyNzYuNzkxIDUyNi4yMDksMjc1IDUyNCwyNzUgTDUyNCwyNzUgWiBNNTA4LDI3MyBMNTE2LDI3MyBMNTE2LDI3NSBMNTA4LDI3NSBMNTA4LDI3MyBaIE01MjYsMjk1IEM1MjYsMjk2LjEwMyA1MjUuMTAzLDI5NyA1MjQsMjk3IEw1MDAsMjk3IEM0OTguODk3LDI5NyA0OTgsMjk2LjEwMyA0OTgsMjk1IEw0OTgsMjg0IEw1MDQsMjg0IEw1MDQsMjg2IEM1MDQsMjg2LjU1MiA1MDQuNDQ4LDI4NyA1MDUsMjg3IEM1MDUuNTUyLDI4NyA1MDYsMjg2LjU1MiA1MDYsMjg2IEw1MDYsMjg0IEw1MTgsMjg0IEw1MTgsMjg2IEM1MTgsMjg2LjU1MiA1MTguNDQ4LDI4NyA1MTksMjg3IEM1MTkuNTUyLDI4NyA1MjAsMjg2LjU1MiA1MjAsMjg2IEw1MjAsMjg0IEw1MjYsMjg0IEw1MjYsMjk1IEw1MjYsMjk1IFogTTUyNiwyODIgTDQ5OCwyODIgTDQ5OCwyNzkgQzQ5OCwyNzcuODk3IDQ5OC44OTcsMjc3IDUwMCwyNzcgTDUyNCwyNzcgQzUyNS4xMDMsMjc3IDUyNiwyNzcuODk3IDUyNiwyNzkgTDUyNiwyODIgTDUyNiwyODIgWiIgaWQ9IkltcG9ydGVkLUxheWVycyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}
.empty-state .empty-state__icon .contact {
  background-position: 50% 48%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzNiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMxLjUwMzMgMjguMDYxSDMzLjY0NzFDMzUuNTcyMiAyOC4wNjEgMzYuNTU4OCAyNS45MjI1IDM1LjY3MDcgMjQuMzg3MUMzMy4zMzAyIDIwLjM1NTIgMjkuMDcxMiAxNy42MjE3IDI0LjE2MTIgMTcuNjIxN0MyNC4wMzYyIDE3LjYyMTcgMjMuOTExNyAxNy42MjMzIDIzLjc4NzggMTcuNjI2N0MyNi42MzY4IDE5LjE3MTIgMjkuMDMwOSAyMS40NjM1IDMwLjczMDYgMjQuMjE2NkMzMS40ODY5IDI1LjQyODkgMzEuNzA5NCAyNi43ODg4IDMxLjUwMzMgMjguMDYxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIyLjAyMjEgMTQuNjc5OUMyMi42ODM2IDE0Ljk0NDkgMjMuNDA0NSAxNS4wOTA2IDI0LjE2MTIgMTUuMDkwNkMyNy40NTM4IDE1LjA5MDYgMzAuMDY3OSAxMi4zMzEzIDMwLjA2NzkgOC45OTY3OUMzMC4wNjc5IDUuNjYyMjMgMjcuNDUzOCAyLjkwMjk3IDI0LjE2MTIgMi45MDI5N0MyMy45MjQ5IDIuOTAyOTcgMjMuNjkyMSAyLjkxNzE4IDIzLjQ2MzUgMi45NDQ3OUMyNC4zMDI2IDQuMzk3MDEgMjQuNzc5IDYuMDgzNDYgMjQuNzc5IDcuODU4MzlDMjQuNzc5IDEwLjQ4MjcgMjMuNzM3NiAxMi45MTM2IDIyLjAyMjEgMTQuNjc5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQgMy42MTI5QzExLjY5NzcgMy42MTI5IDkuNzE2MyA1LjUxNDE4IDkuNzE2MyA4QzkuNzE2MyAxMC40ODU4IDExLjY5NzcgMTIuMzg3MSAxNCAxMi4zODcxQzE2LjMwMjMgMTIuMzg3MSAxOC4yODM3IDEwLjQ4NTggMTguMjgzNyA4QzE4LjI4MzcgNS41MTQxOCAxNi4zMDIzIDMuNjEyOSAxNCAzLjYxMjlaTTYgOEM2IDMuNjQ0NjEgOS41MTgyMSAwIDE0IDBDMTguNDgxOCAwIDIyIDMuNjQ0NjEgMjIgOEMyMiAxMi4zNTU0IDE4LjQ4MTggMTYgMTQgMTZDOS41MTgyMSAxNiA2IDEyLjM1NTQgNiA4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjU0MzUwOSAyNi4wNjI4QzMuMzU4NDUgMjEuMjMwOSA4LjMxODQ5IDE4IDEzLjk5MzYgMThDMTkuNjcwMyAxOCAyNC42MjU1IDIxLjI1MjQgMjcuNDM4NiAyNi4wNTM5QzI4LjkzOTkgMjguNTgzMiAyNy4yNjY0IDMyIDI0LjM2MDkgMzJIMy42MjY0QzAuNzIxMTA0IDMyIC0wLjkxNzczOSAyOC41NzExIDAuNTQzNTA5IDI2LjA2MjhaTTEzLjk5MzYgMjEuNjI5NkM5LjYwNTM2IDIxLjYyOTYgNS43MTcxNiAyNC4xMjMxIDMuNDgxNCAyNy45NjA5QzMuNDUyNCAyOC4wMTA2IDMuNDQzNDYgMjguMDUzMyAzLjQ0MzI2IDI4LjA5NDZDMy40NDMwMiAyOC4xNDIxIDMuNDU1MDggMjguMTk4MSAzLjQ4MjQ3IDI4LjI1MTdDMy41MDk5OCAyOC4zMDU1IDMuNTQyOTUgMjguMzM3NiAzLjU2NTU1IDI4LjM1MjhDMy41ODI0MSAyOC4zNjQyIDMuNTk3OTYgMjguMzcwNCAzLjYyNjQgMjguMzcwNEgyNC4zNjA5QzI0LjM5ODcgMjguMzcwNCAyNC40MTk2IDI4LjM2MTQgMjQuNDM3OSAyOC4zNDkxQzI0LjQ2MTggMjguMzMzMiAyNC40OTM0IDI4LjMwMTggMjQuNTE5MSAyOC4yNTE3QzI0LjU0NDYgMjguMjAxNyAyNC41NTUzIDI4LjE1MDIgMjQuNTU0OCAyOC4xMDcxQzI0LjU1NDQgMjguMDcwMyAyNC41NDYzIDI4LjAyODggMjQuNTE1NSAyNy45NzcxTDI0LjUwNzggMjcuOTY0MkMyMi4yNjk1IDI0LjE0MDYgMTguMzc4MyAyMS42Mjk2IDEzLjk5MzYgMjEuNjI5NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.empty-state .empty-state__icon.empty-state__icon-new-style {
  background: none;
  height: 120px;
  margin: 0 auto 24px;
}
.empty-state .empty-state__icon.empty-state__icon-new-style .todo {
  background-position: 50% 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iOCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgcng9IjcuNSIgc3Ryb2tlPSIjMEQwRDBEIiBzdHJva2Utb3BhY2l0eT0iMC4yIi8+CjxwYXRoIGQ9Ik0yMSAyNEgyOVYyMkgyMVYyNFoiIGZpbGw9IiM2QTZBNkEiLz4KPHBhdGggZD0iTTIxIDM0SDI5VjMySDIxVjM0WiIgZmlsbD0iIzZBNkE2QSIvPgo8cGF0aCBkPSJNMzEuNDY5NyAyNC40Njk3QzMxLjc2MjYgMjQuMTc2OCAzMi4yMzc0IDI0LjE3NjggMzIuNTMwMyAyNC40Njk3TDM1LjUzMDMgMjcuNDY5N0MzNS44MjMyIDI3Ljc2MjYgMzUuODIzMiAyOC4yMzc0IDM1LjUzMDMgMjguNTMwM0wzMi41MzAzIDMxLjUzMDNDMzIuMjM3NCAzMS44MjMyIDMxLjc2MjYgMzEuODIzMiAzMS40Njk3IDMxLjUzMDNDMzEuMTc2OCAzMS4yMzc0IDMxLjE3NjggMzAuNzYyNiAzMS40Njk3IDMwLjQ2OTdMMzIuOTM5MyAyOUgyM1YyN0gzMi45MzkzTDMxLjQ2OTcgMjUuNTMwM0MzMS4xNzY4IDI1LjIzNzQgMzEuMTc2OCAyNC43NjI2IDMxLjQ2OTcgMjQuNDY5N1oiIGZpbGw9IiM2QTZBNkEiLz4KPC9zdmc+Cg==);
}
.empty-state .empty-state__icon.empty-state__icon-new-style .my {
  background-position: 50% 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iOCIgZmlsbD0iI0ZBRkFGQSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1IiByeD0iNy41IiBzdHJva2U9IiMwRDBEMEQiIHN0cm9rZS1vcGFjaXR5PSIwLjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAyMi41QzMwLjg4MyAyMi41IDMwIDIzLjQwNzUgMzAgMjQuNUMzMCAyNS41OTI1IDMwLjg4MyAyNi41IDMyIDI2LjVDMzMuMTE3IDI2LjUgMzQgMjUuNTkyNSAzNCAyNC41QzM0IDIzLjQwNzUgMzMuMTE3IDIyLjUgMzIgMjIuNVpNMzIgMjFDMzAuMDM5MiAyMSAyOC41IDIyLjU5NDUgMjguNSAyNC41QzI4LjUgMjYuNDA1NSAzMC4wMzkyIDI4IDMyIDI4QzMzLjk2MDggMjggMzUuNSAyNi40MDU1IDM1LjUgMjQuNUMzNS41IDIyLjU5NDUgMzMuOTYwOCAyMSAzMiAyMVoiIGZpbGw9IiM2QTZBNkEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAyMi41QzIyLjg4MyAyMi41IDIyIDIzLjQwNzUgMjIgMjQuNUMyMiAyNS41OTI1IDIyLjg4MyAyNi41IDI0IDI2LjVDMjUuMTE3IDI2LjUgMjYgMjUuNTkyNSAyNiAyNC41QzI2IDIzLjQwNzUgMjUuMTE3IDIyLjUgMjQgMjIuNVpNMjQgMjFDMjIuMDM5MiAyMSAyMC41IDIyLjU5NDUgMjAuNSAyNC41QzIwLjUgMjYuNDA1NSAyMi4wMzkyIDI4IDI0IDI4QzI1Ljk2MDggMjggMjcuNSAyNi40MDU1IDI3LjUgMjQuNUMyNy41IDIyLjU5NDUgMjUuOTYwOCAyMSAyNCAyMVoiIGZpbGw9IiM2QTZBNkEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS42ODM3IDM1SDM2LjMxMDRDMzcuNjU5NCAzNSAzOC40MzY0IDMzLjUzNTYgMzcuNzM5MyAzMi40NTE3QzM2LjQzMzMgMzAuMzkzOSAzNC4xMzI2IDI5IDMxLjQ5NyAyOUMzMC4yMyAyOSAyOS4wMzk3IDI5LjMyMDIgMjggMjkuODgyOVYyOS44ODkzQzI2Ljk1OTMgMjkuMzIzNyAyNS43NjcxIDI5IDI0LjQ5NyAyOUMyMS44NjIyIDI5IDE5LjU1OTMgMzAuMzg0NyAxOC4yNTIzIDMyLjQ1NTVDMTguMDc5NCAzMi43Mjk1IDE4IDMzLjAyOTMgMTggMzMuMzIzNkMxOCAzNC4xODQyIDE4LjY3ODcgMzUgMTkuNjgzNyAzNVpNMjcuMjUgMzEuMTg5MUMyNi40MjgzIDMwLjc0OTggMjUuNDkxNiAzMC41IDI0LjQ5NyAzMC41QzIyLjQwMjYgMzAuNSAyMC41NjcgMzEuNTk4NSAxOS41MjA4IDMzLjI1NjFDMTkuNTA0NSAzMy4yODIgMTkuNTAwMiAzMy4zMDIgMTkuNSAzMy4zMjIxQzE5LjQ5OTggMzMuMzQ2OSAxOS41MDY0IDMzLjM3OTMgMTkuNTI0MiAzMy40MTE5QzE5LjU0MTcgMzMuNDQzOSAxOS41NjM4IDMzLjQ2NSAxOS41ODM0IDMzLjQ3NzFDMTkuNTk4NCAzMy40ODY0IDE5LjYyNjMgMzMuNSAxOS42ODM3IDMzLjVIMjcuMjVWMzEuMTg5MVpNMjguNzUgMzEuMTgyOFYzMy41SDM2LjMxMDRDMzYuMzY5MiAzMy41IDM2LjM5OTcgMzMuNDg1OSAzNi40MTcgMzMuNDc1M0MzNi40Mzg3IDMzLjQ2MiAzNi40NjA5IDMzLjQ0MDIgMzYuNDc3NyAzMy40MDk3QzM2LjQ5NDYgMzMuMzc4OCAzNi41MDAzIDMzLjM0OTUgMzYuNSAzMy4zMjg0QzM2LjQ5OTggMzMuMzEyMiAzNi40OTY1IDMzLjI5MjMgMzYuNDc3NyAzMy4yNjNMMzYuNDcyOSAzMy4yNTU1QzM1LjQyNTUgMzEuNjA1MyAzMy41ODkxIDMwLjUgMzEuNDk3IDMwLjVDMzAuNTA0NCAzMC41IDI5LjU2OTkgMzAuNzQ2OCAyOC43NSAzMS4xODI4WiIgZmlsbD0iIzZBNkE2QSIvPgo8L3N2Zz4K);
}
.empty-state .empty-state__icon.empty-state__icon-new-style .contact {
  background-position: 50% 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iOCIgZmlsbD0iI0ZBRkFGQSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1IiByeD0iNy41IiBzdHJva2U9IiMwRDBEMEQiIHN0cm9rZS1vcGFjaXR5PSIwLjIiLz4KPHBhdGggZD0iTTM0Ljc1MTcgMzQuMDMwNUgzNS44MjM2QzM2Ljc4NjEgMzQuMDMwNSAzNy4yNzk0IDMyLjk2MTMgMzYuODM1MyAzMi4xOTM1QzM1LjY2NTEgMzAuMTc3NiAzMy41MzU2IDI4LjgxMDggMzEuMDgwNiAyOC44MTA4QzMxLjAxODEgMjguODEwOCAzMC45NTU5IDI4LjgxMTcgMzAuODkzOSAyOC44MTMzQzMyLjMxODQgMjkuNTg1NiAzMy41MTU1IDMwLjczMTcgMzQuMzY1MyAzMi4xMDgzQzM0Ljc0MzUgMzIuNzE0NSAzNC44NTQ3IDMzLjM5NDQgMzQuNzUxNyAzNC4wMzA1WiIgZmlsbD0iIzZBNkE2QSIvPgo8cGF0aCBkPSJNMzAuMDExIDI3LjM0QzMwLjM0MTggMjcuNDcyNCAzMC43MDIyIDI3LjU0NTMgMzEuMDgwNiAyNy41NDUzQzMyLjcyNjkgMjcuNTQ1MyAzNC4wMzQgMjYuMTY1NyAzNC4wMzQgMjQuNDk4NEMzNC4wMzQgMjIuODMxMSAzMi43MjY5IDIxLjQ1MTUgMzEuMDgwNiAyMS40NTE1QzMwLjk2MjQgMjEuNDUxNSAzMC44NDYgMjEuNDU4NiAzMC43MzE3IDIxLjQ3MjRDMzEuMTUxMyAyMi4xOTg1IDMxLjM4OTUgMjMuMDQxNyAzMS4zODk1IDIzLjkyOTJDMzEuMzg5NSAyNS4yNDEzIDMwLjg2ODggMjYuNDU2OCAzMC4wMTEgMjcuMzRaIiBmaWxsPSIjNkE2QTZBIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYgMjEuODA2NUMyNC44NDg4IDIxLjgwNjUgMjMuODU4MiAyMi43NTcxIDIzLjg1ODIgMjRDMjMuODU4MiAyNS4yNDI5IDI0Ljg0ODggMjYuMTkzNSAyNiAyNi4xOTM1QzI3LjE1MTIgMjYuMTkzNSAyOC4xNDE4IDI1LjI0MjkgMjguMTQxOCAyNEMyOC4xNDE4IDIyLjc1NzEgMjcuMTUxMiAyMS44MDY1IDI2IDIxLjgwNjVaTTIyIDI0QzIyIDIxLjgyMjMgMjMuNzU5MSAyMCAyNiAyMEMyOC4yNDA5IDIwIDMwIDIxLjgyMjMgMzAgMjRDMzAgMjYuMTc3NyAyOC4yNDA5IDI4IDI2IDI4QzIzLjc1OTEgMjggMjIgMjYuMTc3NyAyMiAyNFoiIGZpbGw9IiM2QTZBNkEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4yNzE4IDMzLjAzMTRDMjAuNjc5MiAzMC42MTU1IDIzLjE1OTIgMjkgMjUuOTk2OCAyOUMyOC44MzUxIDI5IDMxLjMxMjggMzAuNjI2MiAzMi43MTkzIDMzLjAyN0MzMy40NyAzNC4yOTE2IDMyLjYzMzIgMzYgMzEuMTgwNCAzNkgyMC44MTMyQzE5LjM2MDYgMzYgMTguNTQxMSAzNC4yODU1IDE5LjI3MTggMzMuMDMxNFpNMjUuOTk2OCAzMC44MTQ4QzIzLjgwMjcgMzAuODE0OCAyMS44NTg2IDMyLjA2MTYgMjAuNzQwNyAzMy45ODA0QzIwLjcyNjIgMzQuMDA1MyAyMC43MjE3IDM0LjAyNjYgMjAuNzIxNiAzNC4wNDczQzIwLjcyMTUgMzQuMDcxIDIwLjcyNzUgMzQuMDk5IDIwLjc0MTIgMzQuMTI1OEMyMC43NTUgMzQuMTUyOCAyMC43NzE1IDM0LjE2ODggMjAuNzgyOCAzNC4xNzY0QzIwLjc5MTIgMzQuMTgyMSAyMC43OTkgMzQuMTg1MiAyMC44MTMyIDM0LjE4NTJIMzEuMTgwNEMzMS4xOTk0IDM0LjE4NTIgMzEuMjA5OCAzNC4xODA3IDMxLjIxOSAzNC4xNzQ2QzMxLjIzMDkgMzQuMTY2NiAzMS4yNDY3IDM0LjE1MDkgMzEuMjU5NSAzNC4xMjU4QzMxLjI3MjMgMzQuMTAwOSAzMS4yNzc3IDM0LjA3NTEgMzEuMjc3NCAzNC4wNTM2QzMxLjI3NzIgMzQuMDM1MSAzMS4yNzMxIDM0LjAxNDQgMzEuMjU3NyAzMy45ODg2TDMxLjI1MzkgMzMuOTgyMUMzMC4xMzQ4IDMyLjA3MDMgMjguMTg5MSAzMC44MTQ4IDI1Ljk5NjggMzAuODE0OFoiIGZpbGw9IiM2QTZBNkEiLz4KPC9zdmc+Cg==);
}
.empty-state .empty-state__icon.empty-state__icon-new-style .organization {
  background-position: 50% 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iOCIgZmlsbD0iI0ZBRkFGQSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1IiByeD0iNy41IiBzdHJva2U9IiMwRDBEMEQiIHN0cm9rZS1vcGFjaXR5PSIwLjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAyNVYyMEgzNVYzNUgyMFYyNUgyNFpNMjUuNSAyMS41SDMzLjVWMzMuNUgyNS41VjIxLjVaTTI0IDI2LjVIMjEuNVYzMy41SDI0VjI2LjVaIiBmaWxsPSIjNkE2QTZBIi8+CjxwYXRoIGQ9Ik0yNyAyM0gyOVYyNUgyN1YyM1oiIGZpbGw9IiM2QTZBNkEiLz4KPHBhdGggZD0iTTI3IDI2SDI5VjI4SDI3VjI2WiIgZmlsbD0iIzZBNkE2QSIvPgo8cGF0aCBkPSJNMzAgMjNIMzJWMjVIMzBWMjNaIiBmaWxsPSIjNkE2QTZBIi8+CjxwYXRoIGQ9Ik0zMCAyNkgzMlYyOEgzMFYyNloiIGZpbGw9IiM2QTZBNkEiLz4KPC9zdmc+Cg==);
}
.empty-state .empty-state__icon.empty-state__icon-new-style .clientgroup {
  background-position: 50% 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iMjgiIGZpbGw9IiNGQUZBRkEiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgcng9IjI3LjUiIHN0cm9rZT0iIzBEMEQwRCIgc3Ryb2tlLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI3LjUgMjcuOTY5MUMyNy42NjM4IDI3Ljk4OTUgMjcuODMwNyAyOCAyOCAyOEMyOC4xNjkzIDI4IDI4LjMzNjIgMjcuOTg5NSAyOC41IDI3Ljk2OTFDMjguNjcwMiAyNy45NDc4IDI4LjgzNzEgMjcuOTE1OSAyOSAyNy44NzRDMjkuMzMxMiAyNy43ODg3IDI5LjY0NTggMjcuNjYyMSAyOS45MzggMjcuNUMzMS4xNjc3IDI2LjgxNzYgMzIgMjUuNTA2IDMyIDI0QzMyIDIxLjc5MDkgMzAuMjA5MSAyMCAyOCAyMEMyNS43OTA5IDIwIDI0IDIxLjc5MDkgMjQgMjRDMjQgMjUuNTA2IDI0LjgzMjMgMjYuODE3NiAyNi4wNjIgMjcuNUMyNi4zNTQyIDI3LjY2MjEgMjYuNjY4OCAyNy43ODg3IDI3IDI3Ljg3NEMyNy4xNjI5IDI3LjkxNTkgMjcuMzI5OCAyNy45NDc4IDI3LjUgMjcuOTY5MVpNMjAgMjlWMzZIMjdWMjlIMjBaTTI1LjUgMzAuNUgyMS41VjM0LjVIMjUuNVYzMC41Wk0yOSAyOVYzNkgzNlYyOUgyOVpNMzAuNSAzMC41VjM0LjVIMzQuNVYzMC41SDMwLjVaTTI1LjUgMjRDMjUuNSAyNS4zODA3IDI2LjYxOTMgMjYuNSAyOCAyNi41QzI5LjM4MDcgMjYuNSAzMC41IDI1LjM4MDcgMzAuNSAyNEMzMC41IDIyLjYxOTMgMjkuMzgwNyAyMS41IDI4IDIxLjVDMjYuNjE5MyAyMS41IDI1LjUgMjIuNjE5MyAyNS41IDI0WiIgZmlsbD0iIzZBNkE2QSIvPgo8L3N2Zz4K);
}
.empty-state .empty-state__icon.empty-state__icon-new-style .people {
  background-position: 50% 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iMjgiIGZpbGw9IiNGQUZBRkEiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgcng9IjI3LjUiIHN0cm9rZT0iIzBEMEQwRCIgc3Ryb2tlLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4IDIxLjVDMjYuNjAyOSAyMS41IDI1LjUgMjIuNjM1MyAyNS41IDI0QzI1LjUgMjUuMzY0NyAyNi42MDI5IDI2LjUgMjggMjYuNUMyOS4zOTcxIDI2LjUgMzAuNSAyNS4zNjQ3IDMwLjUgMjRDMzAuNSAyMi42MzUzIDI5LjM5NzEgMjEuNSAyOCAyMS41Wk0yOCAyMEMyNS43NTkxIDIwIDI0IDIxLjgyMjMgMjQgMjRDMjQgMjYuMTc3NyAyNS43NTkxIDI4IDI4IDI4QzMwLjI0MDkgMjggMzIgMjYuMTc3NyAzMiAyNEMzMiAyMS44MjIzIDMwLjI0MDkgMjAgMjggMjBaIiBmaWxsPSIjNkE2QTZBIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzMuNDgwOSAzMy4yOTgxQzMyLjM1NSAzMS42NTA5IDMwLjM0MTcgMzAuNSAyNy45OTY4IDMwLjVDMjUuNjQ5NiAzMC41IDIzLjYzNyAzMS42NDQgMjIuNTEyMyAzMy4yOTg3QzIyLjUwMyAzMy4zMTI0IDIyLjUwMDcgMzMuMzE5NyAyMi41MDA0IDMzLjMyMDZDMjIuNTAwMSAzMy4zMjE4IDIyLjUgMzMuMzIyMiAyMi41IDMzLjMyMzNDMjIuNSAzMy4zMjU4IDIyLjUwMDcgMzMuMzQzMiAyMi41MTY3IDMzLjM3MDRDMjIuNTMyNSAzMy4zOTcyIDIyLjU2IDMzLjQyNzcgMjIuNjAyNyAzMy40NTIyQzIyLjY0MiAzMy40NzQ3IDIyLjcwNzkgMzMuNSAyMi44MTMyIDMzLjVIMzMuMTgwNEMzMy4yODcxIDMzLjUgMzMuMzU1NiAzMy40NzQ0IDMzLjM5NzUgMzMuNDUwNkMzMy40NDI1IDMzLjQyNDkgMzMuNDcwMyAzMy4zOTM2IDMzLjQ4NTQgMzMuMzY4MkMzMy40OTI4IDMzLjM1NTYgMzMuNDk2NiAzMy4zNDU1IDMzLjQ5ODQgMzMuMzM4OUMzMy40OTkzIDMzLjMzNTcgMzMuNDk5NyAzMy4zMzM0IDMzLjQ5OTggMzMuMzMyTDMzLjUgMzMuMzMwNkMzMy40OTk4IDMzLjMzIDMzLjQ5NzIgMzMuMzIxNiAzMy40ODYxIDMzLjMwNTdMMzMuNDgwOSAzMy4yOTgxWk0zNC43MTkzIDMyLjQ1MTdDMzMuMzEyOCAzMC4zOTM5IDMwLjgzNTEgMjkgMjcuOTk2OCAyOUMyNS4xNTkyIDI5IDIyLjY3OTIgMzAuMzg0NyAyMS4yNzE4IDMyLjQ1NTVDMjAuNTQxMSAzMy41MzA1IDIxLjM2MDYgMzUgMjIuODEzMiAzNUgzMy4xODA0QzM0LjYzMzIgMzUgMzUuNDcgMzMuNTM1NiAzNC43MTkzIDMyLjQ1MTdaIiBmaWxsPSIjNkE2QTZBIi8+Cjwvc3ZnPgo=);
}
.empty-state .empty-state__icon.empty-state__icon-new-style .search {
  background-position: 50% 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iOCIgZmlsbD0iI0ZBRkFGQSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjU1IiBoZWlnaHQ9IjU1IiByeD0iNy41IiBzdHJva2U9IiMwRDBEMEQiIHN0cm9rZS1vcGFjaXR5PSIwLjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNyAzNEMyMy4xMzQgMzQgMjAgMzAuODY2IDIwIDI3QzIwIDIzLjEzNCAyMy4xMzQgMjAgMjcgMjBDMzAuODY2IDIwIDM0IDIzLjEzNCAzNCAyN0MzNCAyOC41NzU5IDMzLjQ3OTIgMzAuMDMwMiAzMi42MDA0IDMxLjIwMDFDMzIuNjM3NiAzMS4yMjgxIDMyLjY3MzMgMzEuMjU5IDMyLjcwNzEgMzEuMjkyOUwzNi43MDcxIDM1LjI5MjlDMzcuMDk3NiAzNS42ODM0IDM3LjA5NzYgMzYuMzE2NiAzNi43MDcxIDM2LjcwNzFDMzYuMzE2NiAzNy4wOTc2IDM1LjY4MzQgMzcuMDk3NiAzNS4yOTI5IDM2LjcwNzFMMzEuMjkyOSAzMi43MDcxQzMxLjI1OSAzMi42NzMzIDMxLjIyODEgMzIuNjM3NiAzMS4yMDAxIDMyLjYwMDRDMzAuMDMwMiAzMy40NzkyIDI4LjU3NTkgMzQgMjcgMzRaTTI3IDMyQzI5Ljc2MTQgMzIgMzIgMjkuNzYxNCAzMiAyN0MzMiAyNC4yMzg2IDI5Ljc2MTQgMjIgMjcgMjJDMjQuMjM4NiAyMiAyMiAyNC4yMzg2IDIyIDI3QzIyIDI5Ljc2MTQgMjQuMjM4NiAzMiAyNyAzMloiIGZpbGw9IiM2QTZBNkEiLz4KPC9zdmc+Cg==);
}
.empty-state .empty-state__header {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  margin: 12px 0;
}
.empty-state .empty-state__body {
  margin: 12px 0;
  font-size: 18px;
  color: rgba(13, 13, 13, 0.5019607843);
  line-height: 1;
}
.empty-state .action-button, .empty-state .login__form-button {
  margin: 8px 0 24px;
}

@media only screen and (min-width: 601px) {
  .centered-column .empty-state {
    padding-top: 28px;
  }
}

.smart-country-lookup-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.smart-country-lookup-container .smart-country-lookup-close {
  position: absolute;
  top: 8px;
  left: 16px;
  z-index: 51;
  display: inline-block;
}
@media only screen and (min-width: 601px) {
  .smart-country-lookup-container {
    height: initial;
  }
  .smart-country-lookup-container .smart-country-lookup-close {
    display: none;
  }
}

.smart-country-lookup {
  border-radius: 5px;
  max-width: 416px;
  overflow: visible;
  position: relative;
  z-index: 1;
  width: 100%;
  top: 8px;
}
.smart-country-lookup button.action-button.smart-country-lookup-toggle, .smart-country-lookup button.smart-country-lookup-toggle.login__form-button {
  background: #fff;
  border: 1px #e6e6e6 solid;
  color: #000;
  width: 100%;
  text-transform: initial;
  font-size: 18px;
  text-align: left;
  font-weight: 400;
}

.smart-country-lookup--active ul {
  display: block;
}

.smart-country-lookup .smart-country-lookup-input {
  padding: 16px 4px;
  height: 56px;
  border-radius: 5px;
  background: #fff;
  width: 100%;
  border: 1px #e6e6e6 solid;
}
.smart-country-lookup .smart-country-lookup-input .focussed-input__remove {
  top: -8px;
}
.smart-country-lookup .smart-country-lookup-input input {
  height: 100%;
  cursor: pointer;
  border-radius: 5px;
}
.smart-country-lookup .smart-country-lookup-input i.fa.fa-minus-circle:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
}

.smart-country-lookup--open {
  height: 56px;
  box-shadow: none;
  border: 1px #e7e3ed solid;
}
.smart-country-lookup--open ul {
  border: 1px rgba(0, 0, 0, 0.08) solid;
}
.smart-country-lookup--open .smart-country-lookup-input {
  border-bottom: 0;
}
.smart-country-lookup--open .smart-country-lookup-input input, .smart-country-lookup--open .smart-country-lookup-input {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
@media only screen and (max-width: 600px) {
  .smart-country-lookup--open {
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 50;
    width: 100%;
    background: #fff;
    border-radius: 0;
    border: 0;
  }
}
@media only screen and (min-width: 601px) {
  .smart-country-lookup--open .smart-country-lookup-container {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px 0px;
    top: 8px;
    left: -8px;
    right: -8px;
    width: calc(100% + 16px);
    border-radius: 5px;
  }
}

@media only screen and (max-width: 600px) {
  .smart-country-lookup--open .smart-country-lookup-input {
    border-radius: 0;
    padding-right: 16px;
    padding-left: 38px;
  }
}

.smart-country-lookup--open .smart-country-lookup-input input {
  border-bottom: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.smart-country-lookup--open .focussed-input--removable {
  padding-right: 0;
}

.smart-country-lookup ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: scroll;
  position: relative;
  top: 0px;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
@media only screen and (min-width: 601px) {
  .smart-country-lookup ul {
    max-height: 350px;
    height: auto;
  }
}

.smart-country-lookup li {
  height: 44px;
  font-size: 18px;
  line-height: 44px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px #e6e6e6 solid;
  cursor: pointer;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.smart-country-lookup li:active, .smart-country-lookup li:focus, .smart-country-lookup li:hover, .smart-country-lookup li.focussed {
  background: rgba(0, 0, 0, 0.05);
}
.smart-country-lookup li:active,
.smart-country-lookup li:active span,
.smart-country-lookup li:active span:before, .smart-country-lookup li:focus,
.smart-country-lookup li:focus span,
.smart-country-lookup li:focus span:before, .smart-country-lookup li:hover,
.smart-country-lookup li:hover span,
.smart-country-lookup li:hover span:before, .smart-country-lookup li.focussed,
.smart-country-lookup li.focussed span,
.smart-country-lookup li.focussed span:before {
  color: #2872d3;
}
.smart-country-lookup li:focus {
  background-image: none;
  outline: 0;
  box-shadow: none;
}
.smart-country-lookup li:last-child {
  border-bottom: 0;
}

.smart-country-lookup .prefilled-values li:nth-child(5) {
  border-width: 2px;
}

.smart-country-lookup li span {
  color: #999999;
  padding-left: 4px;
  display: inline-block;
}
.smart-country-lookup li span:before {
  content: "+";
  color: inherit;
}

.smart-country-lookup li i {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 8px;
  background-color: #e6e6e6;
  border-radius: 2px;
  height: 14px;
}

.karbon-email-sig {
  white-space: normal;
}

.add-new-service__description .rich-textarea__container {
  min-height: 60px;
}
.add-new-service__description .rich-textarea__drop-target {
  margin-bottom: 36px;
}

.rich-textarea {
  overflow-y: auto;
  -webkit-user-select: text;
          user-select: text;
}
.rich-textarea .ql-attachment:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  color: #000;
  line-height: 1.2 !important;
  margin-left: 3px !important;
}

.rich-textarea--empty .rich-textarea__placeholder {
  color: #999999;
  position: absolute;
}

.rich-textarea__container {
  word-break: break-word;
  min-height: 200px;
  cursor: text;
  border: 2px solid transparent;
  position: relative;
  overflow-x: auto;
  padding: 1px;
}
.rich-textarea__container:focus {
  outline-color: rgba(255, 255, 255, 0);
}
.rich-textarea__container font[size="3"] {
  font-size: 14px;
}
.rich-textarea__container.email-reset a {
  text-decoration: underline;
}
.rich-textarea__container .file-management__attachment-remove {
  cursor: pointer;
}
.rich-textarea__container .file-management__attachment-remove:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
  font-size: 28px;
  font-weight: 500;
}
.rich-textarea__container .file-management__attachment-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.rich-textarea__container.faded {
  opacity: 0.5;
}
.rich-textarea__container:focus-visible {
  outline: none;
}

.rich-textarea__drop-target {
  position: relative;
  margin-bottom: 16px;
}

.rich-textarea__toolbar {
  container-type: inline-size;
  position: absolute;
  z-index: 1;
  bottom: 0px;
  padding-bottom: 16px;
  width: calc(100% - 32px);
  background-color: white;
}
.rich-textarea__toolbar .file-upload-button {
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  overflow: visible;
}

.rich-textarea__toolbar__button {
  width: 32px;
  height: 32px;
  margin: 0 -1px 0 -1px;
  border-radius: 3px;
  border: none;
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
.rich-textarea__toolbar__button--active {
  background-color: #eee;
}
.rich-textarea__toolbar__button:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rich-textarea__toolbar__button--bold:after {
  content: "\e911";
}
.rich-textarea__toolbar__button--italic:after {
  content: "\e910";
}
.rich-textarea__toolbar__button--underline:after {
  content: "\e90f";
}
.rich-textarea__toolbar__button--bullet:after {
  content: "\e90e";
}
.rich-textarea__toolbar__button--list:after {
  content: "\e90d";
}
.rich-textarea__toolbar__button--color:after {
  content: "\e90c";
}
.rich-textarea__toolbar__button--font-size:after {
  content: "\e91a";
}
.rich-textarea__toolbar__button--font-name:after {
  content: "\e91b";
}
.rich-textarea__toolbar__button--remove-format:after {
  content: "\e91c";
}
.rich-textarea__toolbar__button--indent:after {
  content: "\e91e";
}
.rich-textarea__toolbar__button--outdent:after {
  content: "\e91f";
}
.rich-textarea__toolbar__button--link:after {
  content: "\e914";
}
.rich-textarea__toolbar__button--imageedit:after {
  content: "\e907";
}
.rich-textarea__toolbar__button--more:after {
  content: "\e602";
}
.rich-textarea__toolbar__button--emoji:after {
  content: "\e926";
}
.rich-textarea__toolbar__button--separator {
  box-sizing: border-box;
  background-color: #ddd;
  display: inline-block;
  height: 36px;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: middle;
  width: 1px;
}

.rich-textarea__toolbar__button--more {
  display: none;
}
.rich-textarea__toolbar__button--more-mobile {
  display: none;
}
.rich-textarea__toolbar__button--more-mobile:after {
  content: "\e602";
}

.rich-textarea__picker-options {
  display: block;
  position: absolute;
  top: 32px;
  z-index: 10;
  padding: 8px;
  width: 126px;
  height: 126px;
  border: none;
  line-height: 24px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.rich-textarea__picker-options-tall {
  height: 140px;
}
.rich-textarea__picker-options-medium-tall {
  height: 210px;
}
.rich-textarea__picker-options-extra-tall {
  height: 285px;
}
.rich-textarea__picker-options-short {
  height: 100px;
}

.rich-textarea__picker-options--open-upwards {
  top: -128px;
}
.rich-textarea__picker-options--open-upwards-tall {
  top: -142px;
}
.rich-textarea__picker-options--open-upwards-medium-tall {
  top: -212px;
}
.rich-textarea__picker-options--open-upwards-extra-tall {
  top: -287px;
}
.rich-textarea__picker-options--open-upwards-short {
  top: -102px;
}

.rich-textarea__picker-options-wide {
  width: 156px;
}

.rich-textarea__picker-options__color {
  border: 1px solid transparent;
  float: left;
  height: 24px;
  margin: 2px;
  padding: 0;
  width: 24px;
  border-radius: 100%;
}

.rich-textarea__picker-options__color--selected {
  position: relative;
  border: none;
}
.rich-textarea__picker-options__color--selected:after {
  width: 24px;
  height: 24px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  color: #fff;
  position: absolute;
  top: 1px;
  left: -1px;
  font-size: 22px;
}

.rich-textarea__auto-hide-container .rich-textarea__animate-in {
  opacity: 0;
  visibility: hidden;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(1) {
  transition: visibility 0s, opacity 90ms ease-in 0.072s;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(2) {
  transition: visibility 0s, opacity 90ms ease-in 0.063s;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(3) {
  transition: visibility 0s, opacity 90ms ease-in 0.054s;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(4) {
  transition: visibility 0s, opacity 90ms ease-in 0.045s;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(5) {
  transition: visibility 0s, opacity 90ms ease-in 0.036s;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(6) {
  transition: visibility 0s, opacity 90ms ease-in 0.027s;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(7) {
  transition: visibility 0s, opacity 90ms ease-in 0.018s;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(8) {
  transition: visibility 0s, opacity 90ms ease-in 0.009s;
}
.rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(9) {
  transition: visibility 0s, opacity 90ms ease-in 0s;
}

.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in {
  opacity: 1;
  visibility: visible;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(1) {
  transition: visibility 0s, opacity 110ms ease-out 0.009s;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(2) {
  transition: visibility 0s, opacity 110ms ease-out 0.018s;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(3) {
  transition: visibility 0s, opacity 110ms ease-out 0.027s;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(4) {
  transition: visibility 0s, opacity 110ms ease-out 0.036s;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(5) {
  transition: visibility 0s, opacity 110ms ease-out 0.045s;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(6) {
  transition: visibility 0s, opacity 110ms ease-out 0.054s;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(7) {
  transition: visibility 0s, opacity 110ms ease-out 0.063s;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(8) {
  transition: visibility 0s, opacity 110ms ease-out 0.072s;
}
.rich-textarea--focussed .rich-textarea__auto-hide-container .rich-textarea__animate-in:nth-child(9) {
  transition: visibility 0s, opacity 110ms ease-out 0.081s;
}

.rich-textarea img[data-placeholder] {
  opacity: 0.5;
}

.rich-textarea .image-upload-error {
  position: relative;
  display: inline-block;
}
.rich-textarea .image-upload-error img {
  opacity: 0.3;
  max-width: 100%;
}
.rich-textarea .image-upload-error:after {
  font-size: 12px;
  width: 100%;
  text-align: center;
  position: absolute;
  vertical-align: middle;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 4px;
  background-color: #999999;
}

.rich-textarea .image-upload-error:after {
  content: "This image failed to upload";
}

.rich-textarea .image-upload-error.image-upload-error--size-limit:after {
  content: "This image is too large to email";
}

.rich-textarea-link-dialog {
  background: transparent;
  padding: 0;
}
.rich-textarea-link-dialog__input {
  width: 90%;
  margin: 0 auto;
}
.rich-textarea-link-dialog input {
  width: 100%;
}
.rich-textarea-link-dialog .form-container {
  height: 300px;
}
.rich-textarea-link-dialog__header {
  font-weight: bold;
  font-size: 1.1em;
  margin-left: 12px;
}
.rich-textarea-link-dialog .action-button.action-button--farleft, .rich-textarea-link-dialog .action-button--farleft.login__form-button {
  right: unset;
}

.rich-textarea__toolbar__extra_options,
.rich-textarea__toolbar__extra_options--mobile {
  display: inline;
}
@media only screen and (max-width: 600px) {
  .rich-textarea__toolbar__extra_options,
  .rich-textarea__toolbar__extra_options--mobile {
    bottom: 50px;
  }
}

/* Tools extension 2 */
@container (max-width: 640px) {
  .rich-textarea__toolbar__extra_options {
    display: none;
    position: absolute;
    bottom: 58px;
    left: 6px;
    z-index: 10;
    padding: 2px 2px 2px 6px;
    border: none;
    line-height: 24px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
    width: 320px;
  }
  .rich-textarea--extra_tools_open .rich-textarea__toolbar__extra_options {
    display: block;
  }
  .rich-textarea__toolbar__button--more {
    display: inline-block;
  }
}
/* Tools extension 1 */
@container (max-width: 430px) {
  .rich-textarea__toolbar__extra_options--mobile {
    display: none;
    position: absolute;
    bottom: 58px;
    left: 6px;
    z-index: 10;
    padding: 2px 2px 2px 6px;
    border: none;
    line-height: 24px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
    width: 100%;
  }
  .rich-textarea--extra_tools_mobile_open .rich-textarea__toolbar__extra_options--mobile {
    display: block;
  }
  .rich-textarea__toolbar__button--more-mobile {
    display: inline-block;
  }
}
/* Tools menu icons */
.rich-textarea--extra_tools_open .rich-textarea__toolbar__button--more,
.rich-textarea--extra_tools_mobile_open .rich-textarea__toolbar__button--more-mobile {
  background-color: #eee;
}

.external-service-sync {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 0;
}
.external-service-sync .external-service-sync__info {
  position: relative;
  top: -2px;
}
.external-service-sync .external-service-sync__info .loading-icon {
  margin: 0 3px 0 0;
}
.external-service-sync .external-service-sync__info .loading-icon .loading-icon__spinner {
  width: 12px;
  height: 12px;
}
.external-service-sync .external-service-sync__logo {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.external-service-sync .external-service-sync__title {
  font-size: 18px;
}
.external-service-sync .external-service-sync__title .drop-down-button__toggle {
  text-align: left;
  padding-left: 0;
  width: auto;
  height: auto;
}
.external-service-sync .external-service-sync__title .drop-down-button__toggle__label {
  white-space: nowrap;
  color: #2872d3;
  text-decoration: none;
  cursor: pointer;
  font-size: 18px;
}
.external-service-sync .external-service-sync__title--active {
  color: #2872d3;
  cursor: pointer;
}

.external-service-sync--error-state .external-service-sync__info,
.external-service-sync--error-state .drop-down-button__toggle__label {
  color: red !important;
}

.number-selector {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.number-selector > * {
  cursor: pointer;
  float: left;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 18px;
  background-color: #fff;
  text-align: center;
  padding: 9px 0 0 0;
  margin: 2.7px;
  border-radius: 40px;
  border: 2px solid transparent;
  color: #000;
}

.number-selector > .current {
  background-color: #fff;
  border: 2px solid #e3e7ed;
}

.number-selector > .selected {
  cursor: default;
  background-color: #2872d3;
  border: 2px solid #2872d3;
  color: #fff;
}

.number-selector > .disabled {
  cursor: default;
  color: #ddd;
}

.auto-complete-work {
  display: block;
  min-height: 0;
  position: relative;
  z-index: 4;
}
.auto-complete-work .typeahead-input__suggestion, .auto-complete-work .auto-complete-email__suggestion {
  min-height: 65px;
}
.auto-complete-work .typeahead-input__suggestions, .auto-complete-work .auto-complete-email__suggestions {
  height: auto;
}
@media only screen and (max-width: 600px) {
  .auto-complete-work .typeahead-input__suggestions, .auto-complete-work .auto-complete-email__suggestions {
    box-shadow: none;
    left: 16px;
    margin: 0 -16px;
    max-width: none;
    max-height: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    padding-top: 0;
  }
}
.auto-complete-work .typeahead-input__suggestions ul, .auto-complete-work .auto-complete-email__suggestions ul {
  border-bottom: none;
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .auto-complete-work .typeahead-input__suggestions ul, .auto-complete-work .auto-complete-email__suggestions ul {
    border-top: 0;
  }
}
.auto-complete-work .typeahead-input__clear {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 7px;
  color: #999999;
  font-size: 32px;
}
.auto-complete-work .typeahead-input__suggestion-subtitle {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.auto-complete-work .typeahead-input__field {
  min-height: 48px;
}
.auto-complete-work .typeahead-input__field input {
  height: 48px;
}
.auto-complete-work .typeahead-input__field .statusFilter {
  color: #2872d3;
  margin-left: 16px;
  z-index: 51;
}
.auto-complete-work .typeahead-input__field .statusFilter .selectable-list {
  margin-top: 8px;
}
.auto-complete-work .typeahead-input__field-toggle {
  height: 50px;
  min-height: 0;
  overflow: hidden;
  line-height: 50px;
  text-indent: 4px;
}

.auto-complete-work.form-item {
  padding: 0 12px;
  margin-bottom: 18px;
  height: 53px;
  border: 1px solid #cacaca;
  border-radius: 4px;
}
.auto-complete-work.form-item .typeahead-input__suggestions, .auto-complete-work.form-item .auto-complete-email__suggestions {
  width: 100%;
  margin-left: -12px;
  top: 54px;
}
@media only screen and (max-width: 600px) {
  .auto-complete-work.form-item .typeahead-input__suggestions, .auto-complete-work.form-item .auto-complete-email__suggestions {
    margin-left: -8px;
  }
}

.typeahead-dialog .auto-complete-work .typeahead-input__suggestions, .typeahead-dialog .auto-complete-work .auto-complete-email__suggestions {
  width: auto;
}
@media only screen and (max-width: 600px) {
  .typeahead-dialog .auto-complete-work .typeahead-input__suggestions, .typeahead-dialog .auto-complete-work .auto-complete-email__suggestions {
    width: 100%;
  }
}

.auto-complete-work .typeahead-input__suggestions, .auto-complete-work .auto-complete-email__suggestions {
  width: calc(100% - 24px);
}

.form-block {
  width: 400px;
}
.form-block .form-item.focussed-textarea, .form-block .form-item.focussed-input, .form-block .form-item.start-due-input__button button, .form-block .form-item.drop-down-button, .form-block .form-item.auto-complete > .auto-complete__input, .form-block .form-item.date-input > .pop-over {
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin: 0 0 12px 0;
}
.form-block .form-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.form-block .form-col {
  position: relative;
  flex-grow: 1;
  margin-right: 4px;
  margin-left: 4px;
}
.form-block .form-col--align-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.form-block .form-col:first-child {
  margin-left: 0;
}
.form-block .form-col:last-child {
  margin-right: 0;
}
.form-block .form-col .form-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.form-block .form-panel {
  background: #f2f2f2;
  padding: 19px 12px;
  border-radius: 3px;
  border: 1px solid #cacaca;
  margin-bottom: 20px;
}

.form-label {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
  padding: 0;
  display: block;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.form-block--dark .form-item.focussed-textarea, .form-block--dark .form-item.focussed-input, .form-block--dark .form-item.start-due-input__button button, .form-block--dark .form-item.drop-down-button, .form-block--dark .form-item.auto-complete > .auto-complete__input, .form-block--dark .form-item.date-input > .pop-over {
  border-color: #696969;
  background: rgba(255, 255, 255, 0.05);
}

.modal-dialog-bl .form-block {
  width: 400px;
}
@media only screen and (max-width: 600px) {
  .modal-dialog-bl .form-block {
    width: 100%;
  }
}

/*
  Resets for legacy styles
  */
.form-block {
  margin-bottom: 16px;
}
.form-block .form-item.focussed-input {
  margin-bottom: 18px;
}
.form-block .form-item.focussed-input input {
  height: 46px;
  background: transparent;
  padding: 16px 12px;
}
.form-block .form-item__error-message {
  color: Red;
  margin-top: -12px;
}
.form-block .auto-complete__popup__input .focussed-input {
  padding: 0;
  border: 0;
  margin: 0;
}
.form-block .auto-complete__popup__input .focussed-input input {
  padding: 0;
}
.form-block .auto-complete .auto-complete__input .auto-complete__input-clear {
  margin-bottom: 0px;
}
.form-block .auto-complete__popup__container {
  height: 48px;
  margin-bottom: 18px;
}
.form-block .focussed-textarea textarea {
  padding: 16px 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: transparent;
  outline: none;
  height: 100%;
}
.form-block .drop-down-button {
  position: relative;
  outline: none;
}
.form-block .drop-down-button:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #999999;
  right: 8px;
  top: 38%;
  position: absolute;
  margin-top: -6px;
}
.form-block .drop-down-button--active:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e952";
  font-size: 26px;
  line-height: 14px;
}
.form-block .drop-down-button button {
  width: 100%;
  height: 48px;
  color: #000;
  text-align: left;
  padding: 0 12px;
}
.form-block .drop-down-button .drop-down-button__list {
  margin: 6px 0 24px 8px;
}
.form-block .form-item.auto-complete > .auto-complete__input {
  height: 48px;
  margin-bottom: 18px;
}
.form-block .form-item.action-button--inline {
  padding: 0;
  height: 19px;
  margin-bottom: 10px;
}
.form-block .form-item.date-input > .date-input__pop-over {
  display: block;
}
.form-block .form-item.date-input > .date-input__pop-over > .pop-over__toggle {
  width: 100%;
  height: 48px;
  color: #000;
  text-align: left;
  padding: 0 12px;
}
.form-block .radio-input-container {
  padding: 19px 12px;
  margin: 20px 0;
  padding-bottom: 6px;
}
.form-block .radio-input-container .form-label {
  color: #000;
}

.filter-bar {
  position: relative;
  min-height: 56px;
  padding: 0 24px;
  background-color: #d8d8d8;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.filter-bar__pill-container {
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-shrink: 1;
  align-content: flex-start;
}
.filter-bar__filters-list {
  margin-top: 6px;
  flex-shrink: 0;
  align-items: center;
  position: relative;
}
.filter-bar__filters-list:after {
  margin-top: 2px;
}
.filter-bar__filters-list > .selectable-list {
  width: 100%;
}
.filter-bar__filters-list--modal-action {
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  color: #000;
  padding: 8px 24px 8px 0;
  align-items: center;
  margin: 0;
  margin-right: 6px;
}
.filter-bar__action-link {
  flex-shrink: 0;
  height: 32px;
  padding: 0;
  margin: 2px 16px;
  padding-top: 6px;
}
.filter-bar__action-link .selectable-list {
  margin-top: 8px;
}
.filter-bar__action-share {
  margin-top: 12px;
  margin-left: 4px;
}
@media screen and (max-width: 799px) {
  .filter-bar__action-share {
    display: none;
  }
}
.filter-bar__action-save {
  margin-top: 12px;
  margin-left: 4px;
}
.filter-bar__action-link, .filter-bar__action-link.selection-button > .action-button, .filter-bar__action-link.selection-button > .login__form-button {
  color: #000;
  text-decoration: underline;
}

.budget-filter-bar--container {
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 20px;
  border-bottom: 1px solid #cacaca;
}
.budget-filter-bar--container .budget-filter-bar.insights-filter-bar {
  width: auto;
  margin: auto;
  max-width: 1514px;
}
.budget-filter-bar--container .budget-filter-bar.insights-filter-bar .filter-bar__pill-container div:first-child {
  margin-left: 0px;
}

.filter-bar__action-link.no-margin {
  margin-left: 8px;
  padding: 0px;
}

.filter-pill {
  display: flex;
  height: 32px;
  border-radius: 16px;
  background-color: #fff;
  padding: 6px 12px;
  margin: 2px 3px;
}
.filter-pill__edit {
  cursor: pointer;
  display: flex;
}
.filter-pill__type {
  color: #a6a6a6;
  margin-right: 6px;
  white-space: nowrap;
}
.filter-pill__content {
  display: flex;
  white-space: nowrap;
}
.filter-pill__content .avatar--24 img,
.filter-pill__content .avatar--empty img {
  background-color: #e6e6e6;
}
.filter-pill__content .avatar--24 {
  margin-top: -2px;
}
.filter-pill__content span {
  margin: 0;
}
.filter-pill__remove {
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.filter-pill__avatar-item {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.filter-pill__avatar-item:first-child {
  margin-left: 0;
}
.filter-pill__avatar-item span {
  margin-left: 4px;
}
.filter-pill__avatar-item span:after {
  content: ",";
}
.filter-pill__avatar-item:last-child span:after {
  content: "";
}
.filter-pill__team-icon {
  width: 24px;
  height: 24px;
  margin-top: -2px;
  border-radius: 24px;
  background-color: #e6e6e6;
}
.filter-pill__team-icon:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  color: #000;
  font-size: 27px;
  opacity: 0.8;
  left: -1px;
  position: relative;
  top: -2px;
}

/* common styles across the filter modals */
.filter-modal-text {
  text-align: left;
  margin-bottom: 12px;
}

.filter-modal-title-row {
  margin-bottom: 8px;
  color: #999999;
  display: flex;
  justify-content: space-between;
}
.filter-modal-title-row .action-button, .filter-modal-title-row .login__form-button {
  text-decoration: underline;
}
.filter-modal-title-row .action-button:hover, .filter-modal-title-row .login__form-button:hover {
  text-decoration: none;
}

/* if we need specific styles for particular modals
   put them here. If we start to get a lot we can put them
   in their own stylesheets and import them here */
.filter-by-worktype__checkbox-tree .checkbox-tree__group {
  border-bottom: none;
  margin-bottom: 0;
}

.filter-by-assignee-modal,
.filter-by-team-role-modal,
.filter-by-colleagues-involved-modal,
.filter-by-client-owner-modal,
.filter-by-client-manager-modal,
.filter-by-client-modal {
  width: 600px;
}

.filter-by-duedate .start-due-input {
  margin-top: 12px;
}
.filter-by-duedate__days-offset {
  margin-top: 12px;
  margin-left: -2px;
  display: flex;
  align-items: center;
}
.filter-by-duedate__days-offset .check-box {
  margin-top: -22px;
}
.filter-by-duedate__days-offset .check-box .check-box__icon {
  border-color: #999999;
}
.filter-by-duedate__days-offset .check-box .check-box__icon:focus {
  border-color: #999999;
}
.filter-by-duedate__days-offset .form-item.focussed-input {
  width: 80px;
  margin: 0 6px 0 6px;
}

.filter-by-client-group-modal {
  max-width: 680px;
}
.filter-by-client-group-modal .look-ahead-multi-select {
  margin-right: 60px;
}

.filter-by-actual-percent-modal .form-block,
.filter-by-task-progress-modal .form-block {
  margin-top: 10px;
}
.filter-by-actual-percent-modal .form-row .form-col:nth-child(1),
.filter-by-task-progress-modal .form-row .form-col:nth-child(1) {
  width: 130px;
  flex-grow: 0;
}
.filter-by-actual-percent-modal .form-row .form-col:nth-child(2),
.filter-by-task-progress-modal .form-row .form-col:nth-child(2) {
  flex-grow: 0;
}
.filter-by-actual-percent-modal .form-row .form-col:nth-child(3),
.filter-by-task-progress-modal .form-row .form-col:nth-child(3) {
  flex-grow: 1;
}
.filter-by-actual-percent-modal__selector,
.filter-by-task-progress-modal__selector {
  flex-grow: 1;
}
.filter-by-actual-percent-modal__input,
.filter-by-task-progress-modal__input {
  position: relative;
  width: 60px;
}

.filter-by-task-progress-modal__percentage,
.filter-by-actual-percent-modal__percentage {
  margin-top: 12px;
}

.filter-by-budget-modal .focussed-input .tool-tip-shell {
  padding-right: 30px;
}
.filter-by-budget-modal .filter-by-budget__dropdown {
  flex-grow: 1;
}
.filter-by-budget-modal .filter-by-budget__input-container {
  width: 80%;
}
.filter-by-budget-modal .filter-by-budget__seperator {
  align-self: center;
  margin-top: 8px;
  color: #000;
}
.filter-by-budget-modal .form-row {
  margin-bottom: 16px;
}
.filter-by-budget-modal .form-row:last-child {
  margin-bottom: 0;
}

.filter-by-timesheetstatus-modal .filter-modal-text {
  margin-bottom: 16px;
}
.filter-by-timesheetstatus-modal .checkbox-tree__group {
  border: none;
  margin-bottom: 0;
}

.filter-save-menu__icon {
  font-size: 13px;
  margin: 10px -7px 0 5px;
  position: relative;
  width: 40px;
  height: 40px;
  color: #2872d3;
}
.filter-save-menu__icon .selection-button--yield {
  display: block;
  line-height: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.filter-save-menu__icon .selection-button--yield .bl-icon, .filter-save-menu__icon .selection-button--yield .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .filter-save-menu__icon .selection-button--yield .drop-down-button__toggle::after, .filter-save-menu__icon .selection-button--yield .auto-complete-email__button--chevron, .filter-save-menu__icon .selection-button--yield .timeline-item-header__shared-icon {
  font-size: 34px;
  position: absolute;
  top: 3px;
  right: 2px;
}
.filter-save-menu__icon .bl-icon, .filter-save-menu__icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .filter-save-menu__icon .drop-down-button__toggle::after, .filter-save-menu__icon .auto-complete-email__button--chevron, .filter-save-menu__icon .timeline-item-header__shared-icon {
  font-size: 38px;
}
.filter-save-menu__icon .selectable-list {
  left: unset;
  right: 0;
}

.share-view-modal__text {
  margin-bottom: 12px;
}
.share-view-modal__body {
  display: flex;
}
.share-view-modal__input {
  flex-grow: 1;
  margin-right: 12px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  outline: 0;
}

.filter-bar__action-share + .filter-bar__action-share__tooltip {
  display: none;
  position: relative;
  left: -200px;
  top: 8px;
}
.filter-bar__action-share + .filter-bar__action-share__tooltip .tool-tip__inner {
  left: 30px;
  top: 20px;
  width: 200px;
}
.filter-bar__action-share + .filter-bar__action-share__tooltip .tool-tip__inner-spike {
  left: 160px;
  top: -4px;
}

.filter-bar__action-share:hover + .filter-bar__action-share__tooltip {
  display: block;
  z-index: 99999;
}

.share-view-modal__alternate .modal-dialog-bl__title {
  border: none;
  height: 30px;
  margin: -16px 0 16px 0;
  text-align: left;
}
.share-view-modal__alternate .form-block {
  margin-bottom: 0;
}
.share-view-modal__alternate .share-view-modal__text {
  margin-bottom: 0;
  margin-top: 12px;
}

.sorting-filtering {
  width: 220px;
  min-height: 266px;
  border-radius: 5px;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  background-color: #fff;
  outline-style: none;
}
.sorting-filtering__header {
  height: 60px;
  border-bottom: 1px solid #cecece;
  padding: 20px 12px;
  display: flex;
}
.sorting-filtering__show-completed {
  margin-left: 12px;
}
.sorting-filtering .selectable-list__item {
  padding: 9px 16px;
}
.sorting-filtering .selectable-list__item--active,
.sorting-filtering .selectable-list__item:hover {
  background-color: #fff;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.sorting-filtering-lists {
  display: flex;
}
.sorting-filtering-lists .selectable-list {
  min-width: inherit;
}
.sorting-filtering-lists__sort-by {
  width: 199px;
  margin: 12px 0;
}
.sorting-filtering-lists__filter-by {
  width: 201px;
  border-left: 1px solid #cecece;
  margin: 12px 0;
}
.sorting-filtering-lists__label {
  margin: 8px 0 4px 16px;
  color: #adadad;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
}
.sorting-filtering-lists__space {
  flex: 1 0 auto;
}
.sorting-filtering-lists__show-all {
  margin: 8px 16px 4px 0;
  font-size: 15px;
  line-height: 16px;
  text-align: right;
  /* reset button size so it's consistent with filter label */
}
.sorting-filtering-lists__show-all .button {
  height: auto;
  padding: 0;
}

.assign-to-dialog .form-container {
  min-height: 440px;
}
.assign-to-dialog .form-container .add-due-date-button {
  height: auto;
}
.assign-to-dialog textarea {
  height: 150px;
}
.assign-to-dialog .selection-button--indent-list .selectable-list {
  left: 0px;
}

.assign-to-dialog__assign-due-date {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #e6e6e6;
}
.assign-to-dialog__assign-due-date .assign-to-dialog__due-date-popover {
  width: 100%;
  max-width: none;
  padding: 0;
  padding-left: 12px;
  border: none;
}
.assign-to-dialog__assign-due-date .assign-to-dialog__due-date-popover .pop-over__contents {
  top: 37px;
  left: 0px;
}
.assign-to-dialog__assign-due-date .pop-over__toggle {
  height: 100%;
  width: 100%;
  text-align: left;
  color: rgb(42, 42, 42);
  font-size: 1.1em;
}

.image-edit-modal {
  width: 500px;
  background-color: #fff;
  border-radius: 4px;
}
.image-edit-modal.loading .image-pane {
  opacity: 0.3;
}
.image-edit-modal__loading-state {
  position: absolute;
  top: calc(50% - 64px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
}
.image-edit-modal__title {
  width: 100%;
  padding: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #e6e6e6;
}
.image-edit-modal .image-pane {
  width: 100%;
  height: 270px;
  border-bottom: 1px solid #e6e6e6;
  overflow: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.image-edit-modal .image-pane__placeholder {
  text-align: center;
}
.image-edit-modal .image-pane--no-image {
  background-color: #e6e6e6;
}
.image-edit-modal .image-edit__button-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 16px;
}
.image-edit-modal .file-upload-button--labelled {
  height: 40px;
  margin: 12px 0;
  padding: 8px 0;
  font-size: 18px;
  color: #2872d3;
  text-decoration: underline;
}
.image-edit-modal .file-upload-button--labelled:hover {
  text-decoration: none;
}
.image-edit-modal .action-button, .image-edit-modal .login__form-button {
  height: 40px;
  margin: 12px 0;
  padding: 8px 24px;
  font-size: 18px;
}
.image-edit-modal .action-button--primary, .image-edit-modal .login__form-button {
  background-color: #2872d3;
  color: #fff;
  border-radius: 4px;
}
.image-edit-modal .action-button--disabled {
  background-color: #c6c6c6;
}
.image-edit-modal .action-button--link, .image-edit-modal .action-button--link-medium, .image-edit-modal .action-button--link-small, .image-edit-modal .action-button--link-quiet, .image-edit-modal .action-button--link-quiet-small, .image-edit-modal .action-button--link-quiet-ultra-small, .image-edit-modal .action-button--link-ultra-quiet, .image-edit-modal .action-button--link-ultra-quiet-small, .image-edit-modal .action-button--link-ultra-quiet-ultra-small {
  color: #2872d3;
  text-decoration: underline;
}
.image-edit-modal .action-button--link:hover, .image-edit-modal .action-button--link-medium:hover, .image-edit-modal .action-button--link-small:hover, .image-edit-modal .action-button--link-quiet:hover, .image-edit-modal .action-button--link-quiet-small:hover, .image-edit-modal .action-button--link-quiet-ultra-small:hover, .image-edit-modal .action-button--link-ultra-quiet:hover, .image-edit-modal .action-button--link-ultra-quiet-small:hover, .image-edit-modal .action-button--link-ultra-quiet-ultra-small:hover {
  text-decoration: none;
}

.simple-status-bar {
  position: relative;
  width: 130px;
  height: 2px;
  background-color: #e6e6e6;
}

.simple-status-bar__completion {
  height: 100%;
  width: 100px;
  background-color: rgb(29, 174, 193);
}

.budget-status-bar {
  position: relative;
  width: 130px;
  height: 4px;
  background-color: #e6e6e6;
  border-radius: 2px;
}
.budget-status-bar__budget-node {
  position: absolute;
  top: -2px;
  margin-left: -2px;
  width: 4px;
  height: 8px;
  border-radius: 2px;
  background-color: #2b6ed5;
}
.budget-status-bar .tool-tip-shell {
  height: 100%;
}
.budget-status-bar .tool-tip {
  margin-top: 46px;
  margin-left: 46px;
}

.budget-status-bar__completion {
  height: 100%;
  width: 100px;
  background-color: #96b9e6;
  border-radius: 2px;
}

.budget-status-bar--hide-budget .budget-status-bar__budget-node {
  display: none;
}

.budget-status-bar--over-budget .budget-status-bar__completion,
.budget-status-bar--over-budget .budget-status-bar__budget-node {
  background-color: #e77c21;
}

.budget-status-bar--budget-exceeded .budget-status-bar__completion,
.budget-status-bar--budget-exceeded .budget-status-bar__budget-node {
  background-color: #d10615;
}

.tool-tip-shell {
  position: relative;
}
.tool-tip-shell.inline {
  display: inline;
}
.tool-tip-shell .tool-tip {
  display: block;
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}
.tool-tip-shell:hover .tool-tip {
  display: block;
}
.tool-tip-shell .tool-tip__inner {
  position: static;
  white-space: nowrap;
  padding: 4px 14px;
  font-size: 15px;
}

.tool-tip-shell--align-right .tool-tip {
  left: calc(50% + 16px);
  transform: translateX(-100%);
}
.tool-tip-shell--align-right .tool-tip .tool-tip__inner-spike {
  right: 12px;
  left: initial;
}

.avatar-upload {
  cursor: pointer;
}
.avatar-upload .avatar {
  position: relative;
}
.avatar-upload .avatar-file-input {
  display: none;
}
.avatar-upload .file-upload-button input[type=file] {
  height: 40px;
  padding-bottom: 40px;
}
.avatar-upload .file-upload-button span {
  line-height: 40px;
}
.avatar-upload .user-profile-avatar:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94f";
  font-size: 24px;
  position: absolute;
  bottom: 9px;
  right: 0;
  width: 32px;
  height: 32px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background-color: #2872d3;
  border-radius: 16px;
  text-indent: 1px;
}

.avatar-upload-modal {
  text-align: center;
  min-height: 400px;
  width: 400px;
}
.avatar-upload-modal .loading-icon {
  padding: 20px 0 82px 0;
}
.avatar-upload-modal .modal-dialog-bl__title {
  font-weight: 400;
}
.avatar-upload-modal .modal-dialog-bl__message {
  padding: 62px 0;
}
.avatar-upload-modal .dialog-action-bar {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  padding: 12px 16px 0 16px;
  border-top: 1px solid #e6e6e6;
}
.avatar-upload-modal .modal-dialog-bl__avatar-preview-container {
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.avatar-upload-modal #avatar-preview {
  width: 256px;
  height: 256px;
  border-radius: 100%;
  border: 1px solid #fff;
}

.avatar-client-group {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #e6e6e6;
  flex-shrink: 0;
}
.avatar-client-group__symbol {
  width: 25%;
  height: 25%;
  background-color: #000;
}
.avatar-client-group__symbol__1 {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.avatar-client-group__symbol__2, .avatar-client-group__symbol__3 {
  width: 22%;
  height: 22%;
  position: absolute;
  border-radius: 12%;
  top: 50%;
}
.avatar-client-group__symbol__2 {
  left: 24%;
}
.avatar-client-group__symbol__3 {
  right: 24%;
}

.avatar-client-group--24 {
  width: 24px;
  height: 24px;
}

.avatar-client-group--32 {
  width: 32px;
  height: 32px;
}

.avatar-client-group--40 {
  width: 40px;
  height: 40px;
}

.tab-panel--base-theme,
.tab-panel--side-tray-theme {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tab-panel--base-theme .tab-panel__container,
.tab-panel--side-tray-theme .tab-panel__container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.tab-panel--base-theme .tab-panel__panel,
.tab-panel--side-tray-theme .tab-panel__panel {
  background-color: #fff;
  margin-top: -1px;
  border: 1px solid #cacaca;
  border-bottom-right-radius: 3px;
  padding: 12px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.tab-panel--base-theme .tab-panel__content,
.tab-panel--side-tray-theme .tab-panel__content {
  flex-grow: 1;
  width: 100%;
}
.tab-panel--base-theme .tab-panel__items,
.tab-panel--side-tray-theme .tab-panel__items {
  padding-top: 8px;
  flex-shrink: 0;
  display: flex;
  list-style: none;
  position: relative;
  z-index: 1;
  padding-left: 12px;
}
.tab-panel--base-theme .tab-panel-item,
.tab-panel--side-tray-theme .tab-panel-item {
  min-height: 32px;
  min-width: 64px;
  margin: 0 2px 0 2px;
  padding: 1px 4px;
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid #cacaca;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #e6e6e6;
  color: #999999;
  text-align: center;
  cursor: pointer;
}
.tab-panel--base-theme .tab-panel-item__label,
.tab-panel--side-tray-theme .tab-panel-item__label {
  position: relative;
  top: -8px;
  right: 4px;
}
.tab-panel--base-theme .tab-panel-item--active,
.tab-panel--side-tray-theme .tab-panel-item--active {
  background-color: #fff;
  border-color: #cacaca;
  border-bottom: 1px solid #fff;
  cursor: default;
}
.tab-panel--base-theme .tab-panel-item--label,
.tab-panel--side-tray-theme .tab-panel-item--label {
  padding: 9px 12px 2px 12px;
}

@media only screen and (max-width: 600px) {
  .tab-panel--base-theme.tab-panel-selection--email .tab-panel__panel,
  .tab-panel--side-tray-theme.tab-panel-selection--email .tab-panel__panel {
    padding: 0px;
  }
}
.tab-panel--vertical-stack.tab-panel--base-theme,
.tab-panel--vertical-stack.tab-panel--side-tray-theme {
  position: relative;
}
.tab-panel--vertical-stack.tab-panel--base-theme .tab-panel__container,
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #e6e6e6;
  background-color: #f8f8f8;
  border-bottom-right-radius: 3px;
}
.tab-panel--vertical-stack.tab-panel--base-theme .tab-panel__panel,
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__panel {
  overflow-y: auto;
}
.tab-panel--vertical-stack.tab-panel--base-theme.tab-panel--vertical-stack--closed .tab-panel__container,
.tab-panel--vertical-stack.tab-panel--side-tray-theme.tab-panel--vertical-stack--closed .tab-panel__container {
  display: none;
}
.tab-panel--vertical-stack.tab-panel--base-theme .tab-panel__icon-stack,
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__icon-stack {
  padding: 8px;
  display: flex;
  list-style: none;
  position: relative;
  z-index: 1;
  flex-direction: column;
}
.tab-panel--vertical-stack.tab-panel--base-theme .tab-panel__icon-stack .tab-panel-item,
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__icon-stack .tab-panel-item {
  cursor: pointer;
  border-radius: 4px;
  margin: 4px 0;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.tab-panel--vertical-stack.tab-panel--base-theme .tab-panel-chevron,
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel-chevron {
  position: absolute;
  width: 32px;
  height: 32px;
  transform: rotate(-90deg);
  cursor: pointer;
  right: 8px;
}
.tab-panel--vertical-stack.tab-panel--base-theme .tab-panel-chevron:after,
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel-chevron:after {
  cursor: pointer;
  color: #999999;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  position: absolute;
  right: 2px;
  top: 8px;
}

.tab-panel-item--email-icon:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}

.tab-panel-item--info-icon:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e919";
}

.tab-panel-item--work-icon:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
}

.tab-panel-item--follow-icon:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e918";
}

/* Side Bar Theme adjustments*/
.tab-panel--side-tray-theme.tab-panel--single-tab .tab-panel__items {
  display: none;
}

.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__items {
  display: flex;
}

.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__icon-stack {
  padding: 8px 0;
}
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__icon-stack .tab-panel-item {
  background-color: transparent;
  border: none;
}
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__icon-stack .tab-panel-item:before {
  margin-right: -12px;
}
.tab-panel--vertical-stack.tab-panel--side-tray-theme .tab-panel__icon-stack .tab-panel-item:after {
  cursor: pointer;
  color: #999999;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 38px;
  position: absolute;
  right: 26px;
  top: 10px;
  transform: rotate(90deg);
}

.tab-panel--vertical-stack.tab-panel--side-tray-theme {
  background-color: #f9f9f9;
}

.conversations-list {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  padding: 0px;
  min-height: 64px;
  margin: 0px 16px 0 16px;
}
.conversations-list__loading {
  padding: 0;
  color: #999999;
  height: 62px;
  display: flex;
  align-items: center;
}
.conversations-list__loading .loading-icon .arc_start {
  border-color: #cacaca transparent transparent transparent;
}
.conversations-list__loading .loading-icon .arc_end {
  border-color: transparent #cacaca transparent transparent;
}
@media only screen and (max-width: 600px) {
  .conversations-list {
    margin: 0px;
  }
}

.conversation-list-item {
  margin-top: 16px;
  margin-bottom: 16px;
}
.conversation-list-item:first-child {
  border-top: none;
}
.conversation-list-item:first-child.activity-item {
  margin-top: 16px;
}
.conversation-list-item:first-child.comment-item--first-unread {
  border-top: 1px solid #2e74d0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  padding-top: 12px;
}
.conversation-list-item:last-child {
  border-bottom: none;
}
.conversation-list-item:only-child {
  margin-top: 0px;
}
.conversation-list-item img {
  max-width: 100%;
}

.comment-item {
  margin: 16px 0px;
  padding: 0;
  display: flex;
  background-color: white;
}
.comment-item--posting {
  opacity: 0.5;
}
.comment-item--deleting {
  opacity: 0.5;
}
.comment-item__content {
  padding: 0 16px;
  padding-left: 0px;
  position: relative;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 600px) {
  .comment-item__content {
    padding-right: 8px;
    margin-left: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.comment-item--composing .comment-item__content {
  width: 100%;
  padding: 0px;
}
.comment-item--composing .comment-item__content .comment-compose-input__message {
  width: 100%;
}
.comment-item--composing .comment-item__content .comment-compose-input__message .rich-textarea-header__toolbar {
  padding: 0;
}
.comment-item__message {
  font-size: 16px;
  padding: 5px 12px 7px 12px;
  margin-right: 8px;
  color: #444444;
  border: 1px solid #cfe4fb;
  background-color: #ddedff;
  border-radius: 16px;
  line-height: 20px;
  min-height: 32px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .comment-item__message {
    margin-right: 0px;
  }
}
.comment-item__message__author {
  font-weight: 500;
}
.comment-item__message__content {
  white-space: pre-line;
  overflow-wrap: break-word;
  word-break: break-word;
}
.comment-item__message__content b {
  font-weight: 600;
}
.comment-item__message__content img {
  max-width: 100%;
}
.comment-item__message__edit-indicator {
  color: #999999;
  margin-left: 2px;
  font-size: 14px;
}
.comment-item__info, .comment-item__info .human-time-ago {
  font-size: 16px;
  color: #999999;
  padding: 0px 3px 7px 0px;
}
@media only screen and (max-width: 600px) {
  .comment-item__info {
    margin-left: 14px;
    margin-top: 2px;
    padding: 0;
  }
}
.comment-item__avatar {
  margin: 0 16px 0 0;
  padding: 0;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  left: 0px;
  top: 0px;
}
@media only screen and (max-width: 600px) {
  .comment-item__avatar {
    width: 32px;
    height: 32px;
    left: 8px;
    margin-right: 10px;
  }
}
.comment-item__avatar .avatar--empty {
  width: 32px;
  height: 32px;
  line-height: 28px;
  font-size: 18px;
}
.comment-item__avatar img {
  width: 32px;
  height: 32px;
}
.comment-item__settings-icon {
  display: none;
  position: absolute;
  bottom: 12px;
  right: 4px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: #999999;
}
.comment-item__settings-icon .bl-icon, .comment-item__settings-icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .comment-item__settings-icon .drop-down-button__toggle::after, .comment-item__settings-icon .auto-complete-email__button--chevron, .comment-item__settings-icon .timeline-item-header__shared-icon {
  font-size: 26px;
}
@media only screen and (max-width: 600px) {
  .comment-item__settings-icon {
    right: -12px;
    bottom: auto;
    top: 6px;
  }
}
.comment-item__settings-icon .selectable-list {
  min-width: 100px;
  padding: 0;
  right: -12px;
  position: absolute;
  left: auto;
  top: 27px;
}
.comment-item__settings-icon .selectable-list .selectable-list__item.selectable-list__item--active {
  background: transparent;
}
.comment-item__settings-icon .selectable-list .selectable-list__item.selectable-list__item--active:hover {
  color: #2872d3;
}
.comment-item .comment-reaction {
  position: absolute;
  bottom: -10px;
  right: -1px;
  z-index: 1;
}
.comment-item .comment-reaction--empty {
  opacity: 0;
}
.comment-item:hover .comment-reaction--empty {
  opacity: 1;
}

.comment-item--compose .comment-item__content {
  display: flex;
  flex-grow: 1;
}
.comment-item--compose .comment-item__content .comment-compose-input__message {
  flex-grow: 1;
}
.comment-item--compose .comment-item__content .comment-item__info {
  padding-left: 8px;
}

.comment-item__content:hover .comment-item__settings-icon {
  display: block;
}

.comment-item--settings-open .comment-item__content .comment-item__settings-icon {
  display: block;
}

.comment-item--in-group {
  border-top: none;
  margin-top: 4px;
  margin-bottom: 4px;
}
.comment-item--in-group .comment-item__avatar {
  opacity: 0;
}
.comment-item--in-group .comment-item__info,
.comment-item--in-group .comment-item__message__author {
  display: none;
}

.comment-item--in-group.visibleAvatarForLastItem .comment-item__avatar {
  opacity: 1;
}

.comment-item--first-in-group {
  margin-top: 16px;
}
.comment-item--first-in-group .comment-item__avatar {
  opacity: 1;
}
.comment-item--first-in-group .comment-item__message__author,
.comment-item--first-in-group .comment-item__info {
  display: inline;
}

.comment-item--last-in-group {
  margin-bottom: 16px;
}

.comment-item--first-unread {
  border-top: 1px solid #2e74d0;
  position: relative;
  padding-top: 12px;
}
.comment-item--first-unread:after {
  content: "NEW";
  background-color: #2e74d0;
  font-weight: 600;
  padding: 0px 5px;
  border-radius: 3px;
  position: absolute;
  top: -8px;
  left: 0px;
  color: #fff;
  font-size: 12px;
}

.comment-item--external .comment-item__message,
.comment-item--external .comment-compose-input__message {
  border: 1px solid #f4ccda;
  background-color: #f8e0e8;
}

.comment-item--external .mention-holder,
.comment-item--external .comment-compose-input__message .mention-holder {
  background-color: #f1b2c8;
}

.comment-item .file-pill {
  background-color: #fff;
  margin: 2px;
  border-color: #cfe4fb;
}

.comment-item--external .file-pill {
  border-color: #f4ccda;
}

.comment-item__upload-manager.file-upload-manager {
  margin: 12px 0 0 0;
}
.comment-item__upload-manager.file-upload-manager.comment-item__upload-manager--non-editable {
  min-height: 40px;
  margin-left: -6px;
  margin-right: -6px;
}
.comment-item__upload-manager.file-upload-manager.comment-item__upload-manager--non-editable .file-pill__remove-button {
  display: none;
}

.comment-compose-input__action-bar .file-upload-button {
  background-color: transparent;
  overflow: visible;
}

.email-summary-content > * {
  margin: 0;
  padding-left: 0.5rem;
}
.email-summary-content ul {
  padding-left: 1.5rem;
}

.comment-summary-item {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
}
.comment-summary-item__details {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 0 8px;
  font-size: 16px;
  padding: 0 12px 0 8px;
  color: #444444;
  border: 1px solid #cfe4fb;
  background-color: #ddedff;
  border-radius: 16px;
  line-height: 20px;
  min-height: 32px;
  white-space: nowrap;
  max-width: 100%;
}
.comment-summary-item__message {
  color: #444444;
  overflow-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.comment-summary-item__message__edit-indicator {
  color: #999999;
  margin-left: 2px;
  font-size: 14px;
}
.comment-summary-item__name {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin: 4px;
}

.comment-summary-item--external .comment-summary-item__details {
  border: #f4ccda;
  background-color: #f8e0e8;
}

.activity-item {
  position: relative;
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.activity-item__message {
  background-color: #ebebeb;
  color: #444444;
  border: 1px solid #e4dfdf;
  padding: 4px 12px 6px 34px;
  border-radius: 16px;
  margin-right: 8px;
}
@media only screen and (max-width: 600px) {
  .activity-item__message {
    margin-left: 12px;
  }
}
.activity-item__message__author {
  font-weight: 500;
}
.activity-item__automator-avatar {
  background-color: #ebebeb;
  border: 1px solid #e4dfdf;
  border-radius: 50%;
  margin: 0 16px 0 0;
  padding: 0;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  left: 0px;
  top: 0px;
}
.activity-item__automator-avatar:before {
  position: absolute;
  left: -1px;
  margin-top: 0px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93a";
  font-size: 33px;
  color: #000;
}
.activity-item__integration-avatar {
  background-color: #ebebeb;
  border: 1px solid #e4dfdf;
  border-radius: 50%;
  margin: 0 16px 0 0;
  padding: 0;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  left: 0px;
  top: 0px;
}
.activity-item__integration-avatar:before {
  position: absolute;
  left: -1px;
  margin-top: 0px;
  font-size: 33px;
  color: #000;
}
.activity-item:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e963";
  color: #444444;
  width: 32px;
  height: 32px;
  font-size: 32px;
  position: absolute;
  top: 0px;
  left: 52px;
}
.activity-item--due-date:before {
  -webkit-font-smoothing: none;
  content: "\e963";
}
.activity-item--todo-date:before {
  content: "\e963";
}
.activity-item--assignment:before {
  content: "\e942";
}
.activity-item--status:before {
  content: "\e944";
}
.activity-item--added-to-work:before {
  content: "\e940";
}
.activity-item--moved-to-work:before {
  content: "\e950";
}
.activity-item--added-to-contact:before {
  content: "\e93e";
}
.activity-item--timesheet-approved:before {
  content: "\e944";
}
.activity-item--timesheet-submitted:before {
  content: "\e944";
}
.activity-item--timesheet-declined:before {
  content: "\e944";
}
.activity-item--timesheet-reverted:before {
  content: "\e944";
}
.activity-item--email-scheduled:before {
  font-size: 22px;
  content: "\e92e";
  top: 5px;
  margin-left: 4px;
}
.activity-item--invoice-addtimeentry:before {
  content: "\e944";
}
.activity-item--invoice-removetimeentry:before {
  content: "\e944";
}
.activity-item--invoice-finalizestatus:before {
  content: "\e944";
}
.activity-item--invoice-writeonoff:before {
  content: "\e944";
}
.activity-item--invoice-status:before {
  content: "\e944";
}
.activity-item--invoice-export:before {
  content: "\e944";
}
.activity-item--payment:before {
  content: "\e944";
}
.activity-item--credit-note-status:before {
  content: "\e944";
}
.activity-item--invoice-unexport:before {
  content: "\e944";
}
.activity-item--in-group:not(.activity-item--first-in-group) {
  border-top: none;
  padding-top: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}
.activity-item--in-group:not(.activity-item--first-in-group) .activity-item__message {
  margin-left: 48px;
}
@media only screen and (max-width: 600px) {
  .activity-item--in-group:not(.activity-item--first-in-group) .activity-item__message {
    margin-left: 54px;
  }
}
.activity-item--in-group:not(.activity-item--first-in-group) .comment-item__avatar,
.activity-item--in-group:not(.activity-item--first-in-group) .activity-item__automator-avatar,
.activity-item--in-group:not(.activity-item--first-in-group) .activity-item__post_date {
  display: none;
}
.activity-item--in-group:not(.activity-item--first-in-group):before {
  top: -1px;
}
.activity-item--first-in-group {
  margin-top: 16px;
  margin-bottom: 4px;
}
.activity-item .activity-item.activity-item--last-in-group {
  margin-top: 4px;
  margin-bottom: 16px;
}

.comment-compose-input {
  margin: 0;
  padding: 16px 0;
  display: flex;
}
.comment-compose-input__content {
  flex-grow: 1;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .comment-compose-input__content {
    margin-left: 12px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .comment-compose-input--editing .comment-item__avatar {
    display: none;
  }
}
.comment-compose-input__message {
  position: relative;
  min-height: 47px;
  font-size: 16px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  border: 1px solid #cfe4fb;
  background-color: #ddedff;
  border-radius: 16px;
}
.comment-compose-input__message .rich-textarea__toolbar {
  width: calc(100% - 190px);
}
.comment-compose-input__message .rich-textarea__container.email-reset {
  padding: 1px;
}
.comment-compose-input__message .rich-textarea--empty .rich-textarea__placeholder {
  color: #444444;
}
.comment-compose-input__message--collapsed {
  display: flex;
  align-items: center;
  width: 100%;
}
.comment-compose-input__add-comment-link {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.comment-compose-input__add-comment-link::before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  font-size: 20px;
  margin-right: 6px;
  position: relative;
  top: 3px;
}
.comment-compose-input__add-comment-link:hover {
  color: #2872d3;
}
.comment-compose-input__add-comment-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  margin-left: 0px;
  font-size: 18px;
  height: 48px;
  border: 1px solid #cacaca;
  border-radius: 4px;
}
.comment-compose-input__add-comment-link--client-collapsed::after {
  content: "";
}
.comment-compose-input__placeholder, .comment-compose-input__placeholder_note {
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.6);
}
.comment-compose-input__placeholder_note {
  display: none;
}
@media only screen and (min-width: 700px) {
  .comment-compose-input__placeholder_note {
    display: block;
  }
}
.comment-compose-input__spacer {
  flex-grow: 1;
}
.comment-compose-input__avatar {
  margin: 0;
  padding: 0;
  width: 68px;
  height: 40px;
  flex-shrink: 0;
}
.comment-compose-input__avatar img {
  left: 15px;
  top: 3px;
}
.comment-compose-input__action-bar {
  display: flex;
  align-items: center;
}
.comment-compose-input__action-bar-header {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.comment-compose-input__action-bar__spacer {
  flex-grow: 1;
}
.comment-compose-input__action-bar__divider {
  border-left: 1px solid #e6e6e6;
  margin: 0 16px 0 8px;
}
.comment-compose-input__action-bar .post-files-button {
  margin-left: 0;
}
.comment-compose-input__action-bar.file-management-link .post-files-button {
  margin-left: 0;
}
.comment-compose-input__trash {
  cursor: pointer;
  width: 32px;
  height: 32px;
  position: relative;
}
.comment-compose-input__trash:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e915";
  color: #000;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}
.comment-compose-input__cancel-button {
  cursor: pointer;
  flex-grow: 0;
  display: inline-block;
  background-color: transparent;
  border-radius: 3px;
  padding: 8px 12px;
  color: #2872d3;
  line-height: 18px;
}
.comment-compose-input__save-button {
  line-height: 18px;
  padding-bottom: 2px;
}
.comment-compose-input__save-button.disabled {
  color: #fff;
  margin: 0;
  background-color: #999999;
  border: 1px solid #999999;
  opacity: 0.5;
}
.comment-compose-input__tab-button {
  background-color: transparent;
  text-decoration: none;
  color: #888888;
  border: none;
  padding: 0;
  margin: -15px 10px 0 0;
}
.comment-compose-input__tab-button.active {
  text-decoration: underline;
  color: #000;
  text-underline-position: under;
  text-underline-offset: 2px;
}
.comment-compose-input__external-tab-label {
  color: #e67a85;
  text-align: right;
  margin: -7px 0px 0px 8px;
}

.comment-compose-input__composer,
.comment-compose-input__composer:focus {
  padding: 0;
  font-size: 18px;
  background: transparent;
  border: 0;
  outline: 0;
  resize: none;
  line-height: 20px;
  margin: 0;
  color: #000;
  overflow: visible;
  min-height: 50px;
  white-space: pre-line;
  margin-bottom: 0;
  overflow-wrap: break-word;
  cursor: text;
}

.comment-compose-input--external .comment-compose-input__message {
  border: 1px solid #f4ccda;
  background-color: #f8e0e8;
}

.comment-compose-input--external .mention-holder,
.comment-compose-input--external .mention-wrapper {
  background-color: #f1b2c8;
}

.comment-compose-input .file-pill {
  background-color: #fff;
  margin: 2px;
}

.post-files-button__link {
  cursor: pointer;
  color: #2872d3;
  text-decoration: underline;
  position: relative;
}
.post-files-button__link::before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e920";
  position: absolute;
  left: -32px;
  top: -4px;
}
.post-files-button__FMlink {
  cursor: pointer;
  color: #2872d3;
  text-decoration: underline;
  position: relative;
}
.post-files-button__FMlink::before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e920";
  position: absolute;
  left: -32px;
  top: -4px;
}
.post-files-button__modal {
  width: 400px;
}
@media only screen and (max-width: 600px) {
  .post-files-button__modal {
    width: 100%;
  }
}
.post-files-button__modal .file-upload-manager {
  min-height: 52px;
  max-height: 600px;
}
.post-files-button__modal .post-files-button__message-box {
  border-radius: 5px;
  padding: 16px;
  border: 1px solid #cfddef;
  border-color: #cfddef;
  background-color: #f1f8ff;
}
.post-files-button__modal .post-files-button__message-box .rich-textarea__container {
  outline: 1px solid rgba(0, 0, 0, 0);
  min-height: 80px;
  max-height: 300px;
}
.post-files-button__modal .post-files-button__message-box .rich-textarea__toolbar {
  display: none;
}
.post-files-button__modal--external .post-files-button__message-box {
  border-color: #f4ccda;
  background-color: #f8e0e8;
}
.post-files-button__modal--external .post-files-button__message-box .mention-holder {
  background-color: #f1b2c8;
}

.confirm-mention-modal__body-container {
  padding: 16px;
  gap: 8px;
  display: flex;
  background-color: var(--color-grey-100);
  border-radius: 5px;
  max-width: 408px;
}

.confirm-mention-modal__body-icon {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.status-message-box__icon {
  height: 20px;
  vertical-align: middle;
  margin-right: 4px;
}

.confirm-mention-modal__body-icon svg {
  color: #ea9d5b;
}

.status-message-box__icon circle {
  stroke: #ea9d5b;
}

.mentionable-comment-compose-input {
  margin-top: 16px;
  border-top: 1px solid #cacaca;
}
@media only screen and (max-width: 600px) {
  .mentionable-comment-compose-input .comment-compose-input__message {
    border: none;
  }
}
.mentionable-comment-compose-input .comment-item__avatar {
  top: 8px;
}
.mentionable-comment-compose-input .rich-textarea__container {
  outline-color: #ddedff;
  min-height: 120px;
}
.mentionable-comment-compose-input.comment-compose-input--external .rich-textarea__container {
  outline-color: #f8e0e8;
}
.mentionable-comment-compose-input .rich-textarea__toolbar {
  left: 50px;
  bottom: unset;
  margin-top: 4px;
  background-color: unset;
}
.mentionable-comment-compose-input .rich-textarea__toolbar .rich-textarea__toolbar__button--active {
  background-color: #cfddef;
}
@media only screen and (max-width: 600px) {
  .mentionable-comment-compose-input .rich-textarea__toolbar {
    min-width: 150px;
  }
}
.mentionable-comment-compose-input .mentionable-autocomplete {
  width: auto;
  left: auto;
}
@media only screen and (max-width: 600px) {
  .mentionable-comment-compose-input .mentionable-autocomplete {
    position: absolute;
  }
}
.mentionable-comment-compose-input .post-files-button__link:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
  color: #000;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  margin-top: -10px;
  margin-left: 32px;
}
.mentionable-comment-compose-input .post-files-button__link:after {
  display: none;
}
.mentionable-comment-compose-input .visible-colleagues {
  margin-top: 9px;
  color: #aaa;
}
.mentionable-comment-compose-input .visible-colleagues-action {
  text-decoration: underline;
  cursor: pointer;
}
.mentionable-comment-compose-input__post-files-button-hidden {
  visibility: hidden;
}

.mentionable-comment-item {
  outline: none;
}
.mentionable-comment-item .rich-textarea__container {
  min-height: 108px;
}
.mentionable-comment-item .rich-textarea__toolbar {
  position: absolute;
  background-color: unset;
  outline: none;
}
.mentionable-comment-item .rich-textarea__toolbar .rich-textarea__toolbar__button--separator:first-child {
  display: none;
}
.mentionable-comment-item .rich-textarea__toolbar .rich-textarea__toolbar__button--active {
  background-color: #cfddef;
}
@media only screen and (max-width: 600px) {
  .mentionable-comment-item .rich-textarea__toolbar {
    min-width: 100px;
  }
}
.mentionable-comment-item .mentionable-autocomplete {
  width: auto;
  bottom: auto;
  left: auto;
}

.mentionable-comment-item + .mentionable-comment-item:not(.comment-item--first-unread) {
  border: none;
}

.comment-reaction {
  cursor: pointer;
  display: flex;
  border: 1px solid #ddedff;
  border-radius: 16px;
  min-width: 32px;
  height: 18px;
}
.comment-reaction i {
  position: absolute;
  font-size: 30px;
  top: -6px;
  left: -4px;
}
.comment-reaction-count {
  font-size: 13px;
  padding-left: 20px;
  padding-right: 7px;
  line-height: 16px;
}
.comment-reaction--normal {
  background-color: white;
  color: #2872d3;
}
.comment-reaction--inverted {
  background-color: #2872d3;
  color: white;
  border-color: #2872d3;
}
.comment-reaction--empty {
  background-color: white;
  color: gray;
}
.comment-reaction__tooltip {
  z-index: 99;
  top: -30px;
  left: 50%;
  position: absolute;
  white-space: nowrap;
  margin-left: -6px;
}
.comment-reaction__tooltip .tool-tip__inner {
  min-width: 150px;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
}
.comment-reaction .comment-reaction__tooltip__username {
  font-weight: 600;
}

.comment-count {
  position: relative;
  text-indent: 22px;
  display: inline-block;
  color: #999999;
  font-size: 16px;
  margin-left: 4px;
  margin-right: 12px;
  top: -2px;
}
.comment-count:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  color: #888;
  position: absolute;
  font-size: 16px;
  z-index: 1;
  top: 2px;
  left: 0;
  text-indent: 0;
}

.file-count {
  position: relative;
  text-indent: 22px;
  display: inline-block;
  color: #999999;
  font-size: 16px;
  margin-left: 4px;
  top: -2px;
}
.file-count:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e913";
  color: #888;
  position: absolute;
  font-size: 25px;
  z-index: 1;
  top: -2px;
  left: -4px;
  text-indent: 0;
}

.team-selector {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 8px;
  gap: 4px;
  border: 1px solid #cacaca;
  border-radius: 4px;
}

.team-selector-auto-complete {
  flex-grow: 1;
  position: relative;
}
.team-selector-auto-complete .auto-complete__input {
  flex-grow: 1;
  flex-basis: 0px;
}
.team-selector-auto-complete input {
  height: 32px;
  padding: 0;
}
.team-selector-auto-complete__suggestions {
  position: fixed;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: #fff;
}
.team-selector-auto-complete .auto-complete__statusMessage {
  color: #999999;
  width: 100%;
  padding: 16px;
  text-align: center;
  line-height: 22px;
  min-height: 56px;
}

.details-area__header, .pivot-table__filter {
  font-weight: 600;
  color: #000;
  font-size: 22px;
  padding: 16px 0 10px 0;
  border-bottom: 1px solid #cacaca;
  margin-bottom: 10px;
}
.details-area__header__meta-data {
  color: #999999;
  font-weight: 400;
}
.details-area__header + .action-button--primary, .pivot-table__filter + .action-button--primary, .details-area__header + .login__form-button, .pivot-table__filter + .login__form-button {
  margin-top: 10px;
}
.details-area__header-container {
  display: flex;
  padding: 16px 0 10px 0;
  border-bottom: 1px solid #cacaca;
  margin-bottom: 10px;
}
.details-area__header--no-border {
  border-bottom: none;
}
.details-area__header + .details-area__subtext, .pivot-table__filter + .details-area__subtext {
  margin-top: 16px;
}
.details-area__sub-section > .details-area__subtext {
  margin-top: 16px;
}
.details-area__header__link, .details-area__header__link-bar {
  color: #2872d3;
  text-decoration: underline;
  position: absolute;
  font-weight: 500;
  top: 20px;
  right: 2px;
}
.details-area__header__link-bar {
  display: flex;
}
.details-area__header__link-bar .details-area__header__link {
  position: unset;
  margin-left: 20px;
  margin-right: 0;
  min-width: inherit;
}
.details-area__sub-header {
  color: #999999;
  font-size: 16px;
  margin: 20px 0 4px 0;
}
.details-area__section {
  position: relative;
  margin-bottom: 40px;
}
.details-area__link {
  display: block;
  padding-top: 12px;
  font-size: 16px;
  text-decoration: none;
}
.details-area__outline-button {
  margin-top: 16px;
}
.details-area__involved-contact {
  display: flex;
  height: 40px;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  color: #000;
}
.details-area__involved-contact__section {
  width: 33.3%;
  display: flex;
  align-items: center;
}
.details-area__involved-contact__title {
  margin-left: 8px;
}
.details-area__privacy-status {
  line-height: 16px;
  position: relative;
  padding: 4px;
  margin: 16px 0 16px 26px;
  font-size: 16px;
}
.details-area__privacy-status b {
  font-weight: 600;
}
.details-area__privacy-status--public {
  margin-left: 36px;
}
.details-area__privacy-status--public:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e965";
  color: #999999;
  font-size: 42px;
  position: absolute;
  top: -9px;
  left: -43px;
}
.details-area__privacy-status--private:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  color: #999999;
  font-size: 40px;
  position: absolute;
  top: -9px;
  left: -37px;
}
.details-area__no-items-message {
  color: #999999;
  font-size: 16px;
}
.details-area .focussed-input input[type=number]::-webkit-inner-spin-button,
.details-area .focussed-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.time-entry .form-item__error-message {
  margin: -6px 0 12px 0;
}
.time-entry--date-error .form-block .form-item.date-input > .pop-over {
  border-color: #d61407;
}
.time-entry__checkboxes {
  display: flex;
  flex-direction: row;
  margin-top: 4px;
  margin-bottom: 12px;
  margin-left: -16px;
}
.time-entry__checkboxes .radio-input {
  margin-right: 24px;
}
.time-entry__checkboxes .radio-input .form-label {
  color: #000;
  display: flex;
}
.time-entry__date-input {
  width: 180px;
}
.time-entry__duration {
  position: relative;
  padding-right: 18px;
}
.time-entry__duration:after {
  content: "h";
  position: absolute;
  right: 12px;
  top: 14px;
  color: #999999;
}
.time-entry__duration input {
  text-align: right;
}
.time-entry__duration--m:after {
  content: "m";
}
.time-entry__notes {
  height: 90px;
}
.time-entry .tsheets-initial-sync-error-banner__panel {
  margin: 0;
}

.time-entry-custom-field__item {
  margin-bottom: 12px;
}

.time-entry-custom-field__label--required {
  color: var(--color-orange-500);
}

.simple-filter-bar {
  background-color: #f2f2f2;
  border-bottom: 1px solid #cacaca;
}
.simple-filter-bar__filters {
  min-height: 55px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 24px;
  margin: auto;
  flex-wrap: wrap;
}

/***
  Mods
***/
.simple-filter-bar--data-table {
  background-color: transparent;
}
.simple-filter-bar--data-table .simple-filter-bar__filters {
  margin: 0;
  padding: 0;
  min-height: inherit;
  border-bottom: 2px solid #cacaca;
}

.simple-filter-bar--white {
  background-color: #fff;
}

.simple-filter-bar--space-between {
  justify-content: space-between;
}

.simple-slider {
  height: 60px;
  margin: 0 16px;
  width: calc(100% - 32px);
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.simple-slider__rail {
  width: 100%;
  height: 8px;
  background-color: #e6e6e6;
  border-radius: 4px;
}
.simple-slider__rail.disabled {
  display: none;
}
.simple-slider__handle {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border: 0px;
  background-color: #2872d3;
  position: absolute;
  top: 22px;
  left: 100px;
  cursor: ew-resize;
}
.simple-slider__handle.disabled {
  display: none;
}

.hr-min-input {
  position: relative;
  display: flex;
}
.hr-min-input__entry {
  border: 1px solid #cacaca;
  border-radius: 4px;
  padding-right: 18px;
  max-width: 100px;
  position: relative;
}
.hr-min-input__entry:after {
  content: "h";
  position: absolute;
  right: 12px;
  top: 14px;
  color: #999999;
}
.hr-min-input__entry input {
  text-align: right;
  height: 46px;
  background: 0 0;
  padding: 16px 12px;
}
.hr-min-input__entry--m:after {
  content: "m";
}
.hr-min-input--invalid-h .hr-min-input__entry--h {
  background-color: #f4f4f4;
}
.hr-min-input--invalid-m .hr-min-input__entry--m {
  background-color: #f4f4f4;
}

.hr-min-input--show-focus-ring .focussed-input--focussed {
  border-color: #9f9f9f;
}

.hr-min-input--has-warning .focussed-input {
  border-color: #ff9900;
}

.hr-min-input--has-warning .focussed-input--focussed {
  border-color: var(--color-orange-200);
}

.data-table {
  /**
    * Table divider lines
    **/
}
.data-table table {
  width: 100%;
  min-width: 560px;
  table-layout: fixed;
}
@media only screen and (max-width: 600px) {
  .data-table table {
    margin-left: 8px;
    margin-right: 8px;
  }
}
.data-table--auto-layout table {
  table-layout: auto;
}
.data-table__dash:before {
  content: "–";
  color: #999999;
}
.data-table th {
  text-transform: uppercase;
  color: #999999;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  padding: 8px 24px 8px 0px;
  vertical-align: bottom;
}
.data-table td {
  color: #000;
  font-size: 16px;
  padding: 8px 24px 8px 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.data-table__row--warning > td {
  color: #d61407;
}
.data-table--is-processing {
  opacity: 0.5;
}
.data-table td.data-table__text--strong {
  font-weight: 500;
}
.data-table td.data-table__text--stronger {
  font-weight: 600;
}
.data-table td.data-table__text--soft {
  color: #999999;
}
.data-table a.data-table__text--link-to {
  color: #000;
}
.data-table td.data-table__avatar-container {
  display: flex;
  align-items: center;
  padding-left: 0px;
}
.data-table__header-group > div {
  width: 50%;
  float: left;
  padding-top: 6px;
}
.data-table__header-group > div:first-child {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 6px;
}
.data-table__header-group > div:last-child {
  text-align: right;
}
.data-table__row--interactive {
  cursor: pointer;
}
.data-table__collapsable-row {
  font-weight: 500;
  cursor: pointer;
}
.data-table__collapsable-row > td {
  background-color: #f2f2f2;
}
.data-table__totals-row {
  font-weight: 500;
}
.data-table__totals-row > td {
  background-color: #f2f2f2;
}
.data-table td.data-table__drop-down {
  overflow: visible;
  width: 49px;
}
.data-table__row > td {
  border-top: 1px solid #e6e6e6;
}
.data-table__collapsable-row > td {
  border: none;
}
.data-table__collapsable-row + tr > td {
  border: none;
}
.data-table--editable {
  cursor: pointer;
}

.data-table--no-side-pad tr > th:first-child {
  padding-left: 0;
}
.data-table--no-side-pad tr > th:last-child {
  padding-right: 0;
}
.data-table--no-side-pad tr > td:first-child {
  padding-left: 0;
}
.data-table--no-side-pad tr > td:last-child {
  padding-right: 0;
}

.data-table--no-border-top .data-table__row:first-child > td {
  border: none;
}

.app-menu__list ul.practice-selector {
  position: relative;
  padding: 8px 0px;
  border-bottom: 1px solid #ccc;
}

.practice-selector .practice-selector__item {
  margin: 8px 0;
  cursor: pointer;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0px 16px 0px 16px;
}
.practice-selector .practice-selector__item:first-child {
  margin-top: 0;
}
.practice-selector .practice-selector__item:last-child {
  margin-bottom: 0;
}
.practice-selector .practice-selector__item .avatar {
  float: left;
}
.practice-selector .practice-selector__item .practice-selector__item-title {
  padding-top: 2px;
  padding-right: 28px;
  padding-left: 14px;
  line-height: 14px;
}
.practice-selector .practice-selector__item .avatar--empty {
  background: #929292;
  width: 28px;
  height: 28px;
  border: 1px transparent solid;
  line-height: 26px;
  padding-left: 0px;
  margin-left: -5px;
  font-size: 1.2em;
}

.practice-selector.practice-selector--expandable .practice-selector__item--primary {
  font-weight: 500;
}
.practice-selector.practice-selector--expandable .practice-selector__item--primary:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  position: absolute;
  top: 17px;
  right: 12px;
  color: #929292;
  font-size: 26px;
}

.practice-selector.practice-selector--expandable.practice-selector--expanded .practice-selector__item--primary:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e952";
  font-size: 26px;
  line-height: 14px;
  top: 19px;
}

.intercom-sheet-header-minimize-button {
  display: none;
  visibility: hidden;
}

.app-menu__list .app-menu-section {
  display: flex;
  flex-direction: column;
  margin: 0 6px;
}
.app-menu__list .app-menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
}
.app-menu__list .app-menu-item a,
.app-menu__list .app-menu-item .linkto {
  width: 100%;
  padding: 12px 18px 12px 16px;
}
.app-menu__list .app-menu-item.app-menu-item__help-item {
  padding: 12px 18px 12px 16px;
}
.app-menu__list .app-menu-sub-section .app-menu-item {
  font-weight: 400;
  font-size: 16px;
  color: #444444;
}
.app-menu__list .app-menu-sub-section .app-menu-item a,
.app-menu__list .app-menu-sub-section .app-menu-item .linkto {
  width: 100%;
  padding: 8px 0px 8px 54px;
}
.app-menu__list li {
  display: flex;
  cursor: pointer;
}
.app-menu__list li .app-menu-icon {
  pointer-events: none;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 20px;
}

div#intercom-container .intercom-launcher {
  right: 16px;
  bottom: 75px;
}

li.logout {
  cursor: pointer;
  padding: 12px 16px;
}

.app-menu .app-menu-contents {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
}
.app-menu .app-menu-main-content {
  flex: 1;
}
.app-menu .app-menu-count {
  color: #999999;
  font-weight: 400;
  margin-left: 4px;
  margin-right: 8px;
}
.app-menu .app-menu--primary-options {
  margin-top: 8px;
}
.app-menu .cleared-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+QXJ0Ym9hcmQgMTE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiPiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzkyOTI5MiI+ICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJEb25lLUNvcHktNCIgcG9pbnRzPSIzIDExLjE0NSA2LjkyMiAxNC43ODggMTQuNzc0IDQiPjwvcG9seWxpbmU+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}
.app-menu .low-priority-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+QXJ0Ym9hcmQgMTE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJBcnRib2FyZC0xMSIgZmlsbD0iIzkyOTI5MiI+ICAgICAgICAgICAgPHBhdGggZD0iTTE0LjcwNzI1LDguMjY0IEMxNC4zMTYyNSw3Ljg3MyAxMy42ODQyNSw3Ljg3MyAxMy4yOTMyNSw4LjI2NCBMMTAuMDAwMjUsMTEuNTU3IEwxMC4wMDAyNSw0IEMxMC4wMDAyNSwzLjQ0OCA5LjU1MjI1LDMgOS4wMDAyNSwzIEM4LjQ0ODI1LDMgOC4wMDAyNSwzLjQ0OCA4LjAwMDI1LDQgTDguMDAwMjUsMTEuNTU3IEw0LjcwNzI1LDguMjY0IEM0LjMxNjI1LDcuODczIDMuNjg0MjUsNy44NzMgMy4yOTMyNSw4LjI2NCBDMi45MDIyNSw4LjY1NCAyLjkwMjI1LDkuMjg3IDMuMjkzMjUsOS42NzggTDcuODQ1MjUsMTQuMjMgQzguMTUzMjUsMTQuNTM5IDguNTYzMjUsMTQuNzA4IDkuMDAwMjUsMTQuNzA4IEM5LjQzNzI1LDE0LjcwOCA5Ljg0NzI1LDE0LjUzOSAxMC4xNTUyNSwxNC4yMyBMMTQuNzA3MjUsOS42NzggQzE1LjA5ODI1LDkuMjg3IDE1LjA5ODI1LDguNjU0IDE0LjcwNzI1LDguMjY0IiBpZD0iRG93bmxvYWQtQ29weS0yIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}
.app-menu .contacts-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1MTcgMTQuMDMwNUgxNi44MjM2QzE3Ljc4NjEgMTQuMDMwNSAxOC4yNzk0IDEyLjk2MTMgMTcuODM1MyAxMi4xOTM1QzE2LjY2NTEgMTAuMTc3NiAxNC41MzU2IDguODEwODMgMTIuMDgwNiA4LjgxMDgzQzEyLjAxODEgOC44MTA4MyAxMS45NTU5IDguODExNjcgMTEuODkzOSA4LjgxMzM0QzEzLjMxODQgOS41ODU1OSAxNC41MTU1IDEwLjczMTcgMTUuMzY1MyAxMi4xMDgzQzE1Ljc0MzUgMTIuNzE0NSAxNS44NTQ3IDEzLjM5NDQgMTUuNzUxNyAxNC4wMzA1WiIgZmlsbD0iIzkyOTI5MiIvPgo8cGF0aCBkPSJNMTEuMDExIDcuMzM5OTZDMTEuMzQxOCA3LjQ3MjQ0IDExLjcwMjIgNy41NDUzIDEyLjA4MDYgNy41NDUzQzEzLjcyNjkgNy41NDUzIDE1LjAzNCA2LjE2NTY3IDE1LjAzNCA0LjQ5ODM5QzE1LjAzNCAyLjgzMTExIDEzLjcyNjkgMS40NTE0OCAxMi4wODA2IDEuNDUxNDhDMTEuOTYyNCAxLjQ1MTQ4IDExLjg0NiAxLjQ1ODU5IDExLjczMTcgMS40NzI0QzEyLjE1MTMgMi4xOTg1MSAxMi4zODk1IDMuMDQxNzMgMTIuMzg5NSAzLjkyOTE5QzEyLjM4OTUgNS4yNDEzNCAxMS44Njg4IDYuNDU2NzkgMTEuMDExIDcuMzM5OTZaIiBmaWxsPSIjOTI5MjkyIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNyAxLjgwNjQ1QzUuODQ4ODUgMS44MDY0NSA0Ljg1ODE1IDIuNzU3MDkgNC44NTgxNSA0QzQuODU4MTUgNS4yNDI5MSA1Ljg0ODg1IDYuMTkzNTUgNyA2LjE5MzU1QzguMTUxMTUgNi4xOTM1NSA5LjE0MTg1IDUuMjQyOTEgOS4xNDE4NSA0QzkuMTQxODUgMi43NTcwOSA4LjE1MTE1IDEuODA2NDUgNyAxLjgwNjQ1Wk0zIDRDMyAxLjgyMjMxIDQuNzU5MSAwIDcgMEM5LjI0MDkgMCAxMSAxLjgyMjMxIDExIDRDMTEgNi4xNzc2OSA5LjI0MDkgOCA3IDhDNC43NTkxIDggMyA2LjE3NzY5IDMgNFoiIGZpbGw9IiM5MjkyOTIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI3MTc1NCAxMy4wMzE0QzEuNjc5MjMgMTAuNjE1NSA0LjE1OTI0IDkgNi45OTY4MiA5QzkuODM1MTMgOSAxMi4zMTI4IDEwLjYyNjIgMTMuNzE5MyAxMy4wMjdDMTQuNDcgMTQuMjkxNiAxMy42MzMyIDE2IDEyLjE4MDQgMTZIMS44MTMyQzAuMzYwNTUyIDE2IC0wLjQ1ODg3IDE0LjI4NTUgMC4yNzE3NTQgMTMuMDMxNFpNNi45OTY4MiAxMC44MTQ4QzQuODAyNjggMTAuODE0OCAyLjg1ODU4IDEyLjA2MTYgMS43NDA3IDEzLjk4MDRDMS43MjYyIDE0LjAwNTMgMS43MjE3MyAxNC4wMjY2IDEuNzIxNjMgMTQuMDQ3M0MxLjcyMTUxIDE0LjA3MSAxLjcyNzU0IDE0LjA5OSAxLjc0MTI0IDE0LjEyNThDMS43NTQ5OSAxNC4xNTI4IDEuNzcxNDggMTQuMTY4OCAxLjc4Mjc4IDE0LjE3NjRDMS43OTEyMSAxNC4xODIxIDEuNzk4OTggMTQuMTg1MiAxLjgxMzIgMTQuMTg1MkgxMi4xODA0QzEyLjE5OTQgMTQuMTg1MiAxMi4yMDk4IDE0LjE4MDcgMTIuMjE5IDE0LjE3NDZDMTIuMjMwOSAxNC4xNjY2IDEyLjI0NjcgMTQuMTUwOSAxMi4yNTk1IDE0LjEyNThDMTIuMjcyMyAxNC4xMDA5IDEyLjI3NzcgMTQuMDc1MSAxMi4yNzc0IDE0LjA1MzZDMTIuMjc3MiAxNC4wMzUxIDEyLjI3MzEgMTQuMDE0NCAxMi4yNTc3IDEzLjk4ODZMMTIuMjUzOSAxMy45ODIxQzExLjEzNDggMTIuMDcwMyA5LjE4OTEzIDEwLjgxNDggNi45OTY4MiAxMC44MTQ4WiIgZmlsbD0iIzkyOTI5MiIvPgo8L3N2Zz4=);
}
.app-menu .to-do-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+QXJ0Ym9hcmQgMTE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJBcnRib2FyZC0xMSIgZmlsbD0iIzkyOTI5MiI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTctQ29weS05IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjAwMDAwMCwgNC4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS00NyIgeD0iNCIgeT0iMCIgd2lkdGg9IjkiIGhlaWdodD0iMiI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTQ3LUNvcHkiIHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiPjwvcmVjdD4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS00Ny1Db3B5LTIiIHg9IjAiIHk9IjQiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiPjwvcmVjdD4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS00NyIgeD0iNCIgeT0iNCIgd2lkdGg9IjkiIGhlaWdodD0iMiI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTQ3IiB4PSI0IiB5PSI4IiB3aWR0aD0iOSIgaGVpZ2h0PSIyIj48L3JlY3Q+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}
.app-menu .triage-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+QXJ0Ym9hcmQgMTI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJBcnRib2FyZC0xMiIgZmlsbD0iIzkyOTI5MiI+ICAgICAgICAgICAgPHBhdGggZD0iTTEzLDEgTDQuMDkxLDEgQzIuMzkxLDEgMSwyLjM5MSAxLDQuMDkyIEwxLDE0IEMxLDE1LjY1NyAyLjM0MywxNyA0LDE3IEw1LDE3IEM1LjU1MiwxNyA2LDE2LjU1MiA2LDE2IEM2LDE1LjQ0OCA1LjU1MiwxNSA1LDE1IEw0LjA5MSwxNSBDMy40OTEsMTUgMywxNC41MDkgMywxMy45MDkgTDMsNCBDMywzLjQ0OCAzLjQ0OCwzIDQsMyBMMTMuMDkxLDMgQzEzLjU5MywzIDE0LDMuNDA3IDE0LDMuOTA5IEwxNCwxNCBDMTQsMTQuNTUyIDEzLjU1MiwxNSAxMywxNSBMMTIsMTUgQzExLjQ0OCwxNSAxMSwxNS40NDggMTEsMTYgQzExLDE2LjU1MiAxMS40NDgsMTcgMTIsMTcgTDEzLjA5MSwxNyBDMTQuNjk4LDE3IDE2LDE1LjY5OCAxNiwxNC4wOTEgTDE2LDQgQzE2LDIuMzQzIDE0LjY1NywxIDEzLDEgWiBNNSw2IEwxMiw2IEwxMiw4IEw1LDggTDUsNiBaIE01LDEwIEwxMiwxMCBMMTIsMTIgTDUsMTIgTDUsMTAgWiIgaWQ9IlRyaWFnZS1JY29uLU5ldy1JdGVtcy1Db3B5Ij48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}
.app-menu .triage-sub-icon:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--color-grey-300);
  margin-left: 20px;
  position: absolute;
}
.app-menu .app-menu__list li .app-menu-icon.get-started-icon {
  position: relative;
  top: -1px;
  left: -1px;
  width: 20px;
  height: 20px;
  margin-right: 18px;
}
.app-menu .get-started__close-action {
  display: none;
}
.app-menu .app-menu--item-get-started .get-started__close-action {
  display: block;
}
.app-menu .get-started__close-action .bl-icon--close {
  color: #999999;
  font-size: 30px;
}
.app-menu .get-started-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjIgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXAgMTY8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkdldC1TdGFydGVkLeKAky1CYXNpYy3igJMtSW52aXRlZC1Vc2VycyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyLjAwMDAwMCwgLTgxLjAwMDAwMCkiIGZpbGw9IiM5MjkyOTIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMDAwMDAsIDY4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAsIDE1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTQuMDAwMDAwKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTQuMDAwMDAwKSAiIHBvaW50cz0iMTQgNyAxNCAyMSA2IDIxIDYgMTkgMTIgMTkgMTIgOSA2IDkgNiA3Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtNSIgcG9pbnRzPSItMC43MDcxMDY3ODEgOS4yOTI4OTMyMiAxMCAtMS40MTQyMTM1NiAyMC43MDcxMDY4IDkuMjkyODkzMjIgMTkuMjkyODkzMiAxMC43MDcxMDY4IDEwIDEuNDE1IDAuNzA3MTA2NzgxIDEwLjcwNzEwNjgiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}
.app-menu .work-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgLTIgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNSAyQzUgMC44OTU0MzEgNS44OTU0MyAwIDcgMEgxMUMxMi4xMDQ2IDAgMTMgMC44OTU0MzEgMTMgMlYzSDE1QzE2LjY1NjkgMyAxOCA0LjM0MzE1IDE4IDZWMTFDMTggMTIuNjU2OSAxNi42NTY5IDE0IDE1IDE0SDNDMS4zNDMxNSAxNCAwIDEyLjY1NjkgMCAxMVY2QzAgNC4zNDMxNSAxLjM0MzE1IDMgMyAzSDVWMlpNMTEuNSAxLjVWM0g2LjVWMS41SDExLjVaTTE1IDQuNUgzQzIuMTcxNTcgNC41IDEuNSA1LjE3MTU3IDEuNSA2VjdIMTYuNVY2QzE2LjUgNS4xNzE1NyAxNS44Mjg0IDQuNSAxNSA0LjVaTTE2LjUgOC41SDEuNVYxMUMxLjUgMTEuODI4NCAyLjE3MTU3IDEyLjUgMyAxMi41SDE1QzE1LjgyODQgMTIuNSAxNi41IDExLjgyODQgMTYuNSAxMVY4LjVaIiBmaWxsPSIjOTI5MjkyIi8+Cjwvc3ZnPgo=);
}
.app-menu .insights-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTggMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+R3JvdXAgMjU8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJBMDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNi4wMDAwMDAsIC00NjQuMDAwMDAwKSIgZmlsbD0iIzkyOTI5MiI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNi4wMDAwMDAsIDQ2NC4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS01IiB4PSIwIiB5PSIxMCIgd2lkdGg9IjIiIGhlaWdodD0iNSI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTUiIHg9IjQiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjciPjwvcmVjdD4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS01IiB4PSI4IiB5PSIyIiB3aWR0aD0iMiIgaGVpZ2h0PSIxMyI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTUiIHg9IjEyIiB5PSI0IiB3aWR0aD0iMiIgaGVpZ2h0PSIxMSI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTUiIHg9IjE2IiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxNSI+PC9yZWN0PiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
}
.app-menu .engagements-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiM5MjkyOTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggMi41YTIuNSAyLjUgMCAxIDAgMCA1IDIuNSAyLjUgMCAwIDAgMC01Wk04IDFhNCA0IDAgMCAwLTQgNCA0IDQgMCAxIDAgOCAwIDQgNCAwIDAgMC00LTRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48bWFzayBpZD0iYSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjYiIHg9IjEiIHk9IjEwIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIj48cGF0aCBmaWxsPSIjOTI5MjkyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy40OCAxNC4yOThjLTEuMTI1LTEuNjQ3LTMuMTM4LTIuNzk4LTUuNDgzLTIuNzk4LTIuMzQ3IDAtNC4zNiAxLjE0NC01LjQ4NSAyLjc5OWEuMDg4LjA4OCAwIDAgMC0uMDEyLjAyMnYuMDAyYS4xLjEgMCAwIDAgLjAxNy4wNDcuMjMzLjIzMyAwIDAgMCAuMDg2LjA4MmMuMDM5LjAyMy4xMDUuMDQ4LjIxLjA0OEgxMy4xOGEuNDMuNDMgMCAwIDAgLjIxOC0uMDUuMjM5LjIzOSAwIDAgMCAuMDg3LS4wODIuMTI0LjEyNCAwIDAgMCAuMDE1LS4wMzZ2LS4wMDFjMC0uMDAxLS4wMDMtLjAxLS4wMTQtLjAyNWwtLjAwNS0uMDA4Wm0xLjI0LS44NDZDMTMuMzEyIDExLjM5NCAxMC44MzQgMTAgNy45OTYgMTBzLTUuMzE4IDEuMzg1LTYuNzI1IDMuNDU2Qy41NDIgMTQuNTMgMS4zNiAxNiAyLjgxMyAxNkgxMy4xOGMxLjQ1MyAwIDIuMjktMS40NjQgMS41NC0yLjU0OFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjOTI5MjkyIiBkPSJNOSA5SDB2OGg5VjlaIi8+PC9nPjxwYXRoIGZpbGw9IiM5MjkyOTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEzIDlhMS41IDEuNSAwIDAgMSAxLjMyNi43OTggMS41IDEuNSAwIDAgMSAxLjg3NiAxLjg3NiAxLjUgMS41IDAgMCAxIDAgMi42NTIgMS41IDEuNSAwIDAgMS0xLjg3NiAxLjg3NiAxLjUgMS41IDAgMCAxLTIuNjUyIDAgMS41IDEuNSAwIDAgMS0xLjg3Ni0xLjg3NiAxLjUgMS41IDAgMCAxIDAtMi42NTIgMS41IDEuNSAwIDAgMSAxLjg3Ni0xLjg3NkExLjUgMS41IDAgMCAxIDEzIDlabTIuMzA3IDMuMzc3YS43NS43NSAwIDEgMC0xLjExNC0xLjAwNEwxMi40NSAxMy4zMWwtLjY5Mi0uNjM5YS43NS43NSAwIDEgMC0xLjAxOCAxLjEwMmwxLjI1IDEuMTU0YS43NS43NSAwIDAgMCAxLjA2Ni0uMDVsMi4yNS0yLjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  background-repeat: no-repeat;
}
.app-menu .intuit-settings-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+UHJvQ29ubmVjdDwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRnJhbWVkLWljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzg0LjAwMDAwMCwgLTEyOC4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iUHJvQ29ubmVjdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzg0LjAwMDAwMCwgMTI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24tUHJvQ29ubmVjdC1Ob0NpcmNsZS1CbGFjay1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC41MDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjUwNSwyLjQwNSBMMS43OTgzMzMzMywxMi4xMzMzMzMzIEwyLjQwNSwxMi43NCBDMi43NTE2NjY2NywxMy4wODY2NjY3IDMuMjkzMzMzMzMsMTMuMDg2NjY2NyAzLjY0LDEyLjc0IEwxMS4yNjY2NjY3LDUuMTEzMzMzMzMgTDExLjI2NjY2NjcsMTEuMjIzMzMzMyBDMTEuMjY2NjY2NywxMS43IDExLjY1NjY2NjcsMTIuMDkgMTIuMTMzMzMzMywxMi4wOSBMMTMsMTIuMDkgTDEzLDMuMDExNjY2NjcgQzEzLDIuMjUzMzMzMzMgMTIuMDQ2NjY2NywxLjg2MzMzMzMzIDExLjUwNSwyLjQwNSBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS45ODgzMzMzMywwIEwwLjkzMTY2NjY2NywwIEwwLjkzMTY2NjY2NywwLjg2NjY2NjY2NyBDMC45MzE2NjY2NjcsMS4zNDMzMzMzMyAxLjMyMTY2NjY3LDEuNzMzMzMzMzMgMS43OTgzMzMzMywxLjczMzMzMzMzIEw3Ljg4NjY2NjY3LDEuNzMzMzMzMzMgTDAuMjYsOS4zNiBDLTAuMDg2NjY2NjY2Nyw5LjcwNjY2NjY3IC0wLjA4NjY2NjY2NjcsMTAuMjQ4MzMzMyAwLjI2LDEwLjU5NSBMMC44NjY2NjY2NjcsMTEuMjAxNjY2NyBMMTAuNTczMzMzMywxLjQ5NSBDMTEuMTM2NjY2NywwLjk1MzMzMzMzMyAxMC43NDY2NjY3LDAgOS45ODgzMzMzMywwIFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: -7px -7px;
  opacity: 0.4;
}
.app-menu .lacerte-settings-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+TGFjZXJ0ZTwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRnJhbWVkLWljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDE2LjAwMDAwMCwgLTEyOC4wMDAwMDApIiBmaWxsPSIjMjMxRjIwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iTGFjZXJ0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDE2LjAwMDAwMCwgMTI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24tTGFjZXJ0ZS1Ob0NpcmNsZS1CbGFjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuMDAwMDAwLCA5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjgzMzMzMzMzLDAgTDAuOTE2NjY2NjY3LDAgQzAuNDEyNSwwIDAsMC4zOTM3NSAwLDAuODc1IEwwLDEzLjEyNSBDMCwxMy42MDYyNSAwLjQxMjUsMTQgMC45MTY2NjY2NjcsMTQgTDEwLjA4MzMzMzMsMTQgQzEwLjU4NzUsMTQgMTEsMTMuNjA2MjUgMTEsMTMuMTI1IEwxMSwxMi4yNSBMMS44MzMzMzMzMywxMi4yNSBMMS44MzMzMzMzMywwIFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4wNTg4MjM1LDkuMjQgTDQuODgyMzUyOTQsOS4yNCBMNC44ODIzNTI5NCwwLjg4IEM0Ljg4MjM1Mjk0LDAuMzk2IDQuNDU4ODIzNTMsMCAzLjk0MTE3NjQ3LDAgTDMsMCBMMyw5LjI0IEwzLDExIEw0Ljg4MjM1Mjk0LDExIEwxMSwxMSBMMTEsMTAuMTIgQzExLDkuNjM2IDEwLjU3NjQ3MDYsOS4yNCAxMC4wNTg4MjM1LDkuMjQgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: -7px -7px;
  opacity: 0.4;
}
.app-menu .time-icon:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92e";
  position: relative;
  font-size: 26px;
  color: #929292;
  left: -4px;
  top: -4px;
}
.app-menu .app-menu-icon--drafts {
  color: #929292;
}
.app-menu .app-menu-icon--drafts:before {
  position: relative;
  top: -6px;
  left: -6px;
}
.app-menu .app-menu-recent-list {
  margin-top: 8px;
  display: block;
  border-top: 1px solid #ccc;
  padding-top: 8px;
  padding-bottom: 16px;
}
@media screen and (min-height: 950px) {
  .app-menu .app-menu-recent-list {
    display: block;
  }
}
.app-menu .app-menu-recent-list .app-menu-subtitle {
  margin-left: 22px;
}
.app-menu .work-templates {
  background-color: inherit;
}
.app-menu .global-search-results-item__avatar-wrapper {
  flex-basis: 38px;
}
.app-menu .global-search-results-item__avatar-wrapper .avatar {
  display: none;
}
.app-menu .global-search-results-item__avatar-wrapper .global-search-results-item__avatar {
  width: 18px;
  height: 18px;
  border-radius: 0px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+QXJ0Ym9hcmQgMTE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJBcnRib2FyZC0xMSIgZmlsbD0iIzkyOTI5MiI+ICAgICAgICAgICAgPHBhdGggZD0iTTEsMTYgQzEsMTYgMS43MzEsMTMuNzMgMi40MSwxMy4yMTQgQzMuMzA0LDEyLjUzNiA3LDEyIDcsMTIgQzcsMTIgNy4xODgsMTEuNzA4IDcuMjUsMTEuMjkyIEM3LjI4OCwxMS4wNDEgNy4zNzUsMTAuMDgzIDcuMzc1LDEwLjA4MyBDNy4zNzUsMTAuMDgzIDYuODAxLDkuNTUgNi42NDYsOS4yNSBDNi4yMzcsOC40NjEgNS40MzgsNi4yMTkgNS41MDIsMy45MTggQzUuNTM5LDIuNTg0IDcsMSA5LDEgQzExLjA0MiwxIDEyLjM1MiwyLjQ1NCAxMi40MzUsMy44ODIgQzEyLjU2Myw2LjA5NCAxMS42NzMsOC42ODUgMTEuMzk2LDkuMTg4IEMxMS4yMDgsOS41MjkgMTAuNjI1LDEwLjA2MyAxMC42MjUsMTAuMDYzIEMxMC42MjUsMTAuMDYzIDEwLjcwNSwxMC45OTkgMTAuNzUsMTEuMjI5IEMxMC43OTksMTEuNDgzIDExLDEyIDExLDEyIEMxMSwxMiAxNC45MywxMi43MDggMTUuODMzLDEzLjQwNCBDMTYuNTA5LDEzLjkyNSAxNywxNiAxNywxNiBDMTcsMTYgMTMuNTgzLDE2Ljk1OCA5LDE2Ljk1OCBDNC40MzgsMTYuOTU4IDEsMTYgMSwxNiIgaWQ9IkNvbnRhY3QtQ29weS0yIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}
.app-menu .global-search-results-item__avatar-wrapper .global-search-results-item__avatar--work {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+QXJ0Ym9hcmQgMTE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJBcnRib2FyZC0xMSIgZmlsbD0iIzkyOTI5MiI+ICAgICAgICAgICAgPHBhdGggZD0iTTE2LDUgTDE0LDUgTDE0LDIgTDQsMiBMNCw1IEwyLDUgQzAuODk1LDUgMCw1Ljg5NSAwLDcgTDAsMTQgQzAsMTUuMTA1IDAuODk1LDE2IDIsMTYgTDE2LDE2IEMxNy4xMDQsMTYgMTgsMTUuMTA1IDE4LDE0IEwxOCw3IEMxOCw1Ljg5NSAxNy4xMDQsNSAxNiw1IEwxNiw1IFogTTYsNCBMMTIsNCBMMTIsNSBMNiw1IEw2LDQgWiBNMTYsMTQgTDIsMTQgTDIsMTEgTDE2LDExIEwxNiw5IEwyLDkgTDIsNyBMMTYsNyBMMTYsMTQgTDE2LDE0IFoiIGlkPSJXb3JrLUNvcHktMTkiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}
.app-menu .search-result-organization__avatar {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-right: 20px;
  border-radius: 0px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ0Nl8yNTgxKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC44IDZWMEgxOFYxOEgwVjZINC44Wk02LjYgMS44SDE2LjJWMTYuMkg2LjZWMS44Wk00LjggNy44SDEuOFYxNi4ySDQuOFY3LjhaIiBmaWxsPSIjOTI5MjkyIi8+CjxwYXRoIGQ9Ik04LjQgMy42SDEwLjhWNkg4LjRWMy42WiIgZmlsbD0iIzkyOTI5MiIvPgo8cGF0aCBkPSJNOC40IDcuMkgxMC44VjkuNkg4LjRWNy4yWiIgZmlsbD0iIzkyOTI5MiIvPgo8cGF0aCBkPSJNMTIgMy42SDE0LjRWNkgxMlYzLjZaIiBmaWxsPSIjOTI5MjkyIi8+CjxwYXRoIGQ9Ik0xMiA3LjJIMTQuNFY5LjZIMTJWNy4yWiIgZmlsbD0iIzkyOTI5MiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ0Nl8yNTgxIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.app-menu .search-result-organization__avatar .avatar {
  display: none;
}
.app-menu .global-search-results-item {
  border: 0px;
  background: none;
  margin-bottom: 0px;
  color: #444444;
}
.app-menu .global-search-results-item a {
  padding: 8px 16px 8px 24px;
}
.app-menu .global-search-results-item__subtitle {
  color: #999999;
}
.app-menu .global-search-results-item a:hover .global-search-results-item__title,
.app-menu .global-search-results-item a:hover .search-result-organization__content .search-result-organization__title {
  color: #444444;
}
.app-menu .global-search-results-item a:hover .global-search-results-item__subtitle {
  color: #999999;
}
.app-menu .global-search-results-item__content {
  max-width: calc(100% - 34px);
}
.app-menu .global-search-results-item__content .global-search-results-item__title {
  color: #000;
  padding-right: 0px;
  font-size: 16px;
}
.app-menu .global-search-results-item.search-result-contact .global-search-results-item__subtitle {
  display: none;
}
.app-menu .global-search-results-item.search-result-contact .global-search-results-item__subtitle {
  display: none;
}
.app-menu .global-search-results-item.search-result-organization .search-result-organization__content,
.app-menu .global-search-results-item.search-result-organization .search-result-client-group__content,
.app-menu .global-search-results-item.search-result-client-group .search-result-organization__content,
.app-menu .global-search-results-item.search-result-client-group .search-result-client-group__content {
  padding-left: 0px;
  min-height: 0px;
  max-width: calc(100% - 40px);
}
.app-menu .global-search-results-item.search-result-organization .search-result-organization__content .search-result-organization__title,
.app-menu .global-search-results-item.search-result-organization .search-result-organization__content .search-result-client-group__title,
.app-menu .global-search-results-item.search-result-organization .search-result-client-group__content .search-result-organization__title,
.app-menu .global-search-results-item.search-result-organization .search-result-client-group__content .search-result-client-group__title,
.app-menu .global-search-results-item.search-result-client-group .search-result-organization__content .search-result-organization__title,
.app-menu .global-search-results-item.search-result-client-group .search-result-organization__content .search-result-client-group__title,
.app-menu .global-search-results-item.search-result-client-group .search-result-client-group__content .search-result-organization__title,
.app-menu .global-search-results-item.search-result-client-group .search-result-client-group__content .search-result-client-group__title {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.app-menu .global-search-results-item.search-result-client-group .search-result-client-group__avatar {
  width: 38px;
  height: 18px;
}
.app-menu .global-search-results-item.search-result-client-group .avatar-client-group {
  width: 30px;
  height: 30px;
  left: -6px;
  top: -3px;
  opacity: 0.5;
}
.app-menu .app-menu-subtitle {
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 6px;
  padding-top: 8px;
  color: #999999;
  cursor: default;
}
.app-menu .app-menu-subtitle:hover {
  color: #999999;
}
.app-menu .app-menu-secondary-menu {
  width: 100%;
  padding: 8px 8px;
  border-top: 1px solid #ccc;
}

.app-menu--item-triage .app-menu-item.shared-sent,
.app-menu--item-triage .app-menu-item.shared-cleared,
.app-menu--item-triage .app-menu-item.shared-triage,
.app-menu--item-triage .app-menu-item.active-triage,
.app-menu--item-drafts .app-menu-item.drafts,
.app-menu--item-scheduled .app-menu-item.scheduled,
.app-menu--item-sent .app-menu-item.sent,
.app-menu--item-later .app-menu-item.later,
.app-menu--item-low-priority .app-menu-item.low-priority,
.app-menu--item-cleared .app-menu-item.cleared,
.app-menu--item-todo .app-menu-section.todo,
.app-menu--item-assignments .app-menu-section.assignments,
.app-menu--item-my-week .app-menu-section.my-week,
.app-menu--item-work-overview .app-menu-item.work-overview,
.app-menu--item-work-templates .app-menu-item.work-templates,
.app-menu--item-progress-reports .app-menu-item.progress-reports,
.app-menu--item-contacts-all .app-menu-item.all,
.app-menu--item-contacts-people .app-menu-item.people,
.app-menu--item-contacts-contact .app-menu-item.people,
.app-menu--item-contacts-organizations .app-menu-item.organizations,
.app-menu--item-contacts-organization .app-menu-item.organizations,
.app-menu--item-contacts-my .app-menu-item.my,
.app-menu--item-contacts-clientGroups .app-menu-item.client-groups,
.app-menu--item-contacts-client-group .app-menu-item.client-groups,
.app-menu--item-segments-segments .app-menu-item.segments,
.app-menu--item-manage-k4c .app-menu-item.manage-k4c,
.app-menu--item-insights .app-menu-item.insights,
.app-menu--item-get-started .app-menu-item.get-started,
.app-menu--item-timesheets .app-menu-item.timesheets,
.app-menu--item-all-timesheets .app-menu-item.all-timesheets,
.app-menu--item-colleague-report .app-menu-item.colleague-report,
.app-menu--item-my-week .app-menu-item.my-week,
.app-menu--item-users-week .app-menu-item.users-week,
.app-menu--item-colleagues-week .app-menu-item.colleagues-week,
.app-menu--section-user .app-menu-item.user,
.app-menu--section-intuit-settings .app-menu-item.intuit-settings,
.app-menu--section-settings .app-menu-item.settings,
.app-menu--item-intelligence .app-menu-item.intelligence,
.app-menu--item-query-builder .app-menu-item.query-builder,
.app-menu--item-billing .app-menu-item.billing,
.app-menu--item-unbilled .app-menu-item.unbilled,
.app-menu--item-billing-runs .app-menu-item.billing-runs,
.app-menu--item-realization .app-menu-item.realization,
.app-menu--item-invoices .app-menu-item.invoices,
.app-menu--item-finance .app-menu-item.finance,
.app-menu--item-receivables .app-menu-item.receivables,
.app-menu--item-settings .app-menu-item.settings,
.app-menu--item-recurring-billing .app-menu-item.recurring-billing,
.app-menu--item-engagements-v2 .app-menu-item.engagements-v2,
.app-menu--item-service-library .app-menu-item.service-library {
  background-color: #fff;
  border-radius: 3px;
}
.app-menu--item-triage .app-menu-item.shared-sent.triage-sub-icon:before,
.app-menu--item-triage .app-menu-item.shared-cleared.triage-sub-icon:before,
.app-menu--item-triage .app-menu-item.shared-triage.triage-sub-icon:before,
.app-menu--item-triage .app-menu-item.active-triage.triage-sub-icon:before,
.app-menu--item-drafts .app-menu-item.drafts.triage-sub-icon:before,
.app-menu--item-scheduled .app-menu-item.scheduled.triage-sub-icon:before,
.app-menu--item-sent .app-menu-item.sent.triage-sub-icon:before,
.app-menu--item-later .app-menu-item.later.triage-sub-icon:before,
.app-menu--item-low-priority .app-menu-item.low-priority.triage-sub-icon:before,
.app-menu--item-cleared .app-menu-item.cleared.triage-sub-icon:before,
.app-menu--item-todo .app-menu-section.todo.triage-sub-icon:before,
.app-menu--item-assignments .app-menu-section.assignments.triage-sub-icon:before,
.app-menu--item-my-week .app-menu-section.my-week.triage-sub-icon:before,
.app-menu--item-work-overview .app-menu-item.work-overview.triage-sub-icon:before,
.app-menu--item-work-templates .app-menu-item.work-templates.triage-sub-icon:before,
.app-menu--item-progress-reports .app-menu-item.progress-reports.triage-sub-icon:before,
.app-menu--item-contacts-all .app-menu-item.all.triage-sub-icon:before,
.app-menu--item-contacts-people .app-menu-item.people.triage-sub-icon:before,
.app-menu--item-contacts-contact .app-menu-item.people.triage-sub-icon:before,
.app-menu--item-contacts-organizations .app-menu-item.organizations.triage-sub-icon:before,
.app-menu--item-contacts-organization .app-menu-item.organizations.triage-sub-icon:before,
.app-menu--item-contacts-my .app-menu-item.my.triage-sub-icon:before,
.app-menu--item-contacts-clientGroups .app-menu-item.client-groups.triage-sub-icon:before,
.app-menu--item-contacts-client-group .app-menu-item.client-groups.triage-sub-icon:before,
.app-menu--item-segments-segments .app-menu-item.segments.triage-sub-icon:before,
.app-menu--item-manage-k4c .app-menu-item.manage-k4c.triage-sub-icon:before,
.app-menu--item-insights .app-menu-item.insights.triage-sub-icon:before,
.app-menu--item-get-started .app-menu-item.get-started.triage-sub-icon:before,
.app-menu--item-timesheets .app-menu-item.timesheets.triage-sub-icon:before,
.app-menu--item-all-timesheets .app-menu-item.all-timesheets.triage-sub-icon:before,
.app-menu--item-colleague-report .app-menu-item.colleague-report.triage-sub-icon:before,
.app-menu--item-my-week .app-menu-item.my-week.triage-sub-icon:before,
.app-menu--item-users-week .app-menu-item.users-week.triage-sub-icon:before,
.app-menu--item-colleagues-week .app-menu-item.colleagues-week.triage-sub-icon:before,
.app-menu--section-user .app-menu-item.user.triage-sub-icon:before,
.app-menu--section-intuit-settings .app-menu-item.intuit-settings.triage-sub-icon:before,
.app-menu--section-settings .app-menu-item.settings.triage-sub-icon:before,
.app-menu--item-intelligence .app-menu-item.intelligence.triage-sub-icon:before,
.app-menu--item-query-builder .app-menu-item.query-builder.triage-sub-icon:before,
.app-menu--item-billing .app-menu-item.billing.triage-sub-icon:before,
.app-menu--item-unbilled .app-menu-item.unbilled.triage-sub-icon:before,
.app-menu--item-billing-runs .app-menu-item.billing-runs.triage-sub-icon:before,
.app-menu--item-realization .app-menu-item.realization.triage-sub-icon:before,
.app-menu--item-invoices .app-menu-item.invoices.triage-sub-icon:before,
.app-menu--item-finance .app-menu-item.finance.triage-sub-icon:before,
.app-menu--item-receivables .app-menu-item.receivables.triage-sub-icon:before,
.app-menu--item-settings .app-menu-item.settings.triage-sub-icon:before,
.app-menu--item-recurring-billing .app-menu-item.recurring-billing.triage-sub-icon:before,
.app-menu--item-engagements-v2 .app-menu-item.engagements-v2.triage-sub-icon:before,
.app-menu--item-service-library .app-menu-item.service-library.triage-sub-icon:before {
  background-color: var(--color-primary);
}

.app-menu--section-shared-triage.app-menu--item-shared-triage .app-menu-sub-section.shared-triage .active {
  background-color: #fff;
  border-radius: 3px;
}
.app-menu--section-shared-triage.app-menu--item-shared-triage .app-menu-sub-section.shared-triage .active.triage-sub-icon:before {
  background-color: var(--color-primary);
}

.app-menu--section-shared-triage.app-menu--item-shared-sent .active + .app-menu-sub-section .active.app-menu-item.shared-sent,
.app-menu--section-shared-triage.app-menu--item-shared-sent .active + .app-menu-sub-section .active.app-menu-item.shared-cleared,
.app-menu--section-shared-triage.app-menu--item-shared-cleared .app-menu-sub-section.shared-triage .active + .app-menu-sub-section .active.app-menu-item.shared-sent,
.app-menu--section-shared-triage.app-menu--item-shared-cleared .app-menu-sub-section.shared-triage .active + .app-menu-sub-section .active.app-menu-item.shared-cleared {
  background-color: #fff;
  border-radius: 3px;
}
.app-menu--section-shared-triage.app-menu--item-shared-sent .active + .app-menu-sub-section .active.app-menu-item.shared-sent.triage-sub-icon:before,
.app-menu--section-shared-triage.app-menu--item-shared-sent .active + .app-menu-sub-section .active.app-menu-item.shared-cleared.triage-sub-icon:before,
.app-menu--section-shared-triage.app-menu--item-shared-cleared .app-menu-sub-section.shared-triage .active + .app-menu-sub-section .active.app-menu-item.shared-sent.triage-sub-icon:before,
.app-menu--section-shared-triage.app-menu--item-shared-cleared .app-menu-sub-section.shared-triage .active + .app-menu-sub-section .active.app-menu-item.shared-cleared.triage-sub-icon:before {
  background-color: var(--color-primary);
}

.triage .app-menu-sub-section .app-menu-sub-section .app-menu-item {
  padding-left: 34px;
}

.app-menu-item.user .user-notification {
  border-radius: 50%;
  background-color: #d61407;
  height: 8px;
  width: 8px;
  margin-left: 8px;
}

.app-menu-sub-section {
  display: none;
}

.app-menu--section-triage .app-menu-sub-section.triage,
.app-menu--section-triage .app-menu-sub-section.shared-triage,
.app-menu--section-shared-triage .app-menu-sub-section.triage,
.app-menu--section-shared-triage .app-menu-sub-section.shared-triage {
  display: block;
}

.triage-not-active {
  display: none;
}

.app-menu-sub-section.shared-triage .app-menu-item.active.active-triage + .app-menu-sub-section.triage {
  display: block;
}

.app-menu-sub-section.triage .app-menu-item.active.active-triage + .app-menu-sub-section.triage {
  display: block;
}

.app-menu-sub-section.triage .app-menu-item + .app-menu-sub-section.triage {
  display: none;
}

.app-menu--section-triage .app-menu-sub-section.shared-triage .app-menu-sub-section {
  display: none;
}

.app-menu--section-shared-triage .app-menu-sub-section.shared-triage .active.app-menu-item + .app-menu-sub-section {
  display: block;
}

.app-menu--section-triage .app-menu-sub-section.triage,
.app-menu--section-shared-triage .app-menu-sub-section.shared-triage,
.app-menu--section-shared-triage .app-menu-sub-section.shared-sent,
.app-menu--section-shared-triage .app-menu-sub-section.shared-cleared,
.app-menu--section-work .app-menu-sub-section.work,
.app-menu--section-contacts .app-menu-sub-section.contacts,
.app-menu--section-timesheets .app-menu-sub-section.timesheets,
.app-menu--section-my-week .app-menu-sub-section.my-week,
.app-menu--section-insights .app-menu-sub-section.insights,
.app-menu--section-intelligence .app-menu-sub-section.intelligence,
.app-menu--section-billing .app-menu-sub-section.billing,
.app-menu--section-engagements-v2 .app-menu-sub-section.engagements-v2 {
  display: block;
}

.feature-request-modal .modal-dialog-bl__vertical-space {
  height: 24px;
}

.help-modal {
  width: 100%;
  max-width: 720px;
  background: #f8f8f8;
  padding: 24px;
}
@media only screen and (max-width: 600px) {
  .help-modal {
    border-radius: 0;
    height: 100%;
    overflow-y: scroll;
    padding: 0;
  }
}
.help-modal__toggles {
  margin: 16px 0 4px 0;
  text-align: left;
}
.help-modal__search {
  position: relative;
}
.help-modal__search .bl-icon, .help-modal__search .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .help-modal__search .drop-down-button__toggle::after, .help-modal__search .auto-complete-email__button--chevron, .help-modal__search .timeline-item-header__shared-icon {
  cursor: pointer;
  position: absolute;
  color: #2872d3;
}
.help-modal__search .bl-icon--search {
  font-size: 40px;
  top: 8px;
  right: 8px;
}
@media only screen and (max-width: 600px) {
  .help-modal__search .bl-icon--search {
    display: none;
  }
}
.help-modal__search .bl-icon--back {
  top: 12px;
  left: 8px;
}
@media only screen and (min-width: 601px) {
  .help-modal__search .bl-icon--back {
    display: none;
  }
}
.help-modal__search input {
  font-size: 20px;
  width: 100%;
  height: 56px;
  outline: none;
  padding-left: 16px;
  border: 1px solid #e6e6e6;
}
@media only screen and (min-width: 601px) {
  .help-modal__search input {
    border-radius: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .help-modal__search input {
    font-size: 18px;
    border-width: 0 0 1px 0;
    padding-left: 48px;
  }
}
.help-modal__articles_link {
  text-decoration: underline;
  padding-left: 4px;
}
.help-modal__articles_link:hover {
  text-decoration: none;
}
.help-modal__topics {
  margin: 16px 0 26px 0;
  text-align: left;
}
.help-modal__topics h3 {
  font-size: 18px;
  margin-bottom: 6px;
}
.help-modal__topics div {
  background-color: white;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 600px) {
  .help-modal__topics h3, .help-modal__topics > a {
    margin-left: 16px;
  }
}
.help-modal__topic {
  display: inline-block;
  width: 50%;
  border-bottom: 1px solid #e6e6e6;
  line-height: 20px;
  padding: 10px 16px;
}
.help-modal__topic h4 {
  text-decoration: underline;
}
.help-modal__topic p {
  margin: 0;
  font-size: 16px;
  color: #999999;
}
@media only screen and (min-width: 601px) {
  .help-modal__topic:nth-child(odd) {
    border-right: 1px solid #e6e6e6;
  }
  .help-modal__topic:hover h4 {
    text-decoration: none;
  }
}
@media only screen and (max-width: 600px) {
  .help-modal__topic {
    width: 100%;
    border-width: 1px 0 0 0;
    padding: 12px 16px;
  }
  .help-modal__topic:last-child {
    border-bottom-width: 1px;
    margin-bottom: 12px;
  }
}
.help-modal__topic.help-modal__no_border {
  border-bottom: 0px;
}
.help-modal .help-not-a-link {
  color: #2872d3;
}
.help-modal__options {
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.help-modal__options a,
.help-modal__options .help-not-a-link,
.help-modal__options .help-modal__option {
  line-height: 20px;
  display: flex;
  flex-direction: row;
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.help-modal__options a div,
.help-modal__options .help-not-a-link div,
.help-modal__options .help-modal__option div {
  padding-left: 10px;
}
.help-modal__options a p,
.help-modal__options .help-not-a-link p,
.help-modal__options .help-modal__option p {
  margin: 0;
  font-size: 16px;
  color: #999999;
}
.help-modal__options a .help-modal__option_icon:after,
.help-modal__options .help-not-a-link .help-modal__option_icon:after,
.help-modal__options .help-modal__option .help-modal__option_icon:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 40px;
}
.help-modal__options a .help-modal__option_icon--training:after,
.help-modal__options .help-not-a-link .help-modal__option_icon--training:after,
.help-modal__options .help-modal__option .help-modal__option_icon--training:after {
  content: "\e928";
}
.help-modal__options a .help-modal__option_icon--feature-request:after,
.help-modal__options .help-not-a-link .help-modal__option_icon--feature-request:after,
.help-modal__options .help-modal__option .help-modal__option_icon--feature-request:after {
  content: "\e927";
}
.help-modal__options a .help-modal__option_icon--contact-support:after,
.help-modal__options .help-not-a-link .help-modal__option_icon--contact-support:after,
.help-modal__options .help-modal__option .help-modal__option_icon--contact-support:after {
  content: "\e929";
}
.help-modal__options a .help-modal__option_icon--log-session:after,
.help-modal__options .help-not-a-link .help-modal__option_icon--log-session:after,
.help-modal__options .help-modal__option .help-modal__option_icon--log-session:after {
  content: "\e937";
}
.help-modal__options a .help-modal__option_icon--booking:after,
.help-modal__options .help-not-a-link .help-modal__option_icon--booking:after,
.help-modal__options .help-modal__option .help-modal__option_icon--booking:after {
  content: "\e93e";
}
.help-modal__options a:last-child,
.help-modal__options .help-not-a-link:last-child,
.help-modal__options .help-modal__option:last-child {
  border-bottom: 0px;
}
.help-modal__options .help-modal__option--uninteractive h4 {
  color: #999999;
}
.help-modal__options a h4,
.help-modal__options .help-not-a-link h4 {
  text-decoration: underline;
}
.help-modal__options a:hover,
.help-modal__options .help-not-a-link:hover {
  cursor: pointer;
}
.help-modal__options a:hover h4,
.help-modal__options .help-not-a-link:hover h4 {
  text-decoration: none;
}
.help-modal__contact {
  margin: 8px 0;
}
@media only screen and (max-width: 600px) {
  .help-modal__contact {
    padding: 16px 0 32px 0;
  }
}
.help-modal__shortcuts {
  color: #999999;
  font-size: 16px;
  padding-top: 0;
}
.help-modal__shortcuts__header {
  text-align: left;
  padding: 12px 0 5px 0;
}
.help-modal__shortcuts__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.help-modal__shortcuts__item {
  margin-right: 12px;
}
.help-modal__shortcuts__item span {
  display: inline-block;
  background: #e6e6e6;
  border-radius: 2px;
  min-width: 55px;
  margin-right: 8px;
  padding: 0 5px;
}
.help-modal__shortcuts__item span:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 600px) {
  .help-modal__shortcuts {
    display: none;
  }
}

.help-modal-intuit__panel {
  font-size: 16px;
  padding: 16px 6px;
  text-align: center;
  background-color: #e6e6e6;
  border-radius: 3px;
}
.help-modal-intuit__contact-number {
  color: #2872d3;
  font-weight: 600;
  margin-top: 6px;
  font-size: 20px;
}

body.intelligence .grid-block {
  height: 100%;
}
body.intelligence .app-content {
  height: 100%;
}
body.intelligence .main.container {
  background-color: var(--color-grey-100);
}

body.billing__invoices .grid-block {
  height: 100%;
}
body.billing__invoices .app-content {
  height: 100%;
}

.app-menu__billing_tag {
  margin-left: 4px;
  margin-top: 4px;
}

@media only screen and (max-width: 715px) {
  body.intelligence .grid-block {
    height: auto;
  }
}
*,
*:after,
*:before {
  box-sizing: border-box;
}

body {
  color: #000;
  background-color: #fff;
  font-family: Metric, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: normal;
}
body.contrast {
  background-color: #f2f2f2;
}
body.white {
  background-color: #fff;
}
body.initial-loading {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 40px 40px;
}
body.finished-loading {
  min-width: initial !important;
  min-height: initial !important;
}

.centered-column {
  width: auto;
  margin: auto;
  max-width: 942px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 65px;
}

.centered-column--new-base-width {
  max-width: 960px;
}

.centered-column--base-width, .simple-filter-bar .simple-filter-bar__filters {
  max-width: 942px;
}

.centered-column--extra-wide, .work-item-hero-panel__content, .client-hero-panel__content, .simple-filter-bar--wide .simple-filter-bar__filters, .simple-filter-bar--extra-wide .simple-filter-bar__filters {
  max-width: 1530px;
}

.centered-column--full-width, .simple-filter-bar--full-width .simple-filter-bar__filters {
  max-width: 100%;
}

.bg {
  background: #e6e6e6;
  min-height: 100vh;
  position: relative;
}
.bg--light {
  background: #fafafa;
}

a {
  color: #2872d3;
  text-decoration: none;
}

ul {
  list-style-type: disc;
}

.tagline {
  color: #999999;
}

#titanic {
  float: none;
}

.universal-timeline .bl-icon--email,
.universal-timeline .bl-icon--note {
  position: absolute;
  margin-left: -38px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #adb2ba;
  min-height: 40px;
}
.universal-timeline__grouped-header {
  background: transparent;
  padding: 18px 0 10px 8px;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  font-size: 18px;
}
@media only screen and (min-width: 601px) {
  .universal-timeline__grouped-header {
    padding-left: 0;
  }
}

.universal-timeline__empty-state-text {
  text-align: center;
  margin-top: 140px;
}

.universal-timeline-item {
  background-color: #fff;
  margin: 8px 0;
  border: 1px solid #cacaca;
  border-radius: 4px;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .universal-timeline-item {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
  }
}
.universal-timeline-item-event {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .universal-timeline-item-event {
    width: 100%;
  }
}
.universal-timeline-item__header {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: #444444;
  font-weight: 500;
}
.universal-timeline-item__header .bl-icon--right-arrow {
  margin-left: 5px;
  margin-right: 5px;
}
.universal-timeline-item__pinned-label {
  color: #999999;
  font-weight: 400;
  position: absolute;
  right: 16px;
}
.universal-timeline-item__pinned-label:before {
  position: absolute;
  margin-top: -5px;
  margin-left: -28px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e946";
  color: #999999;
}
.universal-timeline-item__scheduled-send-indicator {
  margin-left: 12px;
  margin-top: 2px;
}
.universal-timeline-item__meta_data {
  margin-top: 12px;
}
.universal-timeline-item__meta_data__attachement {
  padding-left: 20px;
  margin-right: 16px;
}
.universal-timeline-item__meta_data__attachement:before {
  position: absolute;
  margin-top: -7px;
  margin-left: -26px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e938";
  color: #444444;
}
.universal-timeline-item__meta_data__comment {
  padding-left: 22px;
  margin-right: 16px;
}
.universal-timeline-item__meta_data__comment:before {
  position: absolute;
  margin-top: -7px;
  margin-left: -28px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e941";
  color: #444444;
}
.universal-timeline-item__meta_data__email {
  padding-left: 27px;
  margin-right: 16px;
}
.universal-timeline-item__meta_data__email:before {
  position: absolute;
  margin-top: -7px;
  margin-left: -32px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e939";
  color: #444444;
}
.universal-timeline-item__date {
  margin-left: 8px;
  font-weight: 400;
}
.universal-timeline-item__avatar .avatar, .universal-timeline-item__system-avatar, .universal-timeline-item__avatar {
  height: 24px;
  width: 24px;
  font-size: 18px;
  line-height: 20px;
  margin-right: 8px;
  margin-top: 1px;
}
.universal-timeline-item__system-avatar {
  background-color: #999999;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  position: relative;
}
.universal-timeline-item__system-avatar:before {
  position: absolute;
  left: -1px;
  margin-top: 0px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93a";
  font-size: 24px;
  color: #fff;
}
.universal-timeline-item__external-system-avatar {
  background-color: #999999;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  position: relative;
}
.universal-timeline-item__external-system-avatar:before {
  position: absolute;
  left: -5px;
  top: -4px;
  margin-top: 0px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e960";
  font-size: 32px;
  color: #fff;
}
.universal-timeline-item__work-scheduler-avatar {
  background-color: #999999;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  position: relative;
}
.universal-timeline-item__work-scheduler-avatar:before {
  position: absolute;
  left: -5px;
  margin-top: -4px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e947";
  font-size: 32px;
  color: #fff;
}
.universal-timeline-item__subject {
  font-weight: 600;
  color: #000;
}
.universal-timeline-item__synopsis {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 46.8px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  font-size: 16px;
  margin: 14px 0px 4px 0px;
  color: #444444;
}
.universal-timeline-item__note-frame {
  background-color: #fdf6ed;
  border: 1px solid #d4c4ae;
  padding: 16px;
}
.universal-timeline-item__note-frame .universal-timeline-item__synopsis {
  margin: 0px;
}
.universal-timeline-item__note-frame .universal-timeline-item__subject {
  display: block;
  margin-bottom: 6px;
}
.universal-timeline-item__older-replies {
  position: relative;
  border-top: 1px solid #dfdfdf;
  padding: 10px 10px 10px 70px;
  background-color: #f8f8f8;
  cursor: pointer;
}
.universal-timeline-item__conversation {
  display: flex;
  padding: 16px;
}
.universal-timeline-item__conversation--first {
  width: 100%;
  cursor: pointer;
}
.universal-timeline-item__conversation--last {
  align-items: center;
  position: relative;
  border-top: 1px solid #dfdfdf;
  background-color: #f8f8f8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.universal-timeline-item__conversation--event {
  background-color: #ececec;
  border-radius: 4px;
  color: #999999;
  width: 100%;
}
.universal-timeline-item__conversation--event .universal-timeline-item__body {
  flex-wrap: wrap;
}
.universal-timeline-item__conversation--event .universal-timeline-item__body--last .universal-timeline-item__author {
  color: #999999;
  margin-right: 4px;
}
.universal-timeline-item__body--first {
  width: 100%;
}
.universal-timeline-item__body--last {
  display: flex;
  align-items: center;
}
.universal-timeline-item__body--last .universal-timeline-item__author {
  font-weight: 500;
  margin-right: 5px;
  color: #444444;
  white-space: nowrap;
}
.universal-timeline-item__body--last .universal-timeline-item__excerpt {
  color: #444444;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 23.4px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  font-size: 16px;
}
.universal-timeline-item__body--last .universal-timeline-item__comment-border {
  display: flex;
  align-items: center;
}
.universal-timeline-item--expanding {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.universal-timeline-item--expanded {
  margin: 16px 0;
  border: 0;
}
.universal-timeline-item--collapsing {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.universal-timeline-item__progress-bud {
  height: 2px;
  position: absolute;
  bottom: -1px;
  z-index: 1;
  background-color: #2872d3;
  width: 25%;
  animation-duration: 1.8s;
  animation-name: progressbudwidth;
  animation-iteration-count: infinite;
}
.universal-timeline-item__status-label {
  color: #2872d3;
  display: inline;
  margin-left: 8px;
  font-weight: 400;
  width: initial;
}
.universal-timeline-item__conversation--comment-preview.universal-timeline-item__conversation--last {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.universal-timeline-item__conversation--comment-preview .universal-timeline-item__comment-border {
  padding: 5px 12px 6px;
  border: 1px solid #cfe4fb;
  background-color: #ddedff;
  border-radius: 16px;
  margin-right: 5px;
}
.universal-timeline-item__conversation--comment-preview .universal-timeline-item__comment-footer {
  color: #999999;
}
.universal-timeline-item__conversation--comment-preview .universal-timeline-item__excerpt {
  color: #444444;
  height: auto;
}

.universal-timeline-loader.timeline-loader {
  margin: 0;
  margin-top: 20px;
  height: 77px;
}
.universal-timeline-loader.timeline-loader .timeline-loader__header {
  width: 200px;
  margin-bottom: 12px;
}
.universal-timeline-loader.timeline-loader .timeline-loader__line:nth-of-type(3) {
  display: inline-block;
  width: 160px;
}
.universal-timeline-loader.timeline-loader .timeline-loader__line:nth-of-type(4) {
  display: inline-block;
  width: 100px;
}
.universal-timeline-loader.timeline-loader .timeline-loader__line:nth-of-type(5) {
  display: none;
}
@media only screen and (min-width: 601px) {
  .universal-timeline-loader.timeline-loader {
    margin: 0;
    margin-top: 20px;
  }
}

.universal-timeline-item__conversation .event-item__author {
  font-weight: 500;
}
.universal-timeline-item__conversation .bl-icon, .universal-timeline-item__conversation .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .universal-timeline-item__conversation .drop-down-button__toggle::after, .universal-timeline-item__conversation .auto-complete-email__button--chevron, .universal-timeline-item__conversation .timeline-item-header__shared-icon {
  position: absolute;
  top: 16px;
  left: 52px;
}
.universal-timeline-item__conversation .event-item__header a {
  color: #000;
}
.universal-timeline-item__conversation .event-item__content {
  background-color: #ebebeb;
  border: 1px solid #e4dfdf;
  border-radius: 16px;
  padding: 5px 12px 6px 34px;
}
.universal-timeline-item__conversation .event-item__date {
  margin-left: 8px;
}

.item-view {
  color: #444444;
}
.item-view .left-content {
  color: #444444;
  float: left;
}
.item-view .right-content {
  float: right;
}
.item-view .content {
  margin-left: 65px;
}
.item-view .content .header {
  color: #999999;
  margin-top: 15px;
  display: block;
}
.item-view .content h4 {
  font-size: 1.05rem;
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 600;
}
.item-view .more-conversation {
  margin-top: 10px;
}
.item-view .outer-body {
  margin-top: 10px;
  margin-bottom: 10px;
}
.item-view .controls {
  display: flex;
  justify-content: flex-end;
}
.item-view textarea {
  border: none;
  height: 100px;
}

.timeline-item--fadein {
  opacity: 0;
  transition: opacity 0.1s;
}

.timeline-item--fadein-end {
  opacity: 1;
}

.timeline-item__header {
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin-left: 48px;
  margin-top: 0;
  min-height: 30px;
  padding-bottom: 4px;
}
@media only screen and (max-width: 600px) {
  .timeline-item__header {
    margin-left: 0;
  }
}
.timeline-item__header .timeline-item-header__primary-title {
  font-size: 18px;
}

.timeline-item__header__type {
  color: #000;
}

.timeline-item__content__body {
  font-size: 16px;
  width: 100%;
  margin: 0;
  display: inline-block;
  overflow-x: auto;
}
@media only screen and (min-width: 601px) {
  .timeline-item__content__body {
    overflow: initial;
    padding-left: 48px;
  }
}

.timeline-item__button {
  margin-top: 10px;
  margin-bottom: 16px;
  display: block;
}
@media only screen and (min-width: 601px) {
  .timeline-item__button {
    margin-left: 56px;
  }
}
@media only screen and (max-width: 600px) {
  .timeline-item__button {
    margin-top: 32px;
  }
}

.timeline-item__bordered-group {
  position: relative;
  border: 2px #e6e6e6 solid;
  border-radius: 5px;
  width: auto;
  padding: 16px;
  margin-top: 8px;
  padding-left: 56px;
}

.timeline-item__content__body .timeline-item__feature-icon {
  position: absolute;
  top: 17px;
  left: 23px;
  display: inline-block;
}

.timeline-item__description {
  padding: 0;
  word-wrap: break-word;
  overflow-y: hidden;
  overflow-x: auto;
}

.timeline-item__description--truncated {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 50.4px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  height: auto;
}

.timeline-item__left-content {
  position: absolute;
}
@media only screen and (max-width: 600px) {
  .timeline-item__left-content {
    margin-left: 8px;
  }
}

.timeline-item__content {
  margin-left: 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .timeline-item__content {
    margin-top: -2px;
    margin-left: 52px;
  }
}
.timeline-item__content h4 {
  font-size: 1.05rem;
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 600;
}

.timeline-item__header {
  padding: 0;
}
.timeline-item__header .header {
  color: #999999;
  margin-top: 15px;
  display: block;
}
.timeline-item__header em,
.timeline-item__header i {
  font-style: normal;
  color: #000;
}
.timeline-item__header em {
  font-weight: 400;
}

.timeline-item__subject {
  font-weight: 600;
  font-size: 18px;
  border: 0;
  padding-bottom: 16px;
  display: inline-block;
}
@media only screen and (min-width: 601px) {
  .timeline-item__subject {
    padding-bottom: 0;
    display: inline;
  }
}

.timeline-item__date {
  display: inline;
  width: initial;
  font-weight: 400;
}

.timeline-conversation {
  position: relative;
}
.timeline-conversation .action-bar--timeline {
  position: relative;
}
.timeline-conversation .action-bar--timeline .tagline {
  margin-top: 16px;
  display: block;
}
.timeline-conversation .action-bar--timeline .action-bar__title {
  border: 0;
}
.timeline-conversation .action-bar--timeline .drop-down-button__toggle {
  top: 0;
  position: relative;
  height: 48px;
  right: 0;
}
.timeline-conversation .action-bar--timeline .drop-down-button__list {
  right: 0;
  position: absolute;
  left: auto;
  top: 32px;
}
.timeline-conversation .action-bar--timeline .drop-down-button__list .action-button, .timeline-conversation .action-bar--timeline .drop-down-button__list .login__form-button {
  text-transform: none;
  position: static;
}

.timeline-item-header {
  left: 50%;
}

.timeline-item-header.timeline-item__header--sticky {
  background: #fff;
  position: fixed;
  width: 772px;
  left: 50%;
  margin-left: -451px;
  margin-top: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 4;
}

.menu-open .timeline-item-header.timeline-item__header--sticky {
  left: calc(50% + 120px);
}

.menu-transitioning .timeline-item-header.timeline-item__header--sticky {
  transition: left 0.3s;
}

.timeline-view__item {
  padding: 0;
}

.event-view {
  background-color: rgba(255, 255, 255, 0.5);
  min-height: 74px;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  border: 1px solid rgb(223, 223, 223);
}
.event-view.event-view--expanded {
  background-color: #ffffff;
}
.event-view .event-view__content {
  margin-left: 56px;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .event-view .event-view__content {
    margin-left: 40px;
  }
}
.event-view .timeline-item__left-content {
  top: 16px;
}
@media only screen and (max-width: 600px) {
  .event-view .timeline-item__left-content {
    top: 18px;
  }
}
.event-view.work-assignment-event .event-view__date {
  display: inline;
  font-weight: 400;
}

.email-view {
  position: relative;
  background: #fff;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .email-view {
    overflow-y: auto;
  }
}
.email-view iframe {
  border: 0;
}
.email-view .email-edit__composer-container {
  position: relative;
}
.email-view .email-edit__composer-container .rich-textarea__toolbar {
  width: calc(100% - 280px);
}
.email-view .email-edit__row {
  height: 58px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.email-view .email-edit__label {
  font-size: 1.1em;
  color: #999999;
  padding-right: 0;
  white-space: nowrap;
}
.email-view__scheduled-eamil-cancel-action {
  position: absolute;
  right: 7px;
  top: 10px;
}
.email-view.drop-zone--enter .email-edit__body {
  background-color: rgba(222, 222, 222, 0.8);
  color: rgba(222, 222, 222, 0.8);
  border: 4px dashed #5d5d5d;
}
.email-view.drop-zone--enter .email-edit__body::before {
  color: #777;
  font-size: 28px;
  position: absolute;
  top: 50%;
  left: 40%;
  content: "Drop files here";
}
.email-view.drop-zone--enter .rich-textarea__container {
  opacity: 0;
}
.email-view.drop-zone--enter .email-view__iframe-history {
  opacity: 0;
}
.email-view:focus {
  outline: 0;
}
.email-view .email-edit__subject {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 1px;
  position: static;
  width: 100%;
}
.email-view .email-edit__body {
  margin: 16px;
  resize: none;
}
.email-view .email-edit__body textarea {
  padding: 0px;
}
@media only screen and (max-width: 600px) {
  .email-view .email-edit__body {
    overflow-y: inherit;
    padding-bottom: 60px;
  }
  .email-view .email-edit__body .rich-textarea__toolbar {
    position: fixed;
  }
}
.email-view .item-controls .action-button, .email-view .item-controls .login__form-button {
  padding-left: 26px;
  padding-right: 26px;
  font-size: 18px;
  padding-top: 0px;
  padding-bottom: 3px;
}
.email-view .item-controls .action-button:disabled, .email-view .item-controls .login__form-button:disabled {
  background-color: var(--color-grey-400);
  line-height: 38px;
  font-size: 16px;
}
.email-view .rich-textarea__toolbar {
  z-index: 2;
}
.email-view.email-view--fixed-item .email-edit__body {
  margin-bottom: 40px;
}
.email-view.email-view--fixed-item .rich-textarea__toolbar {
  position: fixed;
  bottom: 0;
}
.email-view .item-controls {
  position: inherit;
  padding-top: 16px;
}
.email-view .email-reply-options {
  display: flex;
  align-items: center;
  border-bottom: 1px #e6e6e6 solid;
  background-color: #f8f8f8;
}
.email-view .email-reply-options div {
  border-right: 1px #e6e6e6 solid;
  padding: 10px 20px;
  color: #2872d3;
}
.email-view .email-reply-options .email-reply-options__selected {
  background-color: White;
  color: #000;
}
.email-view .email-edit__fields--has-double-border {
  padding-bottom: 1px;
  border-bottom: 1px #e6e6e6 solid;
}
@media only screen and (max-width: 600px) {
  .email-view .email-edit__fields--has-double-border {
    border-bottom: 0;
  }
}
.email-view .email-view__iframe-history {
  margin: 0;
}
.email-view .email-view__iframe-history__content {
  margin-top: 16px;
}
.email-view .email-view__iframe-history__iframe-preview {
  margin-top: 16px;
}
.email-view .email-edit__draft-status {
  align-self: center;
  color: #999999;
  font-size: 16px;
  width: 60px;
  text-align: right;
  margin-right: 8px;
  margin-top: 3px;
}
.email-view.email-view--new {
  border: 1px solid #cacaca;
  border-radius: 4px;
}
.email-view.email-view--new form input,
.email-view.email-view--new form textarea {
  padding: 20px;
}
.email-view.email-view--new .email-edit__subject input {
  font-weight: 400;
}
.email-view.email-view--new .email-edit__body.under__subject {
  padding: 0px 16px 16px 16px;
}
@media only screen and (max-width: 600px) {
  .email-view.email-view--new {
    padding-top: 0;
  }
  .email-view.email-view--new, .email-view.note-view--editing {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    width: 100%;
    border-radius: 0;
  }
  .email-view.email-view--new .email-view-mobile-header .action-button, .email-view.email-view--new .email-view-mobile-header .login__form-button, .email-view.note-view--editing .email-view-mobile-header .action-button, .email-view.note-view--editing .email-view-mobile-header .login__form-button {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.email-view textarea {
  resize: none;
  height: 180px;
  line-height: 20px;
}
@media only screen and (min-width: 601px) {
  .email-view {
    border-radius: 3px;
  }
  .email-view .timeline-item__content__body {
    padding-left: 48px;
  }
  .email-view .action-bar__title {
    font-weight: 400;
  }
}
.email-view .item-controls {
  display: flex;
  justify-content: flex-end;
  padding-right: 16px;
  position: relative;
  bottom: 18px;
  -ms-flex-pack: end;
}
@media only screen and (max-width: 600px) {
  .email-view .item-controls {
    position: fixed;
    bottom: 16px;
  }
}
.email-view .item-controls .item-controls__buttons {
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
}
.email-view .item-controls .item-controls__buttons .email-view__discard-button {
  align-self: center;
  cursor: pointer;
  height: 36px;
  width: 40px;
  margin-right: 16px;
  margin-top: 0;
  padding-top: 3px;
  border-right: 1px solid #e6e6e6;
}
.email-view .file-upload-button {
  margin-right: auto;
}

.email-view--focussed {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: default;
}
@media only screen and (max-width: 600px) {
  .email-view--focussed {
    overflow-x: hidden;
  }
}

.email_view__attachment_count {
  color: #999999;
  margin-left: 18px;
}

.email_view__attachment_icon {
  color: #999999;
}
.email_view__attachment_icon:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e938";
  position: absolute;
  margin-top: -3px;
  margin-left: -6px;
  font-size: 26px;
  color: #999999;
}

@media only screen and (max-width: 600px) {
  .email-view__body {
    padding-top: 56px;
  }
}

.email-view-unsecure-content-banner {
  padding: 5px 0;
  font-size: 16px;
}

.email-view__email-history-indicator {
  position: relative;
  cursor: pointer;
  width: 21px;
  height: 13px;
  border: 1px solid #ccc;
  background-color: #eee;
  font-size: 11px;
  border-radius: 1px;
  color: #999999;
  margin: 8px 0 3px 0;
}
.email-view__email-history-indicator:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611";
  position: absolute;
  top: -4px;
  left: 0;
  font-size: 19px;
}
.email-view__email-history-indicator:hover {
  color: #000;
  background-color: #ddd;
}

.email-view--focussed .email-view__dropdown--inline {
  right: -4px;
  top: 4px;
  position: absolute;
}
.email-view--focussed .email-view__dropdown--inline .drop-down-button__list {
  right: 0;
}
.email-view--focussed .email-view__dropdown--inline .drop-down-button__toggle {
  color: #000;
}

.email-conversation:focus {
  outline: none;
}

.email-conversation--triage-compact {
  height: 100%;
  width: 100%;
}
.email-conversation--triage-compact iframe html {
  overflow: hidden;
}
.email-conversation--triage-compact .email-tray-grid {
  border-top: none;
  min-height: 100%;
}
.email-conversation--triage-compact .email-tray-grid__left-panel {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.email-conversation--triage-compact .new-email-content-wrapper {
  padding: 16px;
  padding-bottom: 56px;
  overflow: auto;
}
.email-conversation--triage-compact .new-email-content-inner {
  min-width: 600px;
}
.email-conversation--triage-compact .timeline-item__content__body {
  overflow-x: auto;
}
.email-conversation--triage-compact .tab-panel {
  z-index: 15;
}

.email-conversation--expanded {
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(68, 68, 68, 0.3);
  border-radius: 3px;
  border: none;
  margin-bottom: 24px;
  margin-top: 24px;
  position: relative;
}

.email-conversation--expanded.email-conversation--triage-compact {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}

.email-conversation--expanded .timeline-item-header {
  padding-bottom: 14px;
  background-color: #f9f9f9;
}
.email-conversation--expanded .selectable-type-icon {
  float: left;
  min-width: 36px;
  margin-right: 20px;
}
.email-conversation--expanded .selectable-type-icon .selectable-type-icon__checkbox {
  border-color: #999999;
}
.email-conversation--expanded .email-view--draft {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
@media only screen and (max-width: 600px) {
  .email-conversation--expanded {
    z-index: 49;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0px;
    background-color: #fff;
    margin: 0;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .email-conversation--expanded .triage-controls {
    right: 22px;
  }
}
.email-conversation--expanded:focus {
  outline: none;
}
.email-conversation--expanded .action-bar--bottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-left: 16px;
}
.email-conversation--expanded .action-bar--bottom .fa {
  color: #2872d3;
  height: 100%;
  line-height: 48px;
  font-size: 16px;
}
.email-conversation--expanded .email-view--collapsed {
  padding-top: 10px;
  padding-bottom: 14px;
}
.email-conversation--expanded .email-view--collapsed .timeline-item__header {
  min-height: inherit;
}
.email-conversation--expanded .email-view--collapsed .timeline-item__meta-area {
  margin-bottom: 0;
}
.email-conversation--expanded .email-view .timeline-item__header {
  color: #444444;
  margin-top: 0;
}
.email-conversation--expanded .email-view .timeline-item__header i,
.email-conversation--expanded .email-view .timeline-item__header .bl-icon--right-arrow {
  color: #444444;
}
.email-conversation--expanded .email-view .timeline-item__description {
  margin-top: 0;
  line-height: 20px;
  font-size: 16px;
  word-wrap: break-word;
}
@media only screen and (max-width: 600px) {
  .email-conversation--expanded .email-view .timeline-item__description {
    padding: 0px;
  }
}
.email-conversation--expanded .email-view.email-view--focussed .timeline-item__description.email-reset {
  font-size: 14px;
}
.email-conversation--expanded .email-view.email-view--focussed .timeline-item__description.email-reset ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.email-conversation--expanded .email-view--is-saving .email-view__discard-button {
  opacity: 0.5;
  cursor: default !important;
}

.email-conversation--collapsed .timeline-item__description {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 50.4px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  height: auto;
}
.email-conversation--collapsed .email-view {
  cursor: pointer;
}
.email-conversation--collapsed .timeline-item__subject {
  word-wrap: break-word;
}

.email-conversation .block-list__item {
  position: relative;
}

.email-conversation:not(.email-conversation--triage-compact) .block-list__item:first-child.block-list__item--bordered {
  border-top: 0px;
}

.email-conversation__info-banner {
  font-size: 16px;
  background-color: rgba(230, 230, 230, 0.5);
  color: #000;
  padding: 8px 16px;
  border-radius: 3px;
  margin: 0 0 16px 0;
}
.email-conversation__info-banner .human-time-ago {
  color: #000;
}

.email-conversation--collapsed .email-conversation__info-banner,
.email-view--collapsed .email-conversation__info-banner {
  display: none;
}

.email-conversation__info-banner.email-conversation__info-banner--title {
  margin: 0;
  border-radius: 0;
  border-top: 1px solid #e6e6e6;
}

.email-conversation__info-banner__action {
  color: #2872d3;
  cursor: pointer;
}

.action-bar__title.conversation-view__subject {
  border: 0;
}

.email-view .timeline-item__header__type {
  color: #000;
}

.email-view--collapsed {
  color: #444444;
  cursor: pointer;
}
.email-view--collapsed .recipients-summary {
  color: #000;
}
.email-view--collapsed .timeline-item__meta-area__collapse-region {
  display: none !important;
}
.email-view--collapsed .timeline-item__description {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 20.52px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.14;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}

.conversation-view__reply-button {
  display: flex;
  line-height: 50px;
  padding-top: 0px;
  background-color: #fff;
  max-width: 500px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-button {
    padding: 0px 0px 16px 0px;
    width: 100%;
  }
}
.conversation-view__reply-button .timeline-item__left-content {
  margin-top: 5px;
}

.conversation-view__reply-area {
  margin-left: 48px;
  flex-grow: 1;
  min-width: 160px;
}

.conversation-view__reply-options {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  border: 1px #cacaca solid;
  border-radius: 3px;
  margin-right: 8px;
  padding-left: 13px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options {
    padding-left: 8px;
    margin-left: 0;
    margin-top: 0;
  }
}
.conversation-view__reply-options .timeline-item__content.spacer {
  cursor: default;
  flex-grow: 1;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__reply {
  text-decoration: none;
  margin-top: 8px;
  margin-bottom: -10px;
  margin-right: 0;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__reply:hover {
  color: #2872d3;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__reply:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60d";
  font-size: 31px;
  width: 44px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options .timeline-item__content.conversation-view__reply:before {
    width: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options .timeline-item__content.conversation-view__reply {
    margin-left: 32px;
  }
}
.conversation-view__reply-options .timeline-item__content.conversation-view__forward {
  text-decoration: none;
  margin-top: 8px;
  margin-bottom: -10px;
  margin-right: 5px;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__forward:hover {
  color: #2872d3;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__forward:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600";
  font-size: 31px;
  width: 44px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options .timeline-item__content.conversation-view__forward:before {
    width: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options .timeline-item__content.conversation-view__forward {
    margin-left: 0px;
  }
}

.conversation-view__comment {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  font-size: 18px;
  padding-left: 18px;
  padding-right: 16px;
  border: 1px #cacaca solid;
  border-radius: 3px;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .conversation-view__comment {
    font-size: 16px;
    margin-left: 0px;
  }
}
.conversation-view__comment:hover {
  color: #2872d3;
}
.conversation-view__comment:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  font-size: 20px;
  width: 24px;
  margin-top: 14px;
  margin-right: 4px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__comment:before {
    display: none;
  }
}

.conversation-view__reply-button-label {
  font-size: 18px;
  /* truncate the text when out of space */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-button-label {
    font-size: 16px;
    margin-left: 8px;
    min-width: 80px;
  }
}
.conversation-view__reply-button-label:hover {
  color: #2872d3;
}
.conversation-view__reply-button-label:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e931";
  font-size: 31px;
  width: 44px;
  top: 7px;
  position: relative;
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-button-label:before {
    display: none;
  }
}

.email-view--new {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.form-container--modal.form-container--transparent {
  background: none;
  box-shadow: none;
  height: auto;
  margin-top: -200px;
}

.email-view__file-attachments {
  margin-top: 24px;
  margin-bottom: 8px;
  display: table;
}
@media only screen and (max-width: 600px) {
  .email-view__file-attachments {
    max-width: 100%;
    display: inline-block;
  }
  .email-view__file-attachments .file-pill {
    word-break: break-word;
  }
}

.email-view__forward-subject {
  border-bottom: 1px solid #e6e6e6;
}

.email-view__draft-subject {
  width: 100%;
}

.email-conversation .email-view .timeline-item__meta-area__collapse-region {
  display: none;
}

.email-conversation--expanded .email-view .timeline-item__meta-area__collapse-region {
  display: block;
  flex-grow: 1;
}

.email-popout {
  width: 900px;
  height: auto;
}

.email-popout__collapse {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.email-popout__expand {
  position: absolute;
  top: 28px;
  right: 28px;
  cursor: pointer;
}

.email-popout__expand {
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  color: #2872d3;
  padding: 8px;
}

.email-popout .email-popout__expand {
  display: none;
}

.email-popout .auto-complete__input__items {
  padding-right: 48px;
}

.email-popout .email-view--draft {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.email-view-mobile-header {
  height: 56px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  background: #fff;
  border-bottom: 1px #e6e6e6 solid;
  padding-right: 12px;
}
.email-view-mobile-header .action-button, .email-view-mobile-header .login__form-button {
  font-size: 18px;
  text-transform: capitalize;
  line-height: 56px;
}
.email-view-mobile-header .action-button:last-child, .email-view-mobile-header .login__form-button:last-child {
  font-weight: 600;
}

.email-view-mobile-header-title {
  text-align: center;
  flex: 1;
  line-height: 56px;
  font-size: 20px;
}

.email-action-bar__assign-dialog .form-container {
  height: auto;
  min-height: 440px;
}
.email-action-bar__assign-dialog textarea {
  height: 150px;
}
.email-action-bar__assign-dialog .selection-button--indent-list .selectable-list {
  left: 0px;
}

.email-action-bar__assign-due-date {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #e6e6e6;
}
.email-action-bar__assign-due-date .email-action-bar__due-date-popover {
  width: 100%;
  max-width: none;
  padding: 0;
  padding-left: 12px;
  border: none;
}
.email-action-bar__assign-due-date .email-action-bar__due-date-popover .pop-over__contents {
  top: 37px;
  left: 0px;
}
.email-action-bar__assign-due-date .pop-over__toggle {
  height: 100%;
  width: 100%;
  text-align: left;
  color: rgb(42, 42, 42);
  font-size: 1.1em;
}

.modal-dialog-bl .email-view .email-view__body .rich-textarea {
  max-height: calc(100vh - 280px);
}

.modal-dialog-bl .email-view.email-view--cc-bcc-expanded .email-view__body .rich-textarea {
  max-height: calc(100vh - 400px);
}

.modal-dialog-bl .email-view .email-view__body khq-text-editor {
  max-height: calc(100vh - 230px);
}

.modal-dialog-bl .email-view.email-view--cc-bcc-expanded .email-view__body khq-text-editor {
  max-height: calc(100vh - 350px);
}

.global-add-email .email-edit__body,
.email-popout .email-edit__body {
  overflow-y: auto;
}

.ember-modal-dialog.remove-email-modal .remove-email__checkboxes {
  margin-top: 16px;
}
.ember-modal-dialog.remove-email-modal .form-block .form-label {
  color: #000;
}

.email-conversation--reply-disabled .conversation-view__reply-options .conversation-view__reply-button-label,
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.conversation-view__reply,
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.conversation-view__forward {
  color: #999999;
  cursor: default;
}
.email-conversation--reply-disabled .conversation-view__reply-options .conversation-view__reply-button-label:hover,
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.conversation-view__reply:hover,
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.conversation-view__forward:hover {
  color: #999999;
}
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.spacer {
  cursor: default;
}

.note-timeline-item--collapsed .note-view {
  border: 1px solid rgb(223, 223, 223);
  border-radius: 3px;
}
.note-timeline-item--collapsed .timeline-item__meta-area__collapse-region {
  display: none;
}
@media only screen and (max-width: 600px) {
  .note-timeline-item--collapsed > .note-view--editing {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    padding-top: 70px;
    border: 0;
  }
  .note-timeline-item--collapsed > .note-view--editing .email-view-mobile-header {
    display: flex;
    left: 0;
    z-index: 49;
  }
  .note-timeline-item--collapsed > .note-view--editing .note-view__work-selector {
    z-index: 50;
  }
  .note-timeline-item--collapsed > .note-view--editing .item-controls {
    display: none;
  }
}

.note-timeline-item--collapsed .note-view:first-child .timeline-item__description {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 41.04px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.14;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}

.note-timeline-item--collapsed.note-timeline-item--has-replies {
  cursor: pointer;
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid rgb(223, 223, 223);
  border-bottom: none;
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-timeline-item__replies-counter {
  background-color: #f8f8f8;
  border: 1px solid rgb(223, 223, 223);
  border-bottom: none;
  padding: 10px;
  padding-left: 48px;
}
@media only screen and (min-width: 601px) {
  .note-timeline-item--collapsed.note-timeline-item--has-replies .note-timeline-item__replies-counter {
    padding: 10px 10px 10px 72px;
  }
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #f8f8f8;
  border: 1px solid rgb(223, 223, 223);
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:last-child .timeline-item__description {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 41.04px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.14;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:last-child .timeline-item__header {
  margin-left: 38px;
  margin-bottom: 0;
  margin-top: 2px;
  min-height: 26px;
  width: 100%;
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:last-child .avatar {
  width: 28px;
  height: 28px;
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:last-child .timeline-item__avatar {
  margin-left: 40px;
  margin-top: -2px;
}
@media only screen and (min-width: 601px) {
  .note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:last-child .timeline-item__avatar {
    margin-left: 54px;
  }
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:last-child .timeline-item__content .timeline-item__meta-area {
  padding-left: 0;
}
.note-timeline-item--collapsed.note-timeline-item--has-replies .note-view:last-child .avatar--empty {
  font-size: 20px;
  line-height: 25px;
}

.note-timeline-item .email-view-mobile-header {
  display: none;
}

.timeline-view {
  width: auto;
  margin: auto;
  position: relative;
  padding-bottom: 77px;
}
.timeline-view .block-list {
  margin-left: 0;
  margin-right: 0;
}
.timeline-view .block-list__item--spaced {
  padding: 0;
  border-bottom: 2px #e6e6e6 solid;
  padding-bottom: 8px;
}
.timeline-view .block-list:first-child {
  min-height: 18px;
}
.timeline-view .timeline-view__group {
  padding-bottom: 0;
}
@media only screen and (min-width: 601px) {
  .timeline-view {
    margin: 0;
  }
  .timeline-view .block-list__item--spaced {
    border: 0;
  }
}
.timeline-view .block-list__item > .bl-icon, .timeline-view .checklist-relative-due-date-input--minimal .block-list__item > .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .timeline-view .block-list__item > .drop-down-button__toggle::after, .timeline-view .block-list__item > .auto-complete-email__button--chevron, .timeline-view .block-list__item > .timeline-item-header__shared-icon {
  position: absolute;
  left: -38px;
  margin-top: 20px;
  color: #adb2ba;
}
.timeline-view .bl-icon.bl-icon--note:before, .timeline-view .bl-icon--note.auto-complete-email__button--chevron:before, .timeline-view .bl-icon--note.timeline-item-header__shared-icon:before,
.timeline-view .bl-icon.bl-icon--Note:before,
.timeline-view .bl-icon--Note.auto-complete-email__button--chevron:before,
.timeline-view .bl-icon--Note.timeline-item-header__shared-icon:before,
.timeline-view .bl-icon.bl-icon--note-timeline-conversation:before,
.timeline-view .bl-icon--note-timeline-conversation.auto-complete-email__button--chevron:before,
.timeline-view .bl-icon--note-timeline-conversation.timeline-item-header__shared-icon:before {
  content: "\e60c";
}
.timeline-view .bl-icon.bl-icon--email-timeline-conversation:before, .timeline-view .bl-icon--email-timeline-conversation.auto-complete-email__button--chevron:before, .timeline-view .bl-icon--email-timeline-conversation.timeline-item-header__shared-icon:before {
  content: "\e608";
}

.timeline-view .timeline-view__segment,
.timeline-view__segment {
  background: transparent;
  padding: 18px 0 10px 8px;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  font-size: 18px;
}
@media only screen and (min-width: 601px) {
  .timeline-view .timeline-view__segment,
  .timeline-view__segment {
    padding-left: 0;
  }
}

.controls {
  padding: 10px;
}
.controls button {
  margin: 5px;
}

.mention-wrapper {
  background-color: #bed4f1;
  color: White;
  border-radius: 5px;
  padding: 0px 3px 2px 3px;
}
.mention-wrapper a {
  text-decoration: none;
  color: #000;
}
.mention-wrapper.no-link {
  color: #000;
}

.mentionable-rich-textarea__position-container {
  position: static;
}

.mention-holder {
  background-color: #bed4f1;
  color: #000;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 5px;
  padding: 0px 3px 2px 3px;
}

.mentionable-textarea {
  min-height: 200px;
}
.mentionable-textarea > textarea {
  resize: none;
}

.mentionable-autocomplete {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  background: #fff;
  border-radius: 5px;
  width: 100%;
  min-width: 220px;
  max-width: 300px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  z-index: var(--z-index-drop-down);
}
.mentionable-autocomplete.hide {
  display: none;
}
.mentionable-autocomplete__fullName {
  color: #bbb;
}
.mentionable-autocomplete .mentionable-autocomplete__title {
  text-transform: uppercase;
  color: #999999;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}
.mentionable-autocomplete .mentionable-autocomplete__empty {
  height: 223px;
  padding: 12px;
}
.mentionable-autocomplete .mentionable-autocomplete__results .mentionable-autocomplete__results__item {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mentionable-autocomplete .mentionable-autocomplete__results .mentionable-autocomplete__results__item.mentionable-autocomplete__results__item--selected {
  background-color: rgba(68, 68, 68, 0.05);
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.mentionable-autocomplete .mentionable-autocomplete__results .mentionable-autocomplete__results__item:hover {
  background-color: rgba(68, 68, 68, 0.05);
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.mentionable-autocomplete .selectable-list__item {
  padding: 8px 16px;
}

.mention__spinner {
  height: 20px;
  width: 20px;
  padding-top: 8px;
}
.mention__spinner:before {
  content: "";
  animation-name: spinme;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
  border: solid #999999 2px;
  border-top-width: 0;
  border-radius: 0 0 10px 10px;
  display: block;
  height: 10px;
  margin-top: 10px;
  transform-origin: 10px 0px;
  transition: opacity 1s ease-out;
  width: 20px;
}

.note-conversation {
  box-shadow: 0 2px 20px 0 rgba(68, 68, 68, 0.3);
  background-color: #fff;
  border-radius: 4px;
}
.note-conversation__details {
  cursor: default;
  min-height: 240px;
  display: flex;
  flex-direction: row;
  border-top: 1px solid #cacaca;
}
.note-conversation__note {
  /* Also need it to show above the comment area AB#29600 */
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 16px;
  min-height: 80px;
}
@media only screen and (max-width: 600px) {
  .note-conversation__note {
    padding-left: 4px;
    padding-right: 8px;
  }
}
.note-conversation__note .file-pill {
  border-color: #d4c4ae;
}
.note-conversation__note .file-pill__remove-button {
  display: none;
}
.note-conversation__note .note-edit-area .file-pill__remove-button {
  display: block;
}
.note-conversation__note__edit-marker {
  padding-left: 4px;
  color: #999999;
}
.note-conversation__spacer {
  flex-grow: 1;
}
.note-conversation__note__avatar {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 16px;
  top: 20px;
}
@media only screen and (max-width: 600px) {
  .note-conversation__note__avatar {
    left: 8px;
  }
}
.note-conversation__note__author {
  margin-left: 50px;
  font-weight: 500;
  color: #444444;
  margin-bottom: 12px;
}
.note-conversation__note__author .human-time-ago {
  margin-left: 5px;
  font-weight: 400;
}
.note-conversation__note__content {
  margin-left: 50px;
  background-color: #fdf6ed;
  border: 1px solid #d4c4ae;
  padding: 12px 20px 8px 20px;
}
.note-conversation__note__title {
  font-size: 22px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
  margin-right: 12px;
  word-break: break-word;
}
.note-conversation__note__body {
  color: #444444;
  word-break: break-word;
}
.note-conversation__note__body img {
  max-width: 100%;
}
.note-conversation__note__settings-icon {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 60px;
  color: #999999;
}
.note-conversation__note__settings-icon .bl-icon, .note-conversation__note__settings-icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .note-conversation__note__settings-icon .drop-down-button__toggle::after, .note-conversation__note__settings-icon .auto-complete-email__button--chevron, .note-conversation__note__settings-icon .timeline-item-header__shared-icon {
  font-size: 26px;
}
.note-conversation__note .file-upload-manager {
  margin-left: 0px;
}
.note-conversation__content {
  border-right: 1px solid #cacaca;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.note-conversation .conversation-list-item:only-child {
  margin-top: 0px;
}
@media only screen and (max-width: 600px) {
  .note-conversation .note-conversation-header__note-icon {
    display: none;
  }
}

.note-conversation.note-conversation--triage-compact {
  box-shadow: none;
  width: 100%;
  height: 100%;
}
.note-conversation.note-conversation--triage-compact .note-conversation__details {
  border-top: none;
  min-height: 100%;
}
.note-conversation.note-conversation--triage-compact .note-conversation__content {
  padding-bottom: 40px;
}

.note-conversation .side-tray-tab-panel {
  background: #f8f8f8;
  min-height: 540px;
}
.note-conversation .side-tray-tab-panel .tab-panel__panel {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.note-conversation .side-tray-tab-panel .tab-panel__content {
  width: 320px;
}

.note-conversation-header {
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background-color: #f9f9f9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.note-conversation-header__title {
  font-size: 18px;
  font-weight: 600;
}
.note-conversation-header__subtitle {
  font-size: 16px;
  color: #999999;
}
.note-conversation-header__subtitle__item {
  margin-right: 8px;
}
.note-conversation-header__spacer {
  height: 100%;
  flex-grow: 1;
}
.note-conversation-header__note-icon {
  margin-right: 12px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgbm90ZQogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgIDxnIGlkPSJub3RlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4KICAgICAgPHBhdGggZD0iTTIwIDM5TDIwIDM5QzMwLjQ5IDM5IDM5IDMwLjQ5IDM5IDIwIDM5IDkuNTEgMzAuNDkgMSAyMCAxIDkuNTEgMSAxIDkuNTEgMSAyMCAxIDMwLjQ5IDkuNTEgMzkgMjAgMzlMMjAgMzlaTTIwIDQwTDIwIDQwQzguOTUgNDAgMCAzMS4wNSAwIDIwIDAgOC45NSA4Ljk1IDAgMjAgMCAzMS4wNSAwIDQwIDguOTUgNDAgMjAgNDAgMzEuMDUgMzEuMDUgNDAgMjAgNDBMMjAgNDBaIiBpZD0iU2hhcGUiIGZpbGw9IiNDQUNBQ0EiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiLz4KICAgICAgPHBhdGggZD0iTTI2IDEyTDE0IDEyQzEyLjkgMTIgMTIgMTIuOSAxMiAxNEwxMiAyNkMxMiAyNy4xMSAxMi45IDI4IDE0IDI4TDI2IDI4QzI3LjEgMjggMjggMjcuMTEgMjggMjZMMjggMTRDMjggMTIuOSAyNy4xIDEyIDI2IDEyWk0xNCAxNEwyNiAxNCAyNiAyNiAxNCAyNiAxNCAxNFpNMTcgMjIuOThMMjMgMjIuOThDMjMuNTUgMjIuOTggMjQgMjIuNTMgMjQgMjEuOTggMjQgMjEuNDMgMjMuNTUgMjAuOTggMjMgMjAuOThMMTcgMjAuOThDMTYuNDUgMjAuOTggMTYgMjEuNDMgMTYgMjEuOTggMTYgMjIuNTMgMTYuNDUgMjIuOTggMTcgMjIuOThaTTE3IDE4Ljk4TDIzIDE4Ljk4QzIzLjU1IDE4Ljk4IDI0IDE4LjUzIDI0IDE3Ljk4IDI0IDE3LjQzIDIzLjU1IDE2Ljk4IDIzIDE2Ljk4TDE3IDE2Ljk4QzE2LjQ1IDE2Ljk4IDE2IDE3LjQzIDE2IDE3Ljk4IDE2IDE4LjUzIDE2LjQ1IDE4Ljk4IDE3IDE4Ljk4WiIgaWQ9Ik5vdGUtQ29weSIgZmlsbD0iIzQ0NDQ0NCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
}
.note-conversation-header__checkbox {
  margin-left: -16px;
}
.note-conversation-header .triage-controls-button.drop-down-button .drop-down-button__toggle {
  background: none;
}
.note-conversation-header .summary-associations {
  color: #000;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: -4px;
  padding-top: 0px;
}
.note-conversation-header .summary-associations a {
  color: #444444;
  text-decoration: underline;
}
.note-conversation-header .summary-associations a:hover {
  text-decoration: none;
}
.note-conversation-header .summary-associations .association {
  min-height: 32px;
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.note-conversation-header .summary-associations .association .fake-link {
  color: #000;
  text-decoration: underline;
}
.note-conversation-header .summary-associations .association .fake-link:hover {
  text-decoration: none;
}
.note-conversation-header .summary-associations .association .association-icon {
  display: inline-block;
  position: relative;
  margin-top: 2px;
  margin-left: -6px;
}
.note-conversation-header .summary-associations .association .association-label {
  display: inline-block;
  position: relative;
}
.note-conversation-header .summary-associations .association .assignment-badge {
  background: #2872d3;
  color: #fff;
  border-radius: 3px;
  padding: 0 8px;
  display: flex;
  margin-top: -1px;
  align-items: center;
}
.note-conversation-header .summary-associations .association .assignment-badge .association-icon {
  margin-top: -2px;
  margin-bottom: -4px;
}

.note-edit-area {
  width: 100%;
  position: relative;
}
.note-edit-area .note-edit-area__textarea {
  position: static;
}
.note-edit-area .note-edit-area__textarea .rich-textarea__toolbar {
  bottom: 0;
  padding-bottom: 0px;
  width: calc(100% - 230px);
}
.note-edit-area .file-upload-manager {
  margin-left: 0;
}
.note-edit-area__textarea .rich-textarea__toolbar {
  z-index: auto;
}
.note-edit-area__textarea .rich-textarea__toolbar .rich-textarea__toolbar__button--separator:first-child {
  display: none;
}
.note-edit-area .item-controls {
  display: flex;
  justify-content: flex-end;
}
.note-edit-area .item-controls__spacer {
  flex-grow: 1;
}
.note-edit-area .item-controls .action-button, .note-edit-area .item-controls .login__form-button {
  padding-left: 26px;
  padding-right: 26px;
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 3px;
}
.note-edit-area .item-controls .note-edit__discard-button {
  border-right: 1px solid #e6e6e6;
  margin-right: 12px;
  padding-top: 2px;
  padding-right: 3px;
  cursor: pointer;
}

.note-create {
  cursor: pointer;
  color: #000;
  padding: 0 16px 16px;
  position: relative;
  background-color: #fff;
  border-radius: 3px;
}
.note-create__title-input {
  padding-left: 0;
  width: 100%;
}
.note-create__title-input input {
  padding-left: 6px;
}
.note-create .note-client-selector {
  margin: 14px -14px 0;
}
.note-create .note-client-selector .look-ahead__list {
  margin: 0 12px;
}
.note-create .note-client-selector .look-ahead-client.look-ahead.look-ahead--form-element {
  border: none;
}
.note-create .auto-complete-work .typeahead-input__clear {
  right: 0;
  top: 10px;
}
.note-create .note-create__work-selector {
  z-index: 4;
}
.note-create .note-create__assign-todo-period.date-input .date-input__calander-icon {
  top: 3px;
}
.note-create .note-edit__body {
  margin: 16px 0;
  resize: none;
}
.note-create .note-edit__body ul li {
  list-style-type: disc;
}
.note-create .note-edit__body ol li {
  list-style-type: decimal;
}
.note-create .note-edit__body textarea {
  padding: 0;
}
.note-create .note-edit__body.under__subject {
  padding: 0 16px 16px;
}
.note-create .note-edit__overlay {
  cursor: default;
}
.note-create .note-edit__overlay ul li {
  list-style-type: none;
}
.note-create .note-edit-area__textarea .rich-textarea__toolbar {
  padding-bottom: 0px;
  bottom: 3px;
}
.note-create__contact-clear {
  position: absolute;
  top: 12px;
  right: 16px;
}
.note-create__assignment-row, .note-create__assignment-row-top {
  height: 58px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 -16px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.note-create__assignment-row .email-action-bar__assign-due-date, .note-create__assignment-row-top .email-action-bar__assign-due-date {
  border-bottom: none;
}
.note-create__assignment-row .email-action-bar__assign-due-date .email-action-bar__due-date-popover, .note-create__assignment-row-top .email-action-bar__assign-due-date .email-action-bar__due-date-popover {
  padding-left: 0;
}
.note-create__assignment-row .email-action-bar__assign-due-date .action-button, .note-create__assignment-row .email-action-bar__assign-due-date .login__form-button, .note-create__assignment-row-top .email-action-bar__assign-due-date .action-button, .note-create__assignment-row-top .email-action-bar__assign-due-date .login__form-button {
  padding-left: 0;
}
.note-create .look-ahead-user-profile.look-ahead.look-ahead--form-element {
  margin: 0;
  border: 0;
}
.note-create .look-ahead-user-profile.look-ahead.look-ahead--form-element .look-ahead__input {
  padding-left: 8px;
}
.note-create .look-ahead-user-profile.look-ahead.look-ahead--form-element .look-ahead__clear {
  right: -7px;
}
.note-create__work-selector {
  width: 100%;
}
.note-create__work-selector__options {
  display: flex;
  align-items: center;
  width: 100%;
}
.note-create .typeahead-input, .note-create .auto-complete-email {
  padding: 0;
  border: 0;
}
.note-create__assignment-row-label {
  font-size: 1.1em;
  color: #999999;
  padding-right: 8px;
  white-space: nowrap;
}
.note-create__assignment-row-label--add-to {
  width: 64px;
}
.note-create__assignment-row-label--due {
  padding-left: 16px;
}
.note-create__assign-todo-period {
  width: 50%;
  font-size: 17.6px;
}
.note-create__assign-todo-period .pop-over__toggle {
  color: #000;
}
.note-create__assign-due-date {
  width: 50%;
  border-left: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
}
.note-create__assign-due-date .duedate-notset .pop-over__toggle {
  color: #999999;
}
.note-create__assignment-row--add-to-my-week .note-create__assign-due-date {
  border-left: none;
}
.note-create__assignment-row--add-to-my-week .note-create__assignment-row-label--due {
  padding-left: 0;
}
.note-create .auto-complete {
  margin-left: -16px;
  margin-right: -16px;
}
.note-create .auto-complete .auto-complete__input .auto-complete__input__button {
  padding-top: 0;
  padding-left: 32px;
}
.note-create .note-create__assignment-button.action-button, .note-create .note-create__assignment-button.login__form-button {
  background: #fff;
  border: 0;
  color: #000;
  font-size: 1.1em;
  font-weight: 400;
  padding: 0;
  text-transform: none;
}
.note-create .action-button:focus, .note-create .login__form-button:focus {
  outline: none;
}
.note-create .action-button.display-details, .note-create .display-details.login__form-button {
  font-size: 16px;
}
.note-create .item-view .controls {
  padding: 0;
}
.note-create .ember-text-area {
  height: 192px;
}
.note-create .action-button.note-create__choose-button, .note-create .note-create__choose-button.login__form-button {
  float: left;
  padding: 4px;
  height: auto;
  margin-right: 8px;
  border: none;
}
@media only screen and (min-width: 601px) {
  .note-create .action-button.note-create__choose-button, .note-create .note-create__choose-button.login__form-button {
    padding: 6px;
  }
}
.note-create .action-button.note-create__choose-button + .action-button.note-create__choose-button, .note-create .note-create__choose-button.login__form-button + .action-button.note-create__choose-button, .note-create .action-button.note-create__choose-button + .note-create__choose-button.login__form-button, .note-create .note-create__choose-button.login__form-button + .note-create__choose-button.login__form-button {
  border-left: 1px solid #ddd;
  padding-left: 12px !important;
}
@media only screen and (min-width: 601px) {
  .note-create {
    border-radius: 3px;
  }
  .note-create .action-bar__title {
    font-weight: 400;
  }
  .note-create.note-create--collapsed .timeline-item__content__body {
    padding-left: 0;
  }
}
.note-create .auto-complete__input {
  position: relative;
}
.note-create .auto-complete__input .auto-complete__input-clear {
  color: #e6e6e6;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
}
@media only screen and (max-width: 600px) {
  .note-create .form-container {
    border-radius: 0;
  }
  .note-create .timeline-item__content {
    margin-left: 40px;
  }
  .note-create .timeline-item__content .timeline-item__meta-area {
    min-height: auto;
  }
  .note-create .conversation-view__reply-button {
    border-top: 0;
    border-bottom: 1px #e6e6e6 solid;
  }
}

.modal-dialog-bl .global-add-note > .ember-view.form-container.form-container--modal {
  height: auto;
  width: 600px;
  border-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .modal-dialog-bl .global-add-note > .ember-view.form-container.form-container--modal {
    height: 100%;
    width: 100%;
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 769px) {
  .modal-dialog-bl .global-add-note > .ember-view.form-container.form-container--modal {
    width: 770px;
  }
}
.modal-dialog-bl .global-add-note .note-view {
  height: auto;
}
.modal-dialog-bl .global-add-note .note-view .rich-textarea {
  max-height: calc(100vh - 252px);
}
.modal-dialog-bl .global-add-note .note-view--extra-details .rich-textarea {
  max-height: calc(100vh - 310px);
}
.modal-dialog-bl .global-add-note .mentionable-textarea .focussed-textarea {
  padding: 0;
}
.modal-dialog-bl .global-add-note .mentionable-textarea .focussed-textarea textarea {
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .modal-dialog-bl .global-add-note {
    height: 100%;
    width: 100%;
    padding-top: 56px;
  }
  .modal-dialog-bl .global-add-note .email-view-mobile-header {
    left: 0;
    z-index: 49;
  }
  .modal-dialog-bl .global-add-note .note-view__work-selector {
    z-index: 51;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .modal-dialog-bl .global-add-note .note-view__work-selector .auto-complete-work .typeahead-input__suggestions, .modal-dialog-bl .global-add-note .note-view__work-selector .auto-complete-work .auto-complete-email__suggestions {
    border: 1px solid #e6e6e6;
  }
}
@media only screen and (max-width: 600px) {
  .modal-dialog-bl .global-add-note .note-view__work-selector__options {
    min-width: 200px;
  }
  .modal-dialog-bl .global-add-note .note-view-button--cancel {
    padding: 0;
    padding-left: 16px;
  }
  .modal-dialog-bl .global-add-note .note-view-button--save {
    padding: 0;
    padding-right: 16px;
  }
  .modal-dialog-bl .global-add-note .item-controls {
    display: none;
  }
}

.triage-controls-button:before {
  margin: 0 auto;
  font-size: 28px;
  margin-top: 3px;
  margin-left: 6px;
  display: inline-block;
  line-height: initial;
}

.triage-controls-button--forward:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e917";
  font-size: 32px;
  margin-top: 2px;
  margin-left: 5px;
}

.triage-controls-button--reply:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60d";
  margin-top: 1px;
  margin-left: 3px;
}

.triage-controls-button--add-to-work:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  font-size: 30px;
  margin-top: 2px;
}

.triage-controls-button--complete:before,
.triage-controls-button--undo:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  font-size: 31px;
  margin-left: 4px;
  width: 35px;
}
.triage-controls-button--complete:focus, .triage-controls-button--complete:active,
.triage-controls-button--undo:focus,
.triage-controls-button--undo:active {
  background: #2872d3;
  color: #fff;
}

.triage-controls--later:after,
.triage-controls--low-priority:after,
.triage-controls-button--undo-tick:after {
  pointer-events: none;
  position: relative;
  height: 0;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  color: #000;
  display: inline;
  vertical-align: middle;
  top: -2px;
  line-height: 0;
}

.triage-controls-button--undo:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613";
  margin-top: 4px;
  margin-left: 6px;
}

.triage-controls-button--more:focus, .triage-controls-button--more:active {
  background: #2872d3;
  color: #fff;
}

.triage-controls-button--close::after {
  border-right: none !important;
}
.triage-controls-button--close:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
  margin: 5px 0;
  padding-left: 14px;
  color: #000;
  border-left: 1px rgba(153, 153, 153, 0.2) solid;
  display: inline-block;
  margin-top: 0;
}

.triage-controls-button {
  flex: 1;
  display: flex;
  text-align: center;
  color: #2872d3;
  float: left;
  cursor: pointer;
  line-height: initial;
  font-size: 15px;
  padding: 0;
  margin-left: 4px;
  height: 40px;
  width: 30px;
}
.triage-controls-button:before {
  line-height: initial;
}

.action-bar {
  float: none;
  font-weight: normal;
}
.action-bar .triage-controls-button .drop-down-button__list .button {
  color: #000;
}
.action-bar .triage-controls-button .drop-down-button__list .button:hover, .action-bar .triage-controls-button .drop-down-button__list .button:focus {
  color: #2872d3;
  background: #d4e3f6;
}

.triage-controls-button.drop-down-button {
  border: none;
}

.triage-controls-button--more {
  border: none;
  color: inherit;
}
.triage-controls-button--more:hover, .triage-controls-button--more:focus {
  color: inherit;
  background: inherit;
}

.triage-controls {
  display: flex;
  position: absolute;
  right: 22px;
  top: 13px;
  width: auto;
  left: auto;
  margin-bottom: 0;
  padding-left: 8px;
  z-index: 2;
}

.triage-item.triage-item--completed .triage-controls {
  background-color: transparent;
}

.email-conversation--collapsed .triage-controls {
  z-index: auto;
}

/*  Dropdown list isnt playing nice in this situation, override styles and look at
 updating the component later */
.triage-controls-button.drop-down-button {
  position: relative;
}
.triage-controls-button.drop-down-button .drop-down-button__toggle {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  overflow: visible;
  background: transparent;
}
.triage-controls-button.drop-down-button .drop-down-button__toggle:hover:before {
  background-color: rgba(153, 153, 153, 0.25);
  border-radius: 20px;
}
.triage-controls-button.drop-down-button span {
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  .triage-controls-button.drop-down-button span {
    opacity: 1;
  }
}
.triage-controls-button.drop-down-button .button.action-button.drop-down-button__toggle, .triage-controls-button.drop-down-button .button.drop-down-button__toggle.login__form-button {
  height: 32px;
  background: transparent;
}
.triage-controls-button.drop-down-button .button.action-button.drop-down-button__toggle::before, .triage-controls-button.drop-down-button .button.drop-down-button__toggle.login__form-button::before {
  top: 2px;
  left: 50%;
  margin-left: -16px;
}
.triage-controls-button.drop-down-button .drop-down-button__list {
  right: -3px;
  top: 37px;
  z-index: 50;
}

.triage-controls-group {
  margin: 0;
  padding: 0;
  display: flex;
  width: auto;
  height: 40px;
}
.triage-controls-group .triage-controls-button {
  width: 44px;
  margin: 0;
}
.triage-controls-group .triage-controls-button:after {
  content: "";
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.triage-list .timeline-item-header__primary-title {
  padding-right: 250px;
}
@media only screen and (max-width: 600px) {
  .triage-list .timeline-item-header__primary-title {
    padding-right: 0;
  }
}

.triage-controls--undo p:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  color: #999999;
}
.triage-controls--undo p {
  margin: 0;
  padding: 0;
  display: inline;
  color: #999999;
}

@media only screen and (max-width: 600px) {
  .triage-controls-button.drop-down-button.drop-down-button--modal {
    border: 2px rgba(40, 114, 211, 0.2) solid;
  }
  .triage-controls-button.drop-down-button.drop-down-button--modal > .action-button, .triage-controls-button.drop-down-button.drop-down-button--modal > .login__form-button {
    color: #2872d3;
  }
  .triage-controls-button.drop-down-button .drop-down-button__list {
    top: auto;
  }
}
.triage-paginator {
  position: relative;
  display: flex;
  font-size: 1.1em;
  justify-content: right;
  background: #fff;
  width: 100%;
}
.triage-paginator--first-page .arrow.bl-icon--prev {
  opacity: 0.4;
  cursor: default;
}
.triage-paginator--last-page .arrow.bl-icon--next {
  opacity: 0.4;
  cursor: default;
}
.triage-paginator__offset {
  flex: 1 2 auto;
}
.triage-paginator__controls {
  position: relative;
}
.triage-paginator__controls .current-page-text {
  cursor: pointer;
}
.triage-paginator__controls .current-page-text:hover {
  text-decoration: underline;
}
.triage-paginator__controls .arrow {
  position: relative;
  top: 8px;
  cursor: pointer;
}
.triage-paginator .selectable-list {
  position: absolute;
  top: 36px;
  right: 60px;
  z-index: 99;
  width: 200px;
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 12px;
  margin-left: 78px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.triage-paginator__index-top {
  margin-top: -8px;
}
.triage-paginator__index-bottom {
  height: 140px;
}
.triage-paginator__cleared-top {
  margin-right: 12px;
}
.triage-paginator__cleared-bottom {
  height: 140px;
}
.triage-paginator__low-priority-top {
  margin-right: 12px;
}
.triage-paginator__low-priority-bottom {
  height: 140px;
}
.triage-paginator__base-text-size {
  font-size: 1rem;
}

.triage-cleared {
  position: absolute;
  top: 90px;
  left: 50%;
  max-width: 700px;
  height: 550px;
  margin: 0 auto;
  overflow: visible;
  opacity: 0;
  transition: opacity 400ms;
}

#triage-cleared__main {
  position: absolute;
  width: 400px;
  height: 400px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 600px) {
  #triage-cleared__main {
    left: 50%;
    margin-left: -200px;
    transform: scale(0.8);
    top: 46px;
  }
}

.triage-cleared.triage-cleared--expanded {
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  .triage-cleared.triage-cleared--expanded {
    left: 0;
    min-height: 100vh;
    position: relative;
  }
}

#triage-cleared__hex {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#triage-cleared__hex #shape {
  fill: #2872d3;
}

.triage-cleared__content {
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding-top: 150px;
}

.triage-cleared__title {
  color: #fff;
  font-size: 28px;
  width: 100%;
  margin-bottom: 20px;
}

.triage-cleared__action {
  min-width: 180px;
  font-size: 14px;
  background-color: #fff;
  font-weight: 600;
  color: #2872d3;
  text-transform: uppercase;
  border: none;
  display: block;
  margin: 0 auto 12px !important;
}
@media only screen and (max-width: 600px) {
  .triage-cleared__action {
    transform: scale(1.2);
  }
}

.triage-cleared__refresh {
  font-size: 18px;
  background-color: transparent;
  color: #fff;
  border: none;
  display: block;
  margin: 60px auto 0px;
}

.triage-cleared__major-rings > * {
  opacity: 0.4;
  position: absolute;
  width: 240px;
  height: 240px;
  top: calc(50% - 120px);
  left: calc(50% - 120px);
  border: 2px solid #2872d3;
  border-radius: 50%;
  transform: translate(0, 0);
  transition: transform 800ms ease-out 0.3s;
}

.triage-cleared__minor-rings > * {
  opacity: 0.4;
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  border: 2px solid #2872d3;
  border-radius: 50%;
  transform: translate(0, 0);
  transition: transform 800ms ease-out 0.4s;
}

.triage-cleared.triage-cleared--expanded .triage-cleared__major-rings > *:nth-child(1) {
  transform: translate(0, -180px);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__major-rings > *:nth-child(2) {
  transform: translate(156px, -90px);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__major-rings > *:nth-child(3) {
  transform: translate(156px, 90px);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__major-rings > *:nth-child(4) {
  transform: translate(0, 180px);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__major-rings > *:nth-child(5) {
  transform: translate(-156px, 90px);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__major-rings > *:nth-child(6) {
  transform: translate(-156px, -90px);
}

.triage-cleared.triage-cleared--expanded .triage-cleared__minor-rings > *:nth-child(1) {
  transform: translate(135px, -234px);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__minor-rings > *:nth-child(2) {
  transform: translate(270px, 0);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__minor-rings > *:nth-child(3) {
  transform: translate(135px, 234px);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__minor-rings > *:nth-child(4) {
  transform: translate(-135px, 234px);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__minor-rings > *:nth-child(5) {
  transform: translate(-270px, 0);
}
.triage-cleared.triage-cleared--expanded .triage-cleared__minor-rings > *:nth-child(6) {
  transform: translate(-135px, -234px);
}

.triage-work-assignment {
  display: flex;
  min-height: 200px;
  background-color: #fff;
  flex-direction: column;
  border-radius: 3px;
}
.triage-work-assignment__header {
  padding: 16px 16px 14px 18px;
  width: 100%;
  min-height: 74px;
  color: #333;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.triage-work-assignment__header .summary-associations {
  color: #000;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: -4px;
  padding-top: 0px;
}
.triage-work-assignment__header .summary-associations a {
  color: #444444;
  text-decoration: underline;
}
.triage-work-assignment__header .summary-associations a:hover {
  text-decoration: none;
}
.triage-work-assignment__header .summary-associations .association {
  min-height: 32px;
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.triage-work-assignment__header .summary-associations .association .fake-link {
  color: #000;
  text-decoration: underline;
}
.triage-work-assignment__header .summary-associations .association .fake-link:hover {
  text-decoration: none;
}
.triage-work-assignment__header .summary-associations .association .association-icon {
  display: inline-block;
  position: relative;
  margin-top: 2px;
  margin-left: -6px;
}
.triage-work-assignment__header .summary-associations .association .association-label {
  display: inline-block;
  position: relative;
}
.triage-work-assignment__header .summary-associations .association .assignment-badge {
  background: #2872d3;
  color: #fff;
  border-radius: 3px;
  padding: 0 8px;
  display: flex;
  margin-top: -1px;
  align-items: center;
}
.triage-work-assignment__header .summary-associations .association .assignment-badge .association-icon {
  margin-top: -2px;
  margin-bottom: -4px;
}
.triage-work-assignment .universal-timeline-item__system-avatar {
  border: none;
}
.triage-work-assignment .universal-timeline-item__system-avatar:before {
  left: 0;
  margin-top: 1px;
}
.triage-work-assignment__content {
  padding: 16px;
  flex-grow: 1;
  border-top: 1px solid #cacaca;
}
.triage-work-assignment__title {
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  margin-right: 60px;
}
.triage-work-assignment__details-container {
  display: flex;
}
.triage-work-assignment__details-container .activity-item__message {
  padding: 4px 12px 6px 12px;
  flex-direction: column;
  display: flex;
}
.triage-work-assignment__work-link {
  padding: 32px 6px 6px 6px;
  text-decoration: underline;
}
.triage-work-assignment__comment-container {
  display: flex;
}
.triage-work-assignment__details-container + .triage-work-assignment__comment-container {
  margin-top: 16px;
}
.triage-work-assignment__detail {
  line-height: 24px;
}
.triage-work-assignment__detail--work {
  font-size: 17px;
  line-height: 30px;
  margin-top: -4px;
  font-weight: 600;
  text-decoration: underline;
}
.triage-work-assignment__detail--work a {
  color: #000;
}
.triage-work-assignment__detail .human-time-ago {
  font-size: inherit;
  color: inherit;
}
.triage-work-assignment .triage-list-item__association {
  text-decoration: none;
  font-size: inherit;
}
.triage-work-assignment__association {
  min-height: 32px;
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.triage-work-assignment__association .fake-link {
  color: #000;
  text-decoration: underline;
}
.triage-work-assignment__association .fake-link:hover {
  text-decoration: none;
}
.triage-work-assignment__association .association-icon {
  display: inline-block;
  position: relative;
  margin-top: 2px;
  margin-left: -6px;
}
.triage-work-assignment__association .association-label {
  display: inline-block;
  position: relative;
}
.triage-work-assignment__association .assignment-badge {
  background: #2872d3;
  color: #fff;
  border-radius: 3px;
  padding: 0 8px;
  display: flex;
  margin-top: -1px;
  align-items: center;
}
.triage-work-assignment__association .assignment-badge .association-icon {
  margin-top: -2px;
  margin-bottom: -4px;
}

.triage-new-items-notification {
  align-items: center;
  background-color: #2872d3;
  border-radius: 5px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
  color: white;
  cursor: pointer;
  display: none;
  font-weight: 400;
  justify-content: center;
  margin: -40px auto -30px;
  padding-right: 8px;
  position: sticky;
  top: 13px;
  width: -webkit-max-content;
  width: max-content;
  z-index: 10;
}
.triage-new-items-notification .triage-new-items-notification-view-items {
  text-decoration: none;
  margin-top: -3px;
}
.triage-new-items-notification .triage-new-items-notification-view-items:hover {
  text-decoration: underline;
}
.triage-new-items-notification:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e922";
  left: 0;
  top: 0;
  margin-top: -2px;
}
.triage-new-items-notification .triage-new-items-notification-close:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
  color: white;
  font-size: 32px;
  margin-top: 2px;
  top: 0;
  right: 10px;
}
@media (max-width: 900px) {
  .triage-new-items-notification {
    float: right;
  }
}

body.triage.triage-has-new-items .triage-new-items-notification {
  display: flex;
}

.triage-timeline-loader.timeline-loader {
  margin: 0;
  margin-top: 4px;
  max-width: none;
  height: 48px;
  padding-bottom: 0;
  padding-top: 18px;
  padding-left: 60px;
}
.triage-timeline-loader.timeline-loader .timeline-loader__icon {
  left: 12px;
  top: 8px;
}
.triage-timeline-loader.timeline-loader .timeline-loader__header {
  margin-bottom: 0;
}
.triage-timeline-loader.timeline-loader .timeline-loader__line {
  display: none;
}
@media only screen and (min-width: 601px) {
  .triage-timeline-loader.timeline-loader {
    margin: 0;
    margin-top: 4px;
  }
}

.page-header .drop-down-button--triage.drop-down-button--modal .drop-down-button__toggle {
  width: 100%;
  background: transparent;
  font-weight: 600;
  height: 48px;
  line-height: 48px;
}
.page-header .drop-down-button--triage.drop-down-button--modal .drop-down-button__toggle:before {
  display: none;
}
.page-header .drop-down-button--triage.drop-down-button--modal .drop-down-button__toggle:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
}

.page-header .drop-down-button--triage.drop-down-button--modal {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0px;
  width: 100%;
  border-top: 1px rgba(255, 255, 255, 0.2) solid;
}

.page-header--triage h1:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAAQUOEhkcJSpJUGV4oqW2vL3Iz9Lj7vP3CSt/OAAAAIJJREFUKM/tz0sOgkAUBdFCAeWjQPNpav8bdQIhBnDIyBq+k7zkApTt5K4YqgTg/vakLgNOVbuE0h9VtGqTsyt9qYFJPVBI1Ygqh6lew9+LruX/7ut2R/V5pLk6E9Rw4HmjDlTLlLHYqBiXY03Srb7xqv0Nsu6M+wdAUoW4fz4P9Q0+PKguEIlUfzsAAAAASUVORK5CYII=);
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  line-height: 72px;
  top: 1px;
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: 10px !important;
}
@media only screen and (min-width: 601px) {
  .page-header--triage h1:before {
    width: 28px !important;
    height: 29px !important;
    margin-right: 16px;
  }
}
.page-header--triage .page-header__subheader {
  padding-bottom: 20px;
}
@media only screen and (min-width: 601px) {
  .page-header--triage .page-header__subheader {
    color: rgba(255, 255, 255, 0.7);
    padding-bottom: 50px;
  }
}

.triage-column {
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
}

.triage-filter {
  z-index: 10;
}

.triage-filter span.selection-button--yield {
  font-weight: 600;
  font-size: 22px;
  color: var(--color-black);
  padding: 8px 24px 8px 0;
}

.triage-items-list__multi-select-container {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding-left: 14px;
  margin-top: -20px;
  /* sticky behaviour */
  position: sticky;
  top: 0px;
  background: var(--color-grey-100);
  z-index: 9;
}

.triage-items-list__multi-select__checkbox {
  min-width: 140px;
}

.triage-items-list__multi-select__checkbox--unselected {
  color: var(--color-grey-500);
}

.grouped-list__items.triage-list {
  margin-top: 12px;
}
@media (max-width: 900px) {
  .grouped-list__items.triage-list {
    margin-top: 0px;
  }
}

.contact-view {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}

.block-list-item__person {
  font-size: 18px;
  color: #000;
}

.contact-view__avatar-name {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  padding-right: 0;
  overflow: hidden;
  max-width: 400px;
}

.contact-view__title {
  text-decoration: underline;
}

.contact-view__name {
  padding-left: 16px;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 37px;
  flex: 1 1 10%;
  word-break: break-all;
  min-width: 0;
}

@media only screen and (max-width: 1840px) {
  .menu-open .contact-view__email {
    display: none;
  }
}
@media only screen and (max-width: 1640px) {
  .menu-open .contact-view__phone-number {
    display: none;
  }
}

.contact-view .avatar-with-label {
  overflow: hidden;
}

.contact-view__associated-contacts {
  margin-top: 10px;
  color: #000;
  min-width: 280px;
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 16px;
}
@media only screen and (max-width: 1200px) {
  .contact-view__associated-contacts {
    display: none;
  }
}

.contact-view__phone-number {
  color: #000;
  margin-top: 10px;
  min-width: 200px;
  width: 200px;
  padding-right: 16px;
}
@media only screen and (max-width: 1400px) {
  .contact-view__phone-number {
    display: none;
  }
}

.contact-view__email {
  color: #000;
  margin-top: 10px;
  min-width: 200px;
  width: 200px;
  padding-right: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 1600px) {
  .contact-view__email {
    display: none;
  }
}

.contact-view__type {
  color: #000;
  font-size: 16px;
  margin-top: 10px;
  min-width: 150px;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 16px;
}
@media only screen and (max-width: 640px) {
  .contact-view__type {
    display: none;
  }
}

.contact-view__workCount {
  flex-shrink: 0;
  color: #000;
  font-size: 16px;
  margin-top: 10px;
  width: 320px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 940px) {
  .contact-view__workCount {
    display: none;
  }
}

.contact-view__plannedCount {
  width: 100px;
}

.contact-view__waitingCount {
  font-size: 16px;
  min-width: 75px;
}

.contact-view__progressCount {
  font-size: 16px;
  color: rgb(106, 184, 56);
  width: 120px;
}

.contact-view__header {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 24px;
}

.contact-view__download-template-modal {
  margin: 0 4px 32px;
}

.contact-view--private .block-list-item__person:after,
.contact-view--private-unauthorized .block-list-item__person:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 12px;
  position: relative;
  top: 7px;
  left: -6px;
  color: #999999;
}

.contact-view--private-unauthorized .block-list-item__person {
  color: #999999;
}
.contact-view--private-unauthorized .contact-view__avatar {
  opacity: 0.5;
}
.contact-view--private-unauthorized .contact-view__associated-contacts--mini-avatar {
  opacity: 0.5;
}

.organization-view .contact-view__main {
  display: inline;
  float: left;
  line-height: 40px;
  padding-left: 16px;
}
.organization-view .left-content {
  display: inline;
  float: left;
}

.contact__tagline a {
  color: #fff;
  font-weight: 600;
}

.contact-card__length {
  width: 100%;
  display: inline-block;
}

.block-list__item.contact-view__associated-contacts--listitem {
  display: inline-block;
}

.contact-view__associated-contacts--mini-avatar {
  display: inline-block;
  position: relative;
  top: 3px;
}

.contact-view__role {
  color: #999999;
  display: inline-block;
}

.contact-view__label {
  font-size: 9px;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  display: inline-block;
  margin-left: 4px;
  border: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: 600;
  word-break: keep-all;
}

.contact-view__action {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
}

.action-button.contact-view__button, .contact-view__button.login__form-button {
  float: right;
  position: static !important;
  text-transform: uppercase;
  border: 2px rgba(40, 114, 211, 0.2) solid;
  font-size: 14px;
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
  line-height: 25px;
  text-align: center;
  font-weight: 600;
}

.contact-view__cards {
  color: #999999;
  width: 100%;
  display: inline-block;
  padding-left: 56px;
}

.contact-view-expanded__card {
  position: relative;
  border-bottom: 1px #e6e6e6 solid;
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 69px;
  margin-left: -16px;
  margin-right: -16px;
  min-height: 54px;
  padding-right: 76px;
}
.contact-view-expanded__card.card-0 {
  padding-top: 8px;
}
.contact-view-expanded__card:last-child {
  border-bottom: 0;
  padding-bottom: 0px;
  min-height: 43px;
}
.contact-view-expanded__card .contact-view__name {
  padding-left: 0;
  width: 100%;
  min-height: initial;
}
.contact-view-expanded__card__action {
  position: absolute;
  right: 16px;
  top: 16px;
}

.contact-view__add-card {
  color: #2872d3;
  cursor: pointer;
}

.contact-view-expanded__card--empty .contact-view__role {
  height: 30px;
  line-height: 48px;
}

.contact-view__tagline {
  display: inline-block;
  width: 100%;
}

.auto-complete__suggestions .contact-view .contact-view__associated-contacts {
  display: none;
}

.contacts-loader-wrapper {
  border-bottom: 0 !important;
  padding-inline-start: 6px;
  padding-top: 6px;
}
.contacts-loader-wrapper.--is-search-mode {
  padding-inline-start: 0;
}

.contacts-loader.timeline-loader {
  margin: 0;
  padding: 0;
}
.contacts-loader.timeline-loader .timeline-loader__header {
  display: none;
}
.contacts-loader.timeline-loader .timeline-loader__line {
  display: none;
}
.contacts-loader.timeline-loader .timeline-loader__icon {
  top: 2px;
  left: 0px;
}
@media only screen and (max-width: 600px) {
  .contacts-loader.timeline-loader .timeline-loader__icon {
    top: 8px;
    left: 12px;
  }
}
.contacts-loader.timeline-loader .timeline-loader__icon .loading-icon__spinner {
  width: 24px;
  height: 24px;
}

.contacts-list-filter-bar .contacts-list__filter {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  padding: 8px 24px 8px 8px;
}
.contacts-list-filter-bar .contacts-list__filter--back-action {
  cursor: pointer;
  position: relative;
  text-indent: 0;
}
.contacts-list-filter-bar .contacts-list__filter--back-action:before {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e936";
  margin-left: -6px;
  font-size: 32px;
  line-height: 14px;
  position: relative;
  top: 6px;
  max-height: 16px;
}
.contacts-list-filter-bar .contacts-list__filter--modal-action {
  cursor: pointer;
  position: relative;
}
.contacts-list-filter-bar .contacts-list__filter--modal-action:after {
  margin-left: 8px;
}

.contacts-list__centered-column {
  padding-top: 0;
}

.modal-opened {
  height: 100%;
  overflow: hidden;
}

.contact-cards {
  align-items: center;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-top: 20px;
}

.contact-card {
  padding: 16px;
}
.contact-card--preview {
  border: 2px #e6e6e6 solid;
  text-align: center;
  border-radius: 5px;
  min-height: 210px;
  padding: 24px;
  margin-right: 0;
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 16px;
  position: relative;
  padding-bottom: 48px;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 601px) {
  .contact-card--preview {
    width: calc(50% - 16px);
    display: flex;
    float: none;
    flex-direction: column;
    align-self: flex-start;
    height: 100%;
    margin-right: 16px;
  }
}
.contact-card--empty {
  border: 2px #e6e6e6 dashed;
  background: rgba(0, 0, 0, 0.01);
  border-radius: 5px;
  line-height: 210px;
  text-align: center;
  cursor: pointer;
  min-height: 210px;
  display: block;
  float: left;
  position: relative;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .contact-card--empty {
    width: calc(50% - 16px);
    display: flex;
    align-self: flex-start;
  }
}
.contact-card--empty .bl-icon, .contact-card--empty .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .contact-card--empty .drop-down-button__toggle::after, .contact-card--empty .auto-complete-email__button--chevron, .contact-card--empty .timeline-item-header__shared-icon {
  color: rgba(40, 114, 211, 0.3);
  margin: 0 auto;
  font-size: 32px;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 2px rgba(40, 114, 211, 0.3) solid;
  line-height: 34px;
}
.contact-card--empty:focus .fa, .contact-card--empty:hover .fa, .contact-card--empty:active .fa {
  color: #2872d3;
  border-color: #2872d3;
}
.contact-card--show .contact-card__numbers {
  margin-bottom: 24px;
}
@media only screen and (min-width: 601px) {
  .contact-card--show {
    display: flex;
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.contact-card--edit {
  overflow: scroll;
  height: 100%;
  padding-top: 80px;
  background: #fafafa;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 601px) {
  .contact-card--edit {
    max-height: 80vh;
    height: auto;
    display: flex;
    border-radius: 5px;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    background: transparent;
  }
  .contact-card--edit .country-code__modal {
    position: absolute;
    height: 350px;
    z-index: 9;
    top: 0;
  }
  .contact-card--edit:after {
    content: "";
    background: transparent;
    width: calc(100% - 16px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
  }
}
.contact-card .focussed-input input {
  padding-right: 32px;
}

@media only screen and (min-width: 601px) {
  .ember-modal-dialog.contact-card__modal {
    overflow: visible;
    box-shadow: none;
    padding: 0;
  }
}

.contact-card__header--show, .contact-card__header--edit {
  border-bottom: 1px #e6e6e6 solid;
  padding-bottom: 24px;
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 601px) {
  .contact-card__header--show, .contact-card__header--edit {
    width: 236px;
    border-bottom: 0;
    border-right: 1px #e6e6e6 solid;
    margin-right: 16px;
    min-height: 270px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 601px) {
  .contact-card__header--edit {
    border: 0;
    z-index: 1;
    padding-left: 32px;
    padding-top: 50px;
    background: #fafafa;
    margin-right: 0;
    padding-right: 0;
    display: inline-block;
    width: 252px;
    position: absolute;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
.contact-card__header--show {
  overflow-wrap: break-word;
}
@media only screen and (min-width: 601px) {
  .contact-card__header--sticky {
    position: fixed;
    max-width: 184px;
  }
}

.contact-card__subheader {
  font-size: 16px;
  color: #999999;
  position: relative;
}
.contact-card__subheader--edit {
  padding-left: 16px;
  padding-bottom: 8px;
}
.contact-card__subheader--large {
  font-size: 18px;
}

.contact-card__details--show .contact-card__label--empty:first-of-type, .contact-card__details--edit .contact-card__label--empty:first-of-type {
  padding-top: 24px;
}
@media only screen and (min-width: 601px) {
  .contact-card__details--show, .contact-card__details--edit {
    width: 362px;
  }
}
.contact-card__details--edit {
  background-color: rgb(250, 250, 250);
}
@media only screen and (min-width: 601px) {
  .contact-card__details--edit {
    margin-right: -16px;
    padding-top: 56px;
    border-left: 1px #e6e6e6 solid;
    height: 100%;
    z-index: 1;
    padding-bottom: 56px;
    margin-left: 236px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media only screen and (min-width: 601px) {
  .contact-card__details--show {
    padding-right: 55px;
  }
}

.contact-card__name {
  font-size: 28px;
  text-align: center;
}
.contact-card__name--show {
  line-height: 1;
  padding-right: 16px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 601px) {
  .contact-card__name--show {
    font-size: 24px;
  }
}
.contact-card__name--edit {
  padding-bottom: 18px;
}
.contact-card__name--show, .contact-card__name--edit {
  word-wrap: break-word;
  display: inline-block;
  width: 100%;
}

.contact-card__role--preview {
  font-size: 18px;
  font-weight: 600;
}
.contact-card__role--show {
  font-size: 18px;
  text-align: center;
  padding: 8px;
  padding-right: 16px;
}
.contact-card__role--show .contact-card__label {
  padding: 0;
}
.contact-card__role--preview, .contact-card__role--show {
  word-break: break-all;
  display: inline-block;
  width: 100%;
}

.contact-card__organization__loader {
  text-align: center;
  padding-top: 24px;
}
.contact-card__organization--preview {
  text-align: center;
  padding-bottom: 16px;
  text-decoration: underline;
}
.contact-card__organization--preview a {
  color: #000;
}
.contact-card__organization--show {
  text-align: center;
  padding-bottom: 16px;
  padding-right: 16px;
}
.contact-card__organization--show,
.contact-card__organization--show a {
  text-decoration: none;
  color: #2872d3;
}
.contact-card__organization--edit {
  position: relative;
  border-top: 1px #e6e6e6 solid;
  background: #fff;
  margin-bottom: 16px;
}
.contact-card__organization--edit > .avatar {
  position: absolute;
  top: 17px;
  left: 16px;
}
.contact-card__organization--edit .auto-complete .auto-complete__input strong {
  font-weight: normal;
}
.contact-card__organization--edit .auto-complete .auto-complete__input .auto-complete__input-clear {
  padding-right: 8px;
  color: #999999;
  position: absolute;
  right: 0;
  top: 10px;
}
.contact-card__organization--edit .auto-complete .auto-complete__input .auto-complete__input__items {
  padding-left: 56px;
}
.contact-card__organization--edit .auto-complete .auto-complete__popup {
  z-index: 99;
  top: 0;
}
.contact-card__organization--edit .auto-complete .auto-complete__popup__input {
  border-bottom: 1px #e6e6e6 solid;
}
.contact-card__organization--edit .auto-complete--active {
  margin: 0 16px 0 8px;
}
.contact-card__organization--edit .auto-complete--active .auto-complete__input {
  padding-left: 40px;
}
.contact-card__organization--edit .auto-complete--active .auto-complete__popup__input {
  border: 0;
}
.contact-card__organization--edit .auto-complete--active .avatar {
  position: relative;
}

.contact-card__email--edit {
  color: #2872d3;
}

.contact-card__phone--preview {
  display: inline-block;
  padding-top: 8px;
  width: 100%;
}
.contact-card__phone--show {
  display: inline-block;
  width: 100%;
}
.contact-card__phone--show a {
  display: inline;
}
.contact-card__phone--edit {
  position: relative;
}
.contact-card__phone--edit .drop-down-button {
  position: absolute;
  right: 4px;
  top: 9px;
  color: #2872d3;
}
.contact-card__phone--edit .drop-down-button .drop-down-button__toggle {
  color: #2872d3;
  width: auto;
  top: 10px;
  background: transparent;
}
.contact-card__phone--edit .drop-down-button .drop-down-button__toggle:hover, .contact-card__phone--edit .drop-down-button .drop-down-button__toggle:active, .contact-card__phone--edit .drop-down-button .drop-down-button__toggle:focus {
  background: transparent;
}
.contact-card__phone--edit .drop-down-button .drop-down-button__toggle:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  position: relative;
  top: 7px;
  margin-left: -5px;
}
.contact-card__phone--edit .flag-icon {
  margin-top: 22px;
}
.contact-card__phone--edit .flag-icon:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #2872d3;
  position: absolute;
  top: 17px;
  left: 32px;
}
.contact-card__phone--edit .focussed-input:not(.smart-country-lookup-input) {
  padding-right: 80px;
}

.contact-card__numbers .contact-card__phone--show:first-child {
  margin-top: 24px;
}

.contact-card__label {
  color: #999999;
  display: inline;
  font-size: 16px;
}
.contact-card__label--large {
  font-size: 18px;
}
.contact-card__label--padded {
  margin-bottom: 8px;
}
.contact-card__label--empty {
  padding-bottom: 24px;
  width: 100%;
  display: inline-block;
  cursor: pointer;
}
.contact-card__label--preview {
  padding-bottom: 8px;
}
.contact-card__label--address {
  width: 100%;
  display: block;
}

.contact-card__link {
  color: #2872d3;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
}
.contact-card__link--show {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
}
.contact-card__link--add {
  padding-left: 16px;
  padding-top: 8px;
  margin-bottom: 24px;
  display: inline-block;
  font-size: 16px;
  width: 100%;
}

.contact-card__link--preview {
  padding-top: 16px;
  position: absolute;
  bottom: 16px;
  text-align: center;
  width: 100%;
  left: 0;
}

.contact-card__link-group {
  margin-bottom: 16px;
}

.contact-card__external-provider-connect-label {
  display: block;
}

.ember-modal-dialog.contact-card__modal {
  background-color: #fff;
}
@media only screen and (max-width: 37.562em) {
  .ember-modal-dialog.contact-card__modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 601px) {
  .ember-modal-dialog.contact-card__modal {
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
  }
}

.contact-card__menu {
  position: relative;
  height: 40px;
}
@media only screen and (min-width: 601px) {
  .contact-card__menu {
    position: absolute;
    top: 16px;
    left: 16px;
  }
}

.action-button.contact-card__button--edit, .contact-card__button--edit.login__form-button {
  position: absolute;
  height: auto;
  top: 0;
  right: 0;
  font-size: 18px;
}
@media only screen and (min-width: 601px) {
  .action-button.contact-card__button--edit, .contact-card__button--edit.login__form-button {
    display: none;
  }
}
.action-button.contact-card__button--edit-inlne, .contact-card__button--edit-inlne.login__form-button {
  display: none;
}
@media only screen and (min-width: 601px) {
  .action-button.contact-card__button--edit-inlne, .contact-card__button--edit-inlne.login__form-button {
    display: inline-block;
  }
}
.action-button.contact-card__button--save, .contact-card__button--save.login__form-button {
  font-size: 18px;
  float: right;
}

.contact-card__button--close {
  top: -11px;
  left: -11px;
  position: absolute;
  cursor: pointer;
  color: #2872d3;
}
.contact-card__button--close .bl-icon--close {
  font-size: 37px;
}
.contact-card__button--close--edit {
  top: 5px;
  z-index: 2;
}

.contact-card__social-links {
  margin-top: 24px;
  margin-bottom: 24px;
}
.contact-card__social-links .fa-facebook,
.contact-card__social-links .fa-Facebook {
  background: #3b5998;
}
.contact-card__social-links .fa-twitter,
.contact-card__social-links .fa-Twitter {
  background: #4099ff;
}
.contact-card__social-links .fa-linkedin,
.contact-card__social-links .fa-LinkedIn {
  background: #007bb6;
}
.contact-card__social-links .fa-Skype,
.contact-card__social-links .fa-skype {
  background: #12a5f4;
}
.contact-card__social-links .fa-Facebook:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e959";
  position: relative;
  left: -4px;
  top: -4px;
}
.contact-card__social-links .fa-LinkedIn:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95a";
  position: relative;
  font-size: 28px;
  left: -1px;
  top: -2px;
}
.contact-card__social-links .fa-Twitter:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95c";
  position: relative;
  left: -3px;
  top: -3px;
}
.contact-card__social-links .fa-Skype:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95b";
  position: relative;
  font-size: 28px;
  left: -2px;
  top: -1px;
}
.contact-card__social-links .contact-card__link {
  display: inline;
  word-wrap: break-word;
}
.contact-card__social-links--edit {
  margin-top: 0;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
}
.contact-card__social-links--edit .focussed-input {
  background: #fff;
  padding-right: 0;
}
.contact-card__social-links--edit .focussed-input input {
  padding-left: 48px;
}
.contact-card__social-links--edit .focussed-input__remove {
  display: none;
}

.contact-card__social-link {
  display: flex;
  padding-bottom: 14px;
  width: 100%;
  position: relative;
}
.contact-card__social-link > .fa {
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  text-align: center;
  line-height: 22px;
  font-size: 10px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.contact-card__social-link--edit {
  display: block;
  position: relative;
  padding-bottom: 0;
  border-bottom: 1px #e6e6e6 solid;
}
.contact-card__social-link--edit:last-child, .contact-card__social-link--edit:only-child {
  border-bottom: 0;
}
.contact-card__social-link--edit input {
  padding-left: 32px;
}
.contact-card__social-link--edit .fa {
  position: absolute;
  left: 16px;
  top: 17px;
  z-index: 1;
}

.contact-card__delete {
  display: inline-block;
  color: #2872d3;
  margin-left: 16px;
  font-weight: 500;
  cursor: pointer;
  float: right;
}
@media only screen and (min-width: 601px) {
  .contact-card__delete {
    display: inline-block;
    margin: 0;
    height: 48px;
    line-height: 43px;
  }
}

.contact-card--show .contact-card__delete {
  height: auto;
  margin-left: 16px;
  margin-top: -4px;
}

.contact-card__save {
  float: right;
  margin-left: 16px;
}
@media only screen and (min-width: 601px) {
  .contact-card__save {
    display: inline-block;
    margin-left: 16px;
    margin-bottom: 16px;
    font-size: 14px;
  }
  .contact-card__save .action-button.disabled, .contact-card__save .disabled.login__form-button {
    border: 0;
    background: #999999;
    color: #fff;
  }
}

.contact-card__controls--show {
  display: none;
}
@media only screen and (min-width: 601px) {
  .contact-card__controls--show {
    display: inline-block;
    margin-top: 32px;
  }
}

.contact-card__address {
  margin-bottom: 16px;
  display: inline-block;
}

.ember-modal-dialog .action-bar.contact-card__action-bar {
  position: fixed;
  top: 0;
  width: 100%;
  border: 0;
  left: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
  text-align: center;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 50;
}
.ember-modal-dialog .action-bar.contact-card__action-bar .action-bar__title {
  display: inline;
  line-height: 49px;
  font-weight: 400;
  padding-right: 16px;
}
.ember-modal-dialog .action-bar.contact-card__action-bar .action-button--left {
  float: left;
  padding-top: 14px;
  padding-left: 0;
}
.ember-modal-dialog .action-bar.contact-card__action-bar .action-button--primary, .ember-modal-dialog .action-bar.contact-card__action-bar .login__form-button {
  float: right;
  padding-top: 14px;
  padding-right: 0;
}
.ember-modal-dialog .action-bar.contact-card__action-bar .action-button--primary.disabled, .ember-modal-dialog .action-bar.contact-card__action-bar .disabled.login__form-button {
  color: #999999;
}

.contact-card__intro {
  color: #999999;
  font-size: 18px;
  text-align: center;
  max-width: 308px;
  margin: 0 auto;
  padding: 0;
}
.contact-card__intro p {
  padding: 0;
  margin: 0;
}
.contact-card__intro p:last-child {
  padding-top: 12px;
  margin-bottom: 32px;
}

.contact-card__input-list {
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
}
.contact-card__input-list--bottom {
  border-top: 0px;
  border-bottom: 0px;
}
.contact-card__input-list--bottom .address-selector:last-child {
  margin-bottom: 0px;
}
.contact-card__input-list .focussed-input,
.contact-card__input-list .contact-card__phone--edit {
  background: #fff;
  border-bottom: 1px #e6e6e6 solid;
}
.contact-card__input-list .focussed-input .drop-down-button__list,
.contact-card__input-list .contact-card__phone--edit .drop-down-button__list {
  right: -8px;
}
.contact-card__input-list .focussed-input:last-child, .contact-card__input-list .focussed-input:only-child,
.contact-card__input-list .contact-card__phone--edit:last-child,
.contact-card__input-list .contact-card__phone--edit:only-child {
  border-bottom: 0;
}
.contact-card__input-list .focussed-input:only-child,
.contact-card__input-list .contact-card__phone--edit:only-child {
  padding-right: 0;
}
.contact-card__input-list .focussed-input:only-child input,
.contact-card__input-list .contact-card__phone--edit:only-child input {
  padding-right: 16px;
}
.contact-card__input-list .focussed-input:only-child .focussed-input__remove,
.contact-card__input-list .contact-card__phone--edit:only-child .focussed-input__remove {
  display: none;
}
.contact-card__input-list .focussed-input:only-child .drop-down-button,
.contact-card__input-list .contact-card__phone--edit:only-child .drop-down-button {
  right: 0;
}
.contact-card__input-list .focussed-input .focussed-input__remove,
.contact-card__input-list .contact-card__phone--edit .focussed-input__remove {
  cursor: pointer;
  top: 9px;
}
.contact-card__input-list .focussed-input:first-child .focussed-input__remove,
.contact-card__input-list .contact-card__phone:first-child .focussed-input__remove {
  display: none;
}
.contact-card__input-list .address-autocomplete__dropdown.drop-down-button {
  right: 20px;
}
@media only screen and (min-width: 601px) {
  .contact-card__input-list .address-autocomplete__dropdown.drop-down-button .drop-down-button__list {
    bottom: 34px;
    right: -8px;
  }
}
.contact-card__input-list .address-selector {
  margin-bottom: 16px;
}
.contact-card__input-list .address-selector .focussed-input__remove {
  z-index: 1;
}
.contact-card__input-list .address-selector .focussed-input.address-autocomplete__input {
  border-bottom: 0;
  border-radius: 0px;
}
.contact-card__input-list .address-selector .focussed-input.address-autocomplete__input .focussed-input__remove {
  display: inline-block;
}
.contact-card__input-list .address-selector {
  border-bottom: 1px #e6e6e6 solid;
}

.contact-card__sticky-bar {
  position: absolute;
  background: rgb(250, 250, 250);
  width: 362px;
  box-shadow: rgba(135, 133, 135, 0.298039) 0 -4px 7px -3px;
  bottom: 0;
  z-index: 2;
  height: 56px;
  padding: 8px;
  border-bottom-right-radius: 5px;
  right: 0;
}
@media only screen and (max-width: 600px) {
  .contact-card__sticky-bar {
    display: none;
  }
}

.contact-card__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
  padding: 16px;
  z-index: 9;
  border-radius: 5px;
  overflow: hidden;
}

.contact-card--edit.is-saving .contact-card__header--edit {
  display: none;
}

@media only screen and (min-width: 601px) {
  .ember-modal-dialog.contact-card__modal .contact-card__loader {
    width: calc(100% - 16px);
  }
}
.ember-modal-dialog.contact-card__modal .contact-card__sticky-bar {
  width: 361px;
}

.contact-card__loader__message {
  padding: 24px;
  font-size: 18px;
}

.contact-card .external-service-sync {
  padding-top: 20px;
  position: relative;
}
.contact-card .external-service-sync .external-service-sync__logo {
  width: 24px;
  height: 24px;
  align-self: flex-start;
  margin-right: 8px;
}
.contact-card .external-service-sync .external-service-sync__info {
  position: absolute;
  left: 0;
}

.contact-card .contact-card__primary-star {
  position: absolute;
  top: 16px;
  right: 15px;
  cursor: pointer;
  font-size: 18px;
  color: #2872d3;
}
.contact-card .contact-card__primary-star:hover .tool-tip, .contact-card .contact-card__primary-star:active .tool-tip, .contact-card .contact-card__primary-star:focus .tool-tip {
  display: block;
}

.contact-card--show .contact-card--show__primary-star {
  font-size: 18px;
  color: #000;
}

.contact-card .contact-card__copy-primary-card-link {
  margin-bottom: 24px;
}

.contact-card .contact-card__copy-primary-card-link--disabled {
  color: #999999;
}

.organization-details .flag-icon {
  display: inline;
}
.organization-details a {
  text-decoration: none;
}
.organization-details .contact-card__link--padded {
  padding-left: 8px;
}
.organization-details__header {
  margin-top: 24px;
}

.organization-card {
  padding: 0;
}
.organization-card .contact-card__subheader {
  padding-bottom: 8px;
  padding-left: 16px;
}
@media only screen and (min-width: 601px) {
  .organization-card .contact-card__subheader {
    padding-left: 0;
  }
}
.organization-card .contact-card__phone > .flag16 {
  position: relative;
  top: 3px;
}
.organization-card .action-button--inline {
  margin-top: 10px;
}

.organization-name {
  font-size: 24px;
  padding-top: 32px;
  padding-bottom: 24px;
}

.organization-country {
  font-size: 18px;
  padding-bottom: 40px;
}

.centered-column.organization-view {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .centered-column.organization-view {
    max-width: 400px;
    width: 400px;
    border-bottom: 1px #e6e6e6 solid;
    margin-bottom: 32px;
    padding: 0;
    padding-bottom: 16px;
  }
}
.centered-column.organization-view--cleared {
  border: 0;
  padding: 0;
  margin: 0 auto;
  padding-left: 16px;
}
@media only screen and (min-width: 601px) {
  .centered-column.organization-view--cleared {
    padding-left: 0;
  }
}
.centered-column.organization-view a {
  text-decoration: none;
}

.organization-button.action-button--inline {
  float: right;
  text-transform: uppercase;
  font-size: 14px;
}

.organization-button.organization-button--submit {
  min-width: 104px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  float: right;
  margin-left: 24px;
  font-size: 14px;
}

.organization-card__label {
  font-size: 18px;
  color: #999999;
  display: inline-block;
}

.organization-card__subheader {
  font-size: 18px;
  color: #999999;
  margin: 0;
  padding: 0;
  padding-bottom: 0px;
  padding-top: 16px;
}

.organization-card__header {
  text-align: center;
  margin-bottom: 24px;
  border-bottom: 1px #e6e6e6 solid;
}

.organization-card__form {
  overflow: initial;
  padding-top: 32px;
  margin-left: -21px;
  margin-right: -22px;
}
.organization-card__form .focussed-input {
  position: relative;
  background: #fff;
  border-radius: 0;
}
@media only screen and (min-width: 601px) {
  .organization-card__form .focussed-input,
  .organization-card__form .focussed-input input {
    border-radius: 5px;
  }
}
.organization-card__form .contact-card__social-link {
  position: relative;
  padding: 0;
}
.organization-card__form .contact-card__social-link .focussed-input {
  padding-left: 32px;
}
.organization-card__form .contact-card__social-link > .fa {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -10px;
  left: 16px;
}
@media only screen and (min-width: 601px) {
  .organization-card__form {
    margin: 0;
  }
}

.organization-card--editing {
  padding-top: 0;
  padding-bottom: 72px;
}
.organization-card--editing .drop-down-button--modal > .button:hover,
.organization-card--editing .drop-down-button--modal > .button:focus {
  background: transparent;
}
.organization-card--editing .action-button.drop-down-button__toggle:hover, .organization-card--editing .drop-down-button__toggle.login__form-button:hover, .organization-card--editing .action-button.drop-down-button__toggle:active, .organization-card--editing .drop-down-button__toggle.login__form-button:active, .organization-card--editing .action-button.drop-down-button__toggle:focus, .organization-card--editing .drop-down-button__toggle.login__form-button:focus {
  background: transparent;
}
.organization-card--editing .organization-view {
  border: 0;
}
.organization-card--editing .contact-card__social-links {
  margin-top: 0;
  margin-bottom: 32px;
}
.organization-card--editing .contact-card__phone {
  position: relative;
  padding-bottom: 0;
}
.organization-card--editing .contact-card__phone .drop-down-button--inline .drop-down-button__list {
  margin: 0;
  left: 16px;
  bottom: 16px;
}
@media only screen and (min-width: 601px) {
  .organization-card--editing .contact-card__phone .drop-down-button--inline .drop-down-button__list {
    width: auto;
    right: 0;
    left: auto;
    bottom: auto;
    top: auto;
  }
}
.organization-card--editing .contact-card__phone .drop-down-button__toggle {
  width: auto;
}
.organization-card--editing .contact-card__phone .country-code-picker {
  height: 60px;
  line-height: 58px;
}
.organization-card--editing .contact-card__phone .contact-card__country-code {
  display: inline-block;
  color: #999999;
}
.organization-card--editing .contact-card__phone:first-child .focussed-input__remove {
  display: none;
}
.organization-card--editing .organization-input-group .address-selector .address-autocomplete__dropdown.drop-down-button {
  position: absolute;
  right: 36px;
  top: -7px;
  display: inline-block;
  width: auto;
}
@media only screen and (min-width: 601px) {
  .organization-card--editing .organization-input-group .address-selector .address-autocomplete__dropdown.drop-down-button .button:hover,
  .organization-card--editing .organization-input-group .address-selector .address-autocomplete__dropdown.drop-down-button .button:focus,
  .organization-card--editing .organization-input-group .address-selector .address-autocomplete__dropdown.drop-down-button .button:active {
    background: transparent;
  }
}
.organization-card--editing .organization-input-group .address-selector .focussed-input input {
  text-overflow: ellipsis;
}
.organization-card--editing .organization-input-group .address-selector .drop-down-button__list {
  top: 42px;
}
@media only screen and (max-width: 600px) {
  .organization-card--editing .organization-input-group .address-selector .drop-down-button__list {
    top: auto;
    left: 0;
    right: auto;
  }
}
.organization-card--editing .organization-input-group .address-selector .address-autocomplete__smart-country-lookup {
  margin-top: -64px;
}
.organization-card--editing .drop-down-button--inline {
  position: absolute;
  right: 12px;
  top: 0;
}
.organization-card--editing .drop-down-button--inline .drop-down-button__list {
  right: 0;
  left: auto;
}
.organization-card--editing .drop-down-button--inline .drop-down-button__toggle {
  padding: 0;
  margin: 0;
  background: transparent;
  color: #2872d3;
  border: 0;
  height: 52px;
}
.organization-card--editing .drop-down-button--inline .drop-down-button__toggle:before {
  display: none;
}
.organization-card--editing .drop-down-button--inline .drop-down-button__toggle:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 24px;
  position: relative;
  top: 5px;
}

.organization-input-group {
  border: 1px #e6e6e6 solid;
  border-radius: 0;
  background: #fff;
}
.organization-input-group > div .focussed-input {
  border-radius: 0;
  border-bottom: 1px #e6e6e6 solid;
}
.organization-input-group > div:last-child .focussed-input {
  border-bottom: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.organization-input-group > div:only-child .focussed-input .focussed-input__remove {
  display: none;
}
.organization-input-group .focussed-input input {
  background: transparent;
}
.organization-input-group .contact-card__phone {
  border-bottom: 1px #e6e6e6 solid;
}
.organization-input-group .contact-card__phone .country-code__icon {
  display: inline-block;
  line-height: 66px;
}
.organization-input-group .contact-card__phone .country-code__icon .flag-icon:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #2872d3;
  position: relative;
  top: 2px;
  left: 4px;
}
.organization-input-group .contact-card__phone .focussed-input {
  border: 0;
}
.organization-input-group .contact-card__phone .smart-country-lookup .focussed-input {
  border: 1px #e6e6e6 solid;
}
.organization-input-group .contact-card__phone .smart-country-lookup--open .focussed-input {
  border-bottom: 0;
}
.organization-input-group .contact-card__phone:first-child .country-code-picker {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.organization-input-group .contact-card__phone:last-child {
  border-bottom: 0;
}
.organization-input-group .contact-card__phone:last-child .country-code-picker {
  border-bottom: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.organization-input-group .contact-card__social-link {
  display: block;
}
@media only screen and (min-width: 601px) {
  .organization-input-group {
    border-radius: 5px;
  }
}

.organization-address-group.organization-input-group {
  border: none;
}
.organization-address-group.organization-input-group > div:first-child {
  margin-top: 0;
}
.organization-address-group.organization-input-group .address-selector {
  border: 1px #e6e6e6 solid;
  border-radius: 5px;
  margin-top: 16px;
}
.organization-address-group.organization-input-group .address-selector > div:first-child {
  border-top: 0px;
}
.organization-address-group.organization-input-group .address-selector .focussed-input {
  border-bottom: 0;
}
.organization-address-group.organization-input-group .address-selector .address-autocomplete__postal {
  border-radius: 0px;
}
.organization-address-group.organization-input-group .address-selector .address-autocomplete__country {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.organization-address-group.organization-input-group .address-selector .address-autocomplete__smart-country-lookup .smart-country-lookup-container {
  max-width: 400px;
}

.organization-card-summary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 14px;
}
.organization-card-summary__column {
  flex-grow: 1;
  margin: -14px 16px 12px 0;
  min-width: 160px;
  flex-basis: 100px;
}
.organization-card-summary__column:last-child {
  margin-right: 0;
}
.organization-card-summary__column__header {
  position: relative;
  font-size: 15px;
  color: #999999;
  margin: 20px 0 6px 0;
  padding-left: 24px;
}
.organization-card-summary__column__header:before {
  color: #999999;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 6px 0 0;
}
.organization-card-summary__column__header--address {
  padding-left: 22px;
}
.organization-card-summary__column__header--address:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e932";
  top: -6px;
  left: -8px;
  font-size: 30px;
}
.organization-card-summary__column__header--phone:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e958";
  top: -6px;
  left: -8px;
  font-size: 30px;
}
.organization-card-summary__column__header--email:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e608";
  top: -6px;
  left: -8px;
  font-size: 30px;
}
.organization-card-summary__column__header--social {
  padding-left: 29px;
}
.organization-card-summary__column__header--social:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e954";
  top: -6px;
  left: -8px;
  font-size: 30px;
}
.organization-card-summary__link {
  color: #000;
  position: relative;
}
.organization-card-summary__link:hover {
  text-decoration: underline;
}
.organization-card-summary__item {
  margin: 0 0 4px 0;
}
.organization-card-summary__info {
  font-size: 15px;
  margin: 0 0 0 4px;
  display: inline-block;
  color: #999999;
}
.organization-card-summary .flag16 {
  position: relative;
  top: 4px;
  margin-right: 4px;
}
.organization-card-summary__social-links .organization-card-summary__social-item {
  margin-top: -12px;
}
.organization-card-summary__social-links .organization-card-summary__social-item .organization-card-summary__link {
  margin-left: -10px;
}
.organization-card-summary__social-links .fa {
  width: 20px;
  color: #000;
}
.organization-card-summary__social-links .fa-Facebook:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e959";
  position: relative;
  left: -10px;
  top: 9px;
}
.organization-card-summary__social-links .fa-LinkedIn:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95a";
  position: relative;
  left: -7px;
  top: 9px;
}
.organization-card-summary__social-links .fa-Twitter:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95c";
  position: relative;
  left: -8px;
  top: 11px;
}
.organization-card-summary__social-links .fa-Skype:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95b";
  position: relative;
  left: -7px;
  top: 11px;
}

.action-button--icon {
  height: auto;
  line-height: 40px;
  outline: none;
  font-size: 18px;
}

.centered-column.contacts-container {
  max-width: 1504px;
  padding: 0;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 601px) {
  .centered-column.contacts-container {
    margin-top: 0;
    padding: 16px 24px;
  }
  .centered-column.contacts-container .empty-state {
    padding-top: 32px;
  }
}
.centered-column.contacts-container .empty-state {
  max-width: 400px;
}
.centered-column.contacts-container .grid-block {
  z-index: 1;
}
.centered-column.contacts-container .side-menu {
  background-color: transparent;
  margin-left: 0;
  display: none;
}
@media only screen and (min-width: 601px) {
  .centered-column.contacts-container .side-menu {
    display: block;
  }
}
.centered-column.contacts-container .side-menu ul {
  border-top: 1px solid rgba(153, 153, 153, 0.3);
}
.centered-column.contacts-container .side-menu ul:first-child {
  border-top: none;
}
.centered-column.contacts-container .side-menu li {
  color: #000;
}
.centered-column.contacts-container .side-menu li.active {
  font-weight: 600;
  background-color: rgba(153, 153, 153, 0.2);
}

.contacts-container--content {
  width: 100%;
  margin: 0;
}
.contacts-container--content .contacts-container--header {
  position: absolute;
  top: 25px;
  display: none;
  transition: opacity 0.8;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
@media only screen and (min-width: 601px) {
  .contacts-container--content .contacts-container--header {
    display: block;
  }
}
.contacts-container--content > .block-list {
  width: 100%;
}
.contacts-container--content .block-list__item {
  cursor: pointer;
}
.contacts-container--content .alpha--header {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 601px) {
  .contacts-container--content .alpha--header {
    padding-top: 24px;
    padding-bottom: 14px;
  }
}

@media only screen and (max-width: 1840px) {
  .menu-open .contacts-container--list__titles .contacts-container--list__title-item--email {
    display: none;
  }
}
@media only screen and (max-width: 1640px) {
  .menu-open .contacts-container--list__titles .contacts-container--list__title-item--phone {
    display: none;
  }
}

.contacts-container--list__titles {
  font-size: 14px;
  color: #999999;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}
.contacts-container--list__titles .contacts-container--list__title-item--title {
  flex-shrink: 1;
  width: 400px;
}
.contacts-container--list__titles .contacts-container--list__title-item--email {
  width: 200px;
}
@media only screen and (max-width: 1600px) {
  .contacts-container--list__titles .contacts-container--list__title-item--email {
    display: none;
  }
}
.contacts-container--list__titles .contacts-container--list__title-item--phone {
  width: 200px;
}
@media only screen and (max-width: 1400px) {
  .contacts-container--list__titles .contacts-container--list__title-item--phone {
    display: none;
  }
}
.contacts-container--list__titles .contacts-container--list__title-item--type {
  width: 150px;
}
@media only screen and (max-width: 640px) {
  .contacts-container--list__titles .contacts-container--list__title-item--type {
    display: none;
  }
}
.contacts-container--list__titles .contacts-container--list__title-item--related {
  width: 280px;
}
@media only screen and (max-width: 1200px) {
  .contacts-container--list__titles .contacts-container--list__title-item--related {
    display: none;
  }
}
.contacts-container--list__titles .contacts-container--list__title-item--work {
  width: 320px;
}
@media only screen and (max-width: 940px) {
  .contacts-container--list__titles .contacts-container--list__title-item--work {
    display: none;
  }
}

.contacts-container--list {
  border-radius: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
  background-color: #fff;
}
@media only screen and (min-width: 601px) {
  .contacts-container--list {
    border-radius: 4px;
  }
}
@media only screen and (max-width: 600px) {
  .contacts-container--list .contact-view--email .contact-view--action {
    top: 0;
    position: absolute;
    min-height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 25%, rgb(255, 255, 255) 100%);
    padding-left: 32px;
    padding-right: 16px;
    right: -16px;
  }
  .contacts-container--list .contact-view--email .contact-view__name {
    white-space: nowrap;
  }
  .contacts-container--list .contact-view__role,
  .contacts-container--list .contact-view__associated-contacts {
    margin-top: -2px;
  }
}
@media only screen and (max-width: 600px) {
  .contacts-container--list .block-list__item > .contact-view,
  .contacts-container--list .block-list__item > a > .contact-view {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.contacts-container--list .block-list__item {
  padding-top: 2px;
  padding-bottom: 2px;
}
@media only screen and (max-width: 600px) {
  .contacts-container--list .block-list__item {
    padding-top: 8px;
    padding-bottom: 12px;
  }
}
.contacts-container--list .block-list__item--spaced {
  padding-top: 8px;
  padding-bottom: 8px;
}
.contacts-container--list .add-contact-button {
  cursor: pointer;
  margin: 0;
  margin-left: 0;
  height: 44px;
  color: #2872d3;
  -webkit-transition: width 0.8s;
  transition: width 0.8;
  vertical-align: middle;
}
.contacts-container--list .add-contact-button .label {
  display: inline-block;
  font-size: 18px;
  line-height: 42px;
}
.contacts-container--list .contact-view {
  margin-bottom: 0;
}

.contacts-container--list__header-note {
  padding: 24px;
  margin: 0;
  background-color: #e6e6e6;
}
.contacts-container--list__header-note p {
  padding: 0;
}
@media only screen and (min-width: 601px) {
  .contacts-container--list__header-note {
    padding: 16px;
    padding-top: 0;
  }
}

.contacts-container--list__search-overlay {
  display: none;
}

.contacts-container--list__search-overlay {
  display: block;
}
@media only screen and (min-width: 601px) {
  .contacts-container--list__search-overlay {
    display: none;
  }
}

.has-search-string .contacts-container--list__search-overlay {
  display: none;
}

.search-bar__cancel {
  display: none;
}

.search-bar__input {
  max-width: none;
}

.search-mode .contacts-container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  background: #fff;
}
.search-mode .contacts-container .contacts-container--list {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}
.search-mode .contacts-container .contacts-container--list__search-overlay {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 19;
  background-color: rgba(0, 0, 0, 0.3);
}
.search-mode .contacts-container .search-bar__cancel {
  display: block;
}
.search-mode .contacts-container .list-searchbar {
  border-bottom: 1px solid #e6e6e6;
}
.search-mode .contacts-container .list-searchbar input {
  background-color: #fff;
}
.search-mode .contacts-container .search-bar__back {
  display: none;
  top: 14px;
}
@media only screen and (min-width: 601px) {
  .search-mode .contacts-container {
    position: static;
    background: none;
  }
  .search-mode .contacts-container .contacts-container--list {
    position: static;
  }
  .search-mode .contacts-container .contacts-container--list__search-overlay {
    display: none;
  }
  .search-mode .contacts-container .list-searchbar {
    border-bottom: none;
  }
}

.panel-right {
  display: none;
  max-width: 260px;
}
@media only screen and (min-width: 1024px) {
  .panel-right {
    display: block;
  }
}

.contacts-container .contacts-container__side-menu .side-menu {
  width: 220px;
  margin-right: 16px;
}
@media only screen and (min-width: 601px) {
  .contacts-container .contacts-container__side-menu {
    min-width: 236px;
  }
}

@media only screen and (min-width: 601px) {
  body.header-collapsed .contacts-container .contacts-container__side-menu .side-menu {
    position: fixed;
    top: 80px;
  }
}

.list-searchbar {
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
}
.list-searchbar .exit-button {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.list-searchbar.focussed .list-searchbar__children {
  opacity: 0;
}

.list-searchbar__spacer {
  margin: 0 3px 0 10px;
}

.list-searchbar__children {
  transition: opacity 0.3s ease-out;
}
.list-searchbar__children:last-child {
  margin-right: 10px !important;
}
@media only screen and (max-width: 600px) {
  .list-searchbar__children {
    display: none;
  }
}

.list-searchbar .search-bar__input {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0px;
  height: 40px;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 601px) {
  .list-searchbar .search-bar__input {
    transition: width 0.2s;
  }
}
@media only screen and (max-width: 600px) {
  .list-searchbar .search-bar__input {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.list-searchbar .search-bar__input:before {
  color: #000;
  position: absolute;
}
.list-searchbar .search-bar__input input {
  font-size: 18px;
  background: transparent;
  border: none;
  padding-left: 38px;
  padding-bottom: 0;
  height: 40px;
  line-height: 40px;
}
@media only screen and (max-width: 600px) {
  .list-searchbar .search-bar__input input {
    padding-left: 42px;
  }
}
.list-searchbar .search-bar__input input:focus {
  background: #fff;
}
.list-searchbar .search-bar__input .search-bar__search {
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .list-searchbar .search-bar__input .search-bar__search:before {
    left: 8px;
  }
}

.list-searchbar.list-searchbar--display-export .search-bar__input {
  right: 0;
}

.list-searchbar.focussed .search-bar__input {
  top: 0;
  right: 0;
  width: 100%;
}
.list-searchbar.focussed .search-bar__input .search-bar__cancel {
  color: #ccc;
  margin-top: 2px;
  right: 0;
}
@media only screen and (max-width: 600px) {
  .list-searchbar.focussed .search-bar__input .search-bar__cancel {
    right: 8px;
  }
}
.list-searchbar.focussed .search-bar__input .search-bar__cancel:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
}
.list-searchbar.focussed .search-bar__input input {
  background: #fff;
}

.list-searchbar.focussed .contacts-container--header,
.list-searchbar.focussed .contacts-container--header input[type=file] {
  opacity: 0;
}

@media only screen and (min-width: 601px) {
  .list-searchbar {
    height: 72px;
  }
  .list-searchbar .search-bar__input {
    width: 222px;
  }
  .list-searchbar .search-bar__input input {
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 600px) {
  .ember-modal-dialog.add-contact-dialogue,
  .ember-modal-dialog.add-contact-dialogue > div,
  .ember-modal-dialog.add-contact-dialogue .add-contact-form {
    height: 100%;
  }
  .ember-modal-dialog.add-contact-dialogue .action-bar {
    display: flex;
    flex-direction: column;
    height: 56px;
  }
  .ember-modal-dialog.add-contact-dialogue .action-bar .action-bar__title {
    flex: 1;
  }
  .ember-modal-dialog.add-contact-dialogue .action-bar .action-button--primary, .ember-modal-dialog.add-contact-dialogue .action-bar .login__form-button,
  .ember-modal-dialog.add-contact-dialogue .action-bar .action-button--left {
    position: absolute;
    top: 16px;
  }
  .ember-modal-dialog.add-contact-dialogue .action-bar .action-button--primary, .ember-modal-dialog.add-contact-dialogue .action-bar .login__form-button {
    right: 8px;
  }
}

.search-contact-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.add-contact .focussed-input--removable .focussed-input__remove {
  right: 6px;
}

.add-contact__intro-screen {
  list-style-type: none;
  margin: 0 auto;
  text-align: center;
  width: 368px;
  padding: 20px;
}
.add-contact__intro-screen li {
  padding: 15px 0;
  border-bottom: 1px solid #e6e6e6;
}
.add-contact__intro-screen li .action-button, .add-contact__intro-screen li .login__form-button {
  font-weight: 600;
  font-size: 20px;
}
.add-contact__intro-screen__option-description {
  color: #999999;
}
.add-contact__intro-screen li:last-child {
  font-weight: normal;
  border: none;
}
.add-contact__intro-screen li:last-child .action-button, .add-contact__intro-screen li:last-child .login__form-button {
  font-weight: normal;
  font-size: 14px;
}

.contact-search-state-border {
  border-radius: 4px !important;
  border-bottom: 1px solid #cacaca !important;
  margin-bottom: 5px !important;
}

.add-contact-form .form-block {
  width: 368px;
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .add-contact-form .form-block {
    width: auto;
  }
}
.add-contact-form .form-block .look-ahead-contact {
  margin-bottom: 0px;
  border-bottom: none;
}
.add-contact-form .form-block .look-ahead-contact .look-ahead__input {
  padding-left: 12px;
}
.add-contact-form .form-block .form-item--compact {
  margin-bottom: 0px;
  border-radius: 0px;
}
.add-contact-form .form-block .form-item--compact-last {
  border-top: 0px;
}
.add-contact-form__contact-limit-modal {
  width: 460px;
}
.add-contact-form__contact-limit-modal p {
  margin: 8px 0;
}
.add-contact-form .remove-first-name-border {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom: none !important;
}
.add-contact-form .new-person-first-name-border {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.add-contact-form .new-person-organization-border {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.add-contact-form .dialog-action-bar {
  margin-top: 0;
  position: relative;
  background-color: #fff;
}
.add-contact-form__form-fields {
  overflow: auto;
  max-height: calc(100vh - 200px);
  margin: -16px;
  padding: 16px;
}
@media only screen and (max-width: 600px) {
  .add-contact-form {
    position: fixed;
    height: 100%;
    width: 100%;
  }
  .add-contact-form .action-bar {
    height: 56px;
  }
  .add-contact-form .dialog-action-bar {
    position: absolute;
    background-color: inherit;
  }
  .add-contact-form__form-fields {
    overflow: auto;
    max-height: calc(100vh - 56px);
  }
}
.add-contact-form .contact-type-selector .selectable-list {
  max-height: 180px;
}
.add-contact-form__share-comms-panel {
  background-color: #f4f4f4;
  color: #999999;
  border-radius: 2px;
  margin: -12px 0 12px 0;
  padding: 10px;
}
.add-contact-form__share-comms-panel__link {
  text-decoration: underline;
  cursor: pointer;
}
.add-contact-form__vertical-form-item-cluster > div.form-item:first-child {
  border-bottom: none;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.add-contact-form__vertical-form-item-cluster > div.form-item:not(:first-child):not(:last-child) {
  border-bottom: none;
  margin-bottom: 0;
  border-radius: 0;
}
.add-contact-form__vertical-form-item-cluster > div.form-item:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*
transitions for the appearing hidden fields.
*/
.add-contact-form .add-contact-form__preferred-name-row {
  opacity: 0;
  max-height: 0;
  height: 0;
  transition: all 0.3s ease-out;
}

.add-contact-form.add-contact-form--show-preferred-name .add-contact-form__preferred-name-row {
  opacity: 1;
  max-height: 100px;
  height: auto;
}

.add-contact-form__preferred-name-action {
  text-decoration: underline;
}

.add-contact-form--intro {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .add-contact-form--intro {
    align-items: flex-start;
  }
}

.add-contact-form__checkboxes {
  padding: 8px 2px;
  line-height: 24px;
}
.add-contact-form__checkboxes .check-box {
  margin: 16px 0;
}

.add-contact-form .fa-minus-circle,
.add-contact-dialogue .fa-minus-circle {
  color: #e6e6e6;
}

.client-hero-panel {
  background: #444444;
  border-bottom: 4px solid #fff;
  position: sticky;
  top: 0;
  z-index: 3;
}
.client-hero-panel__content {
  max-width: none;
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0;
}
.client-hero-panel__content__container {
  display: flex;
  align-items: center;
}
.client-hero-panel__content__label {
  font-size: 26px;
  color: #fff;
  margin-left: 6px;
}
.client-hero-panel__details {
  margin-top: 24px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.client-hero-panel__entity-menu {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.client-hero-panel .tab-bar {
  margin-top: 8px;
}
.client-hero-panel__avatar {
  width: 104px;
  height: 104px;
}
.client-hero-panel__avatar img,
.client-hero-panel__avatar .avatar--empty {
  font-size: 64px;
  line-height: 98px;
  width: 104px;
  height: 104px;
}

body.contrast .client-hero-panel {
  border-bottom: 4px solid #f2f2f2;
}

body.contrast .tab-bar .client-hero-panel__work-tab .tab-bar__link.active {
  background-color: #d8d8d8;
}

@media only screen and (max-width: 600px) {
  .client-hero-panel {
    position: static;
    padding: 0;
  }
  .client-hero-panel__content {
    padding: 24px 0 0 0;
  }
  .client-hero-panel .tab-bar {
    margin-top: 24px;
  }
  .client-hero-panel .work-header-details {
    margin: 0;
    border: 0;
    padding: 16px 16px 24px 16px;
  }
  .client-hero-panel .tab-bar.tab-bar--entity-theme, .client-hero-panel .tab-bar.tab-bar--dark-theme {
    padding-right: 54px;
  }
  .client-hero-panel__entity-menu {
    right: 4px;
  }
}
.import-route h1.headline.headline--center {
  text-align: center;
}

.uncategorised__item {
  display: flex;
  justify-content: center;
}
.uncategorised__item .uncategorised__item__left,
.uncategorised__item .uncategorised__item__right {
  width: 50%;
  padding: 10px;
}
.uncategorised__item .uncategorised__item__left {
  border-right: 1px solid #ccc;
}
.uncategorised__item .uncategorised__item__right {
  flex-direction: column;
  display: flex;
}
.uncategorised__item .uncategorised__item__inner {
  flex: 1;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: left;
  align-items: center;
}
.uncategorised__item .uncategorised__item__inner .block-list__item--flex {
  display: flex;
  justify-content: left;
  align-items: center;
}
.uncategorised__item.uncategorised__item--expanded .action-button--indent {
  margin-left: 60px;
}
.uncategorised__item.uncategorised__item--hidden {
  display: none;
}

.contact-timeline-new {
  font-weight: normal;
}
.contact-timeline-new .item-view.email-view {
  padding: 0;
}

.people-content .block-list__header {
  color: #999999;
  font-weight: 600;
  font-size: 14px;
}

.people__people-list {
  width: 100%;
}

.accept-deny {
  float: right;
}

.accept-deny__icon {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 14px 8px;
  padding: 0;
}

.organization-details {
  color: #000;
}
.organization-details .action-button a, .organization-details .login__form-button a,
.organization-details .action-button a:link,
.organization-details .action-button a:hover,
.organization-details .action-button a:active {
  color: inherit;
  text-decoration: inherit;
}
.organization-details .subtle-text {
  color: #999999;
}
.organization-details .connect-button {
  margin-right: 23px;
}
.organization-details .flag16 {
  position: relative;
  top: 4px;
  margin-right: 4px;
}
.organization-details .contact-card__address--organization a {
  font-size: 16px;
  display: inline-block;
  width: auto;
}
.organization-details .contact-card__link.contact-card__number {
  display: inline-block;
  width: auto;
  font-size: 16px;
}

.organization-details__add-colleague {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .organization-details__add-colleague {
    width: 400px;
    transform: translateY(-120px);
  }
}

.organisation-details_connect-xpm-banner {
  font-size: 18px;
  padding: 20px;
  text-align: center;
  border-bottom: 1px #e6e6e6 solid;
}
.organisation-details_connect-xpm-banner .link {
  cursor: pointer;
  color: #2872d3;
}
.organisation-details_connect-xpm-banner .link--inactive {
  cursor: default;
  color: #999999;
}

.staff-member .contact-view__name {
  overflow: visible;
}

.organization-card__website-link {
  display: block;
  padding-top: 4px;
}

.accounting-details__list {
  display: flex;
  flex-wrap: wrap;
}
.accounting-details__list li {
  display: block;
  width: 50%;
}
@media only screen and (max-width: 600px) {
  .accounting-details__list li {
    width: 100%;
  }
}
.accounting-details__list li div {
  display: block;
}
.accounting-details__list .contact-card__link,
.accounting-details__list .notes {
  width: 100%;
}

body.contacts__contact-private .page-title--header::after,
body.organizations__organization-private .page-title--header::after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 28px;
  color: #999999;
  left: 12px;
  top: 1px;
  position: relative;
}

.private-client .details-area__header, .private-client .pivot-table__filter {
  margin: 42px 0 0 0;
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.private-client__intro-header {
  font-weight: 600;
  text-align: center;
  margin: 16px 0 16px 0;
  font-size: 18px;
}
.private-client__intro-message {
  text-align: center;
  max-width: 340px;
  margin: 0 auto;
}
.private-client__centered-column {
  max-width: 500px;
}
.private-client__loading-icon {
  margin-left: 4px;
}

.client-hero-panel--private {
  padding-bottom: 36px;
}
.client-hero-panel--private .client-hero-panel__avatar {
  opacity: 0.7;
}

.address-autocomplete__input {
  background: #fff;
  border: none;
  box-sizing: border-box;
  font-size: 18px;
  height: 56px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 16px 0 0 0;
  width: 100%;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
}
.address-autocomplete__input.focussed-input input {
  height: 100%;
  padding: 0 16px;
}
.address-autocomplete__input.focussed-input {
  border-bottom: 0;
}

.address-selector {
  position: relative;
}

.address-autocomplete__street {
  padding: 10px 100px 10px 14px;
  height: 70px;
  border-bottom: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.address-autocomplete__street textarea {
  height: 50px;
}
.address-autocomplete__street .focussed-input__remove {
  line-height: 60px;
  margin-right: 5px;
  top: 0px;
  color: #e6e6e6;
}

.address-autocomplete__region-postal {
  display: flex;
}

.address-autocomplete__region {
  border-top-right-radius: 0px;
}

.address-autocomplete__postal {
  min-width: 140px;
  width: 140px;
  border-left: 1px #e6e6e6 solid;
  border-radius: 0px;
}

.address-autocomplete__country {
  border-radius: 0px 0px 5px 5px;
  border-bottom: 0px;
  padding: 16px;
}
.address-autocomplete__country:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  color: #999999;
  font-size: 26px;
  position: absolute;
  right: 16px;
}
.address-autocomplete__country .address-autocomplete__country__placeholder {
  color: #999999;
}

.address-autocomplete__smart-country-lookup {
  margin-top: -64px;
  border: 0px;
  z-index: 3;
}
.address-autocomplete__smart-country-lookup .smart-country-lookup-container {
  top: 0px;
  max-width: 362px;
  left: -1px;
  right: -1px;
}

.address-autocomplete__dropdown.drop-down-button {
  position: absolute;
  right: 16px;
  top: 4px;
}
.address-autocomplete__dropdown.drop-down-button .drop-down-button__toggle__label {
  display: inline;
  color: #2872d3;
}
.address-autocomplete__dropdown.drop-down-button .drop-down-button__toggle {
  width: auto;
}
.address-autocomplete__dropdown.drop-down-button .drop-down-button__toggle:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  color: #2872d3;
  font-size: 26px;
  position: relative;
  top: 5px;
  left: -5px;
}
.address-autocomplete__dropdown.drop-down-button .drop-down-button__toggle:hover, .address-autocomplete__dropdown.drop-down-button .drop-down-button__toggle:active {
  background: #fff;
}
@media only screen and (min-width: 601px) {
  .address-autocomplete__dropdown.drop-down-button .drop-down-button__list {
    right: -16px;
  }
}

.pac-container {
  width: 100%;
  font-weight: 400;
}
@media only screen and (min-width: 601px) {
  .pac-container {
    position: relative;
    margin-left: -8px;
    width: 379px !important;
    border-radius: 5px !important;
  }
}

.pac-icon {
  display: none;
}

.pac-item {
  font-weight: 400;
  height: 48px;
  line-height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}
.pac-item:first-child {
  border-top: 0;
}
.pac-item:last-child {
  border-bottom: 1px #e6e6e6 solid;
  margin-bottom: 5px;
}

.pac-item-query {
  color: #000;
  font-size: 18px;
  padding-right: 8px;
}

.pac-matched {
  background: rgba(40, 114, 211, 0.1);
  border-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
}

.country-autocomplete {
  max-height: 60px;
}
.country-autocomplete .contact-card__country-code {
  font-size: 18px;
  color: #000;
  line-height: 58px;
  padding-right: 8px;
}
.country-autocomplete .flag-icon {
  min-width: 32px;
}
@media only screen and (min-width: 601px) {
  .country-autocomplete .smart-country-lookup--open {
    top: -59px;
    border: 0;
    z-index: 5;
  }
}

.country-code__modal {
  top: 0;
  position: fixed;
  width: 100%;
  background: #fff;
  height: 100%;
  z-index: 999;
}
@media only screen and (min-width: 601px) {
  .country-code__modal {
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    position: relative;
    top: -58px;
    left: -8px;
    right: -18px;
    width: calc(100% + 16px);
  }
}
.country-code__modal > .focussed-input {
  padding-right: 16px;
  width: 100%;
}
.country-code__modal > .focussed-input input {
  padding-left: 56px;
  color: #000;
}

.country-autocomplete--has-value .country-autocomplete__list {
  display: block;
}

.country-autocomplete__list {
  max-height: 300px;
  overflow: scroll;
  background: #fff;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}

.country-autocomplete__list-item {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  padding-left: 16px;
  border-bottom: 1px #e6e6e6 solid;
  font-weight: normal;
  font-weight: 400;
}
.country-autocomplete__list-item:last-child {
  border-bottom: 0;
}
.country-autocomplete__list-item i {
  position: relative;
  top: 3px;
}
.country-autocomplete__list-item strong {
  font-weight: 400;
  font-weight: normal;
  padding-left: 8px;
}
.country-autocomplete__list-item span {
  color: #999999;
}

.country-autocomplete__list-item-code {
  color: #999999;
}

.country-code-picker {
  cursor: pointer;
  padding-left: 16px;
  background: #fff;
  display: flex;
  flex-direction: row;
}

.country-code-picker span > i {
  position: relative;
  top: 4px;
}

.contact-card--editing .contact-modal .contact-card__input-list .country-code__input {
  padding-left: 48px;
  position: relative;
  border-bottom: 1px #e6e6e6 solid;
}
.contact-card--editing .contact-modal .contact-card__input-list .country-code__input input {
  border-bottom: 0;
}

.country-code__action {
  position: absolute;
  height: 55px;
  width: auto;
  top: 0;
  line-height: 55px;
}

.country-code__action--cancel {
  left: 16px;
}
.country-code__action--cancel:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601";
  color: #2872d3;
}

.country-code__action--clear {
  right: 16px;
  font-size: 20px;
}
.country-code__action--clear:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
  color: #e6e6e6;
}

.country-code__icon {
  display: inline-block;
  padding-right: 16px;
}
.country-code__icon i {
  padding-right: 4px;
}

.fa-skype {
  font-size: 20px;
  color: #12a5f4;
}

.country-autocomplete__list__header {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #999999;
  font-weight: 600;
  border-bottom: 1px #e6e6e6 solid;
  background: #fafafa;
}

.country-code__search {
  padding-left: 48px;
}

.work-item__header {
  color: #999999;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 16px;
}

.work-item__list {
  margin-top: -18px;
}

.work-item__list--caption {
  color: #999999;
  margin-left: 4px;
}

.work-item__list--name {
  font-weight: 600;
  font-size: 1.2rem;
}

.work-item__list--details {
  margin-top: -12px;
}
.work-item__list--details li {
  display: inline-block;
}

.work-item__list--mini-avatar img {
  height: 16px;
  width: 16px;
}

@media only screen and (max-width: 600px) {
  .client-owner-selector {
    width: 100%;
  }
}
.client-owner-selector .auto-complete__popup__container {
  height: auto;
}
@media only screen and (min-width: 601px) {
  .client-owner-selector .auto-complete__popup__container .auto-complete__popup {
    /* Add popout style for desktop*/
    height: auto;
    box-shadow: none;
    border: none;
    margin: 0;
  }
}
.client-owner-selector .auto-complete__popup__container .auto-complete__popup__under {
  position: absolute;
  z-index: 9;
}
@media only screen and (min-width: 601px) {
  .client-owner-selector .auto-complete__popup__container .auto-complete__popup__under {
    /* Add popout style for desktop*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    background-color: #fff;
    border: none;
    margin: 0;
    width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .client-owner-selector .auto-complete .auto-complete__popup__container .auto-complete__popup {
    z-index: 51;
  }
}

.add-email-contact {
  background: #fff;
  min-width: 400px;
  height: auto;
  min-height: 300px;
  width: 400px;
  border-radius: 5px;
  position: relative;
  padding: 0;
  box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 600px) {
  .add-email-contact {
    height: 100%;
    width: 100%;
    min-width: 100%;
    border-radius: 0;
  }
}

.add-email-contact__container {
  text-align: center;
  padding-top: 65px;
}

.add-email-contact--choice {
  padding-top: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.email-contact-lookup--searching .loading-icon__search .loading-icon__spinner--large {
  padding-top: 40px;
}

.add-email-contact__button-container {
  width: 202px;
  margin: 0 auto;
}

.add-email-contact__input {
  margin-bottom: 0;
  border-bottom: 1px #e6e6e6 solid;
  font-size: 18px;
  padding-left: 52px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-right: 0;
}
.add-email-contact__input .focussed-input__remove {
  cursor: pointer;
  position: absolute;
  right: 7px;
  top: 9px;
}
.add-email-contact__input input {
  padding-left: 0;
  border-top-right-radius: 5px;
}

.add-email-contact__close {
  position: absolute;
  top: 11px;
  left: 8px;
  z-index: 1;
  color: #2872d3;
}

.add-email-contact__back {
  background: #fff;
  z-index: 2;
}

.add-email-contact__button.action-button, .add-email-contact__button.login__form-button {
  margin-bottom: 16px;
  width: 202px;
  height: 40px;
}

.add-email-contact__button--auto.button {
  width: auto;
  min-width: 120px;
}

.add-email-contact__privacy-message {
  font-size: 18px;
  color: #000;
  line-height: 20px;
  padding: 0;
  margin: 0;
  padding-top: 10px;
  padding-left: 16px;
  padding-right: 16px;
  word-wrap: break-word;
}
@media only screen and (min-width: 601px) {
  .add-email-contact__privacy-message {
    max-width: 80%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.add-email-contact__match-container {
  border-bottom: 1px #e6e6e6 solid;
  padding-bottom: 24px;
  margin-right: 0;
  padding-top: 24px;
}

.add-email-contact__container--slim {
  padding-top: 0;
  padding-bottom: 71px;
}
.add-email-contact__container--slim .email-contact-lookup {
  margin-top: 0;
}

.add-email-contact__header {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 16px;
  text-align: center;
  padding-top: 2px;
}

.add-email-contact--choice .add-email-contact__header {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 4px;
}
.add-email-contact--choice .add-email-contact__privacy-message {
  padding-bottom: 32px;
}

.add-email-contact__message {
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  padding-left: 16px;
  margin: 0;
  padding-right: 16px;
}

.email-contact__name {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  max-width: 90%;
  overflow: hidden;
  word-break: break-word;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 39.6px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  margin-bottom: 8px;
}

.email-contact__avatar {
  margin: 0 auto;
  margin-bottom: 16px;
}
.email-contact__avatar,
.email-contact__avatar .avatar {
  width: 64px;
  height: 64px;
  line-height: 64px;
}
@media only screen and (min-width: 601px) {
  .email-contact__avatar {
    margin-bottom: 24px;
  }
}

.email-contact__email {
  font-size: 18px;
  color: #999999;
  line-height: 22px;
  margin-bottom: 16px;
  max-width: 90%;
  overflow: hidden;
  word-break: break-all;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 39.6px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}

.email-contact-lookup {
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: left;
  border-radius: 5px;
}
@media only screen and (max-width: 600px) {
  .email-contact-lookup {
    margin-top: -65px;
  }
}

.email-contact-lookup__results {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 16px;
  padding-left: 16px;
}
@media only screen and (min-width: 601px) {
  .email-contact-lookup__results {
    max-height: 270px;
  }
}

.email-contact-lookup__noresults {
  color: #999999;
  width: 100%;
  text-align: center;
  line-height: 22px;
  padding: 48px 16px 16px 16px;
}

.email-contact-lookup__list {
  border-top: 1px #e6e6e6 solid;
  margin-top: 8px;
  position: relative;
}
.email-contact-lookup__list:first-child {
  border-top: 0;
}
.email-contact-lookup__list .contact-view-expanded__card {
  margin-left: 55px;
  padding-left: 0;
}
.email-contact-lookup__list .contact-view-expanded__card.card-0 {
  padding-top: 16px;
}
.email-contact-lookup__list .contact-view--avatar {
  margin-top: 16px;
  position: absolute;
}
@media only screen and (max-width: 600px) {
  .email-contact-lookup__list .contact-view__role {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    display: inline-block;
  }
}

.email-contact-lookup__create {
  position: absolute;
  bottom: 0;
  height: 71px;
  line-height: 71px;
  padding: 0;
  font-size: 1.125rem;
  width: 100%;
  left: 0;
  padding-left: 16px;
  padding-right: 16px;
  background: #fff;
  border-top: 1px #e6e6e6 solid;
}
.email-contact-lookup__create .icon {
  top: 17px;
}
@media only screen and (min-width: 601px) {
  .email-contact-lookup__create {
    position: absolute;
    margin: 0;
    width: 100%;
    padding: 0;
    bottom: 0;
    top: initial;
    padding-left: 16px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

.contact-email-privacy {
  margin: 16px;
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .contact-email-privacy {
    margin-left: 0;
    margin-right: 0;
  }
}

.contact-email__item.block-list__item {
  padding: 16px;
  margin: 0;
  font-size: 16px;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.contact-email__item.block-list__item span {
  flex: 1;
  align-self: center;
  padding-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: inline-block;
}
@media only screen and (min-width: 601px) {
  .contact-email__item.block-list__item span {
    padding-right: 16px;
  }
}

.contact-email-privacy__modal {
  background: #fff;
  width: 401px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.3);
}
.contact-email-privacy__modal .bl-icon--close {
  display: none;
}
@media only screen and (max-width: 600px) {
  .contact-email-privacy__modal {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    overflow-y: scroll;
  }
  .contact-email-privacy__modal .bl-icon--close {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 8px;
  }
}

.contact-email-privacy__close.action-button, .contact-email-privacy__close.login__form-button {
  bottom: 8px;
  margin: 8px;
  position: fixed;
  width: calc(100% - 16px);
  height: 48px;
  background: #fff;
  text-align: center;
  font-size: 18px;
  border: 0;
  color: #000;
  box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.3);
}

.contact-email-privacy__banner {
  background: rgba(68, 68, 68, 0.95);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 16px;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
.contact-email-privacy__banner a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
@media only screen and (max-width: 600px) {
  .contact-email-privacy__banner {
    border-radius: 0;
  }
}

.contact-email-privacy__change.action-button, .contact-email-privacy__change.login__form-button {
  font-weight: 600;
  padding: 0;
  margin: 0;
  color: #fff;
  height: auto;
}

.contact-email-privacy__button.action-button, .contact-email-privacy__button.login__form-button {
  float: right;
  text-align: center;
  min-width: 60px;
  height: 32px;
  background: #fff;
}
.contact-email-privacy__button.action-button:before, .contact-email-privacy__button.login__form-button:before {
  top: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.contact-email-privacy__button.action-button:disabled, .contact-email-privacy__button.login__form-button:disabled {
  background: 0;
  border-width: 2px;
  color: #ccc;
  text-align: center;
}
.contact-email-privacy__button.action-button:disabled:hover, .contact-email-privacy__button.login__form-button:disabled:hover {
  border-color: #ccc;
}
@media only screen and (max-width: 600px) {
  .contact-email-privacy__button.action-button, .contact-email-privacy__button.login__form-button {
    width: 44px;
    min-width: initial;
  }
}

.contact-email-privacy__description {
  padding: 32px 16px;
  font-size: 18px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .contact-email-privacy__description {
    padding-top: 50px;
  }
}

ul.context-menu {
  position: absolute;
  top: 48px;
  left: 56px;
  z-index: 9;
  max-width: 500px;
  border: 0;
  border-radius: 5px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 8px 0px;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: left;
  font-size: 1.125rem;
  padding: 0 16px;
}
ul.context-menu button {
  height: 38px;
  color: #444;
  background-color: transparent;
  border: 0;
  text-align: left;
  white-space: nowrap;
}
ul.context-menu li {
  list-style: none;
}

.connected-application-item {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 0;
}
.connected-application-item .connected-application-item__info {
  color: #999999;
  display: inline;
  font-size: 16px;
  position: relative;
  top: -2px;
}
.connected-application-item .connected-application-item__logo {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.connected-application-item .connected-application-item__title {
  font-size: 18px;
}
.connected-application-item .connected-application-item__title .drop-down-button__toggle {
  text-align: left;
  padding-left: 0;
  width: auto;
  height: auto;
}
.connected-application-item .connected-application-item__title .drop-down-button__toggle__label {
  white-space: nowrap;
  color: #2872d3;
  text-decoration: none;
  cursor: pointer;
  font-size: 18px;
}
@media only screen and (min-width: 601px) {
  .connected-application-item .connected-application-item__title .drop-down-button__list > .action-button, .connected-application-item .connected-application-item__title .drop-down-button__list > .login__form-button {
    width: 270px;
  }
}

.soft-audit-popover__panel {
  position: absolute;
  padding: 12px 16px 16px;
  border-radius: 3px;
  background-color: #fff;
  border: none;
  z-index: 999;
  box-shadow: 0 0 44px 4px rgba(0, 0, 0, 0.25);
  min-width: 300px;
  min-height: 40px;
  left: auto;
  margin-top: 8px;
}

.soft-audit-popover__date {
  color: #000;
}
.soft-audit-popover__date .human-time-ago {
  color: #000;
}

.soft-audit-popover__user {
  margin: 4px 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.soft-audit-popover__user .soft-audit-popover__user__label {
  cursor: pointer;
  color: #2872d3;
}

.soft-audit-popover__avatar {
  display: inline-block;
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

.soft-audit-popover .soft-audit-popover__link {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
}
.soft-audit-popover .soft-audit-popover__link * {
  -webkit-user-select: none !important;
}

.client-privacy-settings .radio-input-container {
  background-color: transparent;
  padding: 0;
  border: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 12px;
}
.client-privacy-settings .radio-input-container .radio-input label {
  padding-left: 2px;
}
.client-privacy-settings__info-panel {
  background-color: #2872d3;
  color: white;
  border-radius: 3px;
  padding: 10px 14px 14px;
  font-size: 18px;
  margin-top: 10px;
}
.client-privacy-settings__button-bar {
  margin-top: 64px;
  width: 100%;
  font-size: 18px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.contact-multiple-email .link {
  text-decoration: underline;
  color: #2872d3;
  cursor: pointer;
}
.contact-multiple-email .private-contact::after {
  content: "\e953";
  font-size: 26px;
  color: #999;
}
.contact-multiple-email__modal {
  background-color: #fff;
  border-radius: 8px;
}

.modal-dialog-bl .modal-dialog-bl__contents.contact-type-selector--modal {
  height: 400px;
}
@media only screen and (max-width: 600px) {
  .modal-dialog-bl .modal-dialog-bl__contents.contact-type-selector--modal {
    height: 100vh;
  }
}

.contact-type-selector {
  position: relative;
}
.contact-type-selector__action-button {
  color: #2872d3;
}
.contact-type-selector__empty_message {
  padding: 9px 16px;
  color: #999999;
}
.contact-type-selector--modal {
  width: 400px;
}
.contact-type-selector--modal .contact-type-selector__container {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  width: 400px;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .contact-type-selector--modal .contact-type-selector__container {
    width: 100%;
    border-radius: 0;
    height: 100vh;
  }
}
.contact-type-selector--modal .contact-type-selector__input {
  border: 1px solid #cacaca;
  border-radius: 4px;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  margin: 16px;
  flex-shrink: 0;
  position: relative;
}
.contact-type-selector--modal .contact-type-selector__input__clear {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 5px;
  color: #929292;
}
.contact-type-selector--modal .contact-type-selector__input input {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
  outline: none;
}
.contact-type-selector--modal .selectable-list {
  border: 0;
  overflow: auto;
}
.contact-type-selector--form-item .contact-type-selector__input {
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin: 0;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.contact-type-selector--form-item .contact-type-selector__input input {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
  outline: none;
}
.contact-type-selector--form-item .selectable-list {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  transform: translateY(-11px);
  overflow: auto;
  position: absolute;
  top: auto;
  left: 0;
  right: auto;
  z-index: 2;
  min-width: 220px;
  margin-bottom: 60px;
  margin-top: -2px;
  max-height: 400px;
}

.contact-type-selector--form-item .contact-type-selector__input {
  position: relative;
  margin: 0 0 12px;
}
.contact-type-selector--form-item .contact-type-selector__input:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #999999;
  right: 8px;
  top: 38%;
  position: absolute;
  margin-top: -6px;
}

.client-basics__description--empty {
  min-height: 22px;
  color: #999999;
}
.client-basics__description__body {
  white-space: pre-line;
}
.client-basics__summary-items {
  display: flex;
}
.client-basics__summary-items__col:first-child {
  width: 33%;
}

.client-basics-edit > .form-block {
  width: auto;
  margin: 16px 0 0 0;
}
.client-basics-edit__options {
  padding: 0;
  margin: 40px 0px;
}
.client-basics-edit__options--first {
  margin-top: 0px;
}
.client-basics-edit__options:last-of-type {
  margin-bottom: 0px;
}
.client-basics-edit__option {
  position: relative;
  flex-grow: 1;
  width: 50%;
}
.client-basics-edit .client-basics-edit__option .focussed-input.client-basics-edit__preferred-name-input {
  margin-bottom: 0;
}
.client-basics-edit__option--short {
  max-width: 33%;
}
.client-basics-edit__option--long {
  width: 100%;
}
.client-basics-edit__name-options {
  width: 100%;
  margin: 16px 0;
}
.client-basics-edit__name-options--bold {
  font-weight: 600;
}
.client-basics-edit__name-options .action-button--left {
  text-decoration: underline;
}
.client-basics-edit__description-input {
  padding: 12px;
  max-height: calc(100vh - 300px);
  min-height: 60px;
  resize: none;
  border-radius: 3px;
  border: solid 1px #e6e6e6;
  cursor: text;
}
.client-basics-edit__description-input:focus {
  outline: none !important;
  border: solid 1px #999999;
}

.client-primary-contact-summary__item {
  height: 50px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 0;
  color: #000;
}
.client-primary-contact-summary__item__titles {
  padding-left: 10px;
  flex-grow: 1;
}
.client-primary-contact-summary__item__title {
  font-size: 18px;
}
.client-primary-contact-summary__item__title a {
  color: #000;
}
.client-primary-contact-summary__item__subtitle {
  display: flex;
  font-size: 16px;
  color: #999999;
}
.client-primary-contact-summary__item__subtitle a {
  color: #999999;
}
.client-primary-contact-summary__item__subtitle__phone {
  margin-left: 32px;
}
.client-primary-contact-summary__item__subtitle__phone > a {
  color: #999999;
}
.client-primary-contact-summary__item__subtitle__phone .flag16 {
  position: relative;
  top: 3px;
}
@media only screen and (max-width: 600px) {
  .client-primary-contact-summary__item__subtitle {
    flex-direction: column;
  }
  .client-primary-contact-summary__item__subtitle__phone {
    margin-left: 0;
  }
}

.client-group-members-list__action-bar {
  margin: 12px 0 32px 0;
}
.client-group-members-list__timeline-loader {
  margin: 0;
  height: 42px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.client-group-members-list__timeline-loader .timeline-loader__header,
.client-group-members-list__timeline-loader .timeline-loader__line {
  display: none;
}
.client-group-members-list__timeline-loader .timeline-loader__icon {
  left: 10px;
  top: 8px;
}
.client-group-members-list__timeline-loader .loading-icon--medium .loading-icon__spinner {
  width: 26px;
  height: 26px;
}

.client-selection-form-item__client-group-selector .drop-down-button__toggle {
  border: none;
}
.client-selection-form-item__client-group-selector.drop-down-button > .drop-down-button__list {
  width: 100%;
  margin-left: 0;
}
.client-selection-form-item__client-group-selector.drop-down-button > .drop-down-button__list > div {
  width: 100%;
  cursor: pointer;
}
.client-selection-form-item__client-group-selector.drop-down-button > .drop-down-button__list > div:hover {
  background-color: rgba(230, 230, 230, 0.2);
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.client-selection-form-item__client-group-selector.drop-down-button > .drop-down-button__list > .client-selection-form-item__client-group-selector__none-option {
  padding: 16px 16px 16px 24px;
}
.client-selection-form-item__client-group-selector.drop-down-button > .drop-down-button__list > .client-selection-form-item__client-group-selector__none-option:hover {
  padding: 15px 16px 15px 24px;
}

.editable-contact-avatar__avatar {
  margin: 24px auto 48px;
}
.editable-contact-avatar__avatar,
.editable-contact-avatar__avatar .avatar {
  width: 128px;
  height: 128px;
  line-height: 120px;
  font-size: 70px;
}
.editable-contact-avatar__avatar .avatar {
  border: 3px #fff solid;
}
.editable-contact-avatar__avatar {
  cursor: pointer;
}
.editable-contact-avatar__avatar:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94f";
  font-size: 24px;
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background-color: #2872d3;
  border-radius: 16px;
  color: #fff;
}
.editable-contact-avatar__fixed-avatar {
  cursor: default;
  margin: 24px auto 48px;
}
.editable-contact-avatar__fixed-avatar,
.editable-contact-avatar__fixed-avatar .avatar {
  width: 128px;
  height: 128px;
  line-height: 120px;
  font-size: 70px;
}
.editable-contact-avatar__fixed-avatar .avatar {
  border: 3px #fff solid;
}
.editable-contact-avatar__image-carousel {
  display: flex;
  flex-direction: row;
  justify-content: left;
  overflow-x: auto;
}
.editable-contact-avatar__link {
  text-decoration: underline;
  color: #2872d3;
  cursor: pointer;
}
.editable-contact-avatar .avatar-file-input {
  visibility: hidden;
}

.editable-contact-avatar-modal {
  min-height: 353px;
  width: 400px;
}

.editable-contact-avatar-modal--choose .editable-contact-avatar__fixed-avatar {
  cursor: pointer;
}

.email-sharing-list {
  font-size: 18px;
}
.email-sharing-list__colleagues-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 16px 0 24px 0;
  padding: 0 0 16px 0;
}
.email-sharing-list__colleagues-list li {
  margin: 6px 0;
  width: 33.3%;
}
@media only screen and (max-width: 600px) {
  .email-sharing-list__colleagues-list li {
    width: 100%;
  }
}
.email-sharing-list__colleagues-list:first-of-type {
  border-bottom: 1px solid #e6e6e6;
}
.email-sharing-list__link {
  color: #2872d3;
  text-decoration: underline;
}
.email-sharing-list__communication-panel {
  border-radius: 3px;
  background-color: #f4f4f4;
  border: 1px solid #e6e6e6;
  padding: 16px;
  margin: 0 0 16px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.email-sharing-list .link {
  text-decoration: underline;
  color: #2872d3;
  margin-top: 12px;
  cursor: pointer;
}

.body--white {
  background: #fff;
  min-height: 100vh;
}

.contacts__contact__time .contact-email-privacy,
.organizations__organization__time .contact-email-privacy {
  display: none;
}

.contacts__index .centered-column {
  position: relative;
}
@media only screen and (max-width: 600px) {
  .contacts__index .centered-column {
    padding: 0;
  }
}

.contacts__index .simple-filter-bar__label {
  font-size: 18px;
  padding-right: 6px;
}

.contacts__contact__index .centered-column,
.organizations__organization__index .centered-column {
  position: relative;
}
.contacts__contact__index .centered-column .contact-timeline__email-sharing-link,
.organizations__organization__index .centered-column .contact-timeline__email-sharing-link {
  position: absolute;
  right: 28px;
  margin-top: 16px;
  text-decoration: underline;
}
.contacts__contact__index .centered-column .contact-timeline__email-sharing-link--none,
.organizations__organization__index .centered-column .contact-timeline__email-sharing-link--none {
  text-decoration: none;
}
.contacts__contact__index .centered-column .universal-timeline-loader--contact-timeline,
.contacts__contact__index .centered-column .universal-timeline-loader--org-timeline,
.organizations__organization__index .centered-column .universal-timeline-loader--contact-timeline,
.organizations__organization__index .centered-column .universal-timeline-loader--org-timeline {
  margin-top: 60px;
}

.action-button--icon {
  height: auto;
  line-height: 40px;
  outline: none;
  font-size: 18px;
}

.search-result-contact {
  overflow: hidden;
  cursor: pointer;
}

.search-result-contact__avatar {
  float: left;
  width: 40px;
}

.search-result-contact__content {
  padding-left: 1em;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 37px;
  -ms-flex-pack: center;
  -ms-flex-item-align: center;
}

.search-result-contact__title {
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
}

.search-result-contact__subtitle {
  font-size: 16px;
  color: #999999;
  display: inline-block;
}

.search-result-contact__tag {
  font-size: 9px;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin-left: 8px;
  border: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: 600;
  width: auto;
  margin-top: 2px;
}

.search-result-contact--private .search-result-contact__title:after,
.search-result-contact--private-unauthorized .search-result-contact__title:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 12px;
  position: relative;
  top: 7px;
  left: -6px;
  color: #999999;
}

.search-result-contact--private-unauthorized .search-result-contact__title,
.search-result-contact--private-unauthorized .search-result-contact__subtitle {
  color: #999999;
}
.search-result-contact--private-unauthorized .search-result-contact__avatar {
  opacity: 0.5;
}

.search-result-organization {
  overflow: hidden;
  cursor: pointer;
}

.search-result-organization__avatar {
  float: left;
  width: 40px;
}

.search-result-organization__content {
  padding-left: 1em;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 37px;
  -ms-flex-pack: center;
  -ms-flex-item-align: center;
}

.search-result-organization__title {
  font-size: 18px;
  color: #000;
}

.search-result-organization__subtitle {
  font-size: 16px;
  color: #999999;
  display: inline-block;
}

.search-result-organization--private .search-result-organization__title:after,
.search-result-organization--private-unauthorized .search-result-organization__title:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 12px;
  position: relative;
  top: 7px;
  left: -6px;
  color: #999999;
}

.search-result-organization--private-unauthorized .search-result-organization__title,
.search-result-organization--private-unauthorized .search-result-organization__subtitle {
  color: #999999;
}
.search-result-organization--private-unauthorized .search-result-organization__avatar {
  opacity: 0.5;
}

.search-result-work-item {
  overflow: hidden;
  cursor: pointer;
}

.search-result-work-item__avatar {
  width: 40px;
  height: 40px;
  float: left;
}

.search-result-work-item__content {
  float: none;
  padding-left: 1em;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 37px;
}

.search-result-work-item__title {
  font-size: 18px;
  color: #000;
}

.search-result-work-item__subtitle {
  font-size: 16px;
  color: #999999;
  display: inline-block;
}

.search-result-client-group {
  overflow: hidden;
  cursor: pointer;
}

.search-result-client-group__avatar {
  float: left;
  width: 40px;
}

.search-result-client-group__content {
  padding-left: 1em;
  align-content: center;
  justify-content: center;
  min-height: 37px;
  -ms-flex-pack: center;
  -ms-flex-item-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.search-result-client-group__title {
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
}

.search-result-client-group__subtitle {
  font-size: 16px;
  color: #999999;
  display: inline-block;
}

.search-result-client-group__tag {
  font-size: 9px;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin-left: 8px;
  border: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: 600;
  width: auto;
  margin-top: 2px;
}

.search-result-client-group--private .search-result-client-group__title:after,
.search-result-client-group--private-unauthorized .search-result-client-group__title:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 12px;
  position: relative;
  top: 7px;
  left: -6px;
  color: #999999;
}

.search-result-client-group--private-unauthorized .search-result-client-group__title,
.search-result-client-group--private-unauthorized .search-result-client-group__subtitle {
  color: #999999;
}
.search-result-client-group--private-unauthorized .search-result-client-group__avatar {
  opacity: 0.5;
}

.search-result {
  margin-bottom: 10px;
  border-radius: 2px;
  border-bottom: 1px solid #d3d3d3;
  background: white;
  padding: 16px;
}
@media only screen and (max-width: 600px) {
  .search-result {
    margin-bottom: 1px;
    border: 0;
    padding: 16px 8px;
  }
}

.global-search-results-item {
  position: relative;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  flex-direction: row;
  padding: 0;
}
.global-search-results-item > a {
  display: flex;
  padding: 16px;
}

.global-search-results-item__search-string {
  background-color: #fde5bb;
}

.global-search-results-item__avatar-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 56px;
}
@media only screen and (max-width: 600px) {
  .global-search-results-item__avatar-wrapper {
    flex-basis: 40px;
  }
}

.global-search-results-item__avatar {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
@media only screen and (max-width: 600px) {
  .global-search-results-item__avatar {
    background-size: 100%;
    width: 32px;
    height: 32px;
  }
}
.global-search-results-item__avatar--work {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+T3ZhbCAzNSBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzUtQ29weS0zIiBmaWxsPSIjMkEyQTJBIiBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiPjwvY2lyY2xlPiAgICAgICAgPHBhdGggZD0iTTI3LjAwMSwxNS4xMjY2NDkxIEwyMy45OSwxNS4xMjY2NDkxIEwyMy45OSwxMiBMMTYuMDczLDEyIEwxNi4wNzMsMTUuMTI2NjQ5MSBMMTMsMTUuMTI2NjQ5MSBDMTEuODk2LDE1LjEyNjY0OTEgMTEsMTYuMDEzMTkyNiAxMSwxNy4xMDU1NDA5IEwxMSwyNS4wMjExMDgyIEMxMSwyNi4xMTQ0NDU5IDExLjg5NiwyNyAxMywyNyBMMjcuMDAxLDI3IEMyOC4xMDUsMjcgMjksMjYuMTE0NDQ1OSAyOSwyNS4wMjExMDgyIEwyOSwxNy4xMDU1NDA5IEMyOSwxNi4wMTMxOTI2IDI4LjEwNSwxNS4xMjY2NDkxIDI3LjAwMSwxNS4xMjY2NDkxIEwyNy4wMDEsMTUuMTI2NjQ5MSBaIE0xOCwxNCBMMjIsMTQgTDIyLDE1IEwxOCwxNSBMMTgsMTQgWiBNMjcsMjUgTDEzLDI1IEwxMywyMC45NiBMMjYuOTg5MDAwOCwyMC45NiBMMjYuOTg5MDAwOCwxOC45NiBMMTMsMTguOTYgTDEzLDE3IEwyNywxNyBMMjcsMjUgTDI3LDI1IFoiIGlkPSJXb3JrLUNvcHktNCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPiAgICA8L2c+PC9zdmc+);
}
.global-search-results-item__avatar--email {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgZW1haWwKICA8L3RpdGxlPgogIDxkZXNjPgogICAgQ3JlYXRlZCB3aXRoIFNrZXRjaC4KICA8L2Rlc2M+CiAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICA8ZyBpZD0iZW1haWwiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPgogICAgICA8cGF0aCBkPSJNMjAgMzlMMjAgMzlDMzAuNDkgMzkgMzkgMzAuNDkgMzkgMjAgMzkgOS41MSAzMC40OSAxIDIwIDEgOS41MSAxIDEgOS41MSAxIDIwIDEgMzAuNDkgOS41MSAzOSAyMCAzOUwyMCAzOVpNMjAgNDBMMjAgNDBDOC45NSA0MCAwIDMxLjA1IDAgMjAgMCA4Ljk1IDguOTUgMCAyMCAwIDMxLjA1IDAgNDAgOC45NSA0MCAyMCA0MCAzMS4wNSAzMS4wNSA0MCAyMCA0MEwyMCA0MFoiIGlkPSJTaGFwZSIgZmlsbD0iI0NBQ0FDQSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgICA8cGF0aCBkPSJNMTMgMTUuMDFMMTMgMTUuMDEgMTMgMjQuOTlDMTMgMjUgMTMgMjUgMTMgMjVMMjcgMjVDMjcgMjUgMjcgMjUgMjcgMjQuOTlMMjcgMTUuMDFDMjcgMTUgMjcgMTUgMjcgMTVMMTMgMTVDMTMgMTUgMTMgMTUgMTMgMTUuMDFMMTMgMTUuMDFaTTExIDE1LjAxQzExIDEzLjkgMTEuODkgMTMgMTMgMTNMMjcgMTNDMjguMTEgMTMgMjkgMTMuOSAyOSAxNS4wMUwyOSAyNC45OUMyOSAyNi4xIDI4LjExIDI3IDI3IDI3TDEzIDI3QzExLjg5IDI3IDExIDI2LjEgMTEgMjQuOTlMMTEgMTUuMDFaTTEzIDE4TDIwIDIzLjI1IDI3IDE4IDI3IDE1LjUgMjAgMjAuNzUgMTMgMTUuNSAxMyAxOFoiIGlkPSJTaGFwZSIgZmlsbD0iIzQ0NDQ0NCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
}
.global-search-results-item__avatar--note {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgbm90ZQogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgIDxnIGlkPSJub3RlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4KICAgICAgPHBhdGggZD0iTTIwIDM5TDIwIDM5QzMwLjQ5IDM5IDM5IDMwLjQ5IDM5IDIwIDM5IDkuNTEgMzAuNDkgMSAyMCAxIDkuNTEgMSAxIDkuNTEgMSAyMCAxIDMwLjQ5IDkuNTEgMzkgMjAgMzlMMjAgMzlaTTIwIDQwTDIwIDQwQzguOTUgNDAgMCAzMS4wNSAwIDIwIDAgOC45NSA4Ljk1IDAgMjAgMCAzMS4wNSAwIDQwIDguOTUgNDAgMjAgNDAgMzEuMDUgMzEuMDUgNDAgMjAgNDBMMjAgNDBaIiBpZD0iU2hhcGUiIGZpbGw9IiNDQUNBQ0EiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiLz4KICAgICAgPHBhdGggZD0iTTI2IDEyTDE0IDEyQzEyLjkgMTIgMTIgMTIuOSAxMiAxNEwxMiAyNkMxMiAyNy4xMSAxMi45IDI4IDE0IDI4TDI2IDI4QzI3LjEgMjggMjggMjcuMTEgMjggMjZMMjggMTRDMjggMTIuOSAyNy4xIDEyIDI2IDEyWk0xNCAxNEwyNiAxNCAyNiAyNiAxNCAyNiAxNCAxNFpNMTcgMjIuOThMMjMgMjIuOThDMjMuNTUgMjIuOTggMjQgMjIuNTMgMjQgMjEuOTggMjQgMjEuNDMgMjMuNTUgMjAuOTggMjMgMjAuOThMMTcgMjAuOThDMTYuNDUgMjAuOTggMTYgMjEuNDMgMTYgMjEuOTggMTYgMjIuNTMgMTYuNDUgMjIuOTggMTcgMjIuOThaTTE3IDE4Ljk4TDIzIDE4Ljk4QzIzLjU1IDE4Ljk4IDI0IDE4LjUzIDI0IDE3Ljk4IDI0IDE3LjQzIDIzLjU1IDE2Ljk4IDIzIDE2Ljk4TDE3IDE2Ljk4QzE2LjQ1IDE2Ljk4IDE2IDE3LjQzIDE2IDE3Ljk4IDE2IDE4LjUzIDE2LjQ1IDE4Ljk4IDE3IDE4Ljk4WiIgaWQ9Ik5vdGUtQ29weSIgZmlsbD0iIzQ0NDQ0NCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
}

.global-search-results-item__content {
  max-width: calc(100% - 60px);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.global-search-results-item__title {
  display: inline-block;
  padding-right: 75px;
  font-size: 18px;
  line-height: 1em;
  color: #000;
}

.global-search-results-item__email-recipients {
  display: inline-block;
  padding-bottom: 4px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.global-search-results-item__timestamp {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #929292;
}

.global-search-results-item__subtitle {
  font-size: 16px;
  color: #999999;
  display: inline-block;
}

.global-search-results-item__title,
.global-search-results-item__subtitle {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

.global-search-results-item__tag {
  font-size: 9px;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin-left: 8px;
  border: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: 600;
  width: auto;
  position: relative;
  top: -2px;
}

.global-search-results-item__attachment {
  display: flex;
  margin-top: 16px;
}
.global-search-results-item__attachment .plus {
  color: #929292;
  font-size: 24px;
  flex-basis: 30px;
  text-align: center;
  line-height: 40px;
}
.global-search-results-item__attachment .file-pill {
  margin: 0;
  min-height: 40px;
  height: 40px;
  background: #f7f7f7;
}
.global-search-results-item__attachment .file-pill .file-pill__file-details {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-results-item__attachment .file-pill .file-pill__file-progress {
  display: none;
}

.look-ahead {
  position: relative;
  background-color: #fff;
}
.look-ahead--no-editing.look-ahead--no-suggestions .look-ahead__input {
  border-bottom: none;
}
.look-ahead__results-list {
  padding: 14px 0;
  max-height: 400px;
  margin: 0;
  overflow: auto;
}
.look-ahead__info-message {
  color: #999999;
  padding: 16px;
}
.look-ahead__invalid-message {
  color: var(--color-orange-500);
  padding: 6px 0;
  font-weight: 500;
}
.look-ahead__input-clear {
  color: #e6e6e6;
  position: absolute;
  top: 6px;
  right: 16px;
}
.look-ahead__header {
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  color: #000;
  padding: 0 16px 6px 16px;
}
.look-ahead__clear {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 7px;
  color: #999999;
}
.look-ahead__mobile-back {
  display: none;
  position: absolute;
  top: 5px;
  left: 10px;
}
.look-ahead__input {
  padding: 16px 36px 16px 16px;
  width: 100%;
  border: 0;
  font-size: 1.1rem;
  outline: none;
  background-color: transparent;
  margin-bottom: 0;
  height: 48px;
}
.look-ahead__input::placeholder {
  color: #929292;
}
.look-ahead__input.has-error {
  color: red;
}
.look-ahead__create-new-action {
  padding: 16px;
  color: #2872d3;
  border-top: 1px solid #e6e6e6;
  width: 100%;
  text-align: left;
}

.look-ahead.look-ahead--floating-element {
  width: 400px;
  height: 55px;
  border: 1px solid #cacaca;
  border-radius: 4px;
}
.look-ahead.look-ahead--floating-element .look-ahead__input {
  border: 1px solid #cacaca;
  border-radius: 4px;
}
@media only screen and (min-width: 601px) {
  .look-ahead.look-ahead--floating-element {
    height: auto;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
    background-color: #fff;
    border-radius: 3px;
  }
  .look-ahead.look-ahead--floating-element .look-ahead__input {
    width: calc(100% - 32px);
    margin: 16px;
  }
  .look-ahead.look-ahead--floating-element .look-ahead__list {
    padding: 0;
  }
  .look-ahead.look-ahead--floating-element .look-ahead__clear {
    top: 23px;
    right: 23px;
  }
  .look-ahead.look-ahead--floating-element .look-ahead__spinner {
    top: 30px;
    right: 28px;
  }
}

.look-ahead.look-ahead--form-element {
  border: 1px solid #cacaca;
  border-radius: 4px;
  width: 100%;
  height: 48px;
  margin-bottom: 12px;
}

.look-ahead--is-invalid.look-ahead.look-ahead--form-element {
  border-color: #d61407;
}
.look-ahead--is-invalid.look-ahead.look-ahead--form-element .look-ahead__invalid-message {
  color: #d61407;
}

.look-ahead.look-ahead--form-element.look-ahead--editing.look-ahead--show-focus-ring {
  border-color: #9f9f9f;
  border-width: 1px;
}

.look-ahead.look-ahead--form-element.look-ahead--has-warning {
  margin-bottom: 38px;
}

.look-ahead.look-ahead--form-element.look-ahead--has-warning {
  border-color: var(--color-orange-500);
}

.look-ahead.look-ahead--form-element.look-ahead--editing.look-ahead--has-warning {
  border-color: var(--color-orange-200);
}

/* Popout style for desktop */
@media only screen and (min-width: 601px) {
  .look-ahead.look-ahead--editing.look-ahead--form-element .look-ahead__list {
    height: auto;
    width: auto;
    position: relative;
    z-index: 1;
    top: 0;
    box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
  }
}

@media only screen and (max-width: 600px) {
  .look-ahead--editing .look-ahead__mobile-back {
    display: block;
  }
  .look-ahead--editing.look-ahead--form-element .look-ahead__input {
    border: none;
  }
  .look-ahead--editing .look-ahead__input {
    margin-left: 32px;
  }
  .look-ahead--editing .look-ahead__list {
    border-top: solid 1px #e6e6e6;
  }
  .look-ahead--editing .look-ahead__contents {
    width: 100%;
    position: fixed;
    height: 100%;
    background-color: #fff;
    z-index: 9;
    top: 0;
    left: 0;
    bottom: 0;
  }
}
.look-ahead__results-list .block-list__item {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.look-ahead__results-list .block-list__item:first-child {
  border-top: solid 1px #e6e6e6;
}
.look-ahead__results-list .block-list__item:hover {
  background-color: rgba(230, 230, 230, 0.2);
  border-bottom: solid 1px #e6e6e6;
  border-top: solid 1px #e6e6e6;
}
.look-ahead__results-list .block-list__item.nav-active + .block-list__item:hover {
  border-top: 1px solid rgba(230, 230, 230, 0.2);
}
.look-ahead__results-list .block-list__item:hover + .block-list__item.nav-active {
  border-top: 1px solid rgba(230, 230, 230, 0.2);
}
.look-ahead__results-list .block-list__item.nav-active {
  background-color: rgba(230, 230, 230, 0.5);
  border-bottom: solid 1px #e6e6e6;
  border-top: solid 1px #e6e6e6;
}
.look-ahead__results-list .block-list__item.nav-active:hover {
  background-color: rgba(230, 230, 230, 0.5);
  border-bottom: solid 1px #e6e6e6;
  border-top: solid 1px #e6e6e6;
}

.look-ahead__spinner {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 14px;
  right: 12px;
}
.look-ahead__spinner:before {
  content: "";
  animation-name: spinme;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
  border: solid #999999 2px;
  border-top-width: 0;
  border-radius: 0 0 10px 10px;
  display: block;
  height: 10px;
  margin-top: 10px;
  transform-origin: 10px 0px;
  transition: opacity 1s ease-out;
  width: 20px;
}

@keyframes spinme {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.look-ahead.look-ahead--form-element.look-ahead-code-naf-type-lookup {
  height: 58px;
  border: 1px #e6e6e6 solid;
}

.look-ahead.look-ahead--form-element.look-ahead-code-naf-type-lookup input {
  height: 56px;
}

.look-ahead.look-ahead--form-element.look-ahead-code-naf-type-lookup .look-ahead__clear {
  top: 12px;
}

.look-ahead-tenant-team-result {
  cursor: pointer;
  overflow: hidden;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  min-width: 200px;
}
.look-ahead-tenant-team-result__icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border: 1px solid #e6e6e6;
  background-color: #e6e6e6;
}
.look-ahead-tenant-team-result__icon:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  color: #999999;
  font-size: 28px;
  left: 2px;
  position: relative;
  top: 1px;
}
.look-ahead-tenant-team-result__title {
  color: #000;
}
.look-ahead-tenant-team-result__body {
  float: left;
  padding-left: 12px;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  min-height: 30px;
}
@media only screen and (max-width: 600px) {
  .look-ahead-tenant-team-result__body {
    max-width: calc(100% - 64px);
  }
}
.look-ahead-tenant-team-result__badge {
  position: relative;
  top: -2px;
  font-size: 9px;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin-left: 3px;
  border: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: 600;
  width: auto;
}

.look-ahead-title-subtitle-result {
  cursor: pointer;
  padding: 12px 16px;
  min-height: 64px;
  font-size: 1.1rem;
}
.look-ahead-title-subtitle-result__subtitle {
  font-size: 16px;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.look-ahead-result {
  cursor: pointer;
  display: flex;
  padding: 0 16px;
  flex-direction: row;
  align-items: center;
  min-height: 64px;
  background-color: transparent;
  overflow: hidden;
}
.look-ahead-result__avatar {
  width: 40px;
  height: 40px;
}
.look-ahead-result__titles {
  margin: 0 0 2px 12px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.look-ahead-result__title {
  color: #000;
  margin-right: 4px;
}
.look-ahead-result__subtitle {
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.look-ahead-result__percentage {
  color: #999999;
}
.look-ahead-result__type-tag {
  position: relative;
  top: -2px;
  font-size: 9px;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  border: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: 600;
  width: auto;
}
.look-ahead-result--private .look-ahead-result__title:after, .look-ahead-result--private-no-access .look-ahead-result__title:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 14px;
  position: relative;
  top: 7px;
  color: #999999;
  margin-left: 0px;
}
.look-ahead-result--private-no-access {
  cursor: default;
}
.look-ahead-result--private-no-access .look-ahead-result__title {
  color: #999999;
}

.work-item-look-ahead-result {
  display: flex;
  align-items: top;
}
.work-item-look-ahead-result--private .typeahead-input__suggestion-title:after, .work-item-look-ahead-result--private-unauthorized .typeahead-input__suggestion-title:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 12px;
  position: relative;
  top: 7px;
  left: -6px;
  color: #999999;
}
.work-item-look-ahead-result--private-unauthorized .typeahead-input__suggestion-title,
.work-item-look-ahead-result--private-unauthorized .typeahead-input__suggestion-subtitle {
  color: #999999;
}
.work-item-look-ahead-result .typeahead-input__suggestion-status {
  color: #999999;
  margin-left: 32px;
  white-space: nowrap;
  margin-top: 8px;
}

.typeahead-input__suggestion-work-details {
  flex-grow: 2;
  margin-left: 8px;
  margin-top: -2px;
}

.work-item-look-ahead-result--in-progess .typeahead-input__suggestion-status {
  color: rgb(106, 184, 56);
}

.work-item-icon {
  border-radius: 40px;
  border: 1px rgba(153, 153, 153, 0.5) solid;
  height: 40px;
  min-width: 40px;
  text-indent: 1px;
  text-align: center;
  width: 40px;
}
.work-item-icon .bl-icon, .work-item-icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-item-icon .drop-down-button__toggle::after, .work-item-icon .auto-complete-email__button--chevron, .work-item-icon .timeline-item-header__shared-icon {
  color: #000;
  line-height: 36px;
}

.look-ahead-multi-select {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0 0 8px;
  border: 1px solid #cacaca;
  border-radius: 4px;
}
.look-ahead-multi-select .look-ahead.look-ahead--form-element {
  height: 48px;
  width: 0;
  flex-grow: 1;
  margin: 0;
  border: none;
}
.look-ahead-multi-select .look-ahead.look-ahead--form-element .look-ahead__clear {
  display: none;
}
.look-ahead-multi-select .look-ahead.look-ahead--form-element .look-ahead__input {
  width: 100%;
  padding: 0;
  height: 48px;
  line-height: 48px;
}
.look-ahead-multi-select .look-ahead.look-ahead--form-element .look-ahead__list {
  width: 300px;
  position: absolute;
  top: 36px;
}
.look-ahead-multi-select-pill {
  max-width: calc(100% - 6px);
  background-color: #e6e6e6;
  height: 32px;
  border-radius: 16px;
  padding-left: 6px;
  margin-right: 8px;
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.look-ahead-multi-select-pill__name {
  margin: -2px 14px 0px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.look-ahead-multi-select-pill__remove {
  color: #929292;
  cursor: pointer;
  font-size: 35px;
  padding-right: 8px;
  padding-left: 0;
  margin-top: -2px;
}

.look-ahead-text-action-footer {
  padding: 12px 16px 16px 16px;
  color: #2872d3;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
}

.block-list__container {
  background: #fff;
  width: 100%;
  color: #000;
  height: 100vh;
  position: absolute;
  top: 65px;
  left: 0;
  border-top: 1px #e6e6e6 solid;
  padding-top: 24px;
}
.block-list__container .centered-column {
  padding: 0;
  margin: 0 auto;
  width: 91.4%;
  max-width: none;
}
@media only screen and (min-width: 601px) {
  .block-list__container .centered-column {
    width: 76%;
  }
}
.block-list__container .block-list__item {
  display: flex;
  margin-bottom: 16px;
}
.block-list__container .block-list__header {
  font-weight: 600;
  font-size: 18px;
  color: #999999;
  line-height: 23px;
  padding-bottom: 24px;
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px #e6e6e6 solid;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
}
.block-list__container .block-list__header:first-child {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}
@media only screen and (min-width: 601px) {
  .block-list__container .block-list__header {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }
}
.block-list__container .block-list-item__content {
  font-size: 18px;
  display: flex;
  align-self: center;
  flex-direction: column;
  line-height: 20px;
}
.block-list__container .block-list-item__content span:nth-child(2) {
  color: #999999;
}
.block-list__container .block-list-item__content--padded {
  padding-left: 16px;
}

.search-bar--test {
  align-items: center;
  flex-direction: column;
  height: auto;
}

.action-button--more {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  display: block;
  height: auto;
}
@media only screen and (min-width: 601px) {
  .action-button--more {
    margin: 0 auto;
  }
}

.search-view-container > .centered-column {
  margin-top: 50px;
}

.block-list-item__person {
  font-size: 18px;
}

.block-list-item__role {
  font-size: 16px;
  color: #999999;
}

.block-list--details {
  color: #000;
  background: #fff;
}
.block-list--details .editable-input {
  padding: 0;
  min-height: 100px;
}
.block-list--details:before {
  background: #fff;
  width: 100%;
  height: 100%;
  content: "";
}
.block-list--details .block-list__header {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  line-height: 20px;
  padding-bottom: 18px;
}
.block-list--details .action-button--outline {
  clear: both;
  display: block;
  margin-top: 16px;
  width: auto;
}
.block-list--details .block-list__item--bordered-bottom {
  border-width: 2px;
}
.block-list--details .block-list__item--padded {
  padding: 24px 0;
}
.block-list--details .block-list__item {
  position: relative;
  font-size: 18px;
}
.block-list--details .block-list__item:first-child {
  padding-top: 0;
}
@media only screen and (min-width: 601px) {
  .block-list--details .block-list__item:first-child {
    padding-top: 8px;
  }
  .block-list--details .block-list__item:first-child .action-button, .block-list--details .block-list__item:first-child .login__form-button {
    margin: 0;
  }
  .block-list--details .action-button--outline {
    position: absolute;
    top: 8px;
    right: 0;
  }
}

.work-item-hero-panel {
  background: #444444;
  border-bottom: 4px solid #fff;
  position: sticky;
  top: 0;
  z-index: 3;
}
.work-item-hero-panel__content {
  position: relative;
  margin: 0 auto;
  padding-top: 8px;
}
.work-item-hero-panel__entity-menu {
  position: absolute;
  right: 12px;
  bottom: 12px;
}

body.contrast .work-item-hero-panel {
  border-bottom: 4px solid #f2f2f2;
}

@media only screen and (max-width: 600px) {
  .work-item-hero-panel {
    position: static;
    padding: 0;
  }
  .work-item-hero-panel__content {
    padding: 1px 0 0 0;
  }
  .work-item-hero-panel .tab-bar.tab-bar--entity-theme, .work-item-hero-panel .tab-bar.tab-bar--dark-theme {
    padding-right: 54px;
  }
  .work-item-hero-panel__entity-menu {
    right: 4px;
  }
}
@media only screen and (max-height: 820px) {
  .work-item-hero-panel {
    position: static;
  }
}
.work-header-details {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  text-align: left;
  padding: 8px 16px 16px 16px;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .work-header-details {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.work-header-details__section {
  display: flex;
}
@media screen and (max-width: 950px) {
  .work-header-details__section {
    flex-direction: column;
  }
  .work-header-details__section .work-header-details__item {
    flex-direction: row;
    align-items: center;
    margin-bottom: 2px;
  }
  .work-header-details__section .work-header-details__item .work-header-details__graph {
    display: none;
  }
  .work-header-details__section .work-header-details__item__label {
    min-width: 90px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 950px) {
  .work-header-details__section--two .work-header-details__item__label {
    min-width: 70px;
  }
}
.work-header-details__inline {
  justify-content: left;
  border: 1px solid #999999;
  border-radius: 6px;
  margin: 0 20px 16px 20px;
}
.work-header-details__inline .work-header-details__section {
  padding-left: 0;
}
.work-header-details__graph {
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: 6px;
}
.work-header-details a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.work-header-details a:hover {
  text-decoration: none;
}
.work-header-details .date-picker-link > .action-button--inline {
  height: auto;
  padding: 0;
  border: 0;
}
.work-header-details__chart-container {
  width: 22px;
  height: 22px;
}

.work-header-details__item {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  margin-right: 16px;
}
.work-header-details__item .work-header__invite-pill {
  text-transform: uppercase;
  border: 1px solid #999999;
  color: #fff;
  position: relative;
  top: 2px;
  font-size: 0.5625rem;
  border-radius: 40px;
  padding-left: 6px;
  padding-right: 6px;
  height: 16px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  margin-left: 3px;
  width: auto;
}
@media only screen and (max-width: 600px) {
  .work-header-details__item {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.work-header-details__item__label {
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.work-header-details__item__value {
  font-weight: 500;
  display: flex;
  white-space: nowrap;
  cursor: pointer;
}
.work-header-details__item__value--chevron:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 20px;
}
.work-header-details__item__value__lock {
  height: 16px;
}
.work-header-details__item__value__lock .bl-icon, .work-header-details__item__value__lock .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-header-details__item__value__lock .drop-down-button__toggle::after, .work-header-details__item__value__lock .auto-complete-email__button--chevron, .work-header-details__item__value__lock .timeline-item-header__shared-icon {
  line-height: 22px;
  font-size: 24px;
}
.work-header-details__item__value--extra-info {
  display: none;
}
@media screen and (min-width: 1100px) {
  .work-header-details__item__value--extra-info {
    display: inline;
  }
}
.work-header-details__item__value .status-button {
  min-width: auto;
}
.work-header-details__item__value .status-button--in-progress .action-button--inline,
.work-header-details__item__value .status-button .action-button--inline {
  min-width: auto;
  margin-top: -8px;
}
.work-header-details__item__value .status-button--in-progress .action-button--inline:after,
.work-header-details__item__value .status-button .action-button--inline:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 20px;
  height: 18px;
  position: relative;
  top: 4px;
  right: 4px;
}
.work-header-details__item__value .status-button.selection-button .action-button.action-button--inline, .work-header-details__item__value .status-button.selection-button .action-button--inline.login__form-button {
  color: #fff;
}

.work-header-details__action-pill {
  font-weight: 600;
  font-size: 10px;
  display: inline-block;
  letter-spacing: -0.2px;
  padding: 1px 6px;
  margin-left: 4px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  vertical-align: middle;
}
@media only screen and (max-width: 600px) {
  .work-header-details__action-pill {
    padding-top: 0;
    height: 16px;
    line-height: 14px;
  }
}

.work-header-details__action-pill--solid {
  cursor: pointer;
  border-color: #fff;
  color: #2872d3;
  background-color: #fff;
}

.block-list.work-header-details.work-header-details--deleted-work {
  padding-bottom: 0;
}

.work-search-item {
  cursor: pointer;
  min-height: 40px;
}
.work-search-item .name {
  font-size: 18px;
  color: #000;
}
.work-search-item .client {
  font-size: 16px;
  color: #999999;
}
.work-search-item .assigned-to {
  font-size: 16px;
  color: #999999;
}
.work-search-item .human-time-ago {
  font-size: inherit;
  color: inherit;
}

.attachment__filename {
  color: rgb(181, 40, 87);
  padding-left: 5px;
}

.attachment__filesize {
  color: #999999;
  margin-left: 8px;
}

.attachment__link {
  text-decoration: none;
}

.grouped-list {
  margin-bottom: 40px;
}
@media only screen and (min-width: 601px) {
  .grouped-list {
    margin: 0;
  }
  .grouped-list .grouped-list__items a:first-child .grouped-list__item {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .grouped-list .grouped-list__items a:last-child .grouped-list__item {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom: 0;
  }
  .grouped-list .grouped-list__items a:only-child .grouped-list__item {
    border-width: 1px;
    border-radius: 3px;
  }
}
.grouped-list a {
  text-decoration: none;
}

.grouped-list__header {
  padding: 16px 8px 16px 8px;
  font-size: 18px;
  margin-left: 0;
  width: 100%;
  display: flex;
}
@media only screen and (min-width: 601px) {
  .grouped-list__header {
    padding: 8px 16px 16px 0;
  }
  .grouped-list__header:first-child {
    padding-top: 16px;
  }
}
.grouped-list__header--hide {
  display: none;
}
.grouped-list__header .loading-icon {
  margin-top: 9px;
  margin-right: 4px;
}

.grouped-list__header-title {
  height: 24px;
  line-height: 24px;
  width: auto;
}

.grouped-list__item {
  background: #fff;
  width: 100%;
  border-bottom: 1px #e6e6e6 solid;
  padding: 16px;
}
.grouped-list__item a {
  color: #000;
  text-decoration: none;
}
@media only screen and (min-width: 601px) {
  .grouped-list__item {
    min-height: 60px;
    line-height: 60px;
    padding: 0 16px;
    display: flex;
    flex-direction: row;
  }
  .grouped-list__item .grouped-list-item__secondary-info {
    flex: 1;
    padding-left: 4px;
    display: inline-block;
  }
  .grouped-list__item .grouped-list-item__date {
    align-self: flex-end;
    float: none;
  }
}
.grouped-list__item--contact {
  position: relative;
}
.grouped-list__item--contact .avatar {
  position: relative;
  top: -0.5px;
}
.grouped-list__item--contact .avatar,
.grouped-list__item--contact .avatar .avatar,
.grouped-list__item--contact .avatar img {
  width: 16px;
  height: 16px;
  display: inline-block;
  font-size: 80%;
  line-height: 14px;
}
.grouped-list__item--contact .grouped-list-item__date,
.grouped-list__item--contact .grouped-list-item__secondary-info {
  padding-top: 8px;
}
@media only screen and (min-width: 601px) {
  .grouped-list__item--contact {
    display: flex;
  }
  .grouped-list__item--contact .grouped-list-item__date,
  .grouped-list__item--contact .grouped-list-item__secondary-info,
  .grouped-list__item--contact .grouped-list-item__primary-info {
    padding-top: 0;
    display: flex;
    flex: 1;
  }
  .grouped-list__item--contact .grouped-list-item__primary-info {
    width: 40%;
  }
  .grouped-list__item--contact .grouped-list-item__secondary-info,
  .grouped-list__item--contact .grouped-list-item__primary-info {
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 16px;
    display: inline-block;
  }
  .grouped-list__item--contact .grouped-list-item__secondary-info {
    width: 34%;
    padding-left: 16px;
  }
  .grouped-list__item--contact .grouped-list-item__date strong,
  .grouped-list__item--contact .grouped-list-item__date > div,
  .grouped-list__item--contact .grouped-list-item__date > span {
    text-align: right;
    width: 100%;
    display: inline-block;
  }
}

.grouped-list-item__link,
.grouped-list-item__link a {
  color: #2872d3;
}

.grouped-list-item__primary-info {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
@media only screen and (min-width: 601px) {
  .grouped-list-item__primary-info {
    display: inline;
    max-width: 400px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
  }
}

.grouped-list-item__secondary-info {
  font-size: 16px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  height: 60px;
  white-space: nowrap;
  padding-right: 8px;
}
@media only screen and (min-width: 601px) {
  .grouped-list-item__secondary-info {
    display: inline;
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .grouped-list-item__secondary-info {
    height: auto;
  }
}

.grouped-list-item__date {
  color: #999999;
  font-size: 16px;
}
@media only screen and (min-width: 601px) {
  .grouped-list-item__date {
    font-size: 18px;
    display: inline-block;
    float: right;
  }
}
.grouped-list-item__date strong {
  color: #000;
}

.grouped-list__filter-container {
  display: flex;
  margin-top: 4px;
  padding-left: 4px;
  padding-top: 0;
}
@media only screen and (min-width: 601px) {
  .grouped-list__filter-container {
    position: absolute;
  }
}

.grouped-list__filter {
  width: 100%;
  font-size: 24px;
  display: inline-block;
  margin-right: 4px;
}
@media only screen and (min-width: 601px) {
  .grouped-list__filter {
    margin-bottom: 24px;
    width: auto;
  }
}
.grouped-list__filter .drop-down-list__divider {
  display: block;
}
.grouped-list__filter .drop-down-button__toggle {
  width: auto;
  color: #2872d3;
  background: transparent;
  border: 0;
  padding: 0;
}
.grouped-list__filter .drop-down-button__toggle:hover, .grouped-list__filter .drop-down-button__toggle:focus {
  background: transparent;
}
.grouped-list__filter .drop-down-button__toggle:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  color: #2872d3;
  font-size: 26px;
  margin-left: 2px;
  position: relative;
  top: -1px;
}
.grouped-list__filter .drop-down-button--modal .drop-down-button__toggle {
  border-top: 1px rgba(255, 255, 255, 0.2) solid;
  border-radius: 0;
  width: 100%;
  color: #fff;
  background: rgb(181, 40, 87);
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
}
.grouped-list__filter .drop-down-button--modal .drop-down-button__toggle:after {
  color: #fff;
  font-size: 8px;
}
@media only screen and (min-width: 601px) {
  .grouped-list__filter .drop-down-button--modal .drop-down-button__toggle {
    border: 0;
    background: transparent;
    color: #2872d3;
    font-size: 24px;
  }
  .grouped-list__filter .drop-down-button--modal .drop-down-button__toggle:after {
    color: #2872d3;
    font-size: 14px;
  }
}
.grouped-list__filter .drop-down-button__list a {
  background: #fff;
  width: 100%;
  display: inline-block;
  float: left;
}
.grouped-list__filter .drop-down-button__list a:first-child, .grouped-list__filter .drop-down-button__list a:first-child .button {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.grouped-list__filter--primary {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .grouped-list__filter--primary {
    width: auto;
    margin-right: 24px;
    z-index: 2;
  }
  .grouped-list__filter--primary .drop-down-button__toggle {
    font-size: 26px;
  }
}

.grouped-list__filter--secondary .drop-down-button--modal .drop-down-button__toggle {
  background: #fff;
  border-bottom: 1px #e6e6e6 solid;
}
.grouped-list__filter--secondary .drop-down-button--modal .drop-down-button__toggle, .grouped-list__filter--secondary .drop-down-button--modal .drop-down-button__toggle:after {
  color: #2872d3;
}
@media only screen and (min-width: 601px) {
  .grouped-list__filter--secondary .drop-down-button--modal .drop-down-button__toggle {
    background: transparent;
    border: 0;
  }
}
@media only screen and (min-width: 601px) {
  .grouped-list__filter--secondary {
    z-index: 2;
  }
}

.grouped-list__person {
  background: #fff;
  padding: 0;
  position: relative;
  top: -3px;
}

.grouped-list__person__avatar {
  display: inline-block;
  position: relative;
  top: 6px;
  margin-right: 8px;
}
.grouped-list__person__avatar,
.grouped-list__person__avatar .avatar {
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 100%;
}
.grouped-list__person__avatar .avatar--empty {
  overflow: hidden;
}

.grouped-list__person__name {
  display: inline-block;
}

.grouped-list__lookup .contact-view__associated-contacts {
  display: none;
}
.grouped-list__lookup .auto-complete .auto-complete__input .auto-complete__input-clear {
  color: #e6e6e6;
}
.grouped-list__lookup .auto-complete .auto-complete__input .auto-complete__input-clear .fa:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
}
.grouped-list__lookup .auto-complete--active {
  margin-bottom: 16px;
}
.grouped-list__lookup .auto-complete__popup {
  z-index: 50;
}
.grouped-list__lookup .auto-complete__popup .auto-complete__popup__input {
  border-bottom: 1px #e6e6e6 solid;
}
@media only screen and (min-width: 601px) {
  .grouped-list__lookup .auto-complete__popup {
    z-index: 1;
  }
}
.grouped-list__lookup .auto-complete .auto-complete__input {
  background: #fff;
}
.grouped-list__lookup .auto-complete .auto-complete__input .auto-complete__input__items {
  padding: 8px;
  padding-left: 16px;
}
@media only screen and (min-width: 601px) {
  .grouped-list__lookup .auto-complete .auto-complete__input {
    margin-bottom: 20px;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    border-radius: 3px;
    height: 48px;
  }
}

.grouped-list-item__for {
  display: none;
}
@media only screen and (min-width: 601px) {
  .grouped-list-item__for {
    display: inline-block;
    margin-right: 3px;
  }
}

.grouped-list__message {
  padding: 16px;
}
@media only screen and (min-width: 601px) {
  .grouped-list__message {
    padding-left: 0;
  }
}

.grouped-list__item--contact span.grouped-list-item__date--completed {
  flex: 1;
}
.grouped-list__item--contact span.grouped-list-item__date-value {
  margin-left: 4px;
  width: auto;
}

.new-work-form__checkboxes {
  padding: 17px 14px;
  border-bottom: 1px #e6e6e6 solid;
}

.new-work-form__client.auto-complete .auto-complete__popup .block-list .block-list__item--disabled.block-list__item:hover {
  background-color: transparent;
}

.new-work-form__client.has-new .auto-complete__popup {
  min-height: 305px;
}

.new-work-form__show-description-action {
  position: absolute;
  bottom: 19px;
  left: 16px;
  font-size: 1.125rem;
  text-decoration: underline;
  text-transform: capitalize;
}
.new-work-form__show-description-action:hover {
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  .new-work-form__show-description-action {
    position: inherit;
  }
}

.modal-dialog-bl--gl-work .add-contact-form {
  margin: -16px;
}

/*
transitions for the appearing hidden fields.
*/
.new-work-form .new-work-form__template-row {
  opacity: 0;
  max-height: 0;
  height: 0;
  transition: all 0.3s ease-out;
}

.new-work-form.new-work-form--use-template .new-work-form__template-row {
  opacity: 1;
  max-height: 100px;
  height: auto;
}

.new-work-form__new-from-template-action {
  text-decoration: underline;
}

.new-work-form.new-work-form--show-description .new-work-form__description {
  opacity: 1;
  max-height: 200px;
  height: auto;
}
.new-work-form.new-work-form--show-description .new-work-form__description textarea {
  max-height: 170px;
}

.new-work-form__description-ta {
  height: 90px;
}

.new-work-form .look-ahead__results-list {
  max-height: 240px;
}
.new-work-form .work-template .searchable-selector--form-item .searchable-selector__input {
  padding-right: 6px;
}
.new-work-form .work-template .searchable-selector--form-item .searchable-selector__input::after {
  display: none;
  content: "";
}
.new-work-form .work-template .searchable-selector--form-item .searchable-selector__input i {
  color: #999999;
  cursor: pointer;
}
.new-work-form .form-block {
  width: 100%;
}

.form-container--modal {
  margin: -16px;
}

.new-work-form .modal-dialog-bl__message {
  padding-bottom: 14px;
}

.new-work-form__assign-tasks-modal__message {
  margin-bottom: 12px;
}

.new-work-flow--creating-contact .new-work-form {
  display: none;
}

.repeat-schedule-form {
  font-size: 16px;
}
.repeat-schedule-form__info-text {
  max-width: 320px;
  color: var(--color-grey-600);
  margin: 6px 0 0 0;
  font-size: 14px;
  font-style: italic;
}
.repeat-schedule-form__info-text p {
  margin: 6px 0 0 0;
}
.repeat-schedule-form__info-text p:first-child {
  margin: 0;
}
.repeat-schedule-form__help-text {
  max-width: 540px;
  color: var(--color-black);
  margin: 16px 0 4px 0;
  font-size: 16px;
}
.repeat-schedule-form__help-text ul {
  margin-top: 16px;
}
.repeat-schedule-form__help-text-italic {
  font-style: italic;
  color: #929292;
  margin: 16px 0 4px 0;
  font-size: 16px;
}
.repeat-schedule-form .repeat-schedule__status-message-box {
  margin-top: 18px;
}
.repeat-schedule-form .details-area___section--work-creation .selection-button--form-item {
  width: 320px;
}
.repeat-schedule-form .action-button--far-left {
  float: left;
}
.repeat-schedule-form .check-box .check-box__icon {
  border-color: #d9d9d9;
}
.repeat-schedule-form .check-box .check-box__label {
  font-size: 16px;
}
.repeat-schedule-form-row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  margin-bottom: 10px;
}
.repeat-schedule-form-item {
  margin-right: 24px;
}
.repeat-schedule-form__input {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding: 16px;
  padding-top: 13px;
  padding-bottom: 14px;
}
.repeat-schedule-form__input--right-aligned {
  margin-right: 4px;
  min-width: 120px;
  padding: 0px 8px 0px 8px;
  height: 40px;
}
.repeat-schedule-form__input:disabled {
  background-color: #f2f2f2;
}
.repeat-schedule-form__input--pull-down {
  display: inline-block;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding: 0px 8px 0px 8px;
  height: 40px;
}
.repeat-schedule-form__input--pull-down > .action-button--inline {
  margin-top: 8px;
  min-width: 240px;
  text-align: left;
}
.repeat-schedule-form__input--pull-down > .action-button--inline::after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 24px;
  position: absolute;
  right: 8px;
  top: 10px;
  color: #929292;
}
.repeat-schedule-form__input--pull-down--number-selector {
  margin-right: 4px;
}
.repeat-schedule-form__input--pull-down--number-selector .action-button--inline {
  min-width: 120px;
}
.repeat-schedule-form__field-label {
  margin: 8px 0 6px 0;
  color: var(--color-grey-600);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.repeat-schedule-form__repeat-every {
  width: 60px;
  height: 40px;
  margin-right: 4px;
}
.repeat-schedule-form__due-date-month-offset {
  padding: 16px;
  min-width: 350px;
  display: flex;
  flex-direction: column;
}
.repeat-schedule-form__due-date-month-offset .recurring-work-form__due-date-month-offset-content {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 25px;
}
.repeat-schedule-form__due-date-month-offset .recurring-work-form__due-date-month-offset-content .action-button--inline {
  font-weight: 600;
  margin-right: -6px;
  margin-left: 3px;
  margin-top: -7px;
}
.repeat-schedule-form__due-date-month-offset .recurring-work-form__due-date-month-offset-content .action-button--inline::after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 24px;
  position: relative;
  top: 3px;
  left: -4px;
}
.repeat-schedule-form__due-date-month-offset .recurring-work-form__due-date-month-offset-content .pop-over__contents {
  min-width: 300px;
  padding: 12px;
  margin-left: -60px;
}
.repeat-schedule-form__avatar {
  height: 32px;
}
.repeat-schedule-form__avatar-name {
  height: 32px;
  padding-top: 12px;
  margin-left: 12px;
}
.repeat-schedule-form__heading-edit {
  position: absolute;
  right: 0;
  top: 12px;
  text-decoration: underline;
  color: #2872d3;
  cursor: pointer;
}
.repeat-schedule-form .pop-over--disabled {
  background-color: #f2f2f2;
}
.repeat-schedule-form .dropdown-inline-set {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.repeat-schedule-form .dropdown-inline-set *:first-child {
  border: 0px;
}
.repeat-schedule-form .dropdown-inline-set .auto-complete .auto-complete__input .auto-complete__input__items,
.repeat-schedule-form .dropdown-inline-set .auto-complete .auto-complete__input .auto-complete__input__button {
  min-height: 46px;
  padding: 11px 16px;
  font-size: 16px;
}
.repeat-schedule-form__ignore-weekends {
  margin-left: -2px;
}
.repeat-schedule-form .details-area__section {
  margin-bottom: 26px;
}
.repeat-schedule-form .details-area__header, .repeat-schedule-form .pivot-table__filter {
  margin-bottom: 16px;
}
.repeat-schedule-form-preview {
  position: sticky;
  top: 36px;
  border-left: 1px solid #ddd;
  padding-left: 16px;
}
.repeat-schedule-form-preview .details-area__header, .repeat-schedule-form-preview .pivot-table__filter {
  border-bottom: 0px;
  padding: 0px;
  margin-bottom: 8px;
}
.repeat-schedule-form-preview .repeat-schedule-form__field-label {
  margin-bottom: 16px;
}
.repeat-preview-summary {
  display: flex;
  margin-bottom: 16px;
}
.repeat-preview-summary__work {
  width: 34px;
  height: 34px;
  border-radius: 17px;
  background-color: #e2e2e2;
  text-align: center;
  margin-right: 8px;
  margin-top: 4px;
}
.repeat-preview-summary__work:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  line-height: 30px;
  font-size: 30px;
  color: #444;
}
.repeat-preview-summary__title {
  font-size: 18px;
}
.repeat-preview-summary__date-range {
  font-size: 16px;
  color: #999999;
}

.repeating-edit-schedule__tabbed-header {
  height: 170px;
  background-color: #444;
  position: relative;
}
.repeating-edit-schedule__title {
  padding-top: 28px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.repeating-edit-schedule__icon {
  border-radius: 34px;
  border: 1px #e6e6e6 solid;
  background-color: #e6e6e6;
  height: 32px;
  text-indent: 1px;
  text-align: center;
  width: 32px;
  margin-right: 8px;
}
.repeating-edit-schedule__icon .bl-icon, .repeating-edit-schedule__icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .repeating-edit-schedule__icon .drop-down-button__toggle::after, .repeating-edit-schedule__icon .auto-complete-email__button--chevron, .repeating-edit-schedule__icon .timeline-item-header__shared-icon {
  position: relative;
  font-size: 40px;
  top: -1px;
  margin-left: -6px;
  color: #000;
  line-height: 36px;
}
.repeating-edit-schedule__subtitle {
  text-align: center;
  color: #929292;
  padding-top: 4px;
  font-size: 18px;
}
.repeating-edit-schedule__tabs {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}

.repeat-schedule-view {
  flex: 1 1 auto;
}
.repeat-schedule-view .repeat-schedule-form-item {
  min-width: 260px;
}
.repeat-schedule-view .repeat-schedule-form__avatar-name {
  padding-top: 4px;
  margin-left: 8px;
}

.repeating-work__reset-link {
  color: #2872d3;
  text-decoration: underline;
  cursor: pointer;
}

.repeat-schedule-list {
  overflow-x: auto;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.repeat-schedule-list__wrapper {
  display: inline-flex;
  min-width: 100%;
  flex-direction: column;
  overflow: visible;
}
.repeat-schedule-list .work-view-list-item__column--overdue {
  color: #d61407;
}
.repeat-schedule-list .work-view-list-item .work-view-list-item__column--type,
.repeat-schedule-list .work-view-list__header .work-view-list-item__column--type {
  flex-basis: 200px;
  max-width: 200px;
}
.repeat-schedule-list .work-view-list-item .work-view-list-item__column--reset,
.repeat-schedule-list .work-view-list__header .work-view-list-item__column--reset {
  flex-basis: 120px;
  max-width: 120px;
}
.repeat-schedule-list .work-view-list-item .work-view-list-item__column--progress,
.repeat-schedule-list .work-view-list__header .work-view-list-item__column--progress {
  flex-basis: 300px;
  width: auto;
}
.repeat-schedule-list .work-view-list-item .work-view-list-item__column--progress {
  margin-top: 4px;
  margin-bottom: 4px;
}

.work-title-editor__content {
  width: 100%;
  border: 1px solid #cacaca;
  border-radius: 4px;
  padding: 12px 16px;
}
.work-title-editor__help-text {
  font-style: italic;
  color: #929292;
  margin: 16px 0 4px 0;
  font-size: 14px;
}
.work-title-editor__button-bar {
  display: flex;
}
.work-title-editor__pbutton {
  font-size: 16px;
  height: 28px;
  background-color: #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  margin: 6px 8px 6px 0;
  padding: 4px 12px;
}

.work-title-modal__pull-down {
  display: inline-block;
  border: 1px solid #cacaca;
  border-radius: 4px;
  padding: 6px 12px 11px;
  margin-bottom: 12px;
  width: 100%;
}
.work-title-modal__pull-down .action-button--inline {
  margin-top: 4px;
  min-width: 100%;
  text-align: left;
}
.work-title-modal__pull-down .action-button--inline::after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 24px;
  position: absolute;
  right: 8px;
  top: 12px;
  color: #929292;
}
.work-title-modal__input-days {
  width: 60px;
  border: 1px solid #cacaca;
  border-radius: 4px;
  padding: 13px 16px;
}
.work-title-modal .radio-input span {
  color: #000;
}
.work-title-modal .radio-input span .info-text {
  color: #999999;
  display: inline;
  margin-left: 0px;
}
.work-title-modal__offset {
  margin-bottom: 24px;
}

.work-title-pill {
  background-color: #e6e6e6;
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
}
.work-title-pill span {
  padding: 2px 8px;
}

.kanban-board {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-top: 16px;
  margin-left: 0px;
  transform: translateZ(0);
}
@media only screen and (max-width: 600px) {
  .kanban-board {
    display: none;
  }
}

/*
  Kanban Bin
*/
.kanban-bin {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 282px;
}
.kanban-bin__stats {
  padding: 6px 0px 8px 0px;
  margin: 6px 19px 12px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.kanban-bin__stat {
  line-height: 1.7;
  color: #000;
}
.kanban-bin__stat--grey {
  line-height: 1.7;
  color: #999999;
}
.kanban-bin__stat__detail {
  font-size: 15px;
  line-height: 15px;
  margin: -4px 0 6px 0;
  color: #999999;
}
.kanban-bin__stat--bold {
  font-weight: 600;
}
.kanban-bin-stats {
  font-size: 15px;
  font-weight: 500;
  color: #999999;
  padding: 6px 0px 8px 0px;
  margin: 0 19px 12px 0px;
  border-top: 1px solid #ccc;
}
.kanban-bin-stats__row {
  display: flex;
}
.kanban-bin-stats__row--assignee {
  font-style: italic;
  font-weight: 400;
}
.kanban-bin-stats__row--assignee-basic {
  font-style: normal;
  font-weight: 400;
}
.kanban-bin-stats__row__item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
}
.kanban-bin-stats__allocation-label {
  margin: 12px 0 6px 0;
  font-style: italic;
  font-weight: 400;
}
.kanban-bin-stats--time-only {
  padding: 12px 4px 10px 4px;
  margin-bottom: 0;
}
.kanban-bin-stats--time-only .kanban-bin-stats__row:first-child {
  margin-bottom: 2px;
}
.kanban-bin__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  margin-left: 2px;
}
.kanban-bin__title-count {
  font-weight: 400;
  margin-left: 4px;
  color: #999999;
}
.kanban-bin__involved-in-title {
  margin-top: 12px;
  color: #999999;
}
.kanban-bin__involved-in-title-count {
  margin-left: 0;
  opacity: 0.6;
}
.kanban-bin__scroller {
  border: 2px dashed transparent;
  transition: all 0.1s;
  padding-bottom: 60px;
  padding-left: 0;
}
.kanban-bin .loading-icon {
  position: absolute;
  top: -10px;
  right: 16px;
  opacity: 0.6;
}
.kanban-bin .loading-icon .arc {
  border-width: 1px;
}
.kanban-bin .loading-icon .arc_start {
  border-color: transparent #999999 transparent transparent;
}
.kanban-bin .loading-icon .arc_end {
  border-color: #999999 transparent transparent transparent;
}

.kanban-bin__message {
  color: #999999;
  background: #f2f2f2;
  padding: 16px;
  border-radius: 4px;
  width: 260px;
}

.kanban-board--hide-empty-bins .kanban-bin--is-empty {
  display: none;
}

/*
  Kanban Card
*/
.kanban-card {
  margin: 5px 5px 5px 0;
  padding: 10px 12px 8px 12px;
  background-color: #fff;
  border-radius: 4px;
  width: 260px;
  min-height: 40px;
  position: relative;
  font-size: 15px;
  border-color: #cacaca;
  border-width: 1px;
  border-style: solid;
}
.kanban-card .kanban-card__budget-stats {
  background: #f2f2f2;
  display: flex;
  flex-direction: row;
  margin: 0 -12px -8px -12px;
  padding: 6px 12px;
  border-top: 1px solid #e6e6e6;
  margin-top: 8px;
  color: #999999;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.kanban-card .kanban-card__budget-stats > * {
  flex-grow: 1;
  flex-basis: 0;
}
.kanban-card .kanban-card__drag-disabled-tooltip {
  pointer-events: none;
  z-index: 1;
  display: none;
  opacity: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  transition: opacity 100ms;
}
.kanban-card .kanban-card__drag-disabled-tooltip .tool-tip__inner {
  width: 240px;
}
.kanban-card:first-child .kanban-card__drag-disabled-tooltip {
  top: auto;
  bottom: 10px;
}
.kanban-card:first-child .kanban-card__drag-disabled-tooltip .tool-tip__inner-spike {
  bottom: auto;
  top: -4px;
  transform: rotate(180deg);
}
.kanban-card:first-child .kanban-card__drag-disabled-tooltip .tool-tip__inner {
  bottom: auto;
  top: 8px;
}
.kanban-card--completed:not(.kanban-card--involved-in-card) {
  background-color: #f1f1f1;
}
.kanban-card--completed:not(.kanban-card--involved-in-card):hover .drop-down-button__toggle {
  background-color: #f1f1f1;
}
.kanban-card-status__in-progress {
  color: rgb(106, 184, 56);
}
.kanban-card--involved-in-card {
  min-height: 50px;
}
.kanban-card--involved-in-card .kanban-card__title {
  font-size: 16px;
  margin-bottom: 2px;
}
.kanban-card:first-child {
  margin-top: 0;
}
.kanban-card__header {
  min-height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kanban-card__title, .kanban-card__client {
  margin-right: 24px;
  line-height: 1em;
  font-size: 16px;
  margin-bottom: 4px;
  word-break: break-word;
}
.kanban-card__title a:hover, .kanban-card__client a:hover {
  text-decoration: underline;
}
.kanban-card__title a, .kanban-card__client a {
  color: #000;
}
.kanban-card__sub-title {
  color: #999999;
  margin-bottom: 1px;
}
.kanban-card__status-bar {
  width: 100%;
  margin: 6px 0 8px 0;
}
.kanban-card__sub-title.overdue {
  color: #d61407;
}
.kanban-card__avatar {
  position: absolute;
  top: 12px;
  right: 12px;
}
.kanban-card__add-due-date {
  margin: 0;
  padding: 0;
  height: auto;
}
.kanban-card__context-menu {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 1px;
}
.kanban-card__context-menu .drop-down-button {
  opacity: 0;
}
.kanban-card__context-menu .drop-down-button__toggle.action-button, .kanban-card__context-menu .drop-down-button__toggle.login__form-button {
  background: transparent !important;
}
.kanban-card:hover .drop-down-button {
  opacity: 1;
}
.kanban-card:hover .kanban-card__avatar {
  opacity: 0;
}
.kanban-card .simple-status-bar--no-total {
  display: none;
}
.kanban-card[draggable] {
  cursor: move;
  -webkit-user-select: none;
          user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.kanban-card[draggable]:hover {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.kanban-card--private .kanban-card__title:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 12px;
  position: relative;
  top: 7px;
  left: 0px;
  color: #999999;
}
.kanban-card--private-unauthorized:not(.kanban-card--involved-in-card) {
  min-height: 40px;
}
.kanban-card--private-unauthorized .kanban-card__title a,
.kanban-card--private-unauthorized .kanban-card__client a {
  color: #999999;
  font-weight: 500;
}

.kanban-card.kanban-card--drag-disabled .kanban-card__drag-disabled-tooltip {
  display: block;
}
.kanban-card.kanban-card--drag-disabled:active .kanban-card__drag-disabled-tooltip {
  opacity: 1;
}

.kanban-board--hide-assignee .kanban-card .kanban-card__header {
  min-height: 16px;
}

.kanban-board--hide-name .kanban-card__option--name,
.kanban-board--hide-name .kanban-card__option--name {
  display: none;
}

.kanban-board--hide-client .kanban-card__option--client,
.kanban-board--hide-client .kanban-card__option--client {
  display: none;
}

.kanban-board--hide-client-group .kanban-card__option--client-group,
.kanban-board--hide-client-group .kanban-card__option--client-group {
  display: none;
}

.kanban-board--hide-status .kanban-card__option--status,
.kanban-board--hide-status .kanban-card__option--status {
  display: none;
}

.kanban-board--hide-taxreturnstatus .kanban-card__option--taxreturnstatus,
.kanban-board--hide-taxreturnstatus .kanban-card__option--taxreturnstatus {
  display: none;
}

.kanban-board--hide-current-task-assignee .kanban-card__option--current-task-assignee,
.kanban-board--hide-current-task-assignee .kanban-card__option--current-task-assignee {
  display: none;
}

.kanban-board--hide-current-task-role .kanban-card__option--current-task-role,
.kanban-board--hide-current-task-role .kanban-card__option--current-task-role {
  display: none;
}

.kanban-board--hide-queue .kanban-card__option--queue,
.kanban-board--hide-queue .kanban-card__option--queue {
  display: none;
}

.kanban-board--hide-start .kanban-card__option--start,
.kanban-board--hide-start .kanban-card__option--start {
  display: none;
}

.kanban-board--hide-due .kanban-card__option--due,
.kanban-board--hide-due .kanban-card__option--due {
  display: none;
}

.kanban-board--hide-deadline .kanban-card__option--deadline,
.kanban-board--hide-deadline .kanban-card__option--deadline {
  display: none;
}

.kanban-board--hide-completed .kanban-card__option--completed,
.kanban-board--hide-completed .kanban-card__option--completed {
  display: none;
}

.kanban-board--hide-timeline-activity .kanban-card__option--timeline-activity,
.kanban-board--hide-timeline-activity .kanban-card__option--timeline-activity {
  display: none;
}

.kanban-board--hide-my-week-date .kanban-card__option--my-week-date,
.kanban-board--hide-my-week-date .kanban-card__option--my-week-date {
  display: none;
}

.kanban-board--hide-type .kanban-card__option--type,
.kanban-board--hide-type .kanban-card__option--type {
  display: none;
}

.kanban-board--hide-progress .kanban-card__option--progress,
.kanban-board--hide-progress .kanban-card__option--progress {
  display: none;
}

.kanban-board--hide-assignee .kanban-card__option--assignee,
.kanban-board--hide-assignee .kanban-card__option--assignee {
  display: none;
}

.kanban-board--hide-budget .kanban-card__option--budget,
.kanban-board--hide-budget .kanban-card__option--budget {
  display: none;
}

.kanban-board--hide-estimated-time .kanban-card__option--estimated-time,
.kanban-board--hide-estimated-time .kanban-card__option--estimated-time {
  display: none;
}

.kanban-board--hide-repeats .kanban-card__option--repeats,
.kanban-board--hide-repeats .kanban-card__option--repeats {
  display: none;
}

.kanban-board--hide-budget-time .kanban-card__option--budget-time,
.kanban-board--hide-budget-time .kanban-card__option--budget-time {
  display: none;
}

.kanban-board--hide-actual-time .kanban-card__option--actual-time,
.kanban-board--hide-actual-time .kanban-card__option--actual-time {
  display: none;
}

.kanban-board--hide-remaining-time .kanban-card__option--remaining-time,
.kanban-board--hide-remaining-time .kanban-card__option--remaining-time {
  display: none;
}

.kanban-board--hide-budget-amount .kanban-card__option--budget-amount,
.kanban-board--hide-budget-amount .kanban-card__option--budget-amount {
  display: none;
}

.kanban-board--hide-budget-time .kanban-card__option--budget-time,
.kanban-board--hide-budget-time .kanban-card__option--budget-time {
  display: none;
}

.kanban-board--hide-total-fee .kanban-card__option--total-fee,
.kanban-board--hide-total-fee .kanban-card__option--total-fee {
  display: none;
}

.kanban-board--hide-fee-type .kanban-card__option--fee-type,
.kanban-board--hide-fee-type .kanban-card__option--fee-type {
  display: none;
}

.kanban-board--hide-recurrence-frequency .kanban-card__option--recurrence-frequency,
.kanban-board--hide-recurrence-frequency .kanban-card__option--recurrence-frequency {
  display: none;
}

.work-view.work-view--legacy-budgets .kanban-card__budget-stats,
.kanban-board--hide-budget-time.kanban-board--hide-budget-amount .kanban-card__budget-stats,
.work-view:not(.work-view--show-amount) .kanban-board--hide-budget-time .kanban-card__budget-stats {
  display: none;
}

.work-view:not(.work-view--legacy-budgets) .kanban-card__option--estimated-time,
.work-view:not(.work-view--legacy-budgets) .kanban-card__option--budget {
  display: none;
}

.kanban-card--placeholder {
  padding: 10px 12px 15px 12px;
}
.kanban-card--placeholder .kanban-card__title {
  min-height: 16px;
}
.kanban-card--placeholder .kanban-card__sub-title {
  width: 88%;
  min-height: 15px;
  border-top: 15px solid #fafafa;
  margin-top: 7px;
}

/*
  Drag and drop styling
*/
.kanban-board--card-is-dragging .kanban-bin:not(.kanban-bin--drag-source) .kanban-bin__scroller {
  transition: none;
  border: 2px dashed #2872d3;
  border-radius: 4px;
  margin-right: 8px;
  background-color: rgba(255, 255, 255, 0);
}
.kanban-board--card-is-dragging .kanban-bin:not(.kanban-bin--drag-source) .kanban-bin__message {
  display: none;
}
.kanban-board--card-is-dragging .kanban-bin:not(.kanban-bin--drag-source).kanban-bin--drag-over .kanban-bin__scroller {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.kanban-board--card-is-dragging .kanban-bin:not(.kanban-bin--drag-source) .kanban-card,
.kanban-board--card-is-dragging .kanban-bin:not(.kanban-bin--drag-source) .kanban-bin__involved-in-title {
  display: none;
}

.kanban-card--is-dragging {
  opacity: 0.5;
}
.kanban-card--is-dragging:hover {
  box-shadow: none;
}
.kanban-card--is-dragging * {
  opacity: 0;
}

.kanban-card--is-removed {
  transition: all 200ms ease-out 200ms, transform 200ms ease-out 0s, opacity 200ms ease-out 0s;
  transform: scale(0.5);
  opacity: 0;
  min-height: 0;
  height: 0;
  padding: 0 16px;
  margin: -8px 0 0 0;
}
.kanban-card--is-removed .kanban-card__avatar {
  display: none;
}

.kanban-card--is-inserting {
  transform: scale(0.5);
  opacity: 0;
}

.kanban-card--is-inserting-transition {
  transition: all 500ms ease-out 500ms, transform 500ms ease-out 0s, opacity 500ms ease-out 0s;
}

/*
Modals
*/
.kanban-start-date-options-modal .form-container--modal {
  height: auto;
  padding-bottom: 70px;
}
.kanban-start-date-options-modal .radio-input-container {
  margin-top: 0;
}

.kanban-assignment-options-modal .form-container--modal {
  font-size: 18px;
  height: auto;
  padding-bottom: 70px;
}
.kanban-assignment-options-modal__checkboxes {
  margin-left: 16px;
}
.kanban-assignment-options-modal__checkboxes .check-box {
  margin: 8px 0;
}
.kanban-assignment-options-modal .modal-dialog-bl__panel {
  margin: 12px;
}

.kanban-status-modal .drop-down-button__list {
  position: static;
}
.kanban-status-modal .drop-down-button__list .action-button:hover, .kanban-status-modal .drop-down-button__list .login__form-button:hover {
  background: none;
}
.kanban-status-modal .action-button, .kanban-status-modal .login__form-button {
  color: #999999;
}
.kanban-status-modal .button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}
.kanban-status-modal .selectable-list {
  background: white;
  border-radius: 5px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}
.kanban-status-modal .selectable-list__item {
  white-space: nowrap;
}

.task-types-section {
  margin-bottom: 56px;
}
.task-types-section__info {
  color: #2a2a2a;
  font-size: 18px;
  margin-bottom: 20px;
}
.task-types__title {
  text-decoration: underline;
}
.task-types__not-billable-pill {
  font-size: 0.7em;
  padding: 4px 6px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  text-transform: uppercase;
  margin-left: 12px;
  background-color: #e9e9e9;
}
.task-types-modal__task-name {
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
}
.task-types-item {
  color: #2a2a2a;
  font-size: 18px;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 12px;
  cursor: pointer;
}
.task-types-item:first-child {
  border-top: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.task-types-item:last-child {
  border-bottom: 1px solid #aaa;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.task-types-settings__delete-modal__text {
  max-width: 340px;
}
.task-types-settings__delete-modal__list {
  padding-left: 16px;
}
.task-types-settings__delete-modal__label {
  text-transform: uppercase;
  color: #999;
  font-size: 14px;
  margin: 8px 0;
}
.task-types-settings__delete-modal__info {
  max-width: 340px;
  font-style: italic;
  color: #999;
}
.task-types-settings__delete-modal__warning-text {
  max-width: 340px;
  margin-bottom: -40px;
}

.reset-work-modal {
  max-width: 440px;
}
@media only screen and (max-width: 600px) {
  .reset-work-modal {
    max-width: none;
  }
}
.reset-work-modal > .form-label {
  font-size: 14px;
  font-weight: 500;
}
.reset-work-modal .modal-dialog-bl__panel {
  margin-bottom: 18px;
}
.reset-work-modal .modal-dialog-bl__panel label {
  font-size: 18px;
}
.reset-work-modal .modal-dialog-bl__body-text {
  margin-bottom: 0px;
}
.reset-work-modal .reset-tasks__checkboxes {
  margin-top: 10px;
}
.reset-work-modal .reset-tasks__checkboxes .radio-input .form-label {
  font-size: 18px;
}
.reset-work-modal ul {
  margin: 4px 0;
  padding-left: 24px;
}
.reset-work-modal .reset-work-modal__link-actions {
  margin-top: -16px;
}
.reset-work-modal .reset-work-modal__link-actions > li > span {
  color: #2872d3;
  text-decoration: underline;
  cursor: pointer;
}

.work-template-list__content {
  border-bottom: 1px solid #e6e6e6;
}
.work-template-list__action-bar {
  padding: 0 0 24px 0;
}
.work-template-list .empty-state {
  margin-top: 64px;
}
.work-template-list__headers {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
}
@media only screen and (max-width: 600px) {
  .work-template-list__headers {
    display: none;
  }
}
.work-template-list__headers .work-template-list-header {
  padding: 0 0 0 16px;
  min-width: 120px;
  text-align: right;
  font-size: 14px;
  color: #999999;
}
.work-template-list__headers .work-template-list-header-item-detail {
  padding-left: 0px;
  padding-right: 32px;
  flex: 1;
  color: #999999;
  font-size: 14px;
}
@media only screen and (max-width: 800px) {
  .work-template-list__headers .work-template-list-header__last-edited {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  .work-template-list__headers .work-template-list-header__last-used {
    display: none;
  }
}

.modal-create-work-template .form-error {
  padding-left: 4px;
}
.modal-create-work-template .dialog-action-bar {
  margin-top: 0;
}
.modal-create-work-template .focussed-textarea {
  height: 160px;
}

.work-template-list-item {
  position: relative;
  align-items: center;
  border-top: 1px solid #e6e6e6;
  display: flex;
  flex-direction: row;
  height: 72px;
  padding: 0;
  cursor: pointer;
}
.work-template-list-item__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding-left: 16px;
  padding-right: 32px;
  height: 100%;
  color: #000;
  overflow: hidden;
}
.work-template-list-item__title {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  overflow: hidden;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 41.04px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.14;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.work-template-list-item__subtitle {
  color: #999999;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.work-template-list-item__status-indicator {
  padding: 0 0 0 16px;
  min-width: 100px;
  text-align: right;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .work-template-list-item__status-indicator {
    display: none;
  }
}
.work-template-list-item__icon {
  border-radius: 40px;
  border: 1px #000 solid;
  height: 40px;
  text-indent: 1px;
  text-align: center;
  width: 40px;
}
.work-template-list-item__icon .bl-icon, .work-template-list-item__icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-template-list-item__icon .drop-down-button__toggle::after, .work-template-list-item__icon .auto-complete-email__button--chevron, .work-template-list-item__icon .timeline-item-header__shared-icon {
  color: #000;
  line-height: 36px;
}
@media only screen and (max-width: 800px) {
  .work-template-list-item__last-edited-tooltip {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  .work-template-list-item__last-used-tooltip {
    display: none;
  }
}
.work-template-list-item__status-pill {
  position: relative;
  top: -2px;
  font-size: 12px;
  border-radius: 40px;
  padding: 0 6px;
  height: 16px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin-left: 4px;
  margin-top: -3px;
  border: 1px solid #b3b3b3;
  background-color: #fff;
  color: #666;
  font-weight: 500;
  width: auto;
}
.work-template-list-item__status-pill--solid {
  border: 1px solid #b3b3b3;
  color: #fff;
  background-color: #b3b3b3;
}
.work-template-list-item .tool-tip-shell .tool-tip {
  top: -36px;
  left: 112px;
  transform: translateX(-50%);
}
.work-template-list-item .tool-tip-shell .tool-tip .tool-tip__inner-spike {
  display: none;
}
.work-template-list-item .tool-tip-shell--align-right .tool-tip {
  transform: translateX(-90%);
}

.work-templates {
  background-color: #2a2a2a;
}

.work-template .work-item-hero-panel {
  text-align: center;
}
.work-template .work-item-hero-panel__content {
  padding: 24px 12px 0 12px;
}
.work-template .page-title--header {
  margin-bottom: 8px;
}
.work-template .work-template__header-pill {
  border: 1px solid #fff;
  border-radius: 99px;
  text-align: center;
  display: inline-block;
  padding: 4px 16px;
  margin: 0 0 20px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}
.work-template .work-template__header-pill--primary {
  background-color: #2872d3;
  border: 1px solid #2872d3;
}
.work-template__header-pill-container {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  max-width: 220px;
  margin: 24px auto 0 auto;
}
.work-template__header-pill-container .work-template__header-pill {
  margin-top: 0px;
}
.work-template__header-pill-container .work-template__header-pill + .work-template__header-pill {
  margin-top: 8px;
}
.work-template__header-details {
  padding: 0;
  max-width: 916px;
  margin: 0px auto 8px auto;
}
.work-template__header-details__item-subtitle, .work-template__header-details__item-subtitle .human-time-ago {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.2;
}
.work-template__spinner {
  width: 300px;
  min-height: 200px;
  border-radius: 5px;
}
.work-template__contributor {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.work-template__contributor .avatar {
  display: inline-block;
}
.work-template__contributor .work-template__contributor__name {
  color: #000;
  margin: 0 0 8px 16px;
}
.work-template .budget-table .pivot-table th:last-child {
  width: auto;
}
.work-template .budget-table .pivot-table td:last-child {
  padding-right: 30px;
  padding-left: 8px;
}
.work-template .budget-table .pivot-table th:nth-child(4) {
  width: auto;
}

.work-template__banner {
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  z-index: 10;
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 32px;
  bottom: 0;
  right: 0;
  left: 0;
  min-height: 40px;
  background-color: #2872d3;
  color: #fff;
}
.work-template__banner .bl-icon--info {
  position: relative;
  font-size: 28px;
  line-height: 2px;
  top: 7px;
}
@media only screen and (max-width: 600px) {
  .work-template__banner {
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 0;
    justify-content: start;
  }
}
.work-template__banner__message {
  display: flex;
  align-items: center;
  flex-grow: 1;
  font-size: 16px;
  margin-right: 32px;
}
@media only screen and (max-width: 600px) {
  .work-template__banner__message {
    flex-grow: 1;
  }
}
.work-template__banner .action-button, .work-template__banner .login__form-button {
  font-weight: 600;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  height: 40px;
}
.work-template__banner .action-button:hover, .work-template__banner .login__form-button:hover {
  text-decoration: underline;
  opacity: 1;
}
.work-template__banner .action-button--inline {
  color: #fff;
  opacity: 0.5;
  margin-right: 16px;
}
.work-template__banner .tool-tip-shell {
  margin-left: 5px;
}
.work-template__banner .tool-tip-shell .tool-tip {
  top: auto;
  bottom: auto;
  transform: translate(-50%, -130%);
}
.work-template__banner .tool-tip-shell .tool-tip__inner {
  width: 300px;
  padding-top: 12px;
  padding-bottom: 12px;
  white-space: normal;
}

.menu-open .work-template__banner {
  left: 240px;
}

body.work-template__details,
body.work-template__budget {
  background-color: #fff;
}

.work-template .page-header__pattern {
  opacity: 0.16;
  background-color: #000;
  background-size: 60px 60px, 60px 60px, 15px 15px, 15px 15px;
  background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
  background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px), linear-gradient(rgb(255, 255, 255) 1px, transparent 1px), linear-gradient(90deg, rgb(255, 255, 255) 1px, transparent 1px);
}

.work-summary-card {
  position: relative;
  border-top: 1px solid #e6e6e6;
}
.work-summary-card:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.work-summary-card__link-to {
  border-radius: 3px;
  padding: 12px 24px 16px 4px;
  min-height: 80px;
  display: flex;
  flex-direction: row;
}
.work-summary-card__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+T3ZhbCAzNSBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzUtQ29weS0zIiBmaWxsPSIjMkEyQTJBIiBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiPjwvY2lyY2xlPiAgICAgICAgPHBhdGggZD0iTTI3LjAwMSwxNS4xMjY2NDkxIEwyMy45OSwxNS4xMjY2NDkxIEwyMy45OSwxMiBMMTYuMDczLDEyIEwxNi4wNzMsMTUuMTI2NjQ5MSBMMTMsMTUuMTI2NjQ5MSBDMTEuODk2LDE1LjEyNjY0OTEgMTEsMTYuMDEzMTkyNiAxMSwxNy4xMDU1NDA5IEwxMSwyNS4wMjExMDgyIEMxMSwyNi4xMTQ0NDU5IDExLjg5NiwyNyAxMywyNyBMMjcuMDAxLDI3IEMyOC4xMDUsMjcgMjksMjYuMTE0NDQ1OSAyOSwyNS4wMjExMDgyIEwyOSwxNy4xMDU1NDA5IEMyOSwxNi4wMTMxOTI2IDI4LjEwNSwxNS4xMjY2NDkxIDI3LjAwMSwxNS4xMjY2NDkxIEwyNy4wMDEsMTUuMTI2NjQ5MSBaIE0xOCwxNCBMMjIsMTQgTDIyLDE1IEwxOCwxNSBMMTgsMTQgWiBNMjcsMjUgTDEzLDI1IEwxMywyMC45NiBMMjYuOTg5MDAwOCwyMC45NiBMMjYuOTg5MDAwOCwxOC45NiBMMTMsMTguOTYgTDEzLDE3IEwyNywxNyBMMjcsMjUgTDI3LDI1IFoiIGlkPSJXb3JrLUNvcHktNCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPiAgICA8L2c+PC9zdmc+);
}
.work-summary-card__content {
  margin-left: 16px;
  flex-grow: 1;
}
.work-summary-card__work-title {
  color: #000;
  font-size: 18px;
  text-decoration: underline;
}
.work-summary-card__client-title {
  color: #999999;
}
.work-summary-card__delete {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 0;
  color: #999999;
}
.work-summary-card--is-removing {
  opacity: 0.5;
}
.work-summary-card--private .work-summary-card__work-title:after, .work-summary-card--private-unauthorized .work-summary-card__work-title:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 12px;
  position: relative;
  top: 7px;
  left: 0px;
  color: #999999;
  text-decoration: none;
  display: inline-block;
}
.work-summary-card--private-unauthorized .work-summary-card__work-title,
.work-summary-card--private-unauthorized .work-summary-card__subtitle {
  color: #999999;
}
.work-summary-card--private-unauthorized .work-summary-card__icon {
  opacity: 0.5;
}
.work-summary-card .simple-status-bar {
  margin: 12px 0 8px 0;
  width: 100%;
}
.work-summary-card .simple-status-bar--no-total {
  display: none;
}
.work-summary-card .status-button:not(.status-button--in-progress) .action-button, .work-summary-card .status-button:not(.status-button--in-progress) .login__form-button {
  color: #999999;
}

.work-summary-card--private-unauthorized.work-summary-card--hidden {
  display: none;
}

.work-privacy-summary {
  margin-bottom: 40px;
}
.work-privacy-summary a {
  text-decoration: underline;
  color: #000;
}

body.work__work-item-private .page-title--header::after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 28px;
  color: #999999;
  left: 12px;
  top: 1px;
  position: relative;
}
body.work__work-item-private .work-team-details-member__time,
body.work__work-item-private .work-team-details__header__time {
  display: none;
}

.work-item-private .details-area__header, .work-item-private .pivot-table__filter {
  margin: 42px 0 0 0;
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.work-item-private__intro-header {
  font-weight: 600;
  text-align: center;
  margin: 16px 0 16px 0;
  font-size: 18px;
}
.work-item-private__intro-message {
  text-align: center;
  max-width: 320px;
  margin: 0 auto;
}
.work-item-private__centered-column {
  max-width: 500px;
}
.work-item-private__loading-icon {
  margin-left: 4px;
}

.base-work-template-summary-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 12px;
}
.base-work-template-summary-item__icon {
  border-radius: 34px;
  border: 1px #e6e6e6 solid;
  height: 32px;
  text-indent: 1px;
  text-align: center;
  width: 32px;
  margin-right: 8px;
}
.base-work-template-summary-item__icon .bl-icon, .base-work-template-summary-item__icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .base-work-template-summary-item__icon .drop-down-button__toggle::after, .base-work-template-summary-item__icon .auto-complete-email__button--chevron, .base-work-template-summary-item__icon .timeline-item-header__shared-icon {
  position: relative;
  font-size: 25px;
  top: -3px;
  color: #000;
  line-height: 36px;
}
.base-work-template-summary-item__title {
  color: #000;
}
.base-work-template-summary-item__subtitle {
  color: #999999;
}
.base-work-template-summary-item__subtitle--link {
  cursor: pointer;
  text-decoration: underline;
}
.base-work-template-summary-item__subtitle--link:hover {
  color: #000;
}

.work-types-list .tenant-settings-list__header {
  min-width: 180px;
  text-align: center;
  margin-top: 16px;
}
.work-types-list .tenant-settings-list__header:last-child {
  margin-right: 68px;
}
.work-types-list .tenant-settings-list-item__count {
  min-width: 180px;
  text-align: center;
}
.work-types-list .tenant-settings-list-item__title a {
  color: #000;
  text-decoration: underline;
}
.work-types-list .modal-dialog-bl__body-text {
  margin-bottom: 16px;
}

.tenant-settings-list-item.work-types-list-item {
  cursor: default;
}

.work-types-list-item__context-menu {
  margin-left: 32px;
  opacity: 0;
}

.work-types-list-item:hover .work-types-list-item__context-menu {
  opacity: 1;
}

.modal-dialog-bl .modal-dialog-bl__contents.work-type-selector--modal {
  height: 400px;
}
@media only screen and (max-width: 600px) {
  .modal-dialog-bl .modal-dialog-bl__contents.work-type-selector--modal {
    height: 100vh;
  }
}

.work-type-selector {
  position: relative;
}
.work-type-selector__action-button {
  color: #2872d3;
}
.work-type-selector__empty_message {
  padding: 9px 16px;
  color: #999999;
}
.work-type-selector--modal {
  width: 400px;
}
.work-type-selector--modal .work-type-selector__container {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  width: 400px;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .work-type-selector--modal .work-type-selector__container {
    width: 100%;
    border-radius: 0;
    height: 100vh;
  }
}
.work-type-selector--modal .work-type-selector__input {
  border: 1px solid #cacaca;
  border-radius: 4px;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  margin: 16px;
  flex-shrink: 0;
  position: relative;
}
.work-type-selector--modal .work-type-selector__input__clear {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 5px;
  color: #929292;
}
.work-type-selector--modal .work-type-selector__input input {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
  outline: none;
}
.work-type-selector--modal .selectable-list {
  border: 0;
  overflow: auto;
}
.work-type-selector--form-item .work-type-selector__input {
  border: 1px solid #cacaca;
  border-radius: 4px;
  margin: 0;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.work-type-selector--form-item .work-type-selector__input input {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
  outline: none;
}
.work-type-selector--form-item .selectable-list {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  transform: translateY(-11px);
  overflow: auto;
  position: absolute;
  top: auto;
  left: 0;
  right: auto;
  z-index: 2;
  min-width: 220px;
  margin-bottom: 60px;
  margin-top: -2px;
  max-height: 400px;
}

.work-type-selector--form-item .work-type-selector__input {
  position: relative;
  margin: 0 0 12px;
}
.work-type-selector--form-item .work-type-selector__input:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #999999;
  right: 8px;
  top: 38%;
  position: absolute;
  margin-top: -6px;
}

.work-list-export {
  cursor: pointer;
  position: absolute;
  margin-top: 2px;
  top: 0;
  right: 0;
}
.work-list-export .work-list-export_icon:after {
  margin-right: -4px;
  color: #000;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92a";
}
.work-list-export .selectable-list {
  margin-top: 12px;
  padding-bottom: 16px;
}

.work-edit-dates-modal .ember-modal-dialog {
  min-width: 480px;
}
.work-edit-dates-modal .form-block {
  width: 100%;
}
.work-edit-dates-modal .form-block .offset-info {
  color: #999999;
}
.work-edit-dates-modal .start-due-input {
  margin-bottom: -6px;
}
.work-edit-dates-modal .radio-input-container {
  padding-bottom: 18px;
}
.work-edit-dates-modal .radio-input-container .check-box__icon {
  background-color: White;
  border-color: #999999;
}
.work-edit-dates-modal .radio-input-container .check-box__icon:focus {
  border-color: #999999;
}
.work-edit-dates-modal .radio-input-container .check-box--active .check-box__icon:after {
  color: #000;
}
.work-edit-dates-modal .radio-input-container .task-due-info-radio {
  margin-left: 28px;
  margin-top: 16px;
}
.work-edit-dates-modal .radio-input-container .task-due-info {
  margin-left: 28px;
  margin-top: 6px;
}

.work-type-settings {
  font-size: 18px;
}
.work-type-settings__header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 18px;
  padding-bottom: 8px;
}
.work-type-settings__header span {
  font-size: 22px;
  font-weight: 600;
}
.work-type-settings__name {
  margin-bottom: 56px;
}
.work-type-settings_rename-link {
  height: inherit;
}
.work-type-settings__blurb {
  margin-top: 12px;
  margin-bottom: 28px;
  color: #000;
  font-size: 18px;
}
.work-type-settings .action-button--inline {
  text-decoration: underline;
}
.work-type-settings__delete-btn {
  white-space: nowrap;
  margin-top: 28px;
  background-color: #444444;
  border-color: #444444;
  font-size: 17px;
}

body.work-overview .main.container {
  scrollbar-gutter: initial;
}
body.work-overview .grid-block {
  height: 100%;
}

.work-view__settings-bar {
  position: relative;
  margin: 12px 24px 0 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 6px;
}
.work-view__settings-bar .work-view__add-work-button {
  margin-right: 24px;
}
.work-view__settings-bar .work-list-export {
  position: static;
}
.work-view__settings-bar .budget-summary {
  margin-bottom: 0;
}
.work-view__settings-bar__actions-panel {
  display: flex;
  margin-top: 16px;
}
.work-view__settings-bar__spacer {
  flex-grow: 1;
}
.work-view__stats-toggle-link {
  padding: 0 12px 0 16px;
}
.work-view__filter-bar {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 18px;
}
.work-view__filter-bar .filter-pill {
  background-color: #f2f2f2;
}
.work-view__filter-bar__filters-list:after {
  top: 13px;
}

.work-view:not(.work-view--legacy-budgets) .work-view-stats__legacy {
  display: none;
}

/*
  Work route styles.
  Adjusts the work list and kanban layouts to fill the page.
*/
.app-content > .work-view {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.app-content > .work-view .simple-filter-bar__filters {
  max-width: none;
}
.app-content > .work-view .grid-block {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}
.app-content > .work-view .app-content {
  height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
}
.app-content > .work-view .grouped-list__filter-container {
  margin-left: 8px;
}
.app-content > .work-view .search-bar__input {
  display: none;
}
.app-content > .work-view .page-header {
  flex-shrink: 0;
}
.app-content > .work-view .work-view__content {
  width: 100%;
  height: 100%;
  max-width: none;
  overflow-x: auto;
  position: relative;
}
.app-content > .work-view .kanban-board {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 8px;
  overflow: hidden;
  overflow-x: auto;
  padding-left: 16px;
}
.app-content > .work-view .kanban-board__empty-state {
  margin: 0 auto;
}
.app-content > .work-view .kanban-bin {
  height: 100%;
  flex-shrink: 0;
}
.app-content > .work-view .kanban-bin__scroller {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: rgba(255, 255, 255, 0);
}

.work-view-list-no-max-height {
  max-height: 0;
}

.work-view-list {
  display: inline-flex;
  min-width: 100%;
  flex-direction: column;
  overflow: visible;
}
.work-view-list__header {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  color: #999999;
  height: 42px;
  overflow: visible;
  align-items: center;
  margin: 0;
  padding: 0 20px;
  list-style: none;
}
.work-view-list__header .work-view-list-item__column {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  margin: 0 4px;
}
.work-view-list__header .work-view-list-item__column--disabled {
  cursor: default;
}
.work-view-list__list {
  margin: 0 24px;
  padding: 0 0 32px 0;
  list-style: none;
}
.work-view-list__loader {
  margin: 0;
  height: 42px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.work-view-list__loader .timeline-loader__header,
.work-view-list__loader .timeline-loader__line {
  display: none;
}
.work-view-list__loader .timeline-loader__icon {
  left: 10px;
  top: 8px;
}
.work-view-list__loader .loading-icon--medium .loading-icon__spinner {
  width: 26px;
  height: 26px;
}

.work-view-list--sort-up.work-view-list--sort-recurrence-frequency .work-view-list__header .work-view-list-item__column--recurrence-frequency:after, .work-view-list--sort-up.work-view-list--sort-my-week-date .work-view-list__header .work-view-list-item__column--my-week-date:after, .work-view-list--sort-up.work-view-list--sort-fee-type .work-view-list__header .work-view-list-item__column--fee-type:after, .work-view-list--sort-up.work-view-list--sort-total-fee .work-view-list__header .work-view-list-item__column--total-fee:after, .work-view-list--sort-up.work-view-list--sort-budget-progress .work-view-list__header .work-view-list-item__column--budget-progress:after, .work-view-list--sort-up.work-view-list--sort-remaining-amount .work-view-list__header .work-view-list-item__column--remaining-amount:after, .work-view-list--sort-up.work-view-list--sort-remaining-time .work-view-list__header .work-view-list-item__column--remaining-time:after, .work-view-list--sort-up.work-view-list--sort-actual-amount .work-view-list__header .work-view-list-item__column--actual-amount:after, .work-view-list--sort-up.work-view-list--sort-actual-time .work-view-list__header .work-view-list-item__column--actual-time:after, .work-view-list--sort-up.work-view-list--sort-budget-amount .work-view-list__header .work-view-list-item__column--budget-amount:after, .work-view-list--sort-up.work-view-list--sort-budget-time .work-view-list__header .work-view-list-item__column--budget-time:after, .work-view-list--sort-up.work-view-list--sort-reset .work-view-list__header .work-view-list-item__column--reset:after, .work-view-list--sort-up.work-view-list--sort-repeats .work-view-list__header .work-view-list-item__column--repeats:after, .work-view-list--sort-up.work-view-list--sort-estimated-time .work-view-list__header .work-view-list-item__column--estimated-time:after, .work-view-list--sort-up.work-view-list--sort-budget .work-view-list__header .work-view-list-item__column--budget:after, .work-view-list--sort-up.work-view-list--sort-assignee .work-view-list__header .work-view-list-item__column--assignee:after, .work-view-list--sort-up.work-view-list--sort-progress .work-view-list__header .work-view-list-item__column--progress:after, .work-view-list--sort-up.work-view-list--sort-type .work-view-list__header .work-view-list-item__column--type:after, .work-view-list--sort-up.work-view-list--sort-completed .work-view-list__header .work-view-list-item__column--completed:after, .work-view-list--sort-up.work-view-list--sort-deadline .work-view-list__header .work-view-list-item__column--deadline:after, .work-view-list--sort-up.work-view-list--sort-due .work-view-list__header .work-view-list-item__column--due:after, .work-view-list--sort-up.work-view-list--sort-start .work-view-list__header .work-view-list-item__column--start:after, .work-view-list--sort-up.work-view-list--sort-date-created .work-view-list__header .work-view-list-item__column--date-created:after, .work-view-list--sort-up.work-view-list--sort-taxreturnstatus .work-view-list__header .work-view-list-item__column--taxreturnstatus:after, .work-view-list--sort-up.work-view-list--sort-queue-position .work-view-list__header .work-view-list-item__column--queue-position:after, .work-view-list--sort-up.work-view-list--sort-queue .work-view-list__header .work-view-list-item__column--queue:after, .work-view-list--sort-up.work-view-list--sort-current-task-role .work-view-list__header .work-view-list-item__column--current-task-role:after, .work-view-list--sort-up.work-view-list--sort-current-task-assignee .work-view-list__header .work-view-list-item__column--current-task-assignee:after, .work-view-list--sort-up.work-view-list--sort-extension-status .work-view-list__header .work-view-list-item__column--extension-status:after, .work-view-list--sort-up.work-view-list--sort-last-status-change-date-time .work-view-list__header .work-view-list-item__column--last-status-change-date-time:after, .work-view-list--sort-up.work-view-list--sort-status .work-view-list__header .work-view-list-item__column--status:after, .work-view-list--sort-up.work-view-list--sort-client-id .work-view-list__header .work-view-list-item__column--client-id:after, .work-view-list--sort-up.work-view-list--sort-client-group .work-view-list__header .work-view-list-item__column--client-group:after, .work-view-list--sort-up.work-view-list--sort-client .work-view-list__header .work-view-list-item__column--client:after, .work-view-list--sort-up.work-view-list--sort-name .work-view-list__header .work-view-list-item__column--name:after, .list-column-header-sort .list-column-header-sort-item--active.list-column-header-sort-item--down:after {
  content: "";
  position: relative;
  top: 12px;
  right: -4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}

.work-view-list--sort-down.work-view-list--sort-recurrence-frequency .work-view-list__header .work-view-list-item__column--recurrence-frequency:after, .work-view-list--sort-down.work-view-list--sort-my-week-date .work-view-list__header .work-view-list-item__column--my-week-date:after, .work-view-list--sort-down.work-view-list--sort-fee-type .work-view-list__header .work-view-list-item__column--fee-type:after, .work-view-list--sort-down.work-view-list--sort-total-fee .work-view-list__header .work-view-list-item__column--total-fee:after, .work-view-list--sort-down.work-view-list--sort-budget-progress .work-view-list__header .work-view-list-item__column--budget-progress:after, .work-view-list--sort-down.work-view-list--sort-remaining-amount .work-view-list__header .work-view-list-item__column--remaining-amount:after, .work-view-list--sort-down.work-view-list--sort-remaining-time .work-view-list__header .work-view-list-item__column--remaining-time:after, .work-view-list--sort-down.work-view-list--sort-actual-amount .work-view-list__header .work-view-list-item__column--actual-amount:after, .work-view-list--sort-down.work-view-list--sort-actual-time .work-view-list__header .work-view-list-item__column--actual-time:after, .work-view-list--sort-down.work-view-list--sort-budget-amount .work-view-list__header .work-view-list-item__column--budget-amount:after, .work-view-list--sort-down.work-view-list--sort-budget-time .work-view-list__header .work-view-list-item__column--budget-time:after, .work-view-list--sort-down.work-view-list--sort-reset .work-view-list__header .work-view-list-item__column--reset:after, .work-view-list--sort-down.work-view-list--sort-repeats .work-view-list__header .work-view-list-item__column--repeats:after, .work-view-list--sort-down.work-view-list--sort-estimated-time .work-view-list__header .work-view-list-item__column--estimated-time:after, .work-view-list--sort-down.work-view-list--sort-budget .work-view-list__header .work-view-list-item__column--budget:after, .work-view-list--sort-down.work-view-list--sort-assignee .work-view-list__header .work-view-list-item__column--assignee:after, .work-view-list--sort-down.work-view-list--sort-progress .work-view-list__header .work-view-list-item__column--progress:after, .work-view-list--sort-down.work-view-list--sort-type .work-view-list__header .work-view-list-item__column--type:after, .work-view-list--sort-down.work-view-list--sort-completed .work-view-list__header .work-view-list-item__column--completed:after, .work-view-list--sort-down.work-view-list--sort-deadline .work-view-list__header .work-view-list-item__column--deadline:after, .work-view-list--sort-down.work-view-list--sort-due .work-view-list__header .work-view-list-item__column--due:after, .work-view-list--sort-down.work-view-list--sort-start .work-view-list__header .work-view-list-item__column--start:after, .work-view-list--sort-down.work-view-list--sort-date-created .work-view-list__header .work-view-list-item__column--date-created:after, .work-view-list--sort-down.work-view-list--sort-taxreturnstatus .work-view-list__header .work-view-list-item__column--taxreturnstatus:after, .work-view-list--sort-down.work-view-list--sort-queue-position .work-view-list__header .work-view-list-item__column--queue-position:after, .work-view-list--sort-down.work-view-list--sort-queue .work-view-list__header .work-view-list-item__column--queue:after, .work-view-list--sort-down.work-view-list--sort-current-task-role .work-view-list__header .work-view-list-item__column--current-task-role:after, .work-view-list--sort-down.work-view-list--sort-current-task-assignee .work-view-list__header .work-view-list-item__column--current-task-assignee:after, .work-view-list--sort-down.work-view-list--sort-extension-status .work-view-list__header .work-view-list-item__column--extension-status:after, .work-view-list--sort-down.work-view-list--sort-last-status-change-date-time .work-view-list__header .work-view-list-item__column--last-status-change-date-time:after, .work-view-list--sort-down.work-view-list--sort-status .work-view-list__header .work-view-list-item__column--status:after, .work-view-list--sort-down.work-view-list--sort-client-id .work-view-list__header .work-view-list-item__column--client-id:after, .work-view-list--sort-down.work-view-list--sort-client-group .work-view-list__header .work-view-list-item__column--client-group:after, .work-view-list--sort-down.work-view-list--sort-client .work-view-list__header .work-view-list-item__column--client:after, .work-view-list--sort-down.work-view-list--sort-name .work-view-list__header .work-view-list-item__column--name:after, .list-column-header-sort .list-column-header-sort-item--active.list-column-header-sort-item--up:after {
  content: "";
  position: relative;
  top: -12px;
  right: -4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #000;
}

.work-view-list__header .work-view-list-item__column--checkbox {
  min-width: 24px;
  flex-grow: 0;
  flex-basis: 20px;
}

.work-view-list--sort-down.work-view-list--sort-name .work-view-list__header .work-view-list-item__column--name {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-name .work-view-list__header .work-view-list-item__column--name {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-client .work-view-list__header .work-view-list-item__column--client {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-client .work-view-list__header .work-view-list-item__column--client {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-client-group .work-view-list__header .work-view-list-item__column--client-group {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-client-group .work-view-list__header .work-view-list-item__column--client-group {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-client-id .work-view-list__header .work-view-list-item__column--client-id {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-client-id .work-view-list__header .work-view-list-item__column--client-id {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-status .work-view-list__header .work-view-list-item__column--status {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-status .work-view-list__header .work-view-list-item__column--status {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-last-status-change-date-time .work-view-list__header .work-view-list-item__column--last-status-change-date-time {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-last-status-change-date-time .work-view-list__header .work-view-list-item__column--last-status-change-date-time {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-extension-status .work-view-list__header .work-view-list-item__column--extension-status {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-extension-status .work-view-list__header .work-view-list-item__column--extension-status {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-current-task-assignee .work-view-list__header .work-view-list-item__column--current-task-assignee {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-current-task-assignee .work-view-list__header .work-view-list-item__column--current-task-assignee {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-current-task-role .work-view-list__header .work-view-list-item__column--current-task-role {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-current-task-role .work-view-list__header .work-view-list-item__column--current-task-role {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-queue .work-view-list__header .work-view-list-item__column--queue {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-queue .work-view-list__header .work-view-list-item__column--queue {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-queue-position .work-view-list__header .work-view-list-item__column--queue-position {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-queue-position .work-view-list__header .work-view-list-item__column--queue-position {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-taxreturnstatus .work-view-list__header .work-view-list-item__column--taxreturnstatus {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-taxreturnstatus .work-view-list__header .work-view-list-item__column--taxreturnstatus {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-date-created .work-view-list__header .work-view-list-item__column--date-created {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-date-created .work-view-list__header .work-view-list-item__column--date-created {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-start .work-view-list__header .work-view-list-item__column--start {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-start .work-view-list__header .work-view-list-item__column--start {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-due .work-view-list__header .work-view-list-item__column--due {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-due .work-view-list__header .work-view-list-item__column--due {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-deadline .work-view-list__header .work-view-list-item__column--deadline {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-deadline .work-view-list__header .work-view-list-item__column--deadline {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-completed .work-view-list__header .work-view-list-item__column--completed {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-completed .work-view-list__header .work-view-list-item__column--completed {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-type .work-view-list__header .work-view-list-item__column--type {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-type .work-view-list__header .work-view-list-item__column--type {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-progress .work-view-list__header .work-view-list-item__column--progress {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-progress .work-view-list__header .work-view-list-item__column--progress {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-assignee .work-view-list__header .work-view-list-item__column--assignee {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-assignee .work-view-list__header .work-view-list-item__column--assignee {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-budget .work-view-list__header .work-view-list-item__column--budget {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-budget .work-view-list__header .work-view-list-item__column--budget {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-estimated-time .work-view-list__header .work-view-list-item__column--estimated-time {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-estimated-time .work-view-list__header .work-view-list-item__column--estimated-time {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-repeats .work-view-list__header .work-view-list-item__column--repeats {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-repeats .work-view-list__header .work-view-list-item__column--repeats {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-reset .work-view-list__header .work-view-list-item__column--reset {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-reset .work-view-list__header .work-view-list-item__column--reset {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-budget-time .work-view-list__header .work-view-list-item__column--budget-time {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-budget-time .work-view-list__header .work-view-list-item__column--budget-time {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-budget-amount .work-view-list__header .work-view-list-item__column--budget-amount {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-budget-amount .work-view-list__header .work-view-list-item__column--budget-amount {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-actual-time .work-view-list__header .work-view-list-item__column--actual-time {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-actual-time .work-view-list__header .work-view-list-item__column--actual-time {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-actual-amount .work-view-list__header .work-view-list-item__column--actual-amount {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-actual-amount .work-view-list__header .work-view-list-item__column--actual-amount {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-remaining-time .work-view-list__header .work-view-list-item__column--remaining-time {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-remaining-time .work-view-list__header .work-view-list-item__column--remaining-time {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-remaining-amount .work-view-list__header .work-view-list-item__column--remaining-amount {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-remaining-amount .work-view-list__header .work-view-list-item__column--remaining-amount {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-budget-progress .work-view-list__header .work-view-list-item__column--budget-progress {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-budget-progress .work-view-list__header .work-view-list-item__column--budget-progress {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-total-fee .work-view-list__header .work-view-list-item__column--total-fee {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-total-fee .work-view-list__header .work-view-list-item__column--total-fee {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-fee-type .work-view-list__header .work-view-list-item__column--fee-type {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-fee-type .work-view-list__header .work-view-list-item__column--fee-type {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-my-week-date .work-view-list__header .work-view-list-item__column--my-week-date {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-my-week-date .work-view-list__header .work-view-list-item__column--my-week-date {
  color: #000;
}

.work-view-list--sort-down.work-view-list--sort-recurrence-frequency .work-view-list__header .work-view-list-item__column--recurrence-frequency {
  color: #000;
}

.work-view-list--sort-up.work-view-list--sort-recurrence-frequency .work-view-list__header .work-view-list-item__column--recurrence-frequency {
  color: #000;
}

.work-view-list--hide-name .work-view-list-item__column--name,
.work-view-list--hide-name .work-view-list-item .work-view-list-item__column--name {
  display: none;
}

.work-view-list--hide-client .work-view-list-item__column--client,
.work-view-list--hide-client .work-view-list-item .work-view-list-item__column--client {
  display: none;
}

.work-view-list--hide-client-group .work-view-list-item__column--client-group,
.work-view-list--hide-client-group .work-view-list-item .work-view-list-item__column--client-group {
  display: none;
}

.work-view-list--hide-client-id .work-view-list-item__column--client-id,
.work-view-list--hide-client-id .work-view-list-item .work-view-list-item__column--client-id {
  display: none;
}

.work-view-list--hide-status .work-view-list-item__column--status,
.work-view-list--hide-status .work-view-list-item .work-view-list-item__column--status {
  display: none;
}

.work-view-list--hide-last-status-change-date-time .work-view-list-item__column--last-status-change-date-time,
.work-view-list--hide-last-status-change-date-time .work-view-list-item .work-view-list-item__column--last-status-change-date-time {
  display: none;
}

.work-view-list--hide-extension-status .work-view-list-item__column--extension-status,
.work-view-list--hide-extension-status .work-view-list-item .work-view-list-item__column--extension-status {
  display: none;
}

.work-view-list--hide-current-task-assignee .work-view-list-item__column--current-task-assignee,
.work-view-list--hide-current-task-assignee .work-view-list-item .work-view-list-item__column--current-task-assignee {
  display: none;
}

.work-view-list--hide-current-task-role .work-view-list-item__column--current-task-role,
.work-view-list--hide-current-task-role .work-view-list-item .work-view-list-item__column--current-task-role {
  display: none;
}

.work-view-list--hide-queue .work-view-list-item__column--queue,
.work-view-list--hide-queue .work-view-list-item .work-view-list-item__column--queue {
  display: none;
}

.work-view-list--hide-queue-position .work-view-list-item__column--queue-position,
.work-view-list--hide-queue-position .work-view-list-item .work-view-list-item__column--queue-position {
  display: none;
}

.work-view-list--hide-taxreturnstatus .work-view-list-item__column--taxreturnstatus,
.work-view-list--hide-taxreturnstatus .work-view-list-item .work-view-list-item__column--taxreturnstatus {
  display: none;
}

.work-view-list--hide-date-created .work-view-list-item__column--date-created,
.work-view-list--hide-date-created .work-view-list-item .work-view-list-item__column--date-created {
  display: none;
}

.work-view-list--hide-start .work-view-list-item__column--start,
.work-view-list--hide-start .work-view-list-item .work-view-list-item__column--start {
  display: none;
}

.work-view-list--hide-due .work-view-list-item__column--due,
.work-view-list--hide-due .work-view-list-item .work-view-list-item__column--due {
  display: none;
}

.work-view-list--hide-deadline .work-view-list-item__column--deadline,
.work-view-list--hide-deadline .work-view-list-item .work-view-list-item__column--deadline {
  display: none;
}

.work-view-list--hide-completed .work-view-list-item__column--completed,
.work-view-list--hide-completed .work-view-list-item .work-view-list-item__column--completed {
  display: none;
}

.work-view-list--hide-type .work-view-list-item__column--type,
.work-view-list--hide-type .work-view-list-item .work-view-list-item__column--type {
  display: none;
}

.work-view-list--hide-progress .work-view-list-item__column--progress,
.work-view-list--hide-progress .work-view-list-item .work-view-list-item__column--progress {
  display: none;
}

.work-view-list--hide-assignee .work-view-list-item__column--assignee,
.work-view-list--hide-assignee .work-view-list-item .work-view-list-item__column--assignee {
  display: none;
}

.work-view-list--hide-budget .work-view-list-item__column--budget,
.work-view-list--hide-budget .work-view-list-item .work-view-list-item__column--budget {
  display: none;
}

.work-view-list--hide-estimated-time .work-view-list-item__column--estimated-time,
.work-view-list--hide-estimated-time .work-view-list-item .work-view-list-item__column--estimated-time {
  display: none;
}

.work-view-list--hide-repeats .work-view-list-item__column--repeats,
.work-view-list--hide-repeats .work-view-list-item .work-view-list-item__column--repeats {
  display: none;
}

.work-view-list--hide-reset .work-view-list-item__column--reset,
.work-view-list--hide-reset .work-view-list-item .work-view-list-item__column--reset {
  display: none;
}

.work-view-list--hide-budget-time .work-view-list-item__column--budget-time,
.work-view-list--hide-budget-time .work-view-list-item .work-view-list-item__column--budget-time {
  display: none;
}

.work-view-list--hide-budget-amount .work-view-list-item__column--budget-amount,
.work-view-list--hide-budget-amount .work-view-list-item .work-view-list-item__column--budget-amount {
  display: none;
}

.work-view-list--hide-actual-time .work-view-list-item__column--actual-time,
.work-view-list--hide-actual-time .work-view-list-item .work-view-list-item__column--actual-time {
  display: none;
}

.work-view-list--hide-actual-amount .work-view-list-item__column--actual-amount,
.work-view-list--hide-actual-amount .work-view-list-item .work-view-list-item__column--actual-amount {
  display: none;
}

.work-view-list--hide-remaining-time .work-view-list-item__column--remaining-time,
.work-view-list--hide-remaining-time .work-view-list-item .work-view-list-item__column--remaining-time {
  display: none;
}

.work-view-list--hide-remaining-amount .work-view-list-item__column--remaining-amount,
.work-view-list--hide-remaining-amount .work-view-list-item .work-view-list-item__column--remaining-amount {
  display: none;
}

.work-view-list--hide-budget-progress .work-view-list-item__column--budget-progress,
.work-view-list--hide-budget-progress .work-view-list-item .work-view-list-item__column--budget-progress {
  display: none;
}

.work-view-list--hide-total-fee .work-view-list-item__column--total-fee,
.work-view-list--hide-total-fee .work-view-list-item .work-view-list-item__column--total-fee {
  display: none;
}

.work-view-list--hide-fee-type .work-view-list-item__column--fee-type,
.work-view-list--hide-fee-type .work-view-list-item .work-view-list-item__column--fee-type {
  display: none;
}

.work-view-list--hide-my-week-date .work-view-list-item__column--my-week-date,
.work-view-list--hide-my-week-date .work-view-list-item .work-view-list-item__column--my-week-date {
  display: none;
}

.work-view-list--hide-recurrence-frequency .work-view-list-item__column--recurrence-frequency,
.work-view-list--hide-recurrence-frequency .work-view-list-item .work-view-list-item__column--recurrence-frequency {
  display: none;
}

@media only screen and (max-width: 600px) {
  .work-view-list__header {
    display: none;
  }
  .work-view-list__list {
    margin: 0;
  }
}
.work-view-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  min-height: 42px;
  overflow: visible;
  padding: 0;
}
.work-view-list-item:first-child {
  border-radius: 3px 3px 0 0;
  border-top: 1px solid #e6e6e6;
}
.work-view-list-item:last-child {
  border-radius: 0 0 3px 3px;
}

.work-view-list-item .work-view-list-item__column {
  cursor: pointer;
  margin: 0px 4px;
}
.work-view-list-item .work-view-list-item__column--checkbox {
  min-width: 20px;
  margin-top: 6px;
  flex-grow: 0;
  flex-basis: 20px;
}
.work-view-list-item .work-view-list-item__column--name {
  color: #000;
  font-weight: 600;
  padding: 4px 0;
  overflow-wrap: break-word;
}
.work-view-list-item .work-view-list-item__column--due .action-button, .work-view-list-item .work-view-list-item__column--due .login__form-button {
  color: #000;
}
.work-view-list-item .work-view-list-item__column--start .action-button, .work-view-list-item .work-view-list-item__column--start .login__form-button {
  color: #000;
}
.work-view-list-item .work-view-list-item__column--completed {
  cursor: default;
  color: #000;
}
.work-view-list-item .work-view-list-item__column--progress {
  cursor: default;
  display: flex;
  align-items: center;
}
.work-view-list-item .work-view-list-item__column--client {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.work-view-list-item .work-view-list-item__column--client .small-avatar {
  margin: 2px 6px 0 0;
}
.work-view-list-item .work-view-list-item__column--client a {
  color: #000;
  display: flex;
}
.work-view-list-item .work-view-list-item__column--client-group {
  padding-right: 4px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.work-view-list-item .work-view-list-item__column--client-group a {
  color: #000;
}
.work-view-list-item .work-view-list-item__column--client-id {
  word-break: break-word;
}
.work-view-list-item .work-view-list-item__column--assignee, .work-view-list-item .work-view-list-item__column--current-task-assignee {
  display: flex;
  align-items: center;
}
.work-view-list-item .work-view-list-item__column--assignee .small-avatar, .work-view-list-item .work-view-list-item__column--current-task-assignee .small-avatar {
  margin: 2px 6px 0 0;
}

.work-view-list-item__column {
  flex-grow: 1;
  min-width: 120px;
  flex-basis: 100px;
}
.work-view-list-item__column--name {
  min-width: 300px;
  flex-basis: 300px;
}
.work-view-list-item__column--client {
  flex-basis: 250px;
  min-width: 200px;
}
.work-view-list-item__column--client-group {
  flex-basis: 250px;
  min-width: 200px;
}
.work-view-list-item__column--status {
  flex-basis: 100px;
}
.work-view-list-item__column--status .action-button--truncate {
  white-space: initial;
}
.work-view-list-item__column--current-task-assignee {
  flex-basis: 250px;
  min-width: 200px;
}
.work-view-list-item__column--current-task-role {
  flex-basis: 250px;
  min-width: 200px;
}
.work-view-list-item__column--date-created {
  flex-basis: 120px;
  max-width: 140px;
}
.work-view-list-item__column--start {
  flex-basis: 120px;
  max-width: 140px;
}
.work-view-list-item__column--due {
  flex-basis: 120px;
  max-width: 140px;
}
.work-view-list-item__column--completed {
  flex-basis: 120px;
  max-width: 140px;
}
.work-view-list-item__column--type {
  flex-basis: 200px;
}
.work-view-list-item__column--progress {
  width: 200px;
  min-width: 200px;
  flex-grow: 0;
}
.work-view-list-item__column--assignee {
  flex-basis: 200px;
}
.work-view-list-item__column--repeats {
  flex-basis: 80px;
}

.work-view-list-item:hover .work-group-item-context-menu__icon {
  opacity: 1;
}

.work-view-list-item__status-bar {
  width: 100px;
  margin: 12px 12px 12px 0;
  height: 4px;
  border-radius: 2px;
}
.work-view-list-item__status-bar .simple-status-bar__completion {
  border-radius: 2px;
}
.work-view-list-item__status-bar--budget .simple-status-bar__completion {
  border-radius: 2px;
  background-color: #2b6ed5;
}
.work-view-list-item__status-bar--budget.simple-status-bar--is-over-complete .simple-status-bar__completion {
  background-color: #d10615;
}

.work-view-list-item--overdue .work-view-list-item__column--due {
  color: #d61407;
}

.work-view-list-item--overdue.work-view-list-item--completed .work-view-list-item__column--due {
  color: #000;
}

.work-view-list-item--no-due-date .work-view-list-item__column--due {
  color: #999999;
}

.work-view-list-item--past-deadline .work-view-list-item__column--deadline {
  color: #d61407;
}

.work-view-list-item--past-deadline.work-view-list-item--completed .work-view-list-item__column--deadline {
  color: #000;
}

.work-view-list-item--no-deadline-date .work-view-list-item__column--deadline {
  color: #999999;
}

.work-view-list-item--no-start-date .work-view-list-item__column--start {
  color: #999999;
}

.work-view-list-item--completed {
  background-color: #f7f7f7;
}

.work-view-list-item.work-view-list-item--completed .work-view-list-item__column,
.work-view-list-item.work-view-list-item--completed .work-view-list-item__column--client a {
  color: #999999;
}

.work-view-list-item__column__item--warn {
  color: #d61407;
}

.work-view-list-item--private-work-item .work-view-list-item__column--name:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 26px;
  line-height: 12px;
  position: relative;
  top: 7px;
  left: -6px;
  color: #999999;
}

.work-view-list-item--private-no-access .work-view-list-item__column--name {
  color: #999999;
}
.work-view-list-item--private-no-access .work-view-list-item__column--assignee, .work-view-list-item--private-no-access .work-view-list-item__column--progress, .work-view-list-item--private-no-access .work-view-list-item__column--due, .work-view-list-item--private-no-access .work-view-list-item__column--start, .work-view-list-item--private-no-access .work-view-list-item__column--status, .work-view-list-item--private-no-access .work-view-list-item__column--completed {
  color: #000;
  cursor: default;
}

@media only screen and (max-width: 600px) {
  .work-view-list-item {
    display: block;
    padding: 12px 16px;
    height: auto;
  }
  .work-view-list-item .work-view-list-item__column--name {
    height: auto;
    color: #000;
    font-size: 20px;
    font-weight: 400;
  }
  .work-view-list-item .work-view-list-item__column--name:after {
    font-family: "bl-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 32px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e953";
    font-size: 26px;
    line-height: 12px;
    position: relative;
    top: 7px;
    left: -6px;
    color: #999999;
  }
  .work-view-list-item .work-view-list-item__column--client {
    font-size: 18px;
    height: auto;
    color: #999999;
  }
}
.schedule-view-list {
  margin: 0 24px;
  padding: 0 0 32px 0;
  list-style: none;
}
.schedule-view-list__headers {
  list-style: none;
  display: flex;
  padding-inline-start: 0px;
}
.schedule-view-list__headers li {
  color: #929292;
  -webkit-user-select: none;
          user-select: none;
  text-transform: uppercase;
  font-size: 14px;
}
.schedule-view-list .schedule-view-list-item:first-child {
  border-top: 1px solid #e6e6e6;
}
.schedule-view-list__title-heading {
  min-width: 500px;
  display: flex;
  flex-grow: 1;
  padding-left: 8px;
}
.schedule-view-list__repeat-heading {
  min-width: 350px;
  padding-left: 12px;
}
.schedule-view-list__until-heading {
  min-width: 150px;
  padding-left: 12px;
}
.schedule-view-list__list {
  padding: 0;
}

.schedule-view-list-item {
  display: flex;
  margin: 0;
  list-style: none;
  min-height: 42px;
  cursor: pointer;
}
.schedule-view-list-item div {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  overflow: visible;
  padding: 12px;
}
.schedule-view-list-item__work-title {
  font-weight: 600;
  display: flex;
  flex-grow: 1;
  min-width: 500px;
}
.schedule-view-list-item__work-title .schedule-view-list-item__work-icon {
  border-radius: 24px;
  border: 1px #e6e6e6 solid;
  background-color: #e6e6e6;
  height: 24px;
  text-indent: 1px;
  text-align: center;
  width: 24px;
  margin-right: 8px;
  margin-top: -3px;
  margin-bottom: -5px;
}
.schedule-view-list-item__work-title .schedule-view-list-item__work-icon .bl-icon, .schedule-view-list-item__work-title .schedule-view-list-item__work-icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .schedule-view-list-item__work-title .schedule-view-list-item__work-icon .drop-down-button__toggle::after, .schedule-view-list-item__work-title .schedule-view-list-item__work-icon .auto-complete-email__button--chevron, .schedule-view-list-item__work-title .schedule-view-list-item__work-icon .timeline-item-header__shared-icon {
  position: relative;
  font-size: 30px;
  top: -4px;
  left: -16px;
  color: #000;
  line-height: 12px;
}
.schedule-view-list-item__repeat {
  min-width: 350px;
  color: #929292;
}
.schedule-view-list-item__until {
  min-width: 150px;
  color: #929292;
}

.work-view-settings {
  cursor: pointer;
  margin-top: 11px;
  margin-left: 16px;
  margin-right: 4px;
  width: 40px;
  height: 40px;
}
.work-view-settings__tooltip {
  top: 0;
  z-index: 1;
  white-space: nowrap;
  right: 50px;
}
.work-view-settings__tooltip .tool-tip__inner-spike {
  right: 12px;
  left: initial;
}
.work-view-settings__tooltip .tool-tip__inner {
  top: -2px;
  padding: 4px 16px;
}
.work-view-settings__column-selector {
  margin: 6px 16px 16px 16px;
  font-size: 18px;
}
.work-view-settings__popover__show-empty-columns-switch {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 17px 0 0 16px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.work-view-settings__popover__show-empty-columns-switch .toggle-switch {
  margin-right: 8px;
}
.work-view-settings__popover .pop-over__contents {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
  min-height: 170px;
  width: auto;
  display: flex;
  flex-direction: row;
  margin-right: -46px;
  top: 8px;
}
.work-view-settings__popover .pop-over__contents > * {
  min-width: 260px;
  border-left: 1px solid #e6e6e6;
  padding: 0;
}
.work-view-settings__popover .pop-over__contents > *:first-child {
  border-left: none;
}
.work-view-settings__popover .pop-over__toggle {
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: block;
}
.work-view-settings__popover .pop-over__toggle:after {
  color: #000;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92b";
}
.work-view-settings__popover .selectable-list {
  padding: 16px 0;
}
.work-view-settings__popover .selectable-list__item {
  padding: 8px 16px;
}

.work-view-settings--highlight .work-view-settings__popover .pop-over__toggle:after {
  color: #2872d3;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92b";
}

.work-view-settings__tooltip {
  opacity: 0;
  transition: opacity linear 0.3s;
  pointer-events: none;
}

.work-view-settings--highlight:hover .work-view-settings__tooltip {
  opacity: 1;
}

.work-view-settings--highlight-on-entry .work-view-settings__tooltip {
  opacity: 1;
}

.contacts__contact__work-view .contact-email-privacy,
.organizations__organization__work-view .contact-email-privacy,
.client-groups__client-group__work-view .contact-email-privacy {
  display: none;
}
.contacts__contact__work-view #main-container > .grid-block,
.organizations__organization__work-view #main-container > .grid-block,
.client-groups__client-group__work-view #main-container > .grid-block {
  height: 100%;
}
.contacts__contact__work-view #main-container > .grid-block > .app-content,
.organizations__organization__work-view #main-container > .grid-block > .app-content,
.client-groups__client-group__work-view #main-container > .grid-block > .app-content {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
}
.contacts__contact__work-view .contact__content,
.organizations__organization__work-view .contact__content,
.client-groups__client-group__work-view .contact__content {
  max-width: none;
  position: relative;
  margin: 0;
  flex-grow: 1;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.contacts__contact__work-view .contact-work-view,
.organizations__organization__work-view .contact-work-view,
.client-groups__client-group__work-view .contact-work-view {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.contacts__contact__work-view .contact-work-view .work-view__content,
.organizations__organization__work-view .contact-work-view .work-view__content,
.client-groups__client-group__work-view .contact-work-view .work-view__content {
  overflow-x: auto;
  margin-top: 12px;
  flex-grow: 1;
}
.contacts__contact__work-view .contact-work-view .work-view-settings__popover,
.organizations__organization__work-view .contact-work-view .work-view-settings__popover,
.client-groups__client-group__work-view .contact-work-view .work-view-settings__popover {
  top: 4px;
  position: relative;
  right: -9px;
}
.contacts__contact__work-view .contact-work-view .pop-over__contents,
.organizations__organization__work-view .contact-work-view .pop-over__contents,
.client-groups__client-group__work-view .contact-work-view .pop-over__contents {
  right: 42px;
  top: 42px;
}

.work-team-edit .details-area__header, .work-team-edit .pivot-table__filter {
  margin-bottom: 0;
}
.work-team-edit__intro {
  margin: 16px 0;
}
.work-team-edit__message {
  margin: 16px 0;
  color: #999999;
}
.work-team-edit .action-button--link, .work-team-edit .action-button--link-medium, .work-team-edit .action-button--link-small, .work-team-edit .action-button--link-quiet, .work-team-edit .action-button--link-quiet-small, .work-team-edit .action-button--link-quiet-ultra-small, .work-team-edit .action-button--link-ultra-quiet, .work-team-edit .action-button--link-ultra-quiet-small, .work-team-edit .action-button--link-ultra-quiet-ultra-small {
  text-decoration: underline;
}
.work-team-edit .action-button--disabled {
  color: #999999;
}
.work-team-edit__add-members-button {
  margin-top: 24px;
}
.work-team-edit .work-team-edit-header ~ .work-team-edit-member .work-team-edit-member__identity {
  padding-left: 16px;
}
.work-team-edit .work-team-edit-header ~ .work-team-edit-member .work-team-edit-member__actions > * {
  display: none;
}
.work-team-edit .work-team-edit-member + .work-team-edit-member {
  border-top: 1px solid #e6e6e6;
}
.work-team-edit__totals {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  display: flex;
  margin: 32px 0 0 0;
  padding: 12px 0;
}
.work-team-edit__totals__label {
  flex-basis: 33.3333%;
  font-weight: 600;
}
.work-team-edit__totals__total {
  flex-basis: 66.6666%;
}

.work-team-edit-member__heading {
  color: #999999;
  text-transform: uppercase;
  font-size: 14px;
}

.work-team-edit-member {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 64px;
}
.work-team-edit-member > * {
  flex-grow: 1;
  width: 33.33%;
}
.work-team-edit-member__identity {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.work-team-edit-member__avatar {
  flex-grow: 0;
}
.work-team-edit-member__avatar--unassigned {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e6e6e6;
}
.work-team-edit-member__avatar--unassigned:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94d";
  font-size: 20px;
  color: #999999;
  right: -6px;
  top: 18%;
  position: relative;
}
.work-team-edit-member:last-of-type {
  border-bottom: none;
}
.work-team-edit-member__titles {
  margin-left: 8px;
}
.work-team-edit-member__subtitle {
  color: #999999;
}
.work-team-edit-member__time {
  display: flex;
  align-items: center;
}
.work-team-edit-member__time__label {
  margin-left: 4px;
  white-space: nowrap;
  color: #999999;
}
.work-team-edit-member__time__label:after {
  content: "Est. Time";
}
@media only screen and (min-width: 800px) {
  .work-team-edit-member__time__label:after {
    content: "Estimated Time";
  }
}
@media only screen and (max-width: 600px) {
  .work-team-edit-member__time {
    display: none;
  }
}
.work-team-edit-member__actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.work-team-edit-member__actions > * {
  text-decoration: underline;
}

.work-team-edit-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0;
  margin-top: 16px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 15px;
}
.work-team-edit-header__title {
  text-transform: uppercase;
  color: #999999;
  flex-grow: 1;
}
.work-team-edit-header__tooltip {
  text-transform: none;
  cursor: default;
  display: inline-block;
  text-decoration: underline;
}
.work-team-edit-header .tool-tip.tool-tip--active {
  top: -74px;
}
.work-team-edit-header__actions {
  flex-grow: 0;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.work-team-edit-header__actions > * {
  text-decoration: underline;
}

.work-team-details {
  position: relative;
  margin-bottom: 40px;
}
.work-team-details__table-header {
  display: flex;
  align-items: flex-end;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-grey-600);
  padding: 20px 0px 12px 0px;
  border-bottom: 1px solid #e6e6e6;
}
.work-team-details__table-header > * {
  width: 33.33%;
}
.work-team-details__edit-link {
  text-decoration: underline;
  position: absolute;
  top: 16px;
  right: 4px;
}
.work-team-details__empty-state-message {
  padding: 20px 0 0 0;
  font-size: 18px;
  color: #999999;
}

.work-team-details-member {
  padding: 4px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 40px;
  border-bottom: 1px solid #e6e6e6;
  gap: 8px;
}
.work-team-details-member > * {
  width: 33.33%;
}
.work-team-details-member__avatar {
  flex-grow: 0;
}
.work-team-details-member__avatar--unassigned {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #e6e6e6;
}
.work-team-details-member__avatar--unassigned:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94d";
  font-size: 16px;
  color: #999999;
  right: -4px;
  top: 13%;
  position: relative;
}
.work-team-details-member__identity {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.work-team-details-member__titles {
  margin-left: 6px;
}
.work-team-details-member__subtitle {
  color: #999999;
}
.work-team-details-member__involvement--interactive {
  cursor: pointer;
}

.work-item-basics {
  position: relative;
  margin-bottom: 40px;
}
.work-item-basics__summary-items {
  display: flex;
  flex-wrap: wrap;
}
.work-item-basics__summary-items > * {
  width: 33.33333%;
}
.work-item-basics .base-work-template-summary-item {
  margin-top: 0;
}
.work-item-basics .base-work-template-summary-item__icon {
  border-radius: 34px;
  border: 1px #e6e6e6 solid;
  background-color: #e6e6e6;
}

.work-item-basics--status-in-progress .work-item-basics-item--status .work-item-basics-item__content {
  color: rgb(106, 184, 56);
}

.work-item__bill-to-icon__container {
  align-items: center;
}

.work-item-key-dates {
  margin-bottom: 40px;
}

.work-item-repeat-settings {
  margin-bottom: 40px;
}

.work-item-basics-item {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  margin-bottom: 8px;
}
.work-item-basics-item__icon, .work-item-basics-item__icon--repeat {
  border-radius: 34px;
  border: 1px #e6e6e6 solid;
  background-color: #e6e6e6;
  height: 32px;
  text-indent: 1px;
  text-align: center;
  width: 32px;
  margin-right: 8px;
}
.work-item-basics-item__icon .bl-icon, .work-item-basics-item__icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-item-basics-item__icon .drop-down-button__toggle::after, .work-item-basics-item__icon .auto-complete-email__button--chevron, .work-item-basics-item__icon .timeline-item-header__shared-icon, .work-item-basics-item__icon--repeat .bl-icon, .work-item-basics-item__icon--repeat .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-item-basics-item__icon--repeat .drop-down-button__toggle::after, .work-item-basics-item__icon--repeat .auto-complete-email__button--chevron, .work-item-basics-item__icon--repeat .timeline-item-header__shared-icon {
  position: relative;
  font-size: 28px;
  top: -3px;
  color: #000;
  line-height: 36px;
}
.work-item-basics-item__icon--repeat .bl-icon, .work-item-basics-item__icon--repeat .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-item-basics-item__icon--repeat .drop-down-button__toggle::after, .work-item-basics-item__icon--repeat .auto-complete-email__button--chevron, .work-item-basics-item__icon--repeat .timeline-item-header__shared-icon, .work-item-basics-item__icon--repeat--repeat .bl-icon, .work-item-basics-item__icon--repeat--repeat .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-item-basics-item__icon--repeat--repeat .drop-down-button__toggle::after, .work-item-basics-item__icon--repeat--repeat .auto-complete-email__button--chevron, .work-item-basics-item__icon--repeat--repeat .timeline-item-header__shared-icon {
  font-size: 40px;
  margin-left: -6px;
  top: -1px;
}
.work-item-basics-item__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 16px;
}
.work-item-basics-item__content__lock {
  height: 14px;
}
.work-item-basics-item__content__lock .bl-icon, .work-item-basics-item__content__lock .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-item-basics-item__content__lock .drop-down-button__toggle::after, .work-item-basics-item__content__lock .auto-complete-email__button--chevron, .work-item-basics-item__content__lock .timeline-item-header__shared-icon {
  font-size: 24px;
  line-height: 16px;
}
.work-item-basics-item__value {
  font-size: 16px;
  color: #000;
  margin-bottom: 4px;
}
.work-item-basics-item__label {
  color: var(--color-grey-600);
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-weight: 500;
}
.work-item-basics-item__content--link {
  cursor: pointer;
  text-decoration: underline;
  color: #000;
}
.work-item-basics-item__content--link:hover {
  text-decoration: none;
}
.work-item-basics-item__content--description {
  display: inline-block;
  white-space: pre-line;
  margin-top: -18px;
}
.work-item-basics-item__subtitle {
  color: #999999;
  font-size: 15px;
  margin-top: -2px;
}
.work-item-basics-item__subtitle--link {
  cursor: pointer;
  text-decoration: underline;
}
.work-item-basics-item__subtitle--link:hover {
  color: #000;
}
.work-item-basics-item .tool-tip-shell {
  display: inline;
  margin-left: -5px;
}
.work-item-basics-item .tool-tip-shell .bl-icon--info {
  position: relative;
  font-size: 28px;
  line-height: 2px;
  top: 7px;
}
.work-item-basics-item--budget .work-item-basics-item__label span {
  color: #999999;
}
.work-item-basics-item--full-width {
  width: 100%;
}
.work-item-basics-item .bl-icon--contact-outline,
.work-item-basics-item .bl-icon--organization {
  font-size: 20px;
}
.work-item-basics-item--avatar {
  flex-direction: row;
}
.work-item-basics-item--avatar .offline,
.work-item-basics-item--avatar .online {
  display: none;
}
.work-item-basics-item--avatar .avatar {
  margin-top: 1px;
}
.work-item-basics-item__inner-container {
  margin-left: 8px;
}

.work-item-basics-edit .form-block {
  width: 100%;
}
.work-item-basics-edit .form-block .form-label {
  font-size: 14px;
  font-weight: 500;
}
.work-item-basics-edit__input {
  font-size: 16px;
  border: solid 1px #cacaca;
}
.work-item-basics-edit__options {
  padding: 0;
  margin: 12px -24px;
}
.work-item-basics-edit__option {
  position: relative;
  flex-grow: 1;
  width: 33%;
  padding: 0 24px;
  margin-top: 16px;
}
.work-item-basics-edit__description-input {
  padding: 12px;
  max-height: calc(100vh - 300px);
  min-height: 60px;
  resize: none;
  border-radius: 3px;
  border: solid 1px #cacaca;
  cursor: text;
}
.work-item-basics-edit__description-input:focus {
  outline: none !important;
  border: solid 1px #999999;
}
.work-item-basics-edit__budget-input {
  padding-right: 32px;
}
.work-item-basics-edit__budget-input input {
  -moz-appearance: textfield;
}
.work-item-basics-edit__budget-input input::-webkit-outer-spin-button, .work-item-basics-edit__budget-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.work-item-basics-edit__budget-input__code {
  position: absolute;
  top: 43px;
  right: 38px;
  color: #999999;
}
.work-item-basics-edit__fee-input {
  position: relative;
}
.work-item-basics-edit__fee-input .work-item-basics-edit__budget-input__code {
  top: 15px;
  right: 18px;
}
.work-item-basics-edit .tool-tip-shell .tool-tip__inner {
  position: relative;
  top: -56px;
  width: 260px;
  white-space: normal;
}
.work-item-basics-edit__fee-input--disabled {
  position: relative;
  border: 1px solid #cacaca;
  border-radius: 4px;
  background-color: #f2f2f2;
  margin: 0;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.work-item-basics-edit__fee-input--disabled .work-item-basics-edit__budget-input__code {
  right: 38px;
}
.work-item-basics-edit__fee-input--disabled:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 28px;
  color: #000;
  right: 8px;
  position: absolute;
  top: 12px;
}

.work-view-stats {
  display: flex;
  flex-direction: row;
  margin-left: 2px;
}
.work-view-stats__stat {
  display: flex;
  align-items: center;
  padding: 0 4px;
}
.work-view-stats__stat .bl-icon, .work-view-stats__stat .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .work-view-stats__stat .drop-down-button__toggle::after, .work-view-stats__stat .auto-complete-email__button--chevron, .work-view-stats__stat .timeline-item-header__shared-icon {
  font-size: 30px;
}
.work-view-stats__legacy {
  display: flex;
}
.work-view-stats .budget-summary {
  display: flex;
}

.work-template-team-details {
  position: relative;
}

.work-template-team-edit__empty-state-message {
  color: #999999;
  margin: 0 64px;
}
.work-template-team-edit .details-area__header, .work-template-team-edit .pivot-table__filter {
  margin-bottom: 0;
}
.work-template-team-edit__intro {
  margin: 16px 0;
}
.work-template-team-edit .action-button--link, .work-template-team-edit .action-button--link-medium, .work-template-team-edit .action-button--link-small, .work-template-team-edit .action-button--link-quiet, .work-template-team-edit .action-button--link-quiet-small, .work-template-team-edit .action-button--link-quiet-ultra-small, .work-template-team-edit .action-button--link-ultra-quiet, .work-template-team-edit .action-button--link-ultra-quiet-small, .work-template-team-edit .action-button--link-ultra-quiet-ultra-small {
  text-decoration: underline;
}
.work-template-team-edit .action-button--disabled {
  color: #999999;
}
.work-template-team-edit__add-members-button {
  margin-top: 24px;
}
.work-template-team-edit .work-team-edit-header ~ .work-team-edit-member .work-team-edit-member__identity {
  padding-left: 16px;
}
.work-template-team-edit .work-team-edit-header ~ .work-team-edit-member .work-team-edit-member__actions > * {
  display: none;
}
.work-template-team-edit .work-team-edit-member + .work-team-edit-member {
  border-top: 1px solid #e6e6e6;
}
.work-template-team-edit__totals {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  display: flex;
  margin: 32px 0 0;
  padding: 12px 0;
}
.work-template-team-edit__totals__label {
  flex-basis: 33.3333%;
  font-weight: 600;
}
.work-template-team-edit__totals__total {
  flex-basis: 66.6666%;
}

.file-management-wrap .tab-bar {
  border-bottom: 1px solid var(--color-grey-300);
}
.file-management-wrap .tab-bar__link {
  position: relative;
  bottom: -1px;
}
.file-management-wrap .tab-bar__link.active {
  background-color: var(--color-white);
  border-top: 1px solid var(--color-grey-300);
  border-left: 1px solid var(--color-grey-300);
  border-right: 1px solid var(--color-grey-300);
  border-bottom: 1px solid var(--color-white);
}

.work-item__description--edit {
  resize: none;
  cursor: text;
  min-height: 22px !important;
  display: block;
}
.work-item__description--view {
  white-space: pre-line;
}
.work-item__description--view, .work-item__description--empty {
  min-height: 22px;
  border: 1px solid transparent;
}
.work-item__description__edit-link {
  color: #999999;
  cursor: pointer;
  text-decoration: underline;
  display: block;
  margin-top: 4px;
}
.work-item__description__edit-link:hover {
  color: #000;
}
.work-item__description__body {
  margin-right: 4px;
}

.work-item__info-banner {
  text-align: center;
  font-size: 16px;
  padding: 16px;
  margin: 0 0 16px 0;
  display: block;
  width: auto;
}

.shrink-proof-wrapper {
  margin-right: 48px;
}

.work-item__info {
  color: #999999;
  font-size: 18px;
  display: inline-block;
  width: 100%;
  padding-bottom: 16px;
}
.work-item__info--centered {
  text-align: center;
  padding-top: 56px;
}

.work-item__link {
  display: inline-block;
  margin-right: 8px;
  text-decoration: underline;
}

.organization-link {
  color: inherit;
  text-decoration: none;
}

.ember-modal-dialog .new-work-form .form-container .focussed-textarea textarea {
  min-height: 200px;
  max-height: 70vh;
  height: auto;
  margin-bottom: 48px;
}

.ember-modal-dialog .new-work-form .form-container .focussed-textarea--padded-small {
  padding: 0;
  min-height: initial;
  max-height: initial;
  height: auto;
  -ms-flex-preferred-size: auto;
}
.ember-modal-dialog .new-work-form .form-container .focussed-textarea--padded-small textarea {
  padding: 16px;
}

.work-column {
  padding: 0;
}
@media only screen and (min-width: 601px) {
  .work-column {
    padding: 16px;
    position: relative;
  }
}
.work-column .contact-email-privacy {
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .work-column .contact-email-privacy {
    margin: 16px 0 0 0;
  }
}

@media only screen and (min-width: 601px) {
  .work-column .empty-state {
    padding-top: 72px;
  }
}

.work__work-item .page-title--header {
  margin-bottom: 8px;
}

.work-item__file-attachments.hide {
  display: none;
}
.work-item__file-attachments .file-upload-button--labelled span {
  text-decoration: underline;
}

.work-item__subheader {
  font-size: 22px;
}

.work-item__status-button {
  max-width: 340px;
  margin-top: 12px;
}
.work-item__status-button button:disabled,
.work-item__status-button button:disabled:after {
  color: #999999;
}
.work-item__status-button .action-button, .work-item__status-button .login__form-button {
  padding: 0;
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

.work-item__status-button > .status-button > .action-button, .work-item__status-button > .status-button > .login__form-button {
  color: #2872d3;
}

.work-item__tasks-not-created {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.work-item__tasks-not-created p {
  max-width: 350px;
  text-align: center;
  padding: 0 0 16px 0;
}
.work-item__connect-service-link {
  color: #999999;
  cursor: default;
  font-size: 18px;
}

.work-item__connect-service-link--active {
  color: #2872d3;
  cursor: pointer;
}

.work-item__assigned-selector.form-block {
  margin-bottom: 0;
  max-width: 340px;
  width: 100%;
  cursor: pointer;
  margin-top: 8px;
}
.work-item__assigned-selector.form-block .form-item.auto-complete .auto-complete__input {
  margin-bottom: 0;
}
.work-item__assigned-selector.form-block .form-item.auto-complete .auto-complete__input .auto-complete__input__items {
  padding-left: 8px;
  padding-right: 8px;
}
.work-item__assigned-selector.form-block .client-owner-selector__name {
  flex-grow: 1;
}
.work-item__assigned-selector.form-block .bl-icon--chevron-down, .work-item__assigned-selector.form-block .auto-complete-email__button--chevron {
  color: #999999;
}
.work-item__assigned-selector.form-block .auto-complete__popup__container {
  margin-bottom: 0px;
}

@media only screen and (max-width: 600px) {
  .new-work-flow,
  .new-work-form {
    height: 100%;
  }
}
.work__work-item.work__work-item__index .checklist-timeline-header {
  padding-top: 0;
}

.assign-to-dialog {
  font-size: 18px;
}
.assign-to-dialog .form-label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.assign-to-dialog .form-container__loader {
  padding-top: 100px;
  padding-bottom: 100px;
}
.assign-to-dialog .inner-modal-panel {
  background: #f2f2f2;
  padding: 12px 14px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  margin-bottom: 12px;
  font-size: 18px;
}
.assign-to-dialog .assign-to-dialog__reassign-label {
  margin-bottom: 12px;
}
.assign-to-dialog .reassign-items {
  margin-top: 0;
  margin-left: -2px;
}
.assign-to-dialog .reassign-items .summary {
  color: #999999;
}
.assign-to-dialog .reassign-items .check-box + .check-box {
  margin-top: 8px;
}
.assign-to-dialog .reassign-items .count {
  color: #999999;
}

.work-edit-key-dates-modal .form-container {
  width: 475px;
  height: inherit;
}
.work-edit-key-dates-modal .form-block {
  margin-bottom: 0px;
}
.work-edit-key-dates-modal__main-content .work-edit-key-dates-modal__date-offsets {
  display: flex;
  font-size: 16px;
  color: #999999;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.work-edit-key-dates-modal__main-content .work-edit-key-dates-modal__date-offsets div {
  width: 50%;
}
.work-edit-key-dates-modal__main-content .work-edit-key-dates-modal__date-offsets div:last-of-type {
  margin-left: 8px;
}
.work-edit-key-dates-modal__main-content .radio-input-container {
  margin: 12px 0px 0px 0px;
}
.work-edit-key-dates-modal__main-content .radio-input-container .radio-input .form-label {
  align-items: flex-start;
  padding-left: 8px;
  padding-right: 0px;
}
.work-edit-key-dates-modal__main-content .start-due-input .form-row {
  width: 100%;
  display: flex;
}
.work-edit-key-dates-modal__main-content .start-due-input .form-row .form-col {
  position: relative;
}
.work-edit-key-dates-modal__main-content .start-due-input .form-row .form-col .start-due-input__button > .action-button, .work-edit-key-dates-modal__main-content .start-due-input .form-row .form-col .start-due-input__button > .login__form-button {
  font-size: 16px;
  border-color: #cacaca;
  margin-bottom: 4px;
}
.work-edit-key-dates-modal__main-content .start-due-input .form-row .form-col .start-due-input__calander-icon {
  top: 34px;
  right: 8px;
}
.work-edit-key-dates-modal__main-content .start-due-input .form-row .form-col .form-label {
  padding-left: 0px;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.email-view {
  position: relative;
  background: #fff;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .email-view {
    overflow-y: auto;
  }
}
.email-view iframe {
  border: 0;
}
.email-view .email-edit__composer-container {
  position: relative;
}
.email-view .email-edit__composer-container .rich-textarea__toolbar {
  width: calc(100% - 280px);
}
.email-view .email-edit__row {
  height: 58px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.email-view .email-edit__label {
  font-size: 1.1em;
  color: #999999;
  padding-right: 0;
  white-space: nowrap;
}
.email-view__scheduled-eamil-cancel-action {
  position: absolute;
  right: 7px;
  top: 10px;
}
.email-view.drop-zone--enter .email-edit__body {
  background-color: rgba(222, 222, 222, 0.8);
  color: rgba(222, 222, 222, 0.8);
  border: 4px dashed #5d5d5d;
}
.email-view.drop-zone--enter .email-edit__body::before {
  color: #777;
  font-size: 28px;
  position: absolute;
  top: 50%;
  left: 40%;
  content: "Drop files here";
}
.email-view.drop-zone--enter .rich-textarea__container {
  opacity: 0;
}
.email-view.drop-zone--enter .email-view__iframe-history {
  opacity: 0;
}
.email-view:focus {
  outline: 0;
}
.email-view .email-edit__subject {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 1px;
  position: static;
  width: 100%;
}
.email-view .email-edit__body {
  margin: 16px;
  resize: none;
}
.email-view .email-edit__body textarea {
  padding: 0px;
}
@media only screen and (max-width: 600px) {
  .email-view .email-edit__body {
    overflow-y: inherit;
    padding-bottom: 60px;
  }
  .email-view .email-edit__body .rich-textarea__toolbar {
    position: fixed;
  }
}
.email-view .item-controls .action-button, .email-view .item-controls .login__form-button {
  padding-left: 26px;
  padding-right: 26px;
  font-size: 18px;
  padding-top: 0px;
  padding-bottom: 3px;
}
.email-view .item-controls .action-button:disabled, .email-view .item-controls .login__form-button:disabled {
  background-color: var(--color-grey-400);
  line-height: 38px;
  font-size: 16px;
}
.email-view .rich-textarea__toolbar {
  z-index: 2;
}
.email-view.email-view--fixed-item .email-edit__body {
  margin-bottom: 40px;
}
.email-view.email-view--fixed-item .rich-textarea__toolbar {
  position: fixed;
  bottom: 0;
}
.email-view .item-controls {
  position: inherit;
  padding-top: 16px;
}
.email-view .email-reply-options {
  display: flex;
  align-items: center;
  border-bottom: 1px #e6e6e6 solid;
  background-color: #f8f8f8;
}
.email-view .email-reply-options div {
  border-right: 1px #e6e6e6 solid;
  padding: 10px 20px;
  color: #2872d3;
}
.email-view .email-reply-options .email-reply-options__selected {
  background-color: White;
  color: #000;
}
.email-view .email-edit__fields--has-double-border {
  padding-bottom: 1px;
  border-bottom: 1px #e6e6e6 solid;
}
@media only screen and (max-width: 600px) {
  .email-view .email-edit__fields--has-double-border {
    border-bottom: 0;
  }
}
.email-view .email-view__iframe-history {
  margin: 0;
}
.email-view .email-view__iframe-history__content {
  margin-top: 16px;
}
.email-view .email-view__iframe-history__iframe-preview {
  margin-top: 16px;
}
.email-view .email-edit__draft-status {
  align-self: center;
  color: #999999;
  font-size: 16px;
  width: 60px;
  text-align: right;
  margin-right: 8px;
  margin-top: 3px;
}
.email-view.email-view--new {
  border: 1px solid #cacaca;
  border-radius: 4px;
}
.email-view.email-view--new form input,
.email-view.email-view--new form textarea {
  padding: 20px;
}
.email-view.email-view--new .email-edit__subject input {
  font-weight: 400;
}
.email-view.email-view--new .email-edit__body.under__subject {
  padding: 0px 16px 16px 16px;
}
@media only screen and (max-width: 600px) {
  .email-view.email-view--new {
    padding-top: 0;
  }
  .email-view.email-view--new, .email-view.note-view--editing {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    width: 100%;
    border-radius: 0;
  }
  .email-view.email-view--new .email-view-mobile-header .action-button, .email-view.email-view--new .email-view-mobile-header .login__form-button, .email-view.note-view--editing .email-view-mobile-header .action-button, .email-view.note-view--editing .email-view-mobile-header .login__form-button {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.email-view textarea {
  resize: none;
  height: 180px;
  line-height: 20px;
}
@media only screen and (min-width: 601px) {
  .email-view {
    border-radius: 3px;
  }
  .email-view .timeline-item__content__body {
    padding-left: 48px;
  }
  .email-view .action-bar__title {
    font-weight: 400;
  }
}
.email-view .item-controls {
  display: flex;
  justify-content: flex-end;
  padding-right: 16px;
  position: relative;
  bottom: 18px;
  -ms-flex-pack: end;
}
@media only screen and (max-width: 600px) {
  .email-view .item-controls {
    position: fixed;
    bottom: 16px;
  }
}
.email-view .item-controls .item-controls__buttons {
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
}
.email-view .item-controls .item-controls__buttons .email-view__discard-button {
  align-self: center;
  cursor: pointer;
  height: 36px;
  width: 40px;
  margin-right: 16px;
  margin-top: 0;
  padding-top: 3px;
  border-right: 1px solid #e6e6e6;
}
.email-view .file-upload-button {
  margin-right: auto;
}

.email-view--focussed {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: default;
}
@media only screen and (max-width: 600px) {
  .email-view--focussed {
    overflow-x: hidden;
  }
}

.email_view__attachment_count {
  color: #999999;
  margin-left: 18px;
}

.email_view__attachment_icon {
  color: #999999;
}
.email_view__attachment_icon:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e938";
  position: absolute;
  margin-top: -3px;
  margin-left: -6px;
  font-size: 26px;
  color: #999999;
}

@media only screen and (max-width: 600px) {
  .email-view__body {
    padding-top: 56px;
  }
}

.email-view-unsecure-content-banner {
  padding: 5px 0;
  font-size: 16px;
}

.email-view__email-history-indicator {
  position: relative;
  cursor: pointer;
  width: 21px;
  height: 13px;
  border: 1px solid #ccc;
  background-color: #eee;
  font-size: 11px;
  border-radius: 1px;
  color: #999999;
  margin: 8px 0 3px 0;
}
.email-view__email-history-indicator:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611";
  position: absolute;
  top: -4px;
  left: 0;
  font-size: 19px;
}
.email-view__email-history-indicator:hover {
  color: #000;
  background-color: #ddd;
}

.email-view--focussed .email-view__dropdown--inline {
  right: -4px;
  top: 4px;
  position: absolute;
}
.email-view--focussed .email-view__dropdown--inline .drop-down-button__list {
  right: 0;
}
.email-view--focussed .email-view__dropdown--inline .drop-down-button__toggle {
  color: #000;
}

.email-conversation:focus {
  outline: none;
}

.email-conversation--triage-compact {
  height: 100%;
  width: 100%;
}
.email-conversation--triage-compact iframe html {
  overflow: hidden;
}
.email-conversation--triage-compact .email-tray-grid {
  border-top: none;
  min-height: 100%;
}
.email-conversation--triage-compact .email-tray-grid__left-panel {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.email-conversation--triage-compact .new-email-content-wrapper {
  padding: 16px;
  padding-bottom: 56px;
  overflow: auto;
}
.email-conversation--triage-compact .new-email-content-inner {
  min-width: 600px;
}
.email-conversation--triage-compact .timeline-item__content__body {
  overflow-x: auto;
}
.email-conversation--triage-compact .tab-panel {
  z-index: 15;
}

.email-conversation--expanded {
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(68, 68, 68, 0.3);
  border-radius: 3px;
  border: none;
  margin-bottom: 24px;
  margin-top: 24px;
  position: relative;
}

.email-conversation--expanded.email-conversation--triage-compact {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}

.email-conversation--expanded .timeline-item-header {
  padding-bottom: 14px;
  background-color: #f9f9f9;
}
.email-conversation--expanded .selectable-type-icon {
  float: left;
  min-width: 36px;
  margin-right: 20px;
}
.email-conversation--expanded .selectable-type-icon .selectable-type-icon__checkbox {
  border-color: #999999;
}
.email-conversation--expanded .email-view--draft {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
@media only screen and (max-width: 600px) {
  .email-conversation--expanded {
    z-index: 49;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0px;
    background-color: #fff;
    margin: 0;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .email-conversation--expanded .triage-controls {
    right: 22px;
  }
}
.email-conversation--expanded:focus {
  outline: none;
}
.email-conversation--expanded .action-bar--bottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-left: 16px;
}
.email-conversation--expanded .action-bar--bottom .fa {
  color: #2872d3;
  height: 100%;
  line-height: 48px;
  font-size: 16px;
}
.email-conversation--expanded .email-view--collapsed {
  padding-top: 10px;
  padding-bottom: 14px;
}
.email-conversation--expanded .email-view--collapsed .timeline-item__header {
  min-height: inherit;
}
.email-conversation--expanded .email-view--collapsed .timeline-item__meta-area {
  margin-bottom: 0;
}
.email-conversation--expanded .email-view .timeline-item__header {
  color: #444444;
  margin-top: 0;
}
.email-conversation--expanded .email-view .timeline-item__header i,
.email-conversation--expanded .email-view .timeline-item__header .bl-icon--right-arrow {
  color: #444444;
}
.email-conversation--expanded .email-view .timeline-item__description {
  margin-top: 0;
  line-height: 20px;
  font-size: 16px;
  word-wrap: break-word;
}
@media only screen and (max-width: 600px) {
  .email-conversation--expanded .email-view .timeline-item__description {
    padding: 0px;
  }
}
.email-conversation--expanded .email-view.email-view--focussed .timeline-item__description.email-reset {
  font-size: 14px;
}
.email-conversation--expanded .email-view.email-view--focussed .timeline-item__description.email-reset ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.email-conversation--expanded .email-view--is-saving .email-view__discard-button {
  opacity: 0.5;
  cursor: default !important;
}

.email-conversation--collapsed .timeline-item__description {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 50.4px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  height: auto;
}
.email-conversation--collapsed .email-view {
  cursor: pointer;
}
.email-conversation--collapsed .timeline-item__subject {
  word-wrap: break-word;
}

.email-conversation .block-list__item {
  position: relative;
}

.email-conversation:not(.email-conversation--triage-compact) .block-list__item:first-child.block-list__item--bordered {
  border-top: 0px;
}

.email-conversation__info-banner {
  font-size: 16px;
  background-color: rgba(230, 230, 230, 0.5);
  color: #000;
  padding: 8px 16px;
  border-radius: 3px;
  margin: 0 0 16px 0;
}
.email-conversation__info-banner .human-time-ago {
  color: #000;
}

.email-conversation--collapsed .email-conversation__info-banner,
.email-view--collapsed .email-conversation__info-banner {
  display: none;
}

.email-conversation__info-banner.email-conversation__info-banner--title {
  margin: 0;
  border-radius: 0;
  border-top: 1px solid #e6e6e6;
}

.email-conversation__info-banner__action {
  color: #2872d3;
  cursor: pointer;
}

.action-bar__title.conversation-view__subject {
  border: 0;
}

.email-view .timeline-item__header__type {
  color: #000;
}

.email-view--collapsed {
  color: #444444;
  cursor: pointer;
}
.email-view--collapsed .recipients-summary {
  color: #000;
}
.email-view--collapsed .timeline-item__meta-area__collapse-region {
  display: none !important;
}
.email-view--collapsed .timeline-item__description {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 20.52px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.14;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}

.conversation-view__reply-button {
  display: flex;
  line-height: 50px;
  padding-top: 0px;
  background-color: #fff;
  max-width: 500px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-button {
    padding: 0px 0px 16px 0px;
    width: 100%;
  }
}
.conversation-view__reply-button .timeline-item__left-content {
  margin-top: 5px;
}

.conversation-view__reply-area {
  margin-left: 48px;
  flex-grow: 1;
  min-width: 160px;
}

.conversation-view__reply-options {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  border: 1px #cacaca solid;
  border-radius: 3px;
  margin-right: 8px;
  padding-left: 13px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options {
    padding-left: 8px;
    margin-left: 0;
    margin-top: 0;
  }
}
.conversation-view__reply-options .timeline-item__content.spacer {
  cursor: default;
  flex-grow: 1;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__reply {
  text-decoration: none;
  margin-top: 8px;
  margin-bottom: -10px;
  margin-right: 0;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__reply:hover {
  color: #2872d3;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__reply:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60d";
  font-size: 31px;
  width: 44px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options .timeline-item__content.conversation-view__reply:before {
    width: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options .timeline-item__content.conversation-view__reply {
    margin-left: 32px;
  }
}
.conversation-view__reply-options .timeline-item__content.conversation-view__forward {
  text-decoration: none;
  margin-top: 8px;
  margin-bottom: -10px;
  margin-right: 5px;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__forward:hover {
  color: #2872d3;
}
.conversation-view__reply-options .timeline-item__content.conversation-view__forward:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600";
  font-size: 31px;
  width: 44px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options .timeline-item__content.conversation-view__forward:before {
    width: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-options .timeline-item__content.conversation-view__forward {
    margin-left: 0px;
  }
}

.conversation-view__comment {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  font-size: 18px;
  padding-left: 18px;
  padding-right: 16px;
  border: 1px #cacaca solid;
  border-radius: 3px;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .conversation-view__comment {
    font-size: 16px;
    margin-left: 0px;
  }
}
.conversation-view__comment:hover {
  color: #2872d3;
}
.conversation-view__comment:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e923";
  font-size: 20px;
  width: 24px;
  margin-top: 14px;
  margin-right: 4px;
}
@media only screen and (max-width: 600px) {
  .conversation-view__comment:before {
    display: none;
  }
}

.conversation-view__reply-button-label {
  font-size: 18px;
  /* truncate the text when out of space */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-button-label {
    font-size: 16px;
    margin-left: 8px;
    min-width: 80px;
  }
}
.conversation-view__reply-button-label:hover {
  color: #2872d3;
}
.conversation-view__reply-button-label:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e931";
  font-size: 31px;
  width: 44px;
  top: 7px;
  position: relative;
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  .conversation-view__reply-button-label:before {
    display: none;
  }
}

.email-view--new {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.form-container--modal.form-container--transparent {
  background: none;
  box-shadow: none;
  height: auto;
  margin-top: -200px;
}

.email-view__file-attachments {
  margin-top: 24px;
  margin-bottom: 8px;
  display: table;
}
@media only screen and (max-width: 600px) {
  .email-view__file-attachments {
    max-width: 100%;
    display: inline-block;
  }
  .email-view__file-attachments .file-pill {
    word-break: break-word;
  }
}

.email-view__forward-subject {
  border-bottom: 1px solid #e6e6e6;
}

.email-view__draft-subject {
  width: 100%;
}

.email-conversation .email-view .timeline-item__meta-area__collapse-region {
  display: none;
}

.email-conversation--expanded .email-view .timeline-item__meta-area__collapse-region {
  display: block;
  flex-grow: 1;
}

.email-popout {
  width: 900px;
  height: auto;
}

.email-popout__collapse {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.email-popout__expand {
  position: absolute;
  top: 28px;
  right: 28px;
  cursor: pointer;
}

.email-popout__expand {
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  color: #2872d3;
  padding: 8px;
}

.email-popout .email-popout__expand {
  display: none;
}

.email-popout .auto-complete__input__items {
  padding-right: 48px;
}

.email-popout .email-view--draft {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.email-view-mobile-header {
  height: 56px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  background: #fff;
  border-bottom: 1px #e6e6e6 solid;
  padding-right: 12px;
}
.email-view-mobile-header .action-button, .email-view-mobile-header .login__form-button {
  font-size: 18px;
  text-transform: capitalize;
  line-height: 56px;
}
.email-view-mobile-header .action-button:last-child, .email-view-mobile-header .login__form-button:last-child {
  font-weight: 600;
}

.email-view-mobile-header-title {
  text-align: center;
  flex: 1;
  line-height: 56px;
  font-size: 20px;
}

.email-action-bar__assign-dialog .form-container {
  height: auto;
  min-height: 440px;
}
.email-action-bar__assign-dialog textarea {
  height: 150px;
}
.email-action-bar__assign-dialog .selection-button--indent-list .selectable-list {
  left: 0px;
}

.email-action-bar__assign-due-date {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #e6e6e6;
}
.email-action-bar__assign-due-date .email-action-bar__due-date-popover {
  width: 100%;
  max-width: none;
  padding: 0;
  padding-left: 12px;
  border: none;
}
.email-action-bar__assign-due-date .email-action-bar__due-date-popover .pop-over__contents {
  top: 37px;
  left: 0px;
}
.email-action-bar__assign-due-date .pop-over__toggle {
  height: 100%;
  width: 100%;
  text-align: left;
  color: rgb(42, 42, 42);
  font-size: 1.1em;
}

.modal-dialog-bl .email-view .email-view__body .rich-textarea {
  max-height: calc(100vh - 280px);
}

.modal-dialog-bl .email-view.email-view--cc-bcc-expanded .email-view__body .rich-textarea {
  max-height: calc(100vh - 400px);
}

.modal-dialog-bl .email-view .email-view__body khq-text-editor {
  max-height: calc(100vh - 230px);
}

.modal-dialog-bl .email-view.email-view--cc-bcc-expanded .email-view__body khq-text-editor {
  max-height: calc(100vh - 350px);
}

.global-add-email .email-edit__body,
.email-popout .email-edit__body {
  overflow-y: auto;
}

.ember-modal-dialog.remove-email-modal .remove-email__checkboxes {
  margin-top: 16px;
}
.ember-modal-dialog.remove-email-modal .form-block .form-label {
  color: #000;
}

.email-conversation--reply-disabled .conversation-view__reply-options .conversation-view__reply-button-label,
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.conversation-view__reply,
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.conversation-view__forward {
  color: #999999;
  cursor: default;
}
.email-conversation--reply-disabled .conversation-view__reply-options .conversation-view__reply-button-label:hover,
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.conversation-view__reply:hover,
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.conversation-view__forward:hover {
  color: #999999;
}
.email-conversation--reply-disabled .conversation-view__reply-options .timeline-item__content.spacer {
  cursor: default;
}

.email-conversation__privacy-banner {
  font-size: 16px;
  padding: 16px 16px;
  border-radius: 3px;
  margin: 16px 0 8px 0;
  background-color: #2872d3;
  color: white;
}
.email-conversation__privacy-banner span {
  text-decoration: underline;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .email-conversation__privacy-banner {
    border-radius: 0;
    margin-left: -1px;
  }
}
.email-conversation__bubble-line {
  margin-top: -1px;
  height: 4px;
  border-top: 1px solid #e2e2e2;
  background-color: #ffffff;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  cursor: pointer;
}
.email-conversation__hidden-bubble {
  z-index: 1;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  position: absolute;
  background-color: #fff;
  top: -15px;
  left: 0px;
}
@media only screen and (max-width: 600px) {
  .email-conversation__hidden-bubble {
    top: -14px;
    left: 8px;
    width: 32px;
    height: 32px;
  }
}
.email-conversation__hidden-bubble__text {
  font-size: 18px;
  padding: 3px 0;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .email-conversation__hidden-bubble__text {
    font-size: 16px;
    padding-top: 5px;
  }
}
.email-conversation .top-hidden {
  padding-bottom: 30px;
}
.email-conversation .bottom-hidden {
  padding-top: 12px;
}
.email-conversation .email-conversation__bubble-line + .email-email-item {
  border-top: none;
}
.email-conversation .email-conversation__bubble-line + .email-activity-item {
  margin-top: 32px;
}
@media only screen and (max-width: 600px) {
  .email-conversation .comment-compose-input {
    padding: 0 8px 8px 8px;
  }
}
@media only screen and (max-width: 600px) {
  .email-conversation .comment-compose-input__content {
    margin-left: 0px;
    padding-right: 0px;
  }
}
.email-conversation__scheduled-email-list {
  margin-top: 16px;
  border-top: 1px dashed #b0b0b0;
}
.email-conversation__scheduled-email-list .email-view {
  border-top: 1px solid #e6e6e6;
}
.email-conversation__scheduled-email-list .email-view:first-child {
  border-top: none;
}

.recipient-pill {
  cursor: move;
  transform: translate(0, 0);
  display: flex;
  align-items: center;
  z-index: 1;
}
.recipient-pill .recipients-summary-item__profile {
  cursor: text;
}

.recipient-pill__container {
  align-items: center;
  background: #e6e6e6;
  border-radius: 16px;
  color: #000;
  display: flex;
  gap: 4px;
  font-size: 18px;
  margin: 0 2px;
  overflow: hidden;
  padding: 4px 4px;
}

/**
 Drag and drop related styles
**/
.recipient-pill.drag-sort-disabled {
  z-index: 2;
}

body.recipient-drag-sort-active .recipient-pill * {
  pointer-events: none;
}

.recipient-pill.drag-sort-active {
  opacity: 0;
}

.recipient-pill.drag-sort-over {
  margin-left: -2px;
  border-left: 2px solid #2872d3;
}

.recipient-pill__meta {
  line-height: 1;
  padding-bottom: 2px;
  align-items: center;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recipient-pill__meta .drop-down-button__toggle {
  cursor: move;
}

.recipient-pill__remove {
  color: #999999;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.recipient-pill__remove-hidden {
  visibility: hidden;
}

/* reset all the drop down toggle style */
.recipient-pill .drop-down-button__toggle {
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  color: #000;
  font-size: 16px;
}
.recipient-pill .drop-down-button__toggle:hover, .recipient-pill .drop-down-button__toggle:focus {
  background: none;
}

/* reset drop down list style & position under pill */
@media only screen and (min-width: 601px) {
  .recipient-pill .drop-down-button__list {
    font-size: 16px;
    padding: 0;
    margin-top: 12px;
    margin-left: -32px;
  }
}
.email-assignment-notice {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0px;
}
.email-assignment-notice:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e942";
  color: #444444;
  width: 32px;
  height: 32px;
  font-size: 32px;
  position: absolute;
  left: 52px;
}
.email-assignment-notice .timeline-item__content {
  display: flex;
  flex-direction: row;
  margin-left: 16px;
  margin-right: 8px;
  border: 1px solid #e4dfdf;
  background-color: #ebebeb;
  min-height: 32px;
  padding: 5px 12px 5px 34px;
  border-radius: 16px;
  color: #444444;
}
.email-assignment-notice .timeline-item__content .timeline-item__author {
  margin-right: 5px;
  font-weight: 500;
}
.email-assignment-notice .timeline-item__header {
  margin-top: 0;
  margin-left: 0;
  color: #999999;
  min-height: initial;
}
.email-assignment-notice .timeline-item__intro {
  margin: 8px 0 16px;
  color: #999999;
}
.email-assignment-notice .timeline-item__left-content {
  position: inherit;
  color: #999999;
  margin-left: 4px;
  padding-top: 2px;
  margin-right: 20px;
}
.email-assignment-notice .timeline-item__date {
  width: 100%;
  display: inline-block;
  padding-left: 56px;
}
.email-assignment-notice--expanded .timeline-item__description {
  padding-top: 8px;
}
@media only screen and (max-width: 600px) {
  .email-assignment-notice--expanded .timeline-item__header {
    display: inline-block;
  }
  .email-assignment-notice .timeline-item__left-content > .bl-icon.bl-icon--assign, .email-assignment-notice .checklist-relative-due-date-input--minimal .timeline-item__left-content > .bl-icon--assign.drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .email-assignment-notice .timeline-item__left-content > .bl-icon--assign.drop-down-button__toggle::after, .email-assignment-notice .timeline-item__left-content > .bl-icon--assign.auto-complete-email__button--chevron, .email-assignment-notice .timeline-item__left-content > .bl-icon--assign.timeline-item-header__shared-icon {
    margin-top: -8px;
  }
  .email-assignment-notice .timeline-item__date {
    padding-left: 40px;
  }
  .email-assignment-notice--expanded .timeline-item__date {
    padding-top: 4px;
  }
}

.email-assignment-notice.bottom-hidden {
  padding-top: 16px;
}

.email-conversation-split-notice {
  display: flex;
  align-items: center;
  color: #444444;
}
.email-conversation-split-notice:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e945";
  color: #444444;
  width: 32px;
  height: 32px;
  font-size: 32px;
  position: absolute;
  left: 52px;
}
.email-conversation-split-notice .timeline-item__author {
  font-weight: 500;
}
.email-conversation-split-notice a {
  color: #444444;
  text-decoration: underline;
}
.email-conversation-split-notice a:hover {
  text-decoration: none;
}
.email-conversation-split-notice .timeline-item__content {
  display: flex;
  flex-direction: row;
  margin-left: 16px;
  margin-right: 8px;
  border: 1px solid #e4dfdf;
  background-color: #ebebeb;
  min-height: 32px;
  padding: 5px 12px 5px 34px;
  border-radius: 16px;
  color: #444444;
}
.email-conversation-split-notice .timeline-item__content .timeline-item__author {
  font-weight: 500;
}
.email-conversation-split-notice .timeline-item__left-content {
  position: inherit;
  margin-left: 4px;
  padding-top: 2px;
  margin-right: 20px;
}
.email-conversation-split-notice .timeline-item__left-content > .bl-icon, .email-conversation-split-notice .checklist-relative-due-date-input--minimal .timeline-item__left-content > .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .email-conversation-split-notice .timeline-item__left-content > .drop-down-button__toggle::after, .email-conversation-split-notice .timeline-item__left-content > .auto-complete-email__button--chevron, .email-conversation-split-notice .timeline-item__left-content > .timeline-item-header__shared-icon {
  color: #aaa;
  display: block;
  font-size: 32px;
}

.email-conversation-split-notice.top-hidden {
  padding-bottom: 22px;
}

.email-conversation-split-notice.bottom-hidden {
  padding-top: 22px;
}

.recipients-summary {
  line-height: 20px;
}
.recipients-summary table {
  border-collapse: separate;
  border-spacing: 0 8px;
  margin-top: -8px;
}
.recipients-summary .recipients-summary__titles {
  float: left;
  padding-right: 8px;
  color: #000;
}
.recipients-summary .recipients-summary__recipients {
  cursor: pointer;
}
.recipients-summary .recipients-summary__recipients .recipients-summary-item {
  display: block;
}
.recipients-summary .recipients-summary__recipients--collapsed {
  cursor: pointer;
  white-space: nowrap;
}
.recipients-summary .recipients-summary__scheduled-send-date {
  margin-left: 10px;
  position: relative;
  top: 2px;
}

.recipients-summary--collapsed {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.recipients-summary-item {
  display: inline-block;
}
.recipients-summary-item .drop-down-button {
  display: inline;
}
.recipients-summary-item__view-link {
  width: 100%;
  font-weight: 400;
}
.recipients-summary-item__view-link .action-button, .recipients-summary-item__view-link .login__form-button {
  color: #2872d3;
  font-size: 16px;
  margin-bottom: 5px;
}
.recipients-summary-item__divider {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e6e6e6;
}

.bio-card {
  font-size: 16px;
  font-weight: 400;
}
.bio-card__badge {
  margin-bottom: 4px;
}
.bio-card__title {
  margin-bottom: -2px;
  color: #929292;
  font-weight: 400;
}
.bio-card__text {
  margin-bottom: 6px;
  font-weight: 400;
}
.bio-card__social-links .fa-facebook,
.bio-card__social-links .fa-Facebook {
  background: #3b5998;
  min-height: 20px;
}
.bio-card__social-links .fa-twitter,
.bio-card__social-links .fa-Twitter {
  background: #4099ff;
  min-height: 20px;
}
.bio-card__social-links .fa-linkedin,
.bio-card__social-links .fa-LinkedIn {
  background: #007bb6;
}
.bio-card__social-links .fa-Skype,
.bio-card__social-links .fa-skype {
  background: #12a5f4;
  min-height: 20px;
  position: relative;
  top: 3px;
}
.bio-card__social-links .fa-Facebook:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e959";
  font-size: 20px;
  position: relative;
  top: 3px;
}
.bio-card__social-links .fa-LinkedIn:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95a";
  font-size: 20px;
  position: relative;
  top: 3px;
}
.bio-card__social-links .fa-Twitter:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95c";
  font-size: 20px;
  position: relative;
  top: 3px;
}
.bio-card__social-links .fa-Skype:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95b";
  font-size: 20px;
}
.bio-card__social-link .fa {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  margin: 2px 6px 2px 0;
}
.bio-card__social-link i {
  color: #fff;
}

.email-conversation--expanded .email-view .timeline-item__header .bio-card__social-links {
  margin-top: 2px;
}
.email-conversation--expanded .email-view .timeline-item__header .bio-card__social-link {
  margin-bottom: -2px;
  padding-top: 2px;
  font-weight: 400;
}
.email-conversation--expanded .email-view .timeline-item__header .bio-card__social-link i {
  color: #fff;
}

.recipients-summary .drop-down-button__toggle__label {
  color: #444444;
}

.recipients-summary.recipients-summary--disabled {
  color: #444444;
  font-weight: 500;
}
.recipients-summary.recipients-summary--disabled .drop-down-button__toggle__label {
  color: #000;
}

.recipients-summary .drop-down-button--modal,
.recipients-summary .drop-down-button__toggle,
.recipients-summary .drop-down-button__toggle__label {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  color: #444444;
  font-weight: 500;
}
.recipients-summary .drop-down-button__toggle, .recipients-summary .drop-down-button__toggle:hover, .recipients-summary .drop-down-button__toggle:active,
.recipients-summary .drop-down-button__toggle__label,
.recipients-summary .drop-down-button__toggle__label:hover,
.recipients-summary .drop-down-button__toggle__label:active {
  text-align: left;
  background: transparent;
}
.recipients-summary--collapsed .drop-down-button__toggle {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}
.recipients-summary .drop-down-button__toggle {
  word-break: break-all;
  width: 100%;
}
.recipients-summary .timeline-item__date {
  margin-left: 8px;
}

/* profile & options */
.recipients-summary-item .drop-down-button__list {
  color: #000;
}
.recipients-summary-item__avatar {
  margin-right: 8px;
}
.recipients-summary-item__profile {
  width: 100%;
  word-break: break-all;
  padding: 16px;
  display: flex;
  line-height: 16px;
}
.recipients-summary-item__subtitle {
  color: #999999;
  font-weight: 400;
}
.recipients-summary-item__options {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  padding-top: 4px;
  margin-top: 4px;
}
@media only screen and (min-width: 601px) {
  .recipients-summary-item .drop-down-button__list {
    padding: 0;
    max-width: 400px;
    margin-top: 8px;
  }
  .recipients-summary-item__profile {
    margin: 0;
  }
  .recipients-summary-item__options {
    padding: 12px;
    margin: 0;
  }
  .recipients-summary-item__options .action-button.button, .recipients-summary-item__options .button.login__form-button {
    color: #2872d3;
    width: auto;
    height: auto;
    padding: 0;
    display: inline;
    font-size: 16px;
    margin-right: 8px;
  }
}

.global-add-email > .form-container--modal {
  height: auto;
  width: 600px;
}
@media only screen and (min-width: 869px) {
  .global-add-email > .form-container--modal {
    width: 870px;
  }
}
@media only screen and (max-width: 600px) {
  .global-add-email > .form-container--modal {
    margin: 0;
  }
}
.global-add-email .email-view-mobile-header {
  z-index: 49;
}
.global-add-email__spinner {
  height: 409px;
}
.global-add-email .email-edit__body,
.global-add-email .email-edit__body.focussed-textarea {
  border-bottom: none;
}
.global-add-email .email-edit__body textarea,
.global-add-email .email-edit__body.focussed-textarea textarea {
  padding: 0;
}
.global-add-email .email-edit__subject input {
  font-weight: 600;
}
.global-add-email .email-view--new {
  overflow: visible;
}
.global-add-email .email-view {
  padding: 0;
  border: 0;
}
.global-add-email .new-work-form__client .auto-complete__popup {
  z-index: 50;
}
.global-add-email .global-add-email__spinner {
  display: flex;
  justify-content: center;
}
.global-add-email .global-add-email__spinner .modal-dialog-bl__spinner {
  padding-top: 164px;
}
@media only screen and (max-width: 600px) {
  .global-add-email .email-view--new {
    overflow: auto;
  }
  .global-add-email .auto-complete--inactive .auto-complete__input__button--add {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .email-timeline-item .email-conversation--expanded .block-list .block-list__item .email-view {
    background: #fff;
  }
  .email-timeline-item .email-conversation--expanded .timeline-item-header {
    border-bottom: 0;
  }
}

.email-timeline-item--collapsed {
  cursor: pointer;
}
.email-timeline-item--collapsed .email-view {
  border: 1px solid rgb(223, 223, 223);
  border-radius: 3px;
}
.email-timeline-item--collapsed .timeline-item__meta-area__collapse-region {
  display: none;
}

.email-timeline-item--collapsed .email-view:first-child .timeline-item__description {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 18.2; /* Fallback for non-webkit */
  font-size: 14;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.email-timeline-item--collapsed .timeline-item__subject {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  padding-bottom: 0;
}

.email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid rgb(223, 223, 223);
  border-bottom: none;
}
.email-timeline-item--collapsed.email-timeline-item--has-replies .email-timeline-item__replies-counter {
  padding: 10px;
  padding-left: 48px;
  background-color: #f8f8f8;
  border: 1px solid rgb(223, 223, 223);
  border-bottom: none;
}
@media only screen and (min-width: 601px) {
  .email-timeline-item--collapsed.email-timeline-item--has-replies .email-timeline-item__replies-counter {
    padding: 10px 10px 10px 72px;
  }
}
.email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #f8f8f8;
  border: 1px solid rgb(223, 223, 223);
}
.email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:last-of-type .timeline-item__description {
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 18.2; /* Fallback for non-webkit */
  font-size: 14;
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:last-of-type .timeline-item__header {
  margin-left: 94px;
  margin-top: 3px;
  margin-bottom: 5px;
  min-height: 26px;
  width: 100%;
  color: #000;
}
.email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:last-of-type .timeline-item__meta-area {
  margin-bottom: 0;
}
.email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:last-of-type .avatar {
  width: 28px;
  height: 28px;
}
.email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:last-of-type .timeline-item__avatar {
  margin-left: 54px;
  margin-top: 0;
}
@media only screen and (max-width: 600px) {
  .email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:last-of-type .timeline-item__header {
    margin-left: 76px;
  }
  .email-timeline-item--collapsed.email-timeline-item--has-replies .email-view:last-of-type .timeline-item__avatar {
    margin-left: 40px;
    margin-top: -2px;
  }
}

/***
 CSS Reset for email content to prevent Karbon styles bleeding in to the email content area
 ***/
.email-view--focussed .email-reset,
.email-signature-editor-reset {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
}
.email-view--focussed .email-reset a,
.email-signature-editor-reset a {
  color: #15c;
  text-decoration: underline;
}
.email-view--focussed .email-reset blockquote,
.email-signature-editor-reset blockquote {
  min-width: 240px;
}

.email-item {
  background-color: #fff;
  margin: 8px 0;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}
.email-item__avatar .avatar {
  height: 40px;
  width: 40px;
}
.email-item__avatar--small .avatar {
  height: 28px;
  width: 28px;
  font-size: 20px;
  line-height: 25px;
  margin-left: 54px;
}
.email-item__avatar-container .small-avatar {
  height: 40px;
}
.email-item__subject {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 600;
  overflow: hidden;
  padding-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.email-item__excerpt {
  display: -webkit-box;
  font-size: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.email-item__older-replies {
  position: relative;
  border-top: 1px solid #dfdfdf;
  padding: 10px 10px 10px 70px;
  background-color: #f8f8f8;
  cursor: pointer;
}
.email-item__header {
  color: #2a2a2a;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 8px;
}
.email-item__conversation {
  display: flex;
  padding: 16px;
}
.email-item__conversation--first {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.email-item__conversation--last {
  position: relative;
  border-top: 1px solid #dfdfdf;
  background-color: #f8f8f8;
  cursor: pointer;
}
.email-item__conversation--event {
  width: 100%;
  background-color: #f8f8f8;
}
.email-item__body {
  flex: 1 0 auto;
  padding-left: 16px;
  width: calc(100% - 56px);
}
.email-item__subtle-text {
  color: #969696;
}
.email-item--expanding {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 16px 0;
}
.email-item--expanded {
  border: 0;
}
.email-item--collapsing {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.email-item__progress-bud {
  height: 2px;
  position: absolute;
  bottom: -1px;
  z-index: 1;
  background-color: #2872d3;
  width: 25%;
  animation-duration: 1.8s;
  animation-name: progressbudwidth;
  animation-iteration-count: infinite;
}
.email-item__status-label {
  color: #2872d3;
  display: inline;
  margin-left: 8px;
  font-weight: 400;
  width: initial;
}

.email-tray-grid {
  cursor: default;
  min-height: 240px;
  display: flex;
  flex-direction: row;
  border-top: 1px solid #cacaca;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.email-tray-grid__left-panel {
  padding: 0px 16px 16px 16px;
  overflow: visible;
  min-width: 0px;
  flex-grow: 1;
  flex-shrink: 1;
}
.email-tray-grid__left-panel .email-view.email-view--new {
  margin-left: 48px;
}
.email-tray-grid__left-panel .mentionable-comment-compose-input {
  background-color: white;
  padding: 0px;
  border-top: 0px;
}
.email-tray-grid__left-panel .mentionable-comment-compose-input .rich-textarea__container {
  min-height: 100px;
}
@media only screen and (max-width: 600px) {
  .email-tray-grid__left-panel {
    padding: 0;
  }
}
.email-tray-grid .email-reset {
  overflow-x: unset;
}
@media only screen and (max-width: 600px) {
  .email-tray-grid .email-reset {
    width: calc(100vw - 83px);
    padding: 14px 8px;
  }
}
@media only screen and (max-width: 600px) {
  .email-tray-grid .recipients-summary {
    max-width: calc(100vw - 134px);
  }
}
.email-tray-grid__email-list {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
}
.email-tray-grid__email-list .rich-textarea.email-edit__body {
  overflow: visible;
}
.email-tray-grid__email-list .block-list__item--bordered {
  border-bottom: 1px solid #e6e6e6;
}
.email-tray-grid__email-list .block-list__item--bordered:last-child {
  border-bottom: 0;
}
.email-tray-grid__email-list .email-activity-item {
  margin-top: 16px;
  margin-bottom: 4px;
}
.email-tray-grid__email-list .email-activity-item + .email-activity-item {
  margin-top: 4px;
  margin-bottom: 4px;
}
.email-tray-grid__email-list .email-activity-item + .email-activity-item .timeline-item__avatar,
.email-tray-grid__email-list .email-activity-item + .email-activity-item .human-time-ago {
  display: none;
}
.email-tray-grid__email-list .email-activity-item + .email-activity-item .timeline-item__content {
  margin-left: 48px;
}
.email-tray-grid__email-list li:last-child .email-assignment-notice,
.email-tray-grid__email-list li:last-child .email-conversation-split-notice {
  margin-bottom: 16px;
}
.email-tray-grid__email-list .email-email-item .timeline-item__avatar {
  margin-top: 3px;
}
.email-tray-grid__email-list .email-email-item.block-list__item:first-child {
  margin-top: 4px;
}
.email-tray-grid__email-list .email-email-item {
  margin-top: 16px;
}
.email-tray-grid__email-list .email-email-item + .email-email-item {
  border-top: none;
  margin-top: 0px;
  margin-bottom: 0px;
}
.email-tray-grid__email-list .email-summary-item + .email-email-item,
.email-tray-grid__email-list .block-list__item--bordered + .email-summary-item,
.email-tray-grid__email-list .email-conversation__bubble-line + .email-summary-item {
  border-top: none;
}

.email-tray-grid .side-tray-tab-panel {
  background-color: #f9f9f9;
  border-left: 1px solid #cacaca;
  border-bottom-right-radius: 3px;
  min-height: 540px;
}
.email-tray-grid .side-tray-tab-panel .tab-panel__panel {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.email-tray-grid .side-tray-tab-panel .tab-panel__content {
  width: 250px;
}

.email-tray-grid--vertical-tray .side-tray-tab-panel {
  width: 100%;
}

.send-email-modal {
  width: 360px;
  min-width: 360px;
}
.send-email-modal h2 {
  display: none;
}
.send-email-modal .modal-dialog-bl__body-text {
  width: 328px;
  text-align: center;
  margin: 20px 0px;
}
.send-email-modal .loading-icon {
  margin-top: 0px;
  margin-bottom: 16px;
}

.split-conversation-modal {
  width: 480px;
}
.split-conversation-modal .modal-dialog-bl__body-text {
  text-align: left;
  margin: 0 0 18px 0;
  width: unset;
}

.add-email-conversations-to-timelines {
  border-top: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 12px;
}
.add-email-conversations-to-timelines .check-box .check-box__icon {
  border-color: #999999;
}
.add-email-conversations-to-timelines .link {
  color: #2872d3;
  text-decoration: underline;
  cursor: pointer;
}
.add-email-conversations-to-timelines--dlg p {
  text-align: left;
}
.add-email-conversations-to-timelines__checkboxes {
  text-align: left;
}
.add-email-conversations-to-timelines__padlock::after {
  content: "\e953";
  font-size: 26px;
  font-family: "bl-icons";
  color: #999;
  position: absolute;
  bottom: -6px;
}

.conversation__email {
  background-color: #f2f2f2;
}
.conversation__email .centered-column--extra-wide, .conversation__email .simple-filter-bar--wide .simple-filter-bar__filters, .simple-filter-bar--wide .conversation__email .simple-filter-bar__filters, .conversation__email .simple-filter-bar--extra-wide .simple-filter-bar__filters, .simple-filter-bar--extra-wide .conversation__email .simple-filter-bar__filters, .conversation__email .client-hero-panel__content, .conversation__email .work-item-hero-panel__content {
  max-width: 1400px;
}
.conversation__email .email-conversation {
  margin-top: 50px;
}
@media only screen and (max-width: 600px) {
  .conversation__email .email-conversation {
    margin-top: 0;
  }
}

.conversation-email__close {
  position: relative;
  top: 32px;
  left: 32px;
  font-size: 64px;
  height: 14px;
  line-height: 14px;
}
.conversation-email__close a {
  color: #999;
}

.conversation__unavailable {
  background-color: #fff !important;
}

.email-search.offline {
  position: relative;
  top: 32px;
}

.email-unavailable {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #f2f2f2;
}
.email-unavailable__icon {
  font-size: 84px;
}
.email-unavailable__icon:before {
  content: "\e608";
}
.email-unavailable__message {
  margin-top: 28px;
  text-align: center;
  font-size: 34px;
  color: #999;
}

.practice-add-user {
  font-size: 18px;
}

.practice-settings {
  padding-top: 16px;
}
.practice-settings .editable-input {
  text-align: center;
}
.practice-settings .editable-input:focus {
  background: transparent;
  border: none;
}
.practice-settings__list-item {
  color: #000;
  font-size: 1.2em;
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 400;
  cursor: pointer;
  display: block;
}
.practice-settings__list-item span {
  color: #999999;
  padding-left: 8px;
}

.practice-settings--practice-country {
  margin-top: 16px;
}

.user-profile-subheader--section.practice-settings--archived-list-header {
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  opacity: 1;
  color: #2872d3;
  text-decoration: underline;
  text-transform: capitalize;
}

.practice-settings .user-profile-subheader--section {
  color: #000;
  width: auto;
  padding-bottom: 32px;
}

.ember-modal-dialog .form-container--invite {
  height: 100%;
}
@media only screen and (min-width: 601px) {
  .ember-modal-dialog .form-container--invite {
    height: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .ember-modal-dialog .form-container--invite {
    position: absolute;
  }
  .ember-modal-dialog .form-container--invite .action-bar {
    height: 56px;
  }
}

.tenant-location-autocomplete {
  height: 48px;
  margin: 0 auto;
  color: #000;
  font-size: 16px;
}
.tenant-location-autocomplete .auto-complete {
  width: 280px;
  margin: 0 auto;
  position: relative;
}
.tenant-location-autocomplete .auto-complete-overlay {
  cursor: pointer;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
}
.tenant-location-autocomplete .focussed-input {
  border: 0;
}
.tenant-location-autocomplete > span {
  text-align: center;
  color: #999999;
  font-size: 18px;
  margin: 0;
}
.tenant-location-autocomplete .no-suggestions {
  text-align: center;
  color: #999999;
  height: 48px;
  line-height: 44px;
}
@media only screen and (max-width: 600px) {
  .tenant-location-autocomplete .auto-complete__popup {
    z-index: 50;
  }
}

.tenant-location-autocomplete--has-results .auto-complete__popup {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.tenant-location-input {
  color: #000;
}

.tenant-location-list {
  list-style: none;
  max-height: 400px;
  width: 100%;
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: scroll;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.tenant-location-list__item {
  border-bottom: 1px #e6e6e6 solid;
  background: #fff;
  color: #444;
  height: 48px;
  line-height: 44px;
  margin: 0;
  padding: 0 0 0 20px;
  text-align: left;
  cursor: pointer;
}
.tenant-location-list__item:focus, .tenant-location-list__item:hover {
  background: #e6e6e6;
}
.tenant-location-list__item:last-of-type {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.tenant-location-list__item:first-child {
  border-top: 1px #e6e6e6 solid;
}
.tenant-location-list__divider {
  background-color: #777;
  text-transform: uppercase;
  padding: 2px 0 2px 12px;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  color: #fff;
}

.tenant-location-autocomplete--filled .auto-complete__popup {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tenant-invite-button {
  white-space: nowrap;
  float: right;
  margin-top: -8px;
}

.manage-connections-link {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.user-profile__title {
  font-weight: 600;
  color: #000;
  font-size: 22px;
  padding: 16px 0 10px 0;
  border-bottom: 1px solid #cacaca;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 48px;
  position: relative;
}
.user-profile__title .user-profile-details__edit-profile {
  position: absolute;
  top: 0;
  right: 0px;
  font-weight: 500;
  text-decoration: underline;
  font-size: 16px;
}
.user-profile__title--bottom-pad {
  margin-bottom: 24px;
}
.user-profile a {
  text-decoration: none;
}
.user-profile__inline-link {
  font-size: 16px;
  color: #2872d3;
  text-decoration: underline;
}
.user-profile p.info {
  font-size: 18px;
  display: block;
  color: rgba(255, 255, 255, 0.5);
}
.user-profile p.info label {
  cursor: pointer;
}
.user-profile input[type=checkbox] {
  display: inline-block;
}

.user-profile-invitation {
  margin-top: 16px;
}
.user-profile-invitation a {
  color: #fff;
  text-align: center;
}

.user-profile-detail {
  color: #000;
  margin: 0;
  font-size: 18px;
  flex: 1;
}
.user-profile-detail--with-padding {
  padding-top: 12px;
}

.user-profile-detail--medium {
  font-weight: 600;
}

.user-profile-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-profile-header__container {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.user-profile-header .user-profile-badge {
  margin-top: 8px;
}

.user-profile-avatar {
  margin: 44px auto 0;
}
.user-profile-avatar,
.user-profile-avatar .avatar {
  width: 120px;
  height: 120px;
  line-height: 110px;
  font-size: 64px;
}
.user-profile-avatar .avatar {
  border: 2px #fff solid;
}
.user-profile-avatar .online,
.user-profile-avatar .offline {
  width: 24px;
  height: 24px;
  right: 7px;
  bottom: 7px;
}
.user-profile-avatar .online .bullseye,
.user-profile-avatar .offline .bullseye {
  width: 20px;
  height: 20px;
}

.user-profile__resend-invite {
  padding: 16px 0 0 0;
  cursor: pointer;
  text-align: center;
}

.user-profile-relationship {
  text-transform: uppercase;
  font-size: 14px;
  height: 30px;
  border: 2px #e6e6e6 solid;
  border-radius: 15px;
  background: none;
  width: auto;
  line-height: 24px;
  display: inline-block;
  color: #999999;
  padding-left: 16px;
  padding-right: 16px;
  clear: both;
  font-weight: 600;
  margin-top: 24px;
}

.user-profile__archive-notice {
  padding-top: 22px;
  color: #999999;
}
.user-profile__archive-notice a {
  color: #000;
}

.user-profile-details {
  margin: 32px auto 0;
  padding-bottom: 32px;
  overflow-wrap: break-word;
  position: relative;
}

.user-profile-actions {
  padding: 16px 0;
  margin-top: 32px;
}

.colleague-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 47px;
}
.colleague-list-header .user-profile-subheader {
  padding-top: 8px;
  color: #fff;
}
.colleague-list-header .tenant-invite-button {
  background-color: #2872d3;
  border: 0;
}

.user-profile-subheader {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-grey-600);
  padding-bottom: 8px;
  padding-top: 24px;
  margin: 0;
  width: 100%;
  display: inline-block;
}

.user-profile-subheader-no-top-pad {
  padding-top: 0px;
}

.user-profile-button--edit {
  margin-top: 16px;
  margin-left: 0;
}

.user-profile-add {
  font-size: 16px;
  padding-top: 8px;
  color: white;
  padding-left: 16px;
}

.user-phone-selector {
  position: relative;
}
.user-phone-selector .drop-down-button {
  position: absolute;
  height: 100%;
  top: 4px;
  z-index: initial;
}
.user-phone-selector .drop-down-button--modal .drop-down-button__toggle {
  color: #000;
  width: auto;
  background: transparent;
  line-height: 48px;
  height: 48px;
}
.user-phone-selector .drop-down-button--modal .drop-down-button__toggle:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  color: #000;
  font-size: 26px;
  position: relative;
  top: 6px;
}
.user-phone-selector .focussed-input__remove {
  position: absolute;
  right: 8px;
  line-height: 49px;
}
.user-phone-selector .focussed-input__remove .fa {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
}
.user-phone-selector .focussed-input input {
  padding-left: 80px;
}
.user-phone-selector .focussed-input--removable {
  padding: 0;
}
.user-phone-selector:first-child .focussed-input__remove {
  display: none;
}

.user-profile-connect {
  margin: 0;
}

.user-profile-social-show {
  position: relative;
}
.user-profile-social-show .fa {
  position: absolute;
  display: block;
  color: #fff;
  background: #000;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  left: 16px;
  font-size: 12px;
}
.user-profile-social-show .fa-Facebook:before,
.user-profile-social-show .fa-facebook:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e959";
  position: relative;
  top: -1px;
  left: -1px;
}
.user-profile-social-show .fa-LinkedIn:before,
.user-profile-social-show .fa-linkedin:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95a";
  position: relative;
  top: -1px;
}
.user-profile-social-show .fa-Twitter:before,
.user-profile-social-show .fa-twitter:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95c";
}

.user-profile-social-show {
  display: flex;
  align-items: center;
}
.user-profile-social-show .fa {
  position: static;
  left: 0;
  margin: 0;
  display: inline-block;
  margin-right: 8px;
  margin-top: 4px;
  color: #fff;
}

.user-profile-email-modal {
  border-radius: 5px;
  padding: 16px;
  max-width: 400px;
  padding-top: 24px;
  font-size: 16px;
  color: #000;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
}
.user-profile-email-modal p {
  text-align: center;
  margin: 0;
  padding-bottom: 32px;
}
.user-profile-email-modal .button {
  float: right;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.user-profile-email-modal .action-button--inline {
  font-weight: 400;
  margin-right: 8px;
}

.user-profile-view {
  width: 100%;
  min-height: 64px;
  padding: 8px 0px;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
}
.user-profile-view:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.user-profile-view:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.user-profile-view a {
  display: flex;
  width: 100%;
  align-items: center;
}
.user-profile-view__headers {
  display: flex;
  flex-direction: row;
  padding-bottom: 12px;
}
.user-profile-view__header {
  padding: 0 0 0 16px;
  text-align: left;
  font-size: 14px;
  min-width: 180px;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .user-profile-view__header {
    display: none;
  }
}
@media screen and (min-width: 1340px) {
  .user-profile-view__header {
    min-width: 240px;
  }
}
.user-profile-view .user-profile__roles,
.user-profile-view .user-profile__teams,
.user-profile-view .user-profile__permissions,
.user-profile-view .user-profile__preferences {
  padding-left: 16px;
  min-width: 180px;
  max-width: 180px;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .user-profile-view .user-profile__roles,
  .user-profile-view .user-profile__teams,
  .user-profile-view .user-profile__permissions,
  .user-profile-view .user-profile__preferences {
    display: none;
  }
}
@media screen and (min-width: 1340px) {
  .user-profile-view .user-profile__roles,
  .user-profile-view .user-profile__teams,
  .user-profile-view .user-profile__permissions,
  .user-profile-view .user-profile__preferences {
    min-width: 240px;
    max-width: 240px;
  }
}
.user-profile-view__header-preferences,
.user-profile-view .user-profile__preferences {
  display: none;
}
@media screen and (min-width: 1000px) {
  .user-profile-view__header-preferences,
  .user-profile-view .user-profile__preferences {
    display: block;
    min-width: 150px;
    max-width: 150px;
  }
}
.user-profile-view__header-permissions,
.user-profile-view .user-profile__permissions {
  min-width: 100px;
  max-width: 100px;
}
.user-profile-view__header-teams,
.user-profile-view .user-profile__teams {
  display: none;
}
@media screen and (min-width: 800px) {
  .user-profile-view__header-teams,
  .user-profile-view .user-profile__teams {
    display: block;
  }
}
.user-profile-view__header-colleague,
.user-profile-view .contact-view__name {
  flex-grow: 1;
}
.user-profile-view__header-colleague .block-list-item__person,
.user-profile-view .contact-view__name .block-list-item__person {
  font-size: 16px;
  padding-left: 8px;
}
.user-profile-view__header-colleague {
  padding-left: 0px;
  flex-grow: 1;
}
.user-profile-view .contact-view__name {
  padding-left: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.user-profile-view .block-list-item__person {
  font-size: 18px;
  display: flex;
}
.user-profile-view .block-list-item__person .user-profile-pending {
  margin-top: -2px;
  padding-left: 6px;
}
.user-profile-view .block-list-item__person a {
  text-decoration: none;
}
.user-profile-view .block-list-item__role {
  color: #999999;
  font-size: 18px;
  word-break: break-all;
  display: inline-block;
}

.user-profile-subheader--section {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 16px;
}

.user-profile-pending {
  display: inline;
  padding-left: 8px;
}
.user-profile-pending span {
  border-radius: 8px;
  font-size: 10px;
  color: #999999;
  border: 1px solid #e6e6e6;
  text-transform: uppercase;
  padding: 2px 6px;
}

.user-profile-role--edit .focussed-input__remove {
  display: none;
}
.user-profile-role--edit.focussed-input--removable {
  padding-right: 0;
}

.user-profile-signature input[type=checkbox] {
  display: none;
}
.user-profile-signature-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
}
.user-profile-signature .user-profile-subheader {
  width: inherit;
  padding: 0;
}
.user-profile-signature .info {
  position: relative;
  padding-top: 6px;
  padding-left: 33px;
}
.user-profile-signature .fake-checkbox {
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  cursor: pointer;
  top: 6px;
  margin-right: 8px;
  overflow: hidden;
}
.user-profile-signature .fake-checkbox.active {
  background: #fff;
  color: #000;
}
.user-profile-signature .fake-checkbox.active:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  width: 24px;
  height: 24px;
  font-size: 29px;
  line-height: 24px;
  margin-left: -4px;
}

.user-profile-signature__body {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  color: #333;
  border-radius: 3px;
  padding: 16px;
  position: relative;
  overflow: visible;
}
.user-profile-signature__body .rich-textarea__container {
  margin-bottom: 40px;
}

.user-profile-signature__modal .form-container__loader {
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: 150px;
}
.user-profile-signature__modal .form-container__loader .user-profile-signature__modal-loading-text {
  margin-top: 20px;
}

.user-profile-signature--toggle .toggle-switch {
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 3px;
}

.user-profile__reassign-work-modal {
  width: 432px;
  font-size: 18px;
}
.user-profile__reassign-work-modal .modal-dialog-bl__message {
  margin-bottom: 16px;
}
.user-profile__reassign-work-modal__intro-text {
  font-weight: 600;
}
.user-profile__reassign-work-modal ul {
  padding-left: 18px;
  margin-top: 0;
  line-height: 1.3;
}
.user-profile__reassign-work-modal .auto-complete__input,
.user-profile__reassign-work-modal .auto-complete--active {
  text-align: left;
  margin: 16px -16px 0 -16px;
  border-top: 1px #eee solid;
}
.user-profile__reassign-work-modal .auto-complete__input .auto-complete__input__items,
.user-profile__reassign-work-modal .auto-complete--active .auto-complete__input__items {
  font-size: 18px;
}
.user-profile__reassign-work-modal .modal-dialog-bl__message {
  text-align: left;
}
@media only screen and (max-width: 600px) {
  .user-profile__reassign-work-modal {
    width: auto;
  }
}

.user-profile-colleagues {
  display: inline-block;
  width: 100%;
}

.user-profile-save {
  background: white;
  margin-left: 16px;
  font-weight: 600;
  min-width: 104px;
  border-color: #000;
  color: #000;
}

.user-profile-save.disabled {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  color: #2872d3;
}

/* ---------- editable header ---------- */
.user-profile-header .editable-input {
  background: transparent;
  border: 1px solid;
  padding: 0;
  resize: none !important;
  text-align: center;
  border-color: transparent;
  overflow: visible;
  word-wrap: break-word;
}
.user-profile-header .editable-input::-webkit-input-placeholder, .user-profile-header .editable-input::-moz-placeholder, .user-profile-header .editable-input:-ms-input-placeholder, .user-profile-header .editable-input:-moz-placeholder {
  color: #999999;
}
.user-profile-header .editable-input:hover {
  border-bottom: 1px #e6e6e6 solid;
}
.user-profile-header .editable-input:focus {
  border-bottom: 1px #999999 solid;
}
.user-profile-header .editable-input--readonly {
  border-color: transparent !important;
  cursor: text;
}
.user-profile__name {
  font-size: 44px;
  line-height: 44px;
  height: 44px;
  margin-top: 16px;
}
.user-profile__username {
  color: #999999;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 40px;
  height: 40px;
}
.user-profile__onboarding-modal {
  padding: 8px;
}

/* ---------- edit mode ---------- */
.user-profile-edit__form-elem, .user-profile-edit input {
  border: 1px solid #e6e6e6;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  width: 100%;
  outline: none;
}

.user-profile-edit__form-elem--placeholder {
  color: #999999;
}

.user-profile-edit {
  font-size: 18px;
  max-width: 400px;
  margin: 0 auto;
}
.user-profile-edit .check-box {
  margin-top: 4px;
  margin-bottom: 12px;
  margin-left: -2px;
}
.user-profile-edit .check-box--disabled {
  opacity: 0.4;
}
.user-profile-edit .check-box--disabled .check-box--disabled .check-box__icon {
  opacity: 0.6;
}
.user-profile-edit__section, .user-profile-edit__social-networks, .user-profile-edit__phone-numbers {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-top: 24px;
}
.user-profile-edit__section input, .user-profile-edit__social-networks input, .user-profile-edit__phone-numbers input {
  border-radius: 0;
  border-width: 0 0 1px 0;
}
.user-profile-edit__section > *:last-child, .user-profile-edit__social-networks > *:last-child, .user-profile-edit__phone-numbers > *:last-child,
.user-profile-edit__section > *:last-child input,
.user-profile-edit__social-networks > *:last-child input,
.user-profile-edit__phone-numbers > *:last-child input {
  border: 0;
}
.user-profile-edit__roles-modal {
  width: 400px;
}
.user-profile-edit__roles-modal .modal-dialog-bl__title {
  margin-bottom: 0;
}
.user-profile-edit__role-list {
  margin: 0 -16px;
  overflow-x: auto;
  max-height: 400px;
}
.user-profile-edit__role-list-item {
  border-bottom: 1px solid #e6e6e6;
  padding: 16px;
}
.user-profile-edit__function-list-item {
  border-bottom: 1px solid #e6e6e6;
  padding: 16px;
  padding-bottom: 0px;
}
.user-profile-edit__actionable-input {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-profile-edit__teams-modal {
  width: 400px;
}
.user-profile-edit__teams-modal .modal-dialog-bl__title {
  margin-bottom: 0;
}
.user-profile-edit__teams-modal__message {
  padding: 32px 0;
  min-height: 115px;
}
.user-profile-edit__teams-modal .team-selector {
  margin-top: 12px;
}
.user-profile-edit__divider {
  border-top: 1px solid #e6e6e6;
  margin: 24px 0;
}
.user-profile-edit__phone-numbers .user-phone-selector .drop-down-button {
  top: 0;
  right: 0;
}
.user-profile-edit__phone-numbers .drop-down-button--modal .drop-down-button__toggle {
  line-height: 56px;
  height: 56px;
}
.user-profile-edit__phone-numbers .focussed-input input {
  padding-left: 16px;
}
.user-profile-edit__phone-numbers .focussed-input__remove {
  display: none;
}
.user-profile-edit__add-phone-number {
  color: #999999;
  border-radius: 4px;
  height: 56px !important;
  line-height: 56px;
  padding: 0 16px;
  width: 100%;
  text-align: left;
}
.user-profile-edit__social-networks input {
  padding-left: 48px;
}
.user-profile-edit__social-networks .fa {
  position: absolute;
  display: block;
  line-height: 56px;
  width: 48px;
  text-align: center;
  font-size: 22px;
  color: #999999;
  transition: 0.1s ease-in;
}
.user-profile-edit__social-networks .fa--has-value {
  color: #000;
}
.user-profile-edit__social-networks .fa--Facebook:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e959";
  position: relative;
  top: 5px;
}
.user-profile-edit__social-networks .fa--LinkedIn:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95a";
  position: relative;
  top: 6px;
}
.user-profile-edit__social-networks .fa--Twitter:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95c";
  position: relative;
  top: 7px;
}
.user-profile-edit__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.user-profile-edit__actions .action-button, .user-profile-edit__actions .login__form-button {
  padding: 0 16px;
}
.user-profile-edit__actions .action-button--inline {
  color: #2872d3;
}
.user-profile-edit .radio-input .form-label {
  color: #000;
  font-size: 18px;
  padding-left: 0;
}
.user-profile-edit .radio-input input {
  width: inherit;
}

.user-profile-edit .bl-icon--info,
.user-profile-details .bl-icon--info {
  position: relative;
  font-size: 28px;
  line-height: 2px;
  top: 7px;
}
.user-profile-edit .tool-tip-shell,
.user-profile-details .tool-tip-shell {
  margin-left: -5px;
  display: inline-block;
}
.user-profile-edit .tool-tip-shell .tool-tip,
.user-profile-details .tool-tip-shell .tool-tip {
  top: auto;
  bottom: auto;
  transform: translate(-50%, -130%);
}
.user-profile-edit .tool-tip-shell .tool-tip__inner,
.user-profile-details .tool-tip-shell .tool-tip__inner {
  width: 300px;
  padding-top: 12px;
  padding-bottom: 12px;
  white-space: normal;
}

.user-profile-capture-user-function-container {
  width: 500px;
  margin: 0 auto;
}

.user-profile-capture-user-function__options {
  margin-top: 12px;
  margin-left: -16px;
}

.user-profile-capture-user-function__options-title {
  font-weight: 600;
  margin-top: 20px;
}

.user-profile-capture-user-function__save {
  text-align: right;
}

.triage-signature-modal .user-profile-signature__body {
  height: calc(100% - 245px);
}
.triage-signature-modal .user-profile-signature__body .rich-textarea__drop-target {
  height: 100%;
}
.triage-signature-modal .user-profile-signature__body .rich-textarea__drop-target .rich-textarea__container {
  height: 100%;
}

.register-content .centered-column {
  padding-top: 100px;
}
.register-content .action-button, .register-content .login__form-button {
  margin: 0 auto;
}
.register-content .action-button__icon {
  float: left;
  margin-top: 2px;
}
.register-content .text-block {
  font-size: 18px;
}
.register-content .text-block--padded {
  font-size: 18px;
  padding: 40px 0;
}
.register-content .focussed-input input {
  border: none;
  border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
  padding: 16px;
  background: transparent;
  border-radius: 0;
  height: 48px;
  margin: 20px 0 60px 0;
  font-size: 20px;
}

.register-content--intro .centered-column {
  max-width: 260px;
  text-align: center;
}
.register-content--intro .centered-column .action-button, .register-content--intro .centered-column .login__form-button {
  width: 100%;
  margin: 0;
}

@media only screen and (max-width: 600px) {
  .login .register-content--intro .text-block--padded {
    font-size: 20px;
    padding: 32px;
  }
}
.register-content--access .centered-column {
  max-width: 400px;
  text-align: center;
}

.register-content--practice .centered-column {
  max-width: 400px;
  text-align: center;
}

.register-content--practice .register-content--practice-avatar {
  margin: 0 auto;
  margin-bottom: 44px;
}
.register-content--practice .register-content--practice-avatar,
.register-content--practice .register-content--practice-avatar .avatar {
  width: 62px;
  height: 62px;
  font-size: 40px;
  line-height: 52px;
}
.register-content--practice .register-content--practice-avatar .avatar {
  border: 3px #fff solid;
}

.register-content-avatar {
  margin: 0 auto;
  margin-bottom: 44px;
}
.register-content-avatar,
.register-content-avatar .avatar {
  width: 70px;
  height: 70px;
  line-height: 64px;
}
.register-content-avatar .avatar {
  border: 3px #fff solid;
}

.logo-circular {
  opacity: 0.2;
  margin: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJhcHAtbmF2LW1vbm9ncmFtIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEwLjQwODYwMjIsNS4zNzYwNzUyNyBDOS4zNjkzNTQ4NCw1LjM3NjA3NTI3IDguNTI2ODgxNzIsNi4yMTg1NDgzOSA4LjUyNjg4MTcyLDcuMjU3Nzk1NyBMOC41MjY4ODE3Miw0Mi43NDE2NjY3IEM4LjUyNjg4MTcyLDQzLjc4MDkxNCA5LjM2OTM1NDg0LDQ0LjYyMzM4NzEgMTAuNDA4NjAyMiw0NC42MjMzODcxIEMxMS40NDc4NDk1LDQ0LjYyMzM4NzEgMTIuMjkwMzIyNiw0My43ODA5MTQgMTIuMjkwMzIyNiw0Mi43NDE2NjY3IEwxMi4yOTAzMjI2LDcuMjU3Nzk1NyBDMTIuMjkwMzIyNiw2LjIxODU0ODM5IDExLjQ0Nzg0OTUsNS4zNzYwNzUyNyAxMC40MDg2MDIyLDUuMzc2MDc1MjcgWiBNMi44ODE3MjA0MywxOC4yNzkzMDExIEMxLjg0MjQ3MzEyLDE4LjI3OTMwMTEgMSwxOS4xMjE3NzQyIDEsMjAuMTYxMDIxNSBMMSwyOS44Mzg0NDA5IEMxLDMwLjg3NzY4ODIgMS44NDI0NzMxMiwzMS43MjAxNjEzIDIuODgxNzIwNDMsMzEuNzIwMTYxMyBDMy45MjA5Njc3NCwzMS43MjAxNjEzIDQuNzYzNDQwODYsMzAuODc3Njg4MiA0Ljc2MzQ0MDg2LDI5LjgzODQ0MDkgTDQuNzYzNDQwODYsMjAuMTYxMDIxNSBDNC43NjM0NDA4NiwxOS4xMjE3NzQyIDMuOTIwOTY3NzQsMTguMjc5MzAxMSAyLjg4MTcyMDQzLDE4LjI3OTMwMTEgWiBNMTcuOTM1NDgzOSwxLjA3NSBDMTYuODk2MjM2NiwxLjA3NSAxNi4wNTM3NjM0LDEuOTE3NDczMTIgMTYuMDUzNzYzNCwyLjk1NjcyMDQzIEwxNi4wNTM3NjM0LDQ3LjA0Mjc0MTkgQzE2LjA1Mzc2MzQsNDguMDgxOTg5MiAxNi44OTYyMzY2LDQ4LjkyNDQ2MjQgMTcuOTM1NDgzOSw0OC45MjQ0NjI0IEMxOC45NzQ3MzEyLDQ4LjkyNDQ2MjQgMTkuODE3MjA0Myw0OC4wODE5ODkyIDE5LjgxNzIwNDMsNDcuMDQyNzQxOSBMMTkuODE3MjA0MywyLjk1NjcyMDQzIEMxOS44MTcyMDQzLDEuOTE3NDczMTIgMTguOTc0NzMxMiwxLjA3NSAxNy45MzU0ODM5LDEuMDc1IFogTTQ4LjY1ODMzMzMsMzIuNDQ4OTI0NyBMNDEuMTk4NjU1OSwyNC45ODkyNDczIEw0OC42MTM3MDk3LDE3LjU3MzY1NTkgQzQ5LjM0ODY1NTksMTYuODM4MTcyIDQ5LjM0ODY1NTksMTUuNjQ3MzExOCA0OC42MTM3MDk3LDE0LjkxMTgyOCBDNDcuODc4NzYzNCwxNC4xNzc0MTk0IDQ2LjY4NzM2NTYsMTQuMTc3NDE5NCA0NS45NTI0MTk0LDE0LjkxMTgyOCBMMjcuMzQzODE3MiwzMy41MjA0MzAxIEwyNy4zNDM4MTcyLDI4LjAzNzYzNDQgTDQ0LjU5NzA0MywxMC44NTEwNzUzIEM0NS4zMzMwNjQ1LDEwLjExNzIwNDMgNDUuMzM1MjE1MSw4LjkyNjM0NDA5IDQ0LjYwMTg4MTcsOC4xODk3ODQ5NSBDNDMuODY4NTQ4NCw3LjQ1MzIyNTgxIDQyLjY3NzE1MDUsNy40NTEwNzUyNyA0MS45NDA1OTE0LDguMTg0OTQ2MjQgTDI3LjM0MzgxNzIsMjIuNzI1MjY4OCBMMjcuMzQzODE3MiwxNy41NTQzMDExIEwzOC43NjQ3ODQ5LDYuMTMzODcwOTcgQzM5LjQ5OTE5MzUsNS4zOTg5MjQ3MyAzOS40OTkxOTM1LDQuMjA3NTI2ODggMzguNzY0Nzg0OSwzLjQ3MjU4MDY1IEMzOC4wMjkzMDExLDIuNzM3NjM0NDEgMzYuODM4NDQwOSwyLjczNzYzNDQxIDM2LjEwMjk1NywzLjQ3MjU4MDY1IEwyNy4zNDM4MTcyLDEyLjIzMTcyMDQgTDI3LjM0MzgxNzIsMS44ODE3MjA0MyBDMjcuMzQzODE3MiwwLjg0MTkzNTQ4NCAyNi41MDE4ODE3LDAgMjUuNDYyMDk2OCwwIEMyNC40MjI4NDk1LDAgMjMuNTgwMzc2MywwLjg0MTkzNTQ4NCAyMy41ODAzNzYzLDEuODgxNzIwNDMgTDIzLjU4MDM3NjMsNDguMTE4Mjc5NiBDMjMuNTgwMzc2Myw0OS4xNTc1MjY5IDI0LjQyMjg0OTUsNTAgMjUuNDYyMDk2OCw1MCBDMjYuNTAxODgxNyw1MCAyNy4zNDM4MTcyLDQ5LjE1NzUyNjkgMjcuMzQzODE3Miw0OC4xMTgyNzk2IEwyNy4zNDM4MTcyLDM5LjAzODE3MiBMMzUuMjY2Mzk3OCw0Ni45NjA3NTI3IEMzNS42MzQxMzk4LDQ3LjMyNzk1NyAzNi4xMTU4NjAyLDQ3LjUxMTgyOCAzNi41OTcwNDMsNDcuNTExODI4IEMzNy4wNzg3NjM0LDQ3LjUxMTgyOCAzNy41NjA0ODM5LDQ3LjMyNzk1NyAzNy45MjgyMjU4LDQ2Ljk2MDc1MjcgQzM4LjY2MjYzNDQsNDYuMjI1ODA2NSAzOC42NjI2MzQ0LDQ1LjAzNDQwODYgMzcuOTI4MjI1OCw0NC4yOTk0NjI0IEwyOS45MDgzMzMzLDM2LjI3OTU2OTkgTDMyLjg5MTY2NjcsMzMuMjk1Njk4OSBMNDEuNjUwODA2NSw0Mi4wNTQ4Mzg3IEM0Mi4wMTg1NDg0LDQyLjQyMjA0MyA0Mi41MDAyNjg4LDQyLjYwNTkxNCA0Mi45ODE0NTE2LDQyLjYwNTkxNCBDNDMuNDYzMTcyLDQyLjYwNTkxNCA0My45NDQ4OTI1LDQyLjQyMjA0MyA0NC4zMTI2MzQ0LDQyLjA1NDgzODcgQzQ1LjA0NzA0Myw0MS4zMTk4OTI1IDQ1LjA0NzA0Myw0MC4xMjg0OTQ2IDQ0LjMxMjYzNDQsMzkuMzkzNTQ4NCBMMzUuNTUzNDk0NiwzMC42MzQ0MDg2IEwzOC41MzY4MjgsMjcuNjUwNTM3NiBMNDUuOTk3MDQzLDM1LjExMDIxNTEgQzQ2LjM2NDI0NzMsMzUuNDc3NDE5NCA0Ni44NDU5Njc3LDM1LjY2MTI5MDMgNDcuMzI3Njg4MiwzNS42NjEyOTAzIEM0Ny44MDg4NzEsMzUuNjYxMjkwMyA0OC4yOTA1OTE0LDM1LjQ3NzQxOTQgNDguNjU4MzMzMywzNS4xMTAyMTUxIEM0OS4zOTMyNzk2LDM0LjM3NTI2ODggNDkuMzkzMjc5NiwzMy4xODM4NzEgNDguNjU4MzMzMywzMi40NDg5MjQ3IFoiIGlkPSJNb25vZ3JhbS0yNjBweCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 20px auto;
  width: 48px;
  height: 48px;
  opacity: 0.5;
}

.register-content-cancel {
  color: #fff;
  display: block;
  font-weight: 400;
  margin: 20px auto;
  padding: 20px;
}

.inverted-background .focussed-input input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.inverted-background .focussed-input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.inverted-background .focussed-input input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.inverted-background .focussed-input input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.terms-text {
  margin: 0 auto;
  margin-top: 300px;
  width: 200px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -100px;
}

.inverted-link {
  color: #fff;
}

.grant-access-form {
  position: relative;
}
.grant-access-form .fa.fa-google {
  color: #2872d3;
  position: absolute;
  left: 14px;
  top: 11px;
}

.register__waiting-list {
  font-size: 16px;
}
.register__waiting-list .social-media-links {
  font-size: 16px;
}
.register__waiting-list .social-media-links a {
  padding: 0 10px;
}
.register__waiting-list .social-media-links .fa {
  padding-right: 6px;
}
.register__waiting-list .register-content--intro .centered-column {
  max-width: 500px;
}
.register__waiting-list .register-content--intro .centered-column .text-block--padded {
  margin: 0 auto;
  padding-top: 32px;
  max-width: 300px;
  line-height: 1.4;
}
.register__waiting-list .logo-circular {
  opacity: 0.2;
  margin: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDx0aXRsZT5hcHAtbmF2LW1vbm9ncmFtPC90aXRsZT4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJhcHAtbmF2LW1vbm9ncmFtIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjMkEyQTJBIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEwLjQwODYwMjIsNS4zNzYwNzUyNyBDOS4zNjkzNTQ4NCw1LjM3NjA3NTI3IDguNTI2ODgxNzIsNi4yMTg1NDgzOSA4LjUyNjg4MTcyLDcuMjU3Nzk1NyBMOC41MjY4ODE3Miw0Mi43NDE2NjY3IEM4LjUyNjg4MTcyLDQzLjc4MDkxNCA5LjM2OTM1NDg0LDQ0LjYyMzM4NzEgMTAuNDA4NjAyMiw0NC42MjMzODcxIEMxMS40NDc4NDk1LDQ0LjYyMzM4NzEgMTIuMjkwMzIyNiw0My43ODA5MTQgMTIuMjkwMzIyNiw0Mi43NDE2NjY3IEwxMi4yOTAzMjI2LDcuMjU3Nzk1NyBDMTIuMjkwMzIyNiw2LjIxODU0ODM5IDExLjQ0Nzg0OTUsNS4zNzYwNzUyNyAxMC40MDg2MDIyLDUuMzc2MDc1MjcgWiBNMi44ODE3MjA0MywxOC4yNzkzMDExIEMxLjg0MjQ3MzEyLDE4LjI3OTMwMTEgMSwxOS4xMjE3NzQyIDEsMjAuMTYxMDIxNSBMMSwyOS44Mzg0NDA5IEMxLDMwLjg3NzY4ODIgMS44NDI0NzMxMiwzMS43MjAxNjEzIDIuODgxNzIwNDMsMzEuNzIwMTYxMyBDMy45MjA5Njc3NCwzMS43MjAxNjEzIDQuNzYzNDQwODYsMzAuODc3Njg4MiA0Ljc2MzQ0MDg2LDI5LjgzODQ0MDkgTDQuNzYzNDQwODYsMjAuMTYxMDIxNSBDNC43NjM0NDA4NiwxOS4xMjE3NzQyIDMuOTIwOTY3NzQsMTguMjc5MzAxMSAyLjg4MTcyMDQzLDE4LjI3OTMwMTEgWiBNMTcuOTM1NDgzOSwxLjA3NSBDMTYuODk2MjM2NiwxLjA3NSAxNi4wNTM3NjM0LDEuOTE3NDczMTIgMTYuMDUzNzYzNCwyLjk1NjcyMDQzIEwxNi4wNTM3NjM0LDQ3LjA0Mjc0MTkgQzE2LjA1Mzc2MzQsNDguMDgxOTg5MiAxNi44OTYyMzY2LDQ4LjkyNDQ2MjQgMTcuOTM1NDgzOSw0OC45MjQ0NjI0IEMxOC45NzQ3MzEyLDQ4LjkyNDQ2MjQgMTkuODE3MjA0Myw0OC4wODE5ODkyIDE5LjgxNzIwNDMsNDcuMDQyNzQxOSBMMTkuODE3MjA0MywyLjk1NjcyMDQzIEMxOS44MTcyMDQzLDEuOTE3NDczMTIgMTguOTc0NzMxMiwxLjA3NSAxNy45MzU0ODM5LDEuMDc1IFogTTQ4LjY1ODMzMzMsMzIuNDQ4OTI0NyBMNDEuMTk4NjU1OSwyNC45ODkyNDczIEw0OC42MTM3MDk3LDE3LjU3MzY1NTkgQzQ5LjM0ODY1NTksMTYuODM4MTcyIDQ5LjM0ODY1NTksMTUuNjQ3MzExOCA0OC42MTM3MDk3LDE0LjkxMTgyOCBDNDcuODc4NzYzNCwxNC4xNzc0MTk0IDQ2LjY4NzM2NTYsMTQuMTc3NDE5NCA0NS45NTI0MTk0LDE0LjkxMTgyOCBMMjcuMzQzODE3MiwzMy41MjA0MzAxIEwyNy4zNDM4MTcyLDI4LjAzNzYzNDQgTDQ0LjU5NzA0MywxMC44NTEwNzUzIEM0NS4zMzMwNjQ1LDEwLjExNzIwNDMgNDUuMzM1MjE1MSw4LjkyNjM0NDA5IDQ0LjYwMTg4MTcsOC4xODk3ODQ5NSBDNDMuODY4NTQ4NCw3LjQ1MzIyNTgxIDQyLjY3NzE1MDUsNy40NTEwNzUyNyA0MS45NDA1OTE0LDguMTg0OTQ2MjQgTDI3LjM0MzgxNzIsMjIuNzI1MjY4OCBMMjcuMzQzODE3MiwxNy41NTQzMDExIEwzOC43NjQ3ODQ5LDYuMTMzODcwOTcgQzM5LjQ5OTE5MzUsNS4zOTg5MjQ3MyAzOS40OTkxOTM1LDQuMjA3NTI2ODggMzguNzY0Nzg0OSwzLjQ3MjU4MDY1IEMzOC4wMjkzMDExLDIuNzM3NjM0NDEgMzYuODM4NDQwOSwyLjczNzYzNDQxIDM2LjEwMjk1NywzLjQ3MjU4MDY1IEwyNy4zNDM4MTcyLDEyLjIzMTcyMDQgTDI3LjM0MzgxNzIsMS44ODE3MjA0MyBDMjcuMzQzODE3MiwwLjg0MTkzNTQ4NCAyNi41MDE4ODE3LDAgMjUuNDYyMDk2OCwwIEMyNC40MjI4NDk1LDAgMjMuNTgwMzc2MywwLjg0MTkzNTQ4NCAyMy41ODAzNzYzLDEuODgxNzIwNDMgTDIzLjU4MDM3NjMsNDguMTE4Mjc5NiBDMjMuNTgwMzc2Myw0OS4xNTc1MjY5IDI0LjQyMjg0OTUsNTAgMjUuNDYyMDk2OCw1MCBDMjYuNTAxODgxNyw1MCAyNy4zNDM4MTcyLDQ5LjE1NzUyNjkgMjcuMzQzODE3Miw0OC4xMTgyNzk2IEwyNy4zNDM4MTcyLDM5LjAzODE3MiBMMzUuMjY2Mzk3OCw0Ni45NjA3NTI3IEMzNS42MzQxMzk4LDQ3LjMyNzk1NyAzNi4xMTU4NjAyLDQ3LjUxMTgyOCAzNi41OTcwNDMsNDcuNTExODI4IEMzNy4wNzg3NjM0LDQ3LjUxMTgyOCAzNy41NjA0ODM5LDQ3LjMyNzk1NyAzNy45MjgyMjU4LDQ2Ljk2MDc1MjcgQzM4LjY2MjYzNDQsNDYuMjI1ODA2NSAzOC42NjI2MzQ0LDQ1LjAzNDQwODYgMzcuOTI4MjI1OCw0NC4yOTk0NjI0IEwyOS45MDgzMzMzLDM2LjI3OTU2OTkgTDMyLjg5MTY2NjcsMzMuMjk1Njk4OSBMNDEuNjUwODA2NSw0Mi4wNTQ4Mzg3IEM0Mi4wMTg1NDg0LDQyLjQyMjA0MyA0Mi41MDAyNjg4LDQyLjYwNTkxNCA0Mi45ODE0NTE2LDQyLjYwNTkxNCBDNDMuNDYzMTcyLDQyLjYwNTkxNCA0My45NDQ4OTI1LDQyLjQyMjA0MyA0NC4zMTI2MzQ0LDQyLjA1NDgzODcgQzQ1LjA0NzA0Myw0MS4zMTk4OTI1IDQ1LjA0NzA0Myw0MC4xMjg0OTQ2IDQ0LjMxMjYzNDQsMzkuMzkzNTQ4NCBMMzUuNTUzNDk0NiwzMC42MzQ0MDg2IEwzOC41MzY4MjgsMjcuNjUwNTM3NiBMNDUuOTk3MDQzLDM1LjExMDIxNTEgQzQ2LjM2NDI0NzMsMzUuNDc3NDE5NCA0Ni44NDU5Njc3LDM1LjY2MTI5MDMgNDcuMzI3Njg4MiwzNS42NjEyOTAzIEM0Ny44MDg4NzEsMzUuNjYxMjkwMyA0OC4yOTA1OTE0LDM1LjQ3NzQxOTQgNDguNjU4MzMzMywzNS4xMTAyMTUxIEM0OS4zOTMyNzk2LDM0LjM3NTI2ODggNDkuMzkzMjc5NiwzMy4xODM4NzEgNDguNjU4MzMzMywzMi40NDg5MjQ3IFoiIGlkPSJNb25vZ3JhbS0yNjBweCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 20px auto;
  width: 48px;
  height: 48px;
  opacity: 0.35;
}
.register__waiting-list .terms-text {
  position: fixed;
  top: 300px;
  left: 50%;
  margin-left: -24px;
  opacity: 0.5;
  width: 48px;
}

.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  background: #2872d3;
  background: -moz-linear-gradient(left, #2872d3 10%, rgba(40, 114, 211, 0) 42%);
  background: -webkit-linear-gradient(left, #2872d3 10%, rgba(40, 114, 211, 0) 42%);
  background: -o-linear-gradient(left, #2872d3 10%, rgba(40, 114, 211, 0) 42%);
  background: -ms-linear-gradient(left, #2872d3 10%, rgba(40, 114, 211, 0) 42%);
  background: linear-gradient(to right, #2872d3 10%, rgba(40, 114, 211, 0) 42%);
  position: relative;
  -webkit-animation: load3 1s infinite linear;
  animation: load3 1s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #2872d3;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

.loader:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.invite-user {
  background: #fff;
  color: #000;
  min-height: 100vh;
}
.invite-user .centered-column {
  max-width: 500px;
  padding-top: 0;
}
.invite-user .text-block--padded {
  font-size: 40px;
  color: #000;
  margin: 0 auto;
  width: 500px;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 56px;
}
.invite-user .text-block--padded,
.invite-user .text-block--padded strong {
  font-weight: 400;
  font-weight: normal;
}
@media only screen and (max-width: 600px) {
  .invite-user .text-block--padded {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.invite-user .grant-access-form {
  width: 239px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.invite-user .grant-access-form .fa.fa-google {
  color: #7f1851;
  top: 15px;
}
.invite-user .grant-access-form .padded {
  padding-left: 32px;
}
.invite-user .grant-access-form .divider {
  height: 48px;
  display: inline-block;
  position: absolute;
  left: 40px;
  top: 0;
  width: 2px;
  background: rgba(127, 24, 81, 0.5);
  margin-right: 16px;
}
.invite-user .grant-access-form .fa-office365 {
  width: 17px;
  height: 20px;
  position: absolute;
  top: 13px;
  left: 12px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTcgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNsaWNlIDE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxwYXRoIGQ9Ik0xNi42NjgyMjE1LDEuNzE2MjgxNDYgTDEwLjcyMDAwODgsMCBMMC4wMjY4Mzk2MzQ3LDQuMDE1MTEyMzMgTDAuMDAxMjkzNDc2MzcsMTYuMDI0NTU1NCBMMy42NTAzNTIsMTQuNTk2Mzk1OCBMMy42NTAzNTIsNC44Mjk1MTczOSBMMTAuNzIwMDA4OCwzLjEzOTI2NzE1IEwxMC43MTkwMzg3LDE3LjQ5OTExODQgTDAuMDA3Mjc1ODA0NTgsMTYuMDI0NTU1NCBMMTAuNzE5MDM4NywxOS45ODAwMDYxIEwxNi42NjgyMjE1LDE4LjMzNzkzNzkgTDE2LjY2ODIyMTUsMS43MTYyODE0NiBaIiBpZD0iRmlsbC0xMS1Db3B5LTIiIGZpbGw9IiM5MDI4NTkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg==);
}
.invite-user .centered-column .action-button, .invite-user .centered-column .login__form-button {
  width: 239px;
  border-color: #7f1851;
  color: #7f1851;
  border-width: 2px;
  height: 48px;
  font-weight: normal;
  font-weight: 400;
  font-size: 18px;
  padding-left: 53px;
}
.invite-user .terms-text {
  color: #929292;
  font-size: 0.875rem;
  width: 239px;
  padding: 24px;
  margin-left: -120px;
  padding-bottom: 0;
}
.invite-user .terms-text a {
  font-weight: 400;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .invite-user .terms-text {
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -120px;
  }
}
.invite-user .logo-circular {
  opacity: 0.2;
  margin: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDx0aXRsZT5hcHAtbmF2LW1vbm9ncmFtPC90aXRsZT4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJhcHAtbmF2LW1vbm9ncmFtIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjMkEyQTJBIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEwLjQwODYwMjIsNS4zNzYwNzUyNyBDOS4zNjkzNTQ4NCw1LjM3NjA3NTI3IDguNTI2ODgxNzIsNi4yMTg1NDgzOSA4LjUyNjg4MTcyLDcuMjU3Nzk1NyBMOC41MjY4ODE3Miw0Mi43NDE2NjY3IEM4LjUyNjg4MTcyLDQzLjc4MDkxNCA5LjM2OTM1NDg0LDQ0LjYyMzM4NzEgMTAuNDA4NjAyMiw0NC42MjMzODcxIEMxMS40NDc4NDk1LDQ0LjYyMzM4NzEgMTIuMjkwMzIyNiw0My43ODA5MTQgMTIuMjkwMzIyNiw0Mi43NDE2NjY3IEwxMi4yOTAzMjI2LDcuMjU3Nzk1NyBDMTIuMjkwMzIyNiw2LjIxODU0ODM5IDExLjQ0Nzg0OTUsNS4zNzYwNzUyNyAxMC40MDg2MDIyLDUuMzc2MDc1MjcgWiBNMi44ODE3MjA0MywxOC4yNzkzMDExIEMxLjg0MjQ3MzEyLDE4LjI3OTMwMTEgMSwxOS4xMjE3NzQyIDEsMjAuMTYxMDIxNSBMMSwyOS44Mzg0NDA5IEMxLDMwLjg3NzY4ODIgMS44NDI0NzMxMiwzMS43MjAxNjEzIDIuODgxNzIwNDMsMzEuNzIwMTYxMyBDMy45MjA5Njc3NCwzMS43MjAxNjEzIDQuNzYzNDQwODYsMzAuODc3Njg4MiA0Ljc2MzQ0MDg2LDI5LjgzODQ0MDkgTDQuNzYzNDQwODYsMjAuMTYxMDIxNSBDNC43NjM0NDA4NiwxOS4xMjE3NzQyIDMuOTIwOTY3NzQsMTguMjc5MzAxMSAyLjg4MTcyMDQzLDE4LjI3OTMwMTEgWiBNMTcuOTM1NDgzOSwxLjA3NSBDMTYuODk2MjM2NiwxLjA3NSAxNi4wNTM3NjM0LDEuOTE3NDczMTIgMTYuMDUzNzYzNCwyLjk1NjcyMDQzIEwxNi4wNTM3NjM0LDQ3LjA0Mjc0MTkgQzE2LjA1Mzc2MzQsNDguMDgxOTg5MiAxNi44OTYyMzY2LDQ4LjkyNDQ2MjQgMTcuOTM1NDgzOSw0OC45MjQ0NjI0IEMxOC45NzQ3MzEyLDQ4LjkyNDQ2MjQgMTkuODE3MjA0Myw0OC4wODE5ODkyIDE5LjgxNzIwNDMsNDcuMDQyNzQxOSBMMTkuODE3MjA0MywyLjk1NjcyMDQzIEMxOS44MTcyMDQzLDEuOTE3NDczMTIgMTguOTc0NzMxMiwxLjA3NSAxNy45MzU0ODM5LDEuMDc1IFogTTQ4LjY1ODMzMzMsMzIuNDQ4OTI0NyBMNDEuMTk4NjU1OSwyNC45ODkyNDczIEw0OC42MTM3MDk3LDE3LjU3MzY1NTkgQzQ5LjM0ODY1NTksMTYuODM4MTcyIDQ5LjM0ODY1NTksMTUuNjQ3MzExOCA0OC42MTM3MDk3LDE0LjkxMTgyOCBDNDcuODc4NzYzNCwxNC4xNzc0MTk0IDQ2LjY4NzM2NTYsMTQuMTc3NDE5NCA0NS45NTI0MTk0LDE0LjkxMTgyOCBMMjcuMzQzODE3MiwzMy41MjA0MzAxIEwyNy4zNDM4MTcyLDI4LjAzNzYzNDQgTDQ0LjU5NzA0MywxMC44NTEwNzUzIEM0NS4zMzMwNjQ1LDEwLjExNzIwNDMgNDUuMzM1MjE1MSw4LjkyNjM0NDA5IDQ0LjYwMTg4MTcsOC4xODk3ODQ5NSBDNDMuODY4NTQ4NCw3LjQ1MzIyNTgxIDQyLjY3NzE1MDUsNy40NTEwNzUyNyA0MS45NDA1OTE0LDguMTg0OTQ2MjQgTDI3LjM0MzgxNzIsMjIuNzI1MjY4OCBMMjcuMzQzODE3MiwxNy41NTQzMDExIEwzOC43NjQ3ODQ5LDYuMTMzODcwOTcgQzM5LjQ5OTE5MzUsNS4zOTg5MjQ3MyAzOS40OTkxOTM1LDQuMjA3NTI2ODggMzguNzY0Nzg0OSwzLjQ3MjU4MDY1IEMzOC4wMjkzMDExLDIuNzM3NjM0NDEgMzYuODM4NDQwOSwyLjczNzYzNDQxIDM2LjEwMjk1NywzLjQ3MjU4MDY1IEwyNy4zNDM4MTcyLDEyLjIzMTcyMDQgTDI3LjM0MzgxNzIsMS44ODE3MjA0MyBDMjcuMzQzODE3MiwwLjg0MTkzNTQ4NCAyNi41MDE4ODE3LDAgMjUuNDYyMDk2OCwwIEMyNC40MjI4NDk1LDAgMjMuNTgwMzc2MywwLjg0MTkzNTQ4NCAyMy41ODAzNzYzLDEuODgxNzIwNDMgTDIzLjU4MDM3NjMsNDguMTE4Mjc5NiBDMjMuNTgwMzc2Myw0OS4xNTc1MjY5IDI0LjQyMjg0OTUsNTAgMjUuNDYyMDk2OCw1MCBDMjYuNTAxODgxNyw1MCAyNy4zNDM4MTcyLDQ5LjE1NzUyNjkgMjcuMzQzODE3Miw0OC4xMTgyNzk2IEwyNy4zNDM4MTcyLDM5LjAzODE3MiBMMzUuMjY2Mzk3OCw0Ni45NjA3NTI3IEMzNS42MzQxMzk4LDQ3LjMyNzk1NyAzNi4xMTU4NjAyLDQ3LjUxMTgyOCAzNi41OTcwNDMsNDcuNTExODI4IEMzNy4wNzg3NjM0LDQ3LjUxMTgyOCAzNy41NjA0ODM5LDQ3LjMyNzk1NyAzNy45MjgyMjU4LDQ2Ljk2MDc1MjcgQzM4LjY2MjYzNDQsNDYuMjI1ODA2NSAzOC42NjI2MzQ0LDQ1LjAzNDQwODYgMzcuOTI4MjI1OCw0NC4yOTk0NjI0IEwyOS45MDgzMzMzLDM2LjI3OTU2OTkgTDMyLjg5MTY2NjcsMzMuMjk1Njk4OSBMNDEuNjUwODA2NSw0Mi4wNTQ4Mzg3IEM0Mi4wMTg1NDg0LDQyLjQyMjA0MyA0Mi41MDAyNjg4LDQyLjYwNTkxNCA0Mi45ODE0NTE2LDQyLjYwNTkxNCBDNDMuNDYzMTcyLDQyLjYwNTkxNCA0My45NDQ4OTI1LDQyLjQyMjA0MyA0NC4zMTI2MzQ0LDQyLjA1NDgzODcgQzQ1LjA0NzA0Myw0MS4zMTk4OTI1IDQ1LjA0NzA0Myw0MC4xMjg0OTQ2IDQ0LjMxMjYzNDQsMzkuMzkzNTQ4NCBMMzUuNTUzNDk0NiwzMC42MzQ0MDg2IEwzOC41MzY4MjgsMjcuNjUwNTM3NiBMNDUuOTk3MDQzLDM1LjExMDIxNTEgQzQ2LjM2NDI0NzMsMzUuNDc3NDE5NCA0Ni44NDU5Njc3LDM1LjY2MTI5MDMgNDcuMzI3Njg4MiwzNS42NjEyOTAzIEM0Ny44MDg4NzEsMzUuNjYxMjkwMyA0OC4yOTA1OTE0LDM1LjQ3NzQxOTQgNDguNjU4MzMzMywzNS4xMTAyMTUxIEM0OS4zOTMyNzk2LDM0LjM3NTI2ODggNDkuMzkzMjc5NiwzMy4xODM4NzEgNDguNjU4MzMzMywzMi40NDg5MjQ3IFoiIGlkPSJNb25vZ3JhbS0yNjBweCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 20px auto;
  width: 48px;
  height: 48px;
}

.invite-user__message {
  color: #999999;
  padding: 0;
  font-size: 20px;
  line-height: 28px;
  margin: 0 auto 50px;
  width: 100%;
}
.invite-user__message a {
  text-decoration: none;
  color: #000;
}

.invite-user--register .text-block--padded {
  max-width: 600px;
}

.invite-user.invite-user--practice {
  max-width: 100%;
  width: 100%;
}
.invite-user.invite-user--practice .centered-column {
  margin: 0 auto;
  padding-top: 65px;
}
.invite-user.invite-user--practice .register-content-avatar {
  margin-bottom: 40px;
}
.invite-user.invite-user--practice .action-button, .invite-user.invite-user--practice .login__form-button {
  background: #7f1851;
  color: #fff;
  font-size: 14px;
  width: auto;
  padding: 16px;
  font-weight: 600;
}
.invite-user.invite-user--practice .text-block--padded {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  font-weight: 400;
  padding-bottom: 32px;
  padding-top: 40px;
  width: 100%;
}

.invite-user.invite-user--practice-details .centered-column {
  max-width: 400px;
}
.invite-user.invite-user--practice-details .focussed-input input {
  font-size: 18px;
  border: 1px #e6e6e6 solid;
  border-radius: 3px;
  height: 56px;
  margin-bottom: 8px;
  margin-top: 0;
  line-height: 54px;
}
.invite-user.invite-user--practice-details .smart-country-lookup .focussed-input input {
  border: 0;
}
.invite-user.invite-user--practice-details .smart-country-lookup ul {
  max-height: 250px;
}
.invite-user.invite-user--practice-details .user-profile-save.disabled {
  background: rgb(204, 204, 204);
  border-color: rgb(204, 204, 204);
  border-width: 2px;
}
.invite-user.invite-user--practice-details .practice-details-container {
  min-height: 130px;
  margin-bottom: 16px;
}

.invite-user.invite-user--expired .text-block--padded {
  font-size: 32px;
  max-width: 480px;
}

body.connect {
  background-color: rgb(68, 68, 68);
  color: #fff;
  transition-property: none;
}
body.connect .page-header,
body.connect .page-header__pattern {
  background-color: rgb(55, 55, 55);
  opacity: 1;
}
body.connect .modal-dialog-bl--simple {
  color: #000;
}
body.connect .modal-dialog-bl--simple p {
  text-align: left;
}
body.connect .modal-dialog-bl--simple button.action-button--inline {
  color: #000;
}
body.connect button.action-button--inline {
  color: #fff;
}
body.connect .iq-logo {
  opacity: 0.2;
  margin: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJhcHAtbmF2LW1vbm9ncmFtIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEwLjQwODYwMjIsNS4zNzYwNzUyNyBDOS4zNjkzNTQ4NCw1LjM3NjA3NTI3IDguNTI2ODgxNzIsNi4yMTg1NDgzOSA4LjUyNjg4MTcyLDcuMjU3Nzk1NyBMOC41MjY4ODE3Miw0Mi43NDE2NjY3IEM4LjUyNjg4MTcyLDQzLjc4MDkxNCA5LjM2OTM1NDg0LDQ0LjYyMzM4NzEgMTAuNDA4NjAyMiw0NC42MjMzODcxIEMxMS40NDc4NDk1LDQ0LjYyMzM4NzEgMTIuMjkwMzIyNiw0My43ODA5MTQgMTIuMjkwMzIyNiw0Mi43NDE2NjY3IEwxMi4yOTAzMjI2LDcuMjU3Nzk1NyBDMTIuMjkwMzIyNiw2LjIxODU0ODM5IDExLjQ0Nzg0OTUsNS4zNzYwNzUyNyAxMC40MDg2MDIyLDUuMzc2MDc1MjcgWiBNMi44ODE3MjA0MywxOC4yNzkzMDExIEMxLjg0MjQ3MzEyLDE4LjI3OTMwMTEgMSwxOS4xMjE3NzQyIDEsMjAuMTYxMDIxNSBMMSwyOS44Mzg0NDA5IEMxLDMwLjg3NzY4ODIgMS44NDI0NzMxMiwzMS43MjAxNjEzIDIuODgxNzIwNDMsMzEuNzIwMTYxMyBDMy45MjA5Njc3NCwzMS43MjAxNjEzIDQuNzYzNDQwODYsMzAuODc3Njg4MiA0Ljc2MzQ0MDg2LDI5LjgzODQ0MDkgTDQuNzYzNDQwODYsMjAuMTYxMDIxNSBDNC43NjM0NDA4NiwxOS4xMjE3NzQyIDMuOTIwOTY3NzQsMTguMjc5MzAxMSAyLjg4MTcyMDQzLDE4LjI3OTMwMTEgWiBNMTcuOTM1NDgzOSwxLjA3NSBDMTYuODk2MjM2NiwxLjA3NSAxNi4wNTM3NjM0LDEuOTE3NDczMTIgMTYuMDUzNzYzNCwyLjk1NjcyMDQzIEwxNi4wNTM3NjM0LDQ3LjA0Mjc0MTkgQzE2LjA1Mzc2MzQsNDguMDgxOTg5MiAxNi44OTYyMzY2LDQ4LjkyNDQ2MjQgMTcuOTM1NDgzOSw0OC45MjQ0NjI0IEMxOC45NzQ3MzEyLDQ4LjkyNDQ2MjQgMTkuODE3MjA0Myw0OC4wODE5ODkyIDE5LjgxNzIwNDMsNDcuMDQyNzQxOSBMMTkuODE3MjA0MywyLjk1NjcyMDQzIEMxOS44MTcyMDQzLDEuOTE3NDczMTIgMTguOTc0NzMxMiwxLjA3NSAxNy45MzU0ODM5LDEuMDc1IFogTTQ4LjY1ODMzMzMsMzIuNDQ4OTI0NyBMNDEuMTk4NjU1OSwyNC45ODkyNDczIEw0OC42MTM3MDk3LDE3LjU3MzY1NTkgQzQ5LjM0ODY1NTksMTYuODM4MTcyIDQ5LjM0ODY1NTksMTUuNjQ3MzExOCA0OC42MTM3MDk3LDE0LjkxMTgyOCBDNDcuODc4NzYzNCwxNC4xNzc0MTk0IDQ2LjY4NzM2NTYsMTQuMTc3NDE5NCA0NS45NTI0MTk0LDE0LjkxMTgyOCBMMjcuMzQzODE3MiwzMy41MjA0MzAxIEwyNy4zNDM4MTcyLDI4LjAzNzYzNDQgTDQ0LjU5NzA0MywxMC44NTEwNzUzIEM0NS4zMzMwNjQ1LDEwLjExNzIwNDMgNDUuMzM1MjE1MSw4LjkyNjM0NDA5IDQ0LjYwMTg4MTcsOC4xODk3ODQ5NSBDNDMuODY4NTQ4NCw3LjQ1MzIyNTgxIDQyLjY3NzE1MDUsNy40NTEwNzUyNyA0MS45NDA1OTE0LDguMTg0OTQ2MjQgTDI3LjM0MzgxNzIsMjIuNzI1MjY4OCBMMjcuMzQzODE3MiwxNy41NTQzMDExIEwzOC43NjQ3ODQ5LDYuMTMzODcwOTcgQzM5LjQ5OTE5MzUsNS4zOTg5MjQ3MyAzOS40OTkxOTM1LDQuMjA3NTI2ODggMzguNzY0Nzg0OSwzLjQ3MjU4MDY1IEMzOC4wMjkzMDExLDIuNzM3NjM0NDEgMzYuODM4NDQwOSwyLjczNzYzNDQxIDM2LjEwMjk1NywzLjQ3MjU4MDY1IEwyNy4zNDM4MTcyLDEyLjIzMTcyMDQgTDI3LjM0MzgxNzIsMS44ODE3MjA0MyBDMjcuMzQzODE3MiwwLjg0MTkzNTQ4NCAyNi41MDE4ODE3LDAgMjUuNDYyMDk2OCwwIEMyNC40MjI4NDk1LDAgMjMuNTgwMzc2MywwLjg0MTkzNTQ4NCAyMy41ODAzNzYzLDEuODgxNzIwNDMgTDIzLjU4MDM3NjMsNDguMTE4Mjc5NiBDMjMuNTgwMzc2Myw0OS4xNTc1MjY5IDI0LjQyMjg0OTUsNTAgMjUuNDYyMDk2OCw1MCBDMjYuNTAxODgxNyw1MCAyNy4zNDM4MTcyLDQ5LjE1NzUyNjkgMjcuMzQzODE3Miw0OC4xMTgyNzk2IEwyNy4zNDM4MTcyLDM5LjAzODE3MiBMMzUuMjY2Mzk3OCw0Ni45NjA3NTI3IEMzNS42MzQxMzk4LDQ3LjMyNzk1NyAzNi4xMTU4NjAyLDQ3LjUxMTgyOCAzNi41OTcwNDMsNDcuNTExODI4IEMzNy4wNzg3NjM0LDQ3LjUxMTgyOCAzNy41NjA0ODM5LDQ3LjMyNzk1NyAzNy45MjgyMjU4LDQ2Ljk2MDc1MjcgQzM4LjY2MjYzNDQsNDYuMjI1ODA2NSAzOC42NjI2MzQ0LDQ1LjAzNDQwODYgMzcuOTI4MjI1OCw0NC4yOTk0NjI0IEwyOS45MDgzMzMzLDM2LjI3OTU2OTkgTDMyLjg5MTY2NjcsMzMuMjk1Njk4OSBMNDEuNjUwODA2NSw0Mi4wNTQ4Mzg3IEM0Mi4wMTg1NDg0LDQyLjQyMjA0MyA0Mi41MDAyNjg4LDQyLjYwNTkxNCA0Mi45ODE0NTE2LDQyLjYwNTkxNCBDNDMuNDYzMTcyLDQyLjYwNTkxNCA0My45NDQ4OTI1LDQyLjQyMjA0MyA0NC4zMTI2MzQ0LDQyLjA1NDgzODcgQzQ1LjA0NzA0Myw0MS4zMTk4OTI1IDQ1LjA0NzA0Myw0MC4xMjg0OTQ2IDQ0LjMxMjYzNDQsMzkuMzkzNTQ4NCBMMzUuNTUzNDk0NiwzMC42MzQ0MDg2IEwzOC41MzY4MjgsMjcuNjUwNTM3NiBMNDUuOTk3MDQzLDM1LjExMDIxNTEgQzQ2LjM2NDI0NzMsMzUuNDc3NDE5NCA0Ni44NDU5Njc3LDM1LjY2MTI5MDMgNDcuMzI3Njg4MiwzNS42NjEyOTAzIEM0Ny44MDg4NzEsMzUuNjYxMjkwMyA0OC4yOTA1OTE0LDM1LjQ3NzQxOTQgNDguNjU4MzMzMywzNS4xMTAyMTUxIEM0OS4zOTMyNzk2LDM0LjM3NTI2ODggNDkuMzkzMjc5NiwzMy4xODM4NzEgNDguNjU4MzMzMywzMi40NDg5MjQ3IFoiIGlkPSJNb25vZ3JhbS0yNjBweCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  float: left;
  padding-top: 4px;
  padding-left: 2px;
  width: 42px;
  height: 42px;
}
body.connect .progress-bars {
  float: left;
  height: 40px;
  padding-top: 6px;
}
body.connect .progress-bars .progress-bar {
  height: 2px;
  width: 38px;
  margin: 8px 12px;
  overflow: hidden;
}
body.connect .progress-bars .progress-bar .progress-bar-gradient {
  position: relative;
  top: -3px;
  height: 8px;
  width: 76px;
  background-image: radial-gradient(circle farthest-side, #fff, rgb(68, 68, 68));
}

.tenant-connect__container {
  padding-top: 32px;
}

.tenant-connect {
  text-align: center;
  max-width: 780px;
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
}
.tenant-connect > h3 {
  font-weight: 600;
}
.tenant-connect img {
  display: inline-block;
}
.tenant-connect .status-text {
  clear: both;
  text-align: left;
  margin-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.tenant-connect__connections {
  margin-top: 50px;
  text-align: left;
}
.tenant-connect__connections .connect-button {
  margin-left: auto;
  margin-right: auto;
  color: rgb(68, 68, 68);
  background-color: #fff;
  border-color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 15px;
}
.tenant-connect__connections table {
  width: 100%;
}
.tenant-connect__connections tr {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tenant-connect__connections td {
  padding: 12px 18px;
}

.tenant-connect__system__logo {
  margin-right: 15px;
  width: 42px;
  height: 42px;
}

.tenant-connect-system__row, .tenant-connect-system__row-bordered {
  height: 60px;
}
.tenant-connect-system__row .logo, .tenant-connect-system__row-bordered .logo {
  float: left;
}
.tenant-connect-system__row .system, .tenant-connect-system__row-bordered .system {
  float: left;
}
.tenant-connect-system__row .system-status, .tenant-connect-system__row-bordered .system-status {
  text-align: left;
  font-size: 1rem;
  color: #969696;
}
.tenant-connect-system__row .disconnect, .tenant-connect-system__row-bordered .disconnect {
  float: right;
  cursor: pointer;
}
.tenant-connect-system__row .unavailable, .tenant-connect-system__row-bordered .unavailable {
  float: right;
  position: relative;
  top: -28px;
}

.tenant-connect-system__row-bordered {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 600px) {
  .tenant-connect-system__row-bordered {
    height: auto;
    min-height: 60px;
    padding-bottom: 8px;
    display: inline-block;
  }
  .tenant-connect-system__row-bordered .disconnect {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 8px;
    padding-left: 57px;
    margin-bottom: 8px;
  }
}
.tenant-connect-status__row {
  clear: both;
  text-align: left;
  margin-top: 12px;
  height: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tenant-connect-status__row .status-title {
  float: left;
  width: 140px;
}
.tenant-connect-status__row .status {
  float: left;
  color: #999999;
}
.tenant-connect-status__row .connector {
  float: right;
}

.tenant-connect-system__connected-app {
  display: flex;
  align-items: center;
}
.tenant-connect-system__connected-app .logo {
  font-size: 0;
}
.tenant-connect-system__connected-app .system {
  text-align: left;
}
.tenant-connect-system__connected-app .action-button--inline {
  height: auto;
}

.profile-details {
  background: #fff;
  min-height: 100vh;
}
.profile-details .text-block--padded {
  color: #000;
  font-size: 32px;
  margin: 0 auto;
  max-width: 600px;
  padding-bottom: 20px;
  padding-top: 100px;
  text-align: center;
  width: 400px;
}
.profile-details .avatar.small-avatar {
  margin: 0 auto;
  margin-bottom: 30px;
}
.profile-details .avatar,
.profile-details .avatar img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  width: 64px;
  font-size: 32px;
}
.profile-details .focussed-input {
  border: 1px #e6e6e6 solid;
  border-radius: 3px;
}
.profile-details .focussed-input,
.profile-details .focussed-input input {
  height: 48px;
  line-height: 44px;
}

.profile-details-message {
  color: #000;
  font-size: 18px;
  width: 400px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 30px;
}

.profile-details-button {
  width: 600px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.profile-details-action-button {
  background: #fff;
  border: 2px rgba(40, 114, 211, 0.3) solid;
  color: #2872d3;
  height: 48px;
  font-size: 18px;
  padding-left: 24px;
  padding-right: 24px;
  display: inline;
}
.profile-details-action-button:focus, .profile-details-action-button:hover {
  border: 2px #2872d3 solid;
  outline: none;
}

body.workflow-statuses {
  transition-property: none;
}
body.workflow-statuses .page-header,
body.workflow-statuses .page-header__pattern {
  background-color: rgb(43, 43, 43);
  opacity: 1;
}
body.workflow-statuses .modal-dialog-bl--simple {
  color: #000;
}
body.workflow-statuses .modal-dialog-bl--simple p {
  text-align: left;
}
body.workflow-statuses .modal-dialog-bl--simple button.action-button--inline {
  color: #000;
}
body.workflow-statuses .workflow-statuses-rules__inprogress button.action-button--inline {
  color: #fff;
}
body.workflow-statuses .workflow-statuses-rules__inprogress > .status-button--in-progress > .action-button, body.workflow-statuses .workflow-statuses-rules__inprogress > .status-button--in-progress > .login__form-button {
  color: #fff;
}
body.workflow-statuses .modal-dialog-bl__contents {
  color: rgb(55, 55, 55);
}
body.workflow-statuses .delete-status-link .button.action-button--inline {
  width: 100%;
  text-align: left;
  padding: 12px;
  color: rgb(55, 55, 55);
  border-top: 1px solid rgb(230, 230, 230);
  border-bottom: 1px solid rgb(230, 230, 230);
  border-radius: 0;
}
body.workflow-statuses .delete-status-link .button.action-button--inline:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  padding-left: 4px;
  position: relative;
  top: 5px;
}
body.workflow-statuses .delete-status-link .pop-over--active .button.action-button--inline:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e952";
  font-size: 26px;
  line-height: 14px;
}
body.workflow-statuses .delete-status-link .pop-over__contents {
  background-color: #fff;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.workflow-statuses-container {
  max-width: 1114px;
}
.workflow-statuses-container__header {
  color: rgb(170, 170, 170);
  font-size: 1.2em;
  font-weight: 600;
}
.workflow-statuses-container__info {
  color: #fff;
  font-size: 18px;
  margin-bottom: 28px;
}
.workflow-statuses-container__line-text {
  display: block;
  margin-bottom: 18px;
  color: rgb(170, 170, 170);
  font-size: 18px;
}
.workflow-statuses-container__line-text .check-box {
  display: inline-block;
}
.workflow-statuses-container__line-text .check-box .check-box__icon:focus {
  border-color: #ffffff;
}
.workflow-statuses-container__line-text .button {
  font-weight: 600;
  padding: 0;
}
.workflow-statuses-container__line-text .button::after {
  pointer-events: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f078";
  font-size: 0.75rem;
  color: #ffffff;
  top: -1px;
  position: relative;
}
.workflow-statuses-container__line-text .bold {
  font-weight: 600;
}
.workflow-statuses-container__line-text .selectable-list {
  margin-bottom: 60px;
  min-width: 220px;
}

.workflow-statuses-board {
  display: flex;
  padding-bottom: 58px;
  margin: 0 auto 28px auto;
}
.workflow-statuses-board__status-stack {
  margin-right: 6px;
  flex-grow: 1;
  flex-basis: 0;
}
@media only screen and (max-width: 600px) {
  .workflow-statuses-board__status-stack {
    width: 100%;
    margin-bottom: 16px;
  }
}
.workflow-statuses-board__status-stack ul {
  margin: 0;
  padding: 0;
}
.workflow-statuses-board__status-stack li {
  list-style: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
}
.workflow-statuses-board__status-stack .sortable-item:not(.sortable-item--repositioning) {
  transition: all 0.125s;
}
.workflow-statuses-board__status-stack .sortable-item.is-dragging {
  transition-property: none;
  opacity: 0.9;
  z-index: 10;
  box-shadow: 2px 2px 2px 1px rgba(30, 30, 30, 0.2);
}
.workflow-statuses-board__status-stack .sortable-item.is-dropping {
  transition-duration: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10;
}
.workflow-statuses-board__status-stack .sortable-item.insert-highlight {
  border-bottom: 2px solid #2872d3;
}
@media screen and (max-width: 900px) {
  .workflow-statuses-board {
    flex-direction: column;
    width: 100%;
  }
  .workflow-statuses-board__status-stack {
    margin-bottom: 24px;
  }
}
.workflow-statuses-board__status-tile {
  min-height: 60px;
  background-color: #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .workflow-statuses-board__status-tile {
    width: 100%;
  }
}
.workflow-statuses-board__status-tile .title {
  color: #000;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.workflow-statuses-board__status-tile .tile-button__save {
  width: 180px;
  margin-bottom: 16px;
}
.workflow-statuses-board__status-tile .tile-button__delete {
  width: 180px;
  margin-bottom: 16px;
  margin-top: -8px;
}
.workflow-statuses-board__status-tile input {
  background-color: #e6e6e6;
  color: #000;
  font-size: 18px;
}
.workflow-statuses-board__status-tile.top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 2px solid #fff;
}
.workflow-statuses-board__status-tile.top .title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.workflow-statuses-board__status-tile.bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.workflow-statuses-board__status-tile.bottom .title {
  color: #2872d3;
}

.workflow-statuses-board__status-tile.active {
  cursor: pointer;
}

.workflow-statuses-rules__inprogress {
  display: inline-block;
}
.workflow-statuses-rules__inprogress .pop-over {
  top: -1px;
  left: 1px;
}
.workflow-statuses-rules__inprogress .button {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}
.workflow-statuses-rules__inprogress .selectable-list {
  background: white;
  border-radius: 5px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}
.workflow-statuses-rules__inprogress .selectable-list__item {
  border: 0;
  white-space: nowrap;
}

.job-roles-list {
  color: #000;
}
.job-roles-list__action-bar {
  padding: 0 0 24px 0;
}
.job-roles-list__headers {
  display: flex;
  flex-direction: row;
  padding-bottom: 12px;
}
.job-roles-list__header {
  padding: 0 0 0 16px;
  min-width: 100px;
  text-align: left;
  font-size: 14px;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .job-roles-list__header {
    display: none;
  }
}
.job-roles-list__header-role-name {
  flex-grow: 1;
  padding-left: 0;
}
.job-roles-list__header-colleagues {
  text-align: right;
}
.job-roles-list__header-teams {
  min-width: 250px;
}
.job-roles-list__header-preferences {
  min-width: 160px;
  display: none;
}
@media screen and (min-width: 900px) {
  .job-roles-list__header-preferences {
    display: block;
  }
}
.job-roles-list .empty-state .action-button, .job-roles-list .empty-state .login__form-button {
  background-color: #2872d3;
  border: 0px;
  color: #fff;
}
.job-roles-list__delete-role-dropdown .drop-down-button__list {
  max-height: 224px;
  overflow: auto;
  display: block;
}

.job-roles-list-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #e6e6e6;
  height: 64px;
}
.job-roles-list-item:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.job-roles-list-item > .link-to {
  display: flex;
  flex-grow: 1;
  align-items: center;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .job-roles-list-item {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.job-roles-list-item__title {
  padding-left: 16px;
  flex-grow: 1;
}
.job-roles-list-item__count {
  padding: 0 0 0 16px;
  min-width: 120px;
  text-align: right;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .job-roles-list-item__count {
    display: none;
  }
}

.job-roles-button__save {
  order: 10;
}

.job-roles-delete-role {
  font-size: 18px;
  text-decoration: underline;
}
.job-roles-delete-role:hover {
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  .job-roles-delete-role {
    position: inherit;
    margin-top: -6px;
  }
}

body.connected-apps {
  background-color: #000;
}

.connected-apps .main.container {
  margin-top: 32px;
  color: #000;
}

.connected-apps-item .tenant-invite-button {
  margin-top: 0;
  min-width: 100px;
}
.connected-apps-item__title {
  margin: 0 18px;
  flex-grow: 1;
}
.connected-apps-item__logo {
  text-align: right;
}
.connected-apps-item__logo img {
  height: 40px;
}
.connected-apps-item__logo--rounded {
  border-radius: 50%;
  overflow: hidden;
  height: 40px;
}
.connected-apps-item__status {
  color: #999999;
  margin-right: 4px;
}

.connected-apps-item-go-proposal .connected-apps-item__logo img {
  border-radius: 3px;
}

.connected-apps-item-liscio .connected-apps-item__logo img {
  border-radius: 3px;
}

.connected-apps-item-connect4 .connected-apps-item__logo img {
  border-radius: 3px;
}

.connected-apps-item-xama .connected-apps-item__logo img {
  border-radius: 3px;
}

.connected-apps-item-qboa .connected-apps-item__logo img {
  border-radius: 3px;
}

.connected-apps-private-apps-list__item.tenant-settings-list-item {
  cursor: default;
  position: relative;
}
.connected-apps-private-apps-list__item__key {
  position: absolute;
  right: 0;
  cursor: text;
  border-radius: 2px;
  padding: 2px 12px;
  background-color: #f0f0f0;
}
.connected-apps-private-apps-list .tenant-invite-button {
  margin-top: 0px;
  width: 100px;
}

.login {
  color: #000;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.login__content {
  flex-grow: 1;
  text-align: center;
  padding-top: 120px;
  font-size: 20px;
  color: #000;
  align-self: center;
}
.login__title {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 24px;
  color: #000;
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
}
@media screen and (min-width: 600px) {
  .login__title {
    font-size: 38px;
    line-height: 52px;
  }
}
.login__message {
  margin: 24px auto 48px auto;
  max-width: 420px;
}
.login__message--subtle {
  text-align: center;
  color: #000;
  margin: 32px 64px 64px 64px;
  font-size: 16px;
}
.login__terms-text {
  text-align: center;
  color: #000;
  max-width: 530px;
  margin: 64px auto;
  font-size: 16px;
}
.login a,
.login a:active,
.login a:hover,
.login a:visited {
  text-decoration: none;
}
.login .login__terms-text a {
  text-decoration: underline;
  white-space: nowrap;
}
.login__message a,
.login__message a:active,
.login__message a:hover,
.login__message a:visited {
  color: #000;
  text-decoration: underline;
}
.login a.login__action-button {
  font-size: 18px;
  background-color: #2872d3;
  border-radius: 99px;
  padding: 12px 24px;
  color: #fff;
}
.login .grant-access-form {
  width: 212px;
  margin: 16px auto;
  display: block;
}
.login__login-button-container {
  margin-top: 64px;
}
.login .login__login-button {
  position: relative;
  text-align: left;
  width: 100%;
  height: 48px;
  display: block;
  color: #757575;
  background-color: #fff;
  border: none;
  border-radius: 5px;
  font-weight: normal;
  font-weight: 500;
  font-size: 18px;
  padding-left: 51px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.login .login a.login__login-button,
.login .login a.login__login-button:active,
.login .login a.login__login-button:hover,
.login .login a.login__login-button:visited {
  color: #757575;
}
.login__login-button::before {
  content: "";
  height: 48px;
  display: inline-block;
  position: absolute;
  left: 40px;
  top: 0;
  width: 1px;
  background: rgba(0, 0, 0, 0.2);
  margin-right: 16px;
}
.login__login-button--exchange {
  line-height: 46px;
}
.login__login-button::after {
  content: "";
  position: absolute;
  color: #000;
  width: 22px;
  height: 30px;
  top: 14px;
  left: 12px;
  background-repeat: no-repeat;
}
.login__login-button--google::after {
  margin-top: -1px;
  background-image: url('data:image/svg+xml,%3Csvg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg id="Google-Button" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg id="Login" transform="translate(-907.000000, -283.000000)"%3E%3Cg id="Group-6-Copy-3" transform="translate(894.000000, 270.000000)"%3E%3Cg id="Group-5"%3E%3Cg id="logo_googleg_48dp" transform="translate(13.000000, 13.000000)"%3E%3Cpath d="M21.56,11.25 C21.56,10.47 21.49,9.72 21.36,9 L11,9 L11,13.255 L16.92,13.255 C16.665,14.63 15.89,15.795 14.725,16.575 L14.725,19.335 L18.28,19.335 C20.36,17.42 21.56,14.6 21.56,11.25 L21.56,11.25 Z" id="Shape" fill="%234285F4"%3E%3C/path%3E%3Cpath d="M11,22 C13.97,22 16.46,21.015 18.28,19.335 L14.725,16.575 C13.74,17.235 12.48,17.625 11,17.625 C8.135,17.625 5.71,15.69 4.845,13.09 L1.17,13.09 L1.17,15.94 C2.98,19.535 6.7,22 11,22 L11,22 Z" id="Shape" fill="%2334A853"%3E%3C/path%3E%3Cpath d="M4.845,13.09 C4.625,12.43 4.5,11.725 4.5,11 C4.5,10.275 4.625,9.57 4.845,8.91 L4.845,6.06 L1.17,6.06 C0.425,7.545 0,9.225 0,11 C0,12.775 0.425,14.455 1.17,15.94 L4.845,13.09 L4.845,13.09 Z" id="Shape" fill="%23FBBC05"%3E%3C/path%3E%3Cpath d="M11,4.375 C12.615,4.375 14.065,4.93 15.205,6.02 L18.36,2.865 C16.455,1.09 13.965,0 11,0 C6.7,0 2.98,2.465 1.17,6.06 L4.845,8.91 C5.71,6.31 8.135,4.375 11,4.375 L11,4.375 Z" id="Shape" fill="%23EA4335"%3E%3C/path%3E%3Cpolygon id="Shape" points="0 0 22 0 22 22 0 22"%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
.login__login-button--office::after {
  margin-top: -2px;
  background-image: url('data:image/svg+xml,%3Csvg width="20px" height="24px" viewBox="0 0 20 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg id="Google-Button" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg id="Login" transform="translate(-908.000000, -347.000000)" fill="%23DC4E44"%3E%3Cg id="Group-6-Copy-3" transform="translate(894.000000, 270.000000)"%3E%3Cg id="Group-5-Copy" transform="translate(0.000000, 64.000000)"%3E%3Cpolyline id="Fill-11-Copy-2" points="34 34.9843878 33.9978662 34.9832227 33.9978662 15.04552 26.8614382 12.9843716 14.0322011 17.8062743 14 17.8122937 14.0015519 32.2288761 18.3795465 30.5137443 18.3795465 18.7843247 26.8614382 16.7544382 26.8602743 33.9997355 14.0087292 32.2288761 26.8602743 36.9791289 26.8602743 36.9843716 33.9978662 35.007106 33.9978662 34.9843878 34 34.9843878"%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
.login__login-button--exchange::after {
  background-image: url('data:image/svg+xml,%3Csvg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg id="Google-Button" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg id="Login" transform="translate(-907.000000, -411.000000)" fill="%2357A320"%3E%3Cg id="Group-6-Copy-3" transform="translate(894.000000, 270.000000)"%3E%3Cg id="Group" transform="translate(13.000000, 141.000000)"%3E%3Cg id="Group-3"%3E%3Cpath d="M8.28191908,14.890185 L3.60583815,14.4523468 L3.60583815,5.69532948 L8.10248555,5.21412717 L8.10248555,6.98569942 L5.36202312,7.17810405 L5.36202312,9.20452023 L7.91224277,9.13928324 L7.91224277,10.8971214 L5.36202312,10.8688902 L5.36202312,12.9525318 L8.28191908,13.1188671 L8.28191908,14.890185 L8.28191908,14.890185 Z M0,2.21106358 L0,18.9055029 L12.3236879,21.0370867 L12.3236879,0.0794797688 L0,2.21106358 L0,2.21106358 Z" id="Fill-10"%3E%3C/path%3E%3Cpath d="M20.4435954,7.07369942 L20.4435954,8.75358382 C20.4435954,8.82657803 20.4146012,8.89639306 20.3629711,8.94802312 L19.2540694,10.0552717 C19.1790405,10.1303006 19.057341,10.1303006 18.9823121,10.0552717 L18.5821156,9.65507514 C18.5070867,9.57991908 18.5070867,9.45821965 18.5821156,9.38319075 L19.0752717,8.88354913 C19.0854451,8.87324855 19.0910405,8.85938728 19.0910405,8.84489017 L19.0910405,7.07369942 L17.5374335,7.07369942 C16.1604624,8.09981503 15.0371908,9.96498266 14.7009595,9.6497341 C14.3041965,9.27764162 16.9684855,5.76616185 17.297341,5.72127168 L20.1689133,5.72127168 C20.3206243,5.72127168 20.4435954,5.84424277 20.4435954,5.99582659 L20.4435954,7.07369942 L20.4435954,7.07369942 Z M20.4435954,14.0428671 L20.4435954,15.1207399 C20.4435954,15.2724509 20.3206243,15.395422 20.1689133,15.395422 L17.4111561,15.395422 C17.338289,15.395422 17.2683468,15.3664277 17.2168439,15.3147977 L16.1094682,14.205896 C16.0344393,14.1308671 16.0345665,14.0091676 16.1095954,13.9341387 L16.5097919,13.5339422 C16.5848208,13.4589133 16.7065202,13.4589133 16.7816763,13.5339422 L17.2813179,14.0270983 C17.2914913,14.0372717 17.3053526,14.0428671 17.3198497,14.0428671 L19.0910405,14.0428671 L19.0910405,12.4892601 C18.0649249,11.112289 16.1998844,9.98901734 16.5151329,9.65278613 C16.8870983,9.25602312 20.3987052,11.9203121 20.4435954,12.2491676 L20.4435954,14.0428671 L20.4435954,14.0428671 Z M20.8998728,4.16639306 L13.4862543,4.16639306 L13.4862543,5.72127168 L13.8017572,5.72127168 C13.8747514,5.72127168 13.9445665,5.7502659 13.9961965,5.80176879 L15.1034451,6.91067052 C15.178474,6.98582659 15.178474,7.10739884 15.1034451,7.18242775 L14.7032486,7.58262428 C14.6280925,7.65778035 14.5063931,7.65778035 14.4313642,7.58262428 L13.9317225,7.08959538 C13.921422,7.07942197 13.9075607,7.07369942 13.8931908,7.07369942 L13.4862543,7.07369942 L13.4862543,10.0550173 C14.2488786,10.7428671 14.8936185,11.2550983 14.6979075,11.4639075 C14.5712486,11.5989595 14.0802543,11.3788324 13.4862543,11.0170405 L13.4862543,14.0428671 L13.6756069,14.0428671 C15.0524509,13.0167514 16.1758497,11.1515838 16.5120809,11.4669595 C16.9088439,11.8389249 14.2445549,15.3505318 13.9156994,15.395422 L13.4862543,15.395422 L13.4862543,16.9503006 L20.8998728,16.9503006 C21.5065896,16.9503006 21.998474,16.4584162 21.998474,15.8516994 L21.998474,5.26499422 C21.998474,4.65827746 21.5065896,4.16639306 20.8998728,4.16639306 L20.8998728,4.16639306 Z" id="Fill-12"%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
.login .industry-select-list__selected,
.login .tenant-location-list__input-value {
  color: #000;
  background: #fff;
}

body.invalid,
body.error,
body.invitations,
body.goodbye,
body.subscriptions,
body.login,
body.sign-up {
  background-color: #f2f2f2;
}
body.invalid .global-nav-bar,
body.invalid .app-menu,
body.invalid .app-header,
body.invalid .notification-banner,
body.error .global-nav-bar,
body.error .app-menu,
body.error .app-header,
body.error .notification-banner,
body.invitations .global-nav-bar,
body.invitations .app-menu,
body.invitations .app-header,
body.invitations .notification-banner,
body.goodbye .global-nav-bar,
body.goodbye .app-menu,
body.goodbye .app-header,
body.goodbye .notification-banner,
body.subscriptions .global-nav-bar,
body.subscriptions .app-menu,
body.subscriptions .app-header,
body.subscriptions .notification-banner,
body.login .global-nav-bar,
body.login .app-menu,
body.login .app-header,
body.login .notification-banner,
body.sign-up .global-nav-bar,
body.sign-up .app-menu,
body.sign-up .app-header,
body.sign-up .notification-banner {
  display: none;
}
body.invalid .main.container,
body.invalid .app-header,
body.invalid .app-header__content,
body.error .main.container,
body.error .app-header,
body.error .app-header__content,
body.invitations .main.container,
body.invitations .app-header,
body.invitations .app-header__content,
body.goodbye .main.container,
body.goodbye .app-header,
body.goodbye .app-header__content,
body.subscriptions .main.container,
body.subscriptions .app-header,
body.subscriptions .app-header__content,
body.login .main.container,
body.login .app-header,
body.login .app-header__content,
body.sign-up .main.container,
body.sign-up .app-header,
body.sign-up .app-header__content {
  top: 0;
  padding-left: 0;
  margin-left: 0;
}

.login__powered-by-karbon-graphic {
  display: none;
}

.co-brand-intuit .login .login__content {
  padding-bottom: 32px;
}
.co-brand-intuit .login .login__login-button-container {
  margin-top: 32px;
}
.co-brand-intuit .login .login__powered-by-karbon-graphic {
  opacity: 1;
  margin: 0;
  width: 224px;
  height: 71px;
  background-size: 224px 71px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjI0cHgiIGhlaWdodD0iNzBweCIgdmlld0JveD0iMCAwIDIyNCA3MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkdyb3VwIDY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUHJvQ29ubmVjdC1JbnRlZ3JhdGlvbi1UYXNrLSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkludHVpdC1QcmFjdGljZS1NYW5hZ2VtZW50LeKAky1Qcm9Db25uZWN0LVN5bmMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjAwMDAwMCwgLTkyOC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCA5MjguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iTWVudS1yb3ctQkctQ29weSIgZmlsbD0iI0U2RTZFNiIgcG9pbnRzPSIwIDAgMjI0IDAgMjI0IDIgMCAyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTYuOTMyNSw2NyBMNTYuOTMyNSw2My44MDUgTDU4Ljc3NzUsNjMuODA1IEM2MC43Mjc1LDYzLjgwNSA2Mi4wMTc1LDYyLjc1NSA2Mi4wMTc1LDYwLjgwNSBDNjIuMDE3NSw1OC44NCA2MC43Mjc1LDU3Ljc5IDU4Ljc3NzUsNTcuNzkgTDU1LjAyNzUsNTcuNzkgTDU1LjAyNzUsNjcgTDU2LjkzMjUsNjcgWiBNNTguNjU3NSw2Mi4xNyBMNTYuOTMyNSw2Mi4xNyBMNTYuOTMyNSw1OS40MjUgTDU4LjY1NzUsNTkuNDI1IEM1OS42NDc1LDU5LjQyNSA2MC4xMjc1LDU5Ljk4IDYwLjEyNzUsNjAuODA1IEM2MC4xMjc1LDYxLjYgNTkuNjQ3NSw2Mi4xNyA1OC42NTc1LDYyLjE3IFogTTY1LjgxMjUsNjcuMTUgQzY3Ljc2MjUsNjcuMTUgNjkuMDk3NSw2NS43MSA2OS4wOTc1LDYzLjY1NSBDNjkuMDk3NSw2MS41ODUgNjcuNzYyNSw2MC4xNDUgNjUuODEyNSw2MC4xNDUgQzYzLjg2MjUsNjAuMTQ1IDYyLjUyNzUsNjEuNTg1IDYyLjUyNzUsNjMuNjU1IEM2Mi41Mjc1LDY1LjcxIDYzLjg2MjUsNjcuMTUgNjUuODEyNSw2Ny4xNSBaIE02NS44MTI1LDY1LjU3NSBDNjQuODgyNSw2NS41NzUgNjQuMzcyNSw2NC43NjUgNjQuMzcyNSw2My42NTUgQzY0LjM3MjUsNjIuNTMgNjQuODgyNSw2MS43MiA2NS44MTI1LDYxLjcyIEM2Ni43NDI1LDYxLjcyIDY3LjI1MjUsNjIuNTMgNjcuMjUyNSw2My42NTUgQzY3LjI1MjUsNjQuNzY1IDY2Ljc0MjUsNjUuNTc1IDY1LjgxMjUsNjUuNTc1IFogTTczLjM0MjUsNjcgTDc0LjQzNzUsNjIuODkgTDc1LjUzMjUsNjcgTDc3LjI0MjUsNjcgTDc5LjI4MjUsNjAuMjk1IEw3Ny40ODI1LDYwLjI5NSBMNzYuMjgyNSw2NC41NyBMNzUuMTcyNSw2MC4yOTUgTDczLjc0NzUsNjAuMjk1IEw3Mi42NTI1LDY0LjU3IEw3MS40NTI1LDYwLjI5NSBMNjkuNTkyNSw2MC4yOTUgTDcxLjYzMjUsNjcgTDczLjM0MjUsNjcgWiBNODMuMjI3NSw2Ny4xNSBDODQuMTI3NSw2Ny4xNSA4NC44Nzc1LDY2Ljk3IDg1LjQzMjUsNjYuNTY1IEw4NS40MzI1LDY1LjAzNSBDODQuNzcyNSw2NS40NTUgODQuMjQ3NSw2NS42MiA4My41MTI1LDY1LjYyIEM4Mi41MjI1LDY1LjYyIDgxLjcyNzUsNjUuMTcgODEuNTc3NSw2NC4wNzUgTDg1Ljg5NzUsNjQuMDc1IEw4NS44OTc1LDYzLjQ3NSBDODUuODk3NSw2MS40OTUgODQuODkyNSw2MC4xNDUgODIuOTQyNSw2MC4xNDUgQzgxLjExMjUsNjAuMTQ1IDc5Ljc5MjUsNjEuNiA3OS43OTI1LDYzLjcgQzc5Ljc5MjUsNjUuODMgODEuMTg3NSw2Ny4xNSA4My4yMjc1LDY3LjE1IFogTTg0LjE3MjUsNjIuODYgTDgxLjYzNzUsNjIuODYgQzgxLjg0NzUsNjIuMDIgODIuMzcyNSw2MS42MyA4Mi45ODc1LDYxLjYzIEM4My43MjI1LDYxLjYzIDg0LjEyNzUsNjIuMTQgODQuMTcyNSw2Mi44NiBaIE04OC45NzI1LDY3IEw4OC45NzI1LDYyLjg0NSBDODkuMTA3NSw2Mi4yMyA4OS42MTc1LDYxLjkgOTAuMjQ3NSw2MS45IEM5MC41OTI1LDYxLjkgOTAuOTIyNSw2MS45NzUgOTEuMTc3NSw2Mi4xMjUgTDkxLjE3NzUsNjAuMjY1IEM5MS4wNzI1LDYwLjIwNSA5MC43ODc1LDYwLjE0NSA5MC40NzI1LDYwLjE0NSBDODkuODEyNSw2MC4xNDUgODkuMjU3NSw2MC40NzUgODguOTcyNSw2MC45NTUgTDg4Ljk3MjUsNjAuMjk1IEw4Ny4xMTI1LDYwLjI5NSBMODcuMTEyNSw2NyBMODguOTcyNSw2NyBaIE05NS4yMjc1LDY3LjE1IEM5Ni4xMjc1LDY3LjE1IDk2Ljg3NzUsNjYuOTcgOTcuNDMyNSw2Ni41NjUgTDk3LjQzMjUsNjUuMDM1IEM5Ni43NzI1LDY1LjQ1NSA5Ni4yNDc1LDY1LjYyIDk1LjUxMjUsNjUuNjIgQzk0LjUyMjUsNjUuNjIgOTMuNzI3NSw2NS4xNyA5My41Nzc1LDY0LjA3NSBMOTcuODk3NSw2NC4wNzUgTDk3Ljg5NzUsNjMuNDc1IEM5Ny44OTc1LDYxLjQ5NSA5Ni44OTI1LDYwLjE0NSA5NC45NDI1LDYwLjE0NSBDOTMuMTEyNSw2MC4xNDUgOTEuNzkyNSw2MS42IDkxLjc5MjUsNjMuNyBDOTEuNzkyNSw2NS44MyA5My4xODc1LDY3LjE1IDk1LjIyNzUsNjcuMTUgWiBNOTYuMTcyNSw2Mi44NiBMOTMuNjM3NSw2Mi44NiBDOTMuODQ3NSw2Mi4wMiA5NC4zNzI1LDYxLjYzIDk0Ljk4NzUsNjEuNjMgQzk1LjcyMjUsNjEuNjMgOTYuMTI3NSw2Mi4xNCA5Ni4xNzI1LDYyLjg2IFogTTEwMS43Njc1LDY3LjE1IEMxMDIuNDg3NSw2Ny4xNSAxMDMuMTQ3NSw2Ni44MDUgMTAzLjQ0NzUsNjYuNDQ1IEwxMDMuNDQ3NSw2NyBMMTA1LjMyMjUsNjcgTDEwNS4zMjI1LDU3LjI1IEwxMDMuNDQ3NSw1Ny4yNSBMMTAzLjQ0NzUsNjAuODUgQzEwMy4xNDc1LDYwLjQ5IDEwMi40ODc1LDYwLjE0NSAxMDEuNzY3NSw2MC4xNDUgQzk5LjgxNzUsNjAuMTQ1IDk4LjcyMjUsNjEuNzM1IDk4LjcyMjUsNjMuNjU1IEM5OC43MjI1LDY1LjU3NSA5OS44MTc1LDY3LjE1IDEwMS43Njc1LDY3LjE1IFogTTEwMi4xODc1LDY1LjUzIEMxMDEuMTgyNSw2NS41MyAxMDAuNTgyNSw2NC43MiAxMDAuNTgyNSw2My42NTUgQzEwMC41ODI1LDYyLjU3NSAxMDEuMTgyNSw2MS43NjUgMTAyLjE4NzUsNjEuNzY1IEMxMDIuNzI3NSw2MS43NjUgMTAzLjIzNzUsNjIuMDk1IDEwMy40NDc1LDYyLjU0NSBMMTAzLjQ0NzUsNjQuNzUgQzEwMy4yMzc1LDY1LjIxNSAxMDIuNzQyNSw2NS41MyAxMDIuMTg3NSw2NS41MyBaIE0xMTMuNjQ3NSw2Ny4xNSBDMTE1LjU5NzUsNjcuMTUgMTE2LjY5MjUsNjUuNTc1IDExNi42OTI1LDYzLjY1NSBDMTE2LjY5MjUsNjEuNzM1IDExNS41OTc1LDYwLjE0NSAxMTMuNjQ3NSw2MC4xNDUgQzExMi45Mjc1LDYwLjE0NSAxMTIuMjY3NSw2MC40OSAxMTEuOTY3NSw2MC44NSBMMTExLjk2NzUsNTcuMjUgTDExMC4wOTI1LDU3LjI1IEwxMTAuMDkyNSw2NyBMMTExLjk2NzUsNjcgTDExMS45Njc1LDY2LjQ0NSBDMTEyLjI2NzUsNjYuODA1IDExMi45Mjc1LDY3LjE1IDExMy42NDc1LDY3LjE1IFogTTExMy4yMjc1LDY1LjUzIEMxMTIuNjcyNSw2NS41MyAxMTIuMTc3NSw2NS4yMTUgMTExLjk2NzUsNjQuNzUgTDExMS45Njc1LDYyLjU0NSBDMTEyLjE3NzUsNjIuMDk1IDExMi42ODc1LDYxLjc2NSAxMTMuMjI3NSw2MS43NjUgQzExNC4yMzI1LDYxLjc2NSAxMTQuODMyNSw2Mi41NzUgMTE0LjgzMjUsNjMuNjU1IEMxMTQuODMyNSw2NC43MiAxMTQuMjMyNSw2NS41MyAxMTMuMjI3NSw2NS41MyBaIE0xMjAuNDg3NSw2OS40NzUgTDEyMy45ODI1LDYwLjI5NSBMMTIyLjEwNzUsNjAuMjk1IEwxMjAuNTc3NSw2NC43NSBMMTE5LjAzMjUsNjAuMjk1IEwxMTcuMDY3NSw2MC4yOTUgTDExOS42MzI1LDY3LjAzIEwxMTguNjU3NSw2OS40NzUgTDEyMC40ODc1LDY5LjQ3NSBaIE0xMzAuMTYyNSw2NyBMMTMwLjE2MjUsNjIuODMgTDEzMy42MTI1LDY3IEwxMzUuOTY3NSw2NyBMMTMyLjAwNzUsNjIuMiBMMTM1LjgzMjUsNTcuNzkgTDEzMy41MjI1LDU3Ljc5IEwxMzAuMTYyNSw2MS43NSBMMTMwLjE2MjUsNTcuNzkgTDEyOC4yNDI1LDU3Ljc5IEwxMjguMjQyNSw2NyBMMTMwLjE2MjUsNjcgWiBNMTM4LjY5NzUsNjcuMTIgQzEzOS40MzI1LDY3LjEyIDE0MC4wOTI1LDY2Ljg2NSAxNDAuMzE3NSw2Ni42NCBMMTQwLjMxNzUsNjcgTDE0Mi4xMDI1LDY3IEwxNDIuMTAyNSw2Mi43MjUgQzE0Mi4xMDI1LDYxLjA5IDE0MS4wNjc1LDYwLjE0NSAxMzkuMjIyNSw2MC4xNDUgQzEzOC4zMzc1LDYwLjE0NSAxMzcuNDY3NSw2MC40IDEzNi45ODc1LDYwLjcgTDEzNi45ODc1LDYyLjMwNSBDMTM3LjUxMjUsNjEuOTYgMTM4LjE0MjUsNjEuNzY1IDEzOC44MTc1LDYxLjc2NSBDMTM5Ljc2MjUsNjEuNzY1IDE0MC4zMTc1LDYyLjE3IDE0MC4zMTc1LDYyLjgxNSBMMTQwLjMxNzUsNjMuMTkgQzE0MC4wNDc1LDYyLjk5NSAxMzkuNDAyNSw2Mi44IDEzOC44MTc1LDYyLjggQzEzNy4zNDc1LDYyLjggMTM2LjIyMjUsNjMuNjcgMTM2LjIyMjUsNjQuOTQ1IEMxMzYuMjIyNSw2Ni4zNCAxMzcuMzQ3NSw2Ny4xMiAxMzguNjk3NSw2Ny4xMiBaIE0xMzkuMTMyNSw2NS43NTUgQzEzOC41NDc1LDY1Ljc1NSAxMzcuOTQ3NSw2NS41MTUgMTM3Ljk0NzUsNjQuOTMgQzEzNy45NDc1LDY0LjM2IDEzOC41NDc1LDY0LjEwNSAxMzkuMTMyNSw2NC4xMDUgQzEzOS42NTc1LDY0LjEwNSAxNDAuMTUyNSw2NC4zMyAxNDAuMzE3NSw2NC42OSBMMTQwLjMxNzUsNjUuMTcgQzE0MC4xNTI1LDY1LjUzIDEzOS42NTc1LDY1Ljc1NSAxMzkuMTMyNSw2NS43NTUgWiBNMTQ1LjUwNzUsNjcgTDE0NS41MDc1LDYyLjg0NSBDMTQ1LjY0MjUsNjIuMjMgMTQ2LjE1MjUsNjEuOSAxNDYuNzgyNSw2MS45IEMxNDcuMTI3NSw2MS45IDE0Ny40NTc1LDYxLjk3NSAxNDcuNzEyNSw2Mi4xMjUgTDE0Ny43MTI1LDYwLjI2NSBDMTQ3LjYwNzUsNjAuMjA1IDE0Ny4zMjI1LDYwLjE0NSAxNDcuMDA3NSw2MC4xNDUgQzE0Ni4zNDc1LDYwLjE0NSAxNDUuNzkyNSw2MC40NzUgMTQ1LjUwNzUsNjAuOTU1IEwxNDUuNTA3NSw2MC4yOTUgTDE0My42NDc1LDYwLjI5NSBMMTQzLjY0NzUsNjcgTDE0NS41MDc1LDY3IFogTTE1Mi40NTI1LDY3LjE1IEMxNTQuNDAyNSw2Ny4xNSAxNTUuNDk3NSw2NS41NzUgMTU1LjQ5NzUsNjMuNjU1IEMxNTUuNDk3NSw2MS43MzUgMTU0LjQwMjUsNjAuMTQ1IDE1Mi40NTI1LDYwLjE0NSBDMTUxLjczMjUsNjAuMTQ1IDE1MS4wNzI1LDYwLjQ5IDE1MC43NzI1LDYwLjg1IEwxNTAuNzcyNSw1Ny4yNSBMMTQ4Ljg5NzUsNTcuMjUgTDE0OC44OTc1LDY3IEwxNTAuNzcyNSw2NyBMMTUwLjc3MjUsNjYuNDQ1IEMxNTEuMDcyNSw2Ni44MDUgMTUxLjczMjUsNjcuMTUgMTUyLjQ1MjUsNjcuMTUgWiBNMTUyLjAzMjUsNjUuNTMgQzE1MS40Nzc1LDY1LjUzIDE1MC45ODI1LDY1LjIxNSAxNTAuNzcyNSw2NC43NSBMMTUwLjc3MjUsNjIuNTQ1IEMxNTAuOTgyNSw2Mi4wOTUgMTUxLjQ5MjUsNjEuNzY1IDE1Mi4wMzI1LDYxLjc2NSBDMTUzLjAzNzUsNjEuNzY1IDE1My42Mzc1LDYyLjU3NSAxNTMuNjM3NSw2My42NTUgQzE1My42Mzc1LDY0LjcyIDE1My4wMzc1LDY1LjUzIDE1Mi4wMzI1LDY1LjUzIFogTTE1OS42MjI1LDY3LjE1IEMxNjEuNTcyNSw2Ny4xNSAxNjIuOTA3NSw2NS43MSAxNjIuOTA3NSw2My42NTUgQzE2Mi45MDc1LDYxLjU4NSAxNjEuNTcyNSw2MC4xNDUgMTU5LjYyMjUsNjAuMTQ1IEMxNTcuNjcyNSw2MC4xNDUgMTU2LjMzNzUsNjEuNTg1IDE1Ni4zMzc1LDYzLjY1NSBDMTU2LjMzNzUsNjUuNzEgMTU3LjY3MjUsNjcuMTUgMTU5LjYyMjUsNjcuMTUgWiBNMTU5LjYyMjUsNjUuNTc1IEMxNTguNjkyNSw2NS41NzUgMTU4LjE4MjUsNjQuNzY1IDE1OC4xODI1LDYzLjY1NSBDMTU4LjE4MjUsNjIuNTMgMTU4LjY5MjUsNjEuNzIgMTU5LjYyMjUsNjEuNzIgQzE2MC41NTI1LDYxLjcyIDE2MS4wNjI1LDYyLjUzIDE2MS4wNjI1LDYzLjY1NSBDMTYxLjA2MjUsNjQuNzY1IDE2MC41NTI1LDY1LjU3NSAxNTkuNjIyNSw2NS41NzUgWiBNMTY1Ljk1MjUsNjcgTDE2NS45NTI1LDYyLjc1NSBDMTY2LjEwMjUsNjIuMTcgMTY2LjU5NzUsNjEuODI1IDE2Ny4xNjc1LDYxLjgyNSBDMTY3LjkwMjUsNjEuODI1IDE2OC4yNjI1LDYyLjMwNSAxNjguMjYyNSw2My4wMSBMMTY4LjI2MjUsNjcgTDE3MC4xMjI1LDY3IEwxNzAuMTIyNSw2Mi42MiBDMTcwLjEyMjUsNjEuMTM1IDE2OS4yNjc1LDYwLjE0NSAxNjcuNzUyNSw2MC4xNDUgQzE2Ni45NzI1LDYwLjE0NSAxNjYuMzEyNSw2MC40OSAxNjUuOTUyNSw2MC45MSBMMTY1Ljk1MjUsNjAuMjk1IEwxNjQuMDkyNSw2MC4yOTUgTDE2NC4wOTI1LDY3IEwxNjUuOTUyNSw2NyBaIiBpZD0iUG93ZXJlZGJ5S2FyYm9uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxnIGlkPSJMb2dvLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgMjEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iTG9nby1Db3B5Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkthcmJvbi1tb25vZ3JhbSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC40ODQ1Nzg4NiwyLjU4MDY3ODk3IEM0Ljk3OTkzMjM3LDIuNTgwNjc4OTcgNS4zODE0OTQ1MiwyLjk4NTA2NjA2IDUuMzgxNDk0NTIsMy40ODM5MDQ3NCBMNS4zODE0OTQ1MiwyMC41MTYxNjI4IEM1LjM4MTQ5NDUyLDIxLjAxNTAwMTUgNC45Nzk5MzIzNywyMS40MTkzODg2IDQuNDg0NTc4ODYsMjEuNDE5Mzg4NiBDMy45ODkyMjQ3OSwyMS40MTkzODg2IDMuNTg3NjYyNjMsMjEuMDE1MDAxNSAzLjU4NzY2MjYzLDIwLjUxNjE2MjggTDMuNTg3NjYyNjMsMy40ODM5MDQ3NCBDMy41ODc2NjI2MywyLjk4NTA2NjA2IDMuOTg5MjI0NzksMi41ODA2Nzg5NyA0LjQ4NDU3ODg2LDIuNTgwNjc4OTcgWiBNMC44OTY5MTU2NTksOC43NzQyMjczMSBDMS4zOTIyNjk3Myw4Ljc3NDIyNzMxIDEuNzkzODMxMzIsOS4xNzg2MTQ0NiAxLjc5MzgzMTMyLDkuNjc3NDUzMTQgTDEuNzkzODMxMzIsMTQuMzIyNjE0NSBDMS43OTM4MzEzMiwxNC44MjE0NTMxIDEuMzkyMjY5NzMsMTUuMjI1ODQwMiAwLjg5NjkxNTY1OSwxNS4yMjU4NDAyIEMwLjQwMTU2MjE1NSwxNS4yMjU4NDAyIC0xLjEzNjg2ODM4ZS0xMywxNC44MjE0NTMxIC0xLjEzNjg2ODM4ZS0xMywxNC4zMjI2MTQ1IEwtMS4xMzY4NjgzOGUtMTMsOS42Nzc0NTMxNCBDLTEuMTM2ODY4MzhlLTEzLDkuMTc4NjE0NDYgMC40MDE1NjIxNTUsOC43NzQyMjczMSAwLjg5NjkxNTY1OSw4Ljc3NDIyNzMxIFogTTguMDcyMjQxNSwwLjUxNjE2MjggQzguNTY3NTk1LDAuNTE2MTYyOCA4Ljk2OTE1NzE2LDAuOTIwNTQ5OTQzIDguOTY5MTU3MTYsMS40MTkzODg2MyBMOC45NjkxNTcxNiwyMi41ODA2NzkgQzguOTY5MTU3MTYsMjMuMDc5NTE3NyA4LjU2NzU5NSwyMy40ODM5MDQ3IDguMDcyMjQxNSwyMy40ODM5MDQ3IEM3LjU3Njg4Nzk5LDIzLjQ4MzkwNDcgNy4xNzUzMjU4NCwyMy4wNzk1MTc3IDcuMTc1MzI1ODQsMjIuNTgwNjc5IEw3LjE3NTMyNTg0LDEuNDE5Mzg4NjMgQzcuMTc1MzI1ODQsMC45MjA1NDk5NDMgNy41NzY4ODc5OSwwLjUxNjE2MjggOC4wNzIyNDE1LDAuNTE2MTYyOCBaIE0yMi43MTYxODQ1LDE1LjU3NTY0NjcgQzIzLjA2NjQ5MzksMTUuOTI4NDIwOSAyMy4wNjY0OTM5LDE2LjUwMDI5MTkgMjIuNzE2MTg0NSwxNi44NTMwNjYxIEMyMi41NDA5MDEzLDE3LjAyOTMyNDEgMjIuMzExMjkxMywxNy4xMTc1ODIyIDIyLjA4MTkzNywxNy4xMTc1ODIyIEMyMS44NTIzMjY0LDE3LjExNzU4MjIgMjEuNjIyNzE2NCwxNy4wMjkzMjQxIDIxLjQ0NzY4OTUsMTYuODUzMDY2MSBMMTcuODkxODAyNywxMy4yNzI0MjA5IEwxNi40Njk4MDY5LDE0LjcwNDY3OSBMMjAuNjQ0ODIyLDE4LjkwOTA2NjEgQzIwLjk5NDg3NTIsMTkuMjYxODQwMiAyMC45OTQ4NzUyLDE5LjgzMzcxMTIgMjAuNjQ0ODIyLDIwLjE4NjQ4NTQgQzIwLjQ2OTUzODgsMjAuMzYyNzQzNSAyMC4yMzk5MjgzLDIwLjQ1MTAwMTUgMjAuMDEwMzE3NywyMC40NTEwMDE1IEMxOS43ODA5NjM5LDIwLjQ1MTAwMTUgMTkuNTUxMzUzMywyMC4zNjI3NDM1IDE5LjM3NjA3MDIsMjAuMTg2NDg1NCBMMTUuMjAxMDU1NywxNS45ODIwOTgzIEwxMy43NzkwNiwxNy40MTQzNTY0IEwxNy42MDE3MTQ2LDIxLjI2MzkwNDcgQzE3Ljk1MTc2ODQsMjEuNjE2Njc5IDE3Ljk1MTc2ODQsMjIuMTg4NTQ5OSAxNy42MDE3MTQ2LDIyLjU0MTMyNDEgQzE3LjQyNjQzMiwyMi43MTc1ODIyIDE3LjE5NjgyMTQsMjIuODA1ODQwMiAxNi45NjcyMTA4LDIyLjgwNTg0MDIgQzE2LjczNzg1NzEsMjIuODA1ODQwMiAxNi41MDgyNDY1LDIyLjcxNzU4MjIgMTYuMzMyOTYzNCwyMi41NDEzMjQxIEwxMi41NTY2OTIsMTguNzM4NDg1NCBMMTIuNTU2NjkyLDIzLjA5NjkzNyBDMTIuNTU2NjkyLDIzLjU5NTc3NTcgMTIuMTU1Mzg2LDI0LjAwMDE2MjggMTEuNjU5Nzc2MywyNC4wMDAxNjI4IEMxMS4xNjQ0MjI4LDI0LjAwMDE2MjggMTAuNzYyODYwNiwyMy41OTU3NzU3IDEwLjc2Mjg2MDYsMjMuMDk2OTM3IEwxMC43NjI4NjA2LDAuOTAzMzg4NjI5IEMxMC43NjI4NjA2LDAuNDA0MjkxODg2IDExLjE2NDQyMjgsMC4wMDAxNjI4IDExLjY1OTc3NjMsMC4wMDAxNjI4IEMxMi4xNTUzODYsMC4wMDAxNjI4IDEyLjU1NjY5MiwwLjQwNDI5MTg4NiAxMi41NTY2OTIsMC45MDMzODg2MjkgTDEyLjU1NjY5Miw1Ljg3MTM4ODYzIEwxNi43MzE3MDY0LDEuNjY3MDAxNTQgQzE3LjA4MjI3MjcsMS4zMTQyMjczMSAxNy42NDk4OTIsMS4zMTQyMjczMSAxOC4wMDA0NTc2LDEuNjY3MDAxNTQgQzE4LjM1MDUxMTQsMi4wMTk3NzU3MSAxOC4zNTA1MTE0LDIuNTkxNjQ2NjkgMTguMDAwNDU3NiwyLjk0NDQyMDkxIEwxMi41NTY2OTIsOC40MjYyMjczMSBMMTIuNTU2NjkyLDEwLjkwODI5MTkgTDE5LjUxNDE5NTUsMy45Mjg5MzcwMyBDMTkuODY1MjczNiwzLjU3NjY3ODk3IDIwLjQzMzE0OTcsMy41Nzc3MTEyIDIwLjc4MjY5MDUsMy45MzEyNTk2IEMyMS4xMzIyMzEyLDQuMjg0ODA4IDIxLjEzMTIwNjMsNC44NTY0MjA5MSAyMC43ODAzODQ0LDUuMjA4Njc4OTcgTDEyLjU1NjY5MiwxMy40NTgyMjczIEwxMi41NTY2OTIsMTYuMDg5OTY5MyBMMjEuNDI2NDE5Niw3LjE1Nzg0MDIzIEMyMS43NzY3Mjk2LDYuODA1MzI0MTEgMjIuMzQ0NjA1MSw2LjgwNTMyNDExIDIyLjY5NDkxNDYsNy4xNTc4NDAyMyBDMjMuMDQ1MjI0Niw3LjUxMDg3MjUxIDIzLjA0NTIyNDYsOC4wODI0ODU0MyAyMi42OTQ5MTQ2LDguNDM1NTE3NjYgTDE5LjE2MDU1NDUsMTEuOTk1MDAxNSBMMjIuNzE2MTg0NSwxNS41NzU2NDY3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  display: block;
  border-top: 1px solid #cacaca;
  width: 100%;
  margin-top: 56px;
  height: 80px;
  background-position: center;
  background-position-y: -3px;
  min-height: 70px;
}

.login__trial-expired .login__message {
  max-width: 590px;
}

.login-header-bar {
  width: 100%;
  min-height: 74px;
  margin: 0;
  padding: 17px 0;
  background: #000;
  color: #fff;
}
.login-header-bar__inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px;
  max-width: 990px;
}
@media screen and (min-width: 700px) {
  .login-header-bar__inner:after {
    content: "";
    display: block;
    position: relative;
    top: 17px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.login-header-bar__logo {
  opacity: 0.2;
  margin: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIxIiBoZWlnaHQ9IjQyIiB2aWV3Qm94PSIwIDAgMTIxIDQyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTcuODU4IDQuNTE2Yy0uODY4IDAtMS41NzEuNzA4LTEuNTcxIDEuNTh2MjkuODA3YzAgLjg3My43MDMgMS41OCAxLjU3MSAxLjU4Ljg2OSAwIDEuNTcyLS43MDcgMS41NzItMS41OFY2LjA5N2MwLS44NzMtLjcwMy0xLjU4MS0xLjU3Mi0xLjU4MXpNMS41NzIgMTUuMzU1Yy0uODY4IDAtMS41NzIuNzA3LTEuNTcyIDEuNTh2OC4xM2MwIC44NzIuNzA0IDEuNTggMS41NzIgMS41OC44NjggMCAxLjU3MS0uNzA4IDEuNTcxLTEuNTh2LTguMTNjMC0uODczLS43MDMtMS41OC0xLjU3MS0xLjU4ek0xNC4xNDUuOTAzYy0uODY4IDAtMS41NzEuNzA4LTEuNTcxIDEuNTh2MzcuMDMzYzAgLjg3My43MDMgMS41OCAxLjU3MSAxLjU4czEuNTcyLS43MDcgMS41NzItMS41OFYyLjQ4NGMwLS44NzMtLjcwNC0xLjU4MS0xLjU3Mi0xLjU4MXptMjUuNjYxIDI2LjM1NGwtNi4yMy02LjI2NiA2LjE5My02LjIzYTEuNTg4IDEuNTg4IDAgMCAwIDAtMi4yMzUgMS41NjYgMS41NjYgMCAwIDAtMi4yMjMgMEwyMi4wMDQgMjguMTU3di00LjYwNWwxNC40MS0xNC40MzdhMS41ODcgMS41ODcgMCAwIDAgLjAwNC0yLjIzNiAxLjU2NSAxLjU2NSAwIDAgMC0yLjIyMy0uMDA0TDIyLjAwNCAxOS4wOXYtNC4zNDNsOS41MzktOS41OTRhMS41ODggMS41ODggMCAwIDAgMC0yLjIzNSAxLjU2NiAxLjU2NiAwIDAgMC0yLjIyMyAwbC03LjMxNiA3LjM1OFYxLjU4QzIyLjAwNC43MDcgMjEuMyAwIDIwLjQzMiAwYy0uODY4IDAtMS41NzIuNzA3LTEuNTcyIDEuNTh2MzguODRjMCAuODcyLjcwNCAxLjU4IDEuNTcyIDEuNTguODY4IDAgMS41NzItLjcwOCAxLjU3Mi0xLjU4di03LjYyOGw2LjYxNyA2LjY1NWExLjU2NCAxLjU2NCAwIDAgMCAyLjIyMyAwIDEuNTg4IDEuNTg4IDAgMCAwIDAtMi4yMzVsLTYuNjk4LTYuNzM3IDIuNDkxLTIuNTA3IDcuMzE2IDcuMzU4YTEuNTY0IDEuNTY0IDAgMCAwIDIuMjI0IDAgMS41ODggMS41ODggMCAwIDAgMC0yLjIzNWwtNy4zMTYtNy4zNTggMi40OTEtMi41MDcgNi4yMzIgNi4yNjdhMS41NjMgMS41NjMgMCAwIDAgMi4yMjIgMCAxLjU4NyAxLjU4NyAwIDAgMCAwLTIuMjM2ek02MC41OSAxNS4xODNsLTQuMjQgNS4wNjh2LTUuMDY4SDU0djExLjI3MmgyLjM1di0zLjM0bDEuMDY1LTEuMjY3IDMuMzQgNC42MDdoMi44NDZsLTQuNDYxLTYuMjIzIDQuMjk2LTUuMDQ5aC0yLjg0NXptOC4zNTIgMGwtNC4zMTQgMTEuMjcyaDIuMzVsLjk5MS0yLjcxN2g0LjIyM2wxLjAxIDIuNzE3aDIuMzg2bC00LjMxNC0xMS4yNzJoLTIuMzMyem0xLjEzOSAyLjgyOGwxLjM3NiAzLjc0NWgtMi43NTRsMS4zNzgtMy43NDV6bTkuNzQ2IDIuMzEzaDIuMTY2YzEuMTc1IDAgMS43ODEtLjYyNCAxLjc4MS0xLjU2IDAtLjk1NS0uNjA2LTEuNTgtMS43OC0xLjU4aC0yLjE2N3YzLjE0em0wIDEuOTI3djQuMjA0aC0yLjMzMlYxNS4xODNoNC42NDVjMi4zNjggMCAzLjk0NyAxLjI2NyAzLjk0NyAzLjU4IDAgMS44LS45OTEgMi45MzgtMi41NyAzLjMyM2wyLjk3NCA0LjM3aC0yLjY0M2wtMi43OTEtNC4yMDVoLTEuMjN6bTEwLjk5NSAyLjIyMmgyLjIyMWMxLjEwMiAwIDEuNjktLjU1MSAxLjY5LTEuNDE0IDAtLjg4MS0uNTg4LTEuNDEzLTEuNjktMS40MTNoLTIuMjJ2Mi44Mjd6bTEuOTEtNC42NjNjMS4xMiAwIDEuNzA3LS40NCAxLjcwNy0xLjM0IDAtLjktLjU4OC0xLjMwNC0xLjcwOC0xLjMwNGgtMS45MDl2Mi42NDRoMS45MXptNC4yOTUgMy40NWMwIDIuMDc1LTEuNDMyIDMuMTk1LTMuNzgyIDMuMTk1aC00LjY4VjE1LjE4M2g0LjMxNGMyLjM1IDAgMy44IDEuMDQ3IDMuOCAzLjA2NiAwIDEuMjEyLS42NjEgMi4wOTMtMS40ODggMi4zODcgMS4wNjUuMzQ5IDEuODM2IDEuMzk1IDEuODM2IDIuNjI1em03LjAxMi02LjE2N2MtMS43ODEgMC0yLjkzOCAxLjUyNC0yLjkzOCAzLjcyNiAwIDIuMjAzIDEuMTU3IDMuNzI3IDIuOTM4IDMuNzI3IDEuOCAwIDIuOTc0LTEuNTI0IDIuOTc0LTMuNzI3IDAtMi4yMDItMS4xNzUtMy43MjYtMi45NzQtMy43MjZ6bTAgOS41NDZjLTMuMTQgMC01LjMyNC0yLjQ2LTUuMzI0LTUuODIgMC0zLjM3NyAyLjE4NC01LjgxOSA1LjMyNC01LjgxOSAzLjEzOSAwIDUuMzQyIDIuNDQyIDUuMzQyIDUuODIgMCAzLjM1OS0yLjIwMyA1LjgxOS01LjM0MiA1LjgxOXpNMTIxIDI2LjQ1NWgtMS44NTRsLTUuMzI0LTcuNTA4djcuNTA4aC0yLjI1OFYxNS4xODRoMi4yMDNsNC45NzUgNy4xMjJ2LTcuMTIySDEyMXYxMS4yNzF6Ii8+PC9nPjwvc3ZnPg==);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  float: left;
  overflow: hidden;
  width: 121px;
  height: 42px;
  opacity: 1;
}
.login-header-bar__nav {
  text-align: right;
  padding-top: 2px;
  min-height: 42px;
}
.login-header-bar__nav a,
.login-header-bar__nav a:active,
.login-header-bar__nav a:hover,
.login-header-bar__nav a:visited {
  color: #fff;
}
.login-header-bar__link {
  display: none;
  font-size: 20px;
  opacity: 0.5;
  margin: 4px;
}
@media screen and (min-width: 600px) {
  .login-header-bar__link {
    display: inline-block;
  }
}
.login-header-bar__get-action {
  display: inline-block;
  height: 40px;
  padding: 0 1em;
  margin-left: 12px;
  transition: all 0.1s ease-out;
  line-height: 36px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  background-color: transparent;
  border-radius: 10em;
  text-transform: uppercase;
}
.login-header-bar__get-action:hover {
  background: #2872d3;
  border-color: transparent;
}

.co-brand-intuit .login-header-bar {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  min-height: 56px;
  height: 56px;
  background-color: #000;
  z-index: 50;
}
.co-brand-intuit .login-header-bar .login-header-bar__intuit-logo {
  opacity: 1;
  margin: 0;
  width: 138px;
  height: 33px;
  top: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iMCAwIDEyOCAzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJQcm9Db25uZWN0LUludGVncmF0aW9uLVRhc2stIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSW50dWl0LVByYWN0aWNlLU1hbmFnZW1lbnQt4oCTLVByb0Nvbm5lY3QtU3luYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY0LjAwMDAwMCwgLTEyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPGltYWdlIGlkPSJMb2dvLVByYWN0aWNlTWFuYWdlbWVudC0xY29sb3Itd2hpdGUtMjUweDYwIiB4PSI1OSIgeT0iMTIiIHdpZHRoPSIxMzgiIGhlaWdodD0iMzMiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBUG9BQUFBOENBWUFBQUJQWGFlVUFBQUFCR2RCVFVFQUFMR09mUHRSa3dBQUFFUmxXRWxtVFUwQUtnQUFBQWdBQVlkcEFBUUFBQUFCQUFBQUdnQUFBQUFBQTZBQkFBTUFBQUFCQUFFQUFLQUNBQVFBQUFBQkFBQUErcUFEQUFRQUFBQUJBQUFBUEFBQUFBRExJZkJJQUFBUktFbEVRVlI0QWUyZENaUlV4UldHUlFHRnFLZ3NLaXBwaEFPdWlCSGNOL0JFSW5GWGpMdWppU1luR3JmRU5ab1FKUnBqVHRSb0VqV2c0eExqZGdRMzNHVVUxTGl3U0JSRlVFY3dDcTZvZ0FvSStmN0p1M0lwMyt2cG5xV25uYTcvbkgvcTFyMjEzcXA2NzFYMTY1NDJ5NVl0V3lraWVpQjZvSFY3b0cyWmQ2OHI3VHNOOW9WVDRSVndIaXhIREtOUkI4QkY4SHI0Qkl5SUhpZ0xEN1FwOHp2NmVMeTBzL1BVdmNqN3VuaTVpR3JUM2E0eFM1RTNoNjg2WFJTakIxck1BeXUzV00zMVY5eU9KSDZSSzhmZytyTzFTSXBCUWEzeTYrNkJMa2FqQjFyTUErVzgwQmZqbGRyQU05T0RlTGxFWDB0cHlDc3B1cWlLSG1nUkQ1VHpRcGREam9aekVzL01Jancra2NzdEdFV0Q3a3dhOVJYaEgySGNveWNPaVVITGU2RGM5K2p5MENwd1BmZ3UxTjYzbk5HWnhpMkJuNVJ6STJQYktzOERwVnJvRytQYWphQk96R2ZDQlRBaWVpQjZvRVFlS1BUanRjTm96MW11VFpjaS85UEZqMEErdzhWbFV4cDk1SFFCM0FRYXZrRFFZNjdLZThlVWhQb0k3VFlYTDFRY1NrS1Zzd2JVS2IySDJieE9jaUZwUjVKdWdNdm8reHphWExKTThSNHN2OG0wUmtQMFFETjZvTkNGM29VMmJPWGEwZFhKRWhYMzlocmlGOEx6WUlqVlVCd0o5NFE3d1psUTZBQjlHWFhLQXY2MFQ5TG9FVC9NYjdhd21FTFM5ZzdLODMwT2JXSDVhZkVwYWNxb2l4NG9oUWNLWGVqRnRrVWZOL1dySjFNMzdEZkFuV0Y4UGE4ZVowVno5RUJqUE5CY0M5MFcrVFFhcDdmWjlQRlRIL2hyMkFNYWRrVFlGZXFFV20rVXZRVTk5Q1R4SGFmNERQa2pGNWU0SklpWElxcFBBbnhiOWVTd2ZsQ3h0OHYwUVdDUDBlaUJrbm1ndVJhNk92QXNIQXdYS2dKcTRLTlFpMzlWYU5BK1dndGQraHowcUNaeWpGTmNoM3lxaTdlVWVHaFFjWC9pa3dOZExvakhhUFJBaTNsZzVXYXMrVVRLdGtWdTFieUJvTmRZUFRiMWtTaEhEMFFQTkwwSG1tdWh6NmFwRXpPYSs1OUF2MllRajlIb2dlaUJKdlpBY3kzMDJqenQvRFNQTFpxaUI2SUhtc0VEemJYUWx6WkRXMk9SMFFQUkF3MzBRSE10OUFZMnA4bXp0Y2tvTVV1ZmtUeXFvd2UrM1I1b1RRczk3U2xpbll6aDZaV2hqK3JvZ1ZicGdkYTAwTFgzRHhmNzFobWpwbGQ2STZJSEtzWURyV21oYTlCZUNrYnVaT0o2dGRaRGIrS2Q1QlZSamg1bzdSNW96aGRtV3NKMyt1S0l2WlduK3JlRVQ4R1JVRjhkMVNJL0RtYTlBNDhwSW5xZzlYbWd0UzMwcXhnaXZhaXp0aHNxUGI3LzFjVWwxa0s5Y3F2WGNrdUZ2YWxJVDFEM3dYQ0xVYW8yeEhvcTFBT3Q3ZEY5THVONEZOUWl6c0tIR0liQno3TVNOSU5lRjVRQnNEZlVOL1lpb2dkSzZvRkM3K2h2MEtxN1hjdGVkN0pFeGIwOTNDdjc1TVdrblVUR3RWem04SzA2Wi9wYXZCOUpkL0VSY0Mrb3I4VUtlaDMzTm5nKy9DOGNCMnVoSVh4ZGR3S0dlV1lrRFB2c1RIWGJBdDkvYjVOY0MvV2xGdmw3Q295SUhpaXBCMHIxQ3pNbDdaU3JUSHR4L1F5VndscTRCRVpFRDFTY0IxcjdRcSs0QVkwZGpoNUk4MEJyMjZPbjlUSHFvZ2NxM2dOeG9WZjhGSWdPcUFRUHhJVmVDYU1jKzFqeEhvZ0x2ZUtuUUhSQUpYZ2dMdlJLR09YWXg0cjNRRnpvRlQ4Rm9nTXF3UU54b1ZmQ0tNYytWcndINGtLditDa1FIVkFKSG9nTHZSSkdPZmF4NGoxUTZMdnVlb1cwWTRxM3ZrUlh5aStIcERTaDBTcjVZRk9vWDY3MTc3WTN1dUFHRktCL0ZhWC9DK2VoTCtpRTcrRjd1MlQ5azR0MmdUTHRoemlDSkRGYUtSNG85STUrTkE3NU9JV2FnQXZnYy9BYzZMK0FRclRzb1VVK0hrNkZzK0Eyc0NXaDc4K0hmbjZ5bmdacERLZW41T3RSVDc1b3JpQVBGTHJRODdsRWQvcUI4Q0tvYjVmMWhkOFc5S1NoMnllTjFaMzBoMlhZY0YxOHRzalRyajJ3YlpESEhrM1JBM1UvaEZDc0cvNUZodFBnTCtHRmNBeTBiNFZ0aUR3S2xoT3FhWXoraWFPNE8vVFExMjhmU1JUNm52cGQzbGhHOG5GNTJ1TC9aVldlWk5IVUNqeGc4N2kyMkw0VXVrZjM1VDVNcE5vcmtBZkJ4eE9kZmxoQkMvN3RKRjdPd1ZjMGJnalVZNjUrdEVML3U3MWM4QTRONlo0MDVnaEMvVC81eFVuY2dqVVJEa3dpZXVSZkZhYWRwU1JKWWxDcEhtaUtSM2Y1Ymh6MEN6dmYvckFEYWJzcVV3RDkxcnIwM2FBT3BRcUIycS8wYWVVVmtsOXBkSlY4QzlhM3lMV0F0UEMwbU9xRDBtNEExZGVHWWdZWm4wNHlxNDk3cFJSMENEcXI0eWJrOEVLUWtxWHVRcUFMY1VNdUNPdVNUd2QvaGNCOFVFdzk2b3Q4M0pBYmtOVm4vaWlralVxalEweU5WVmFkbWx2Rm5EM0pQeXJQZnZBRXNTQm9MdXUzRTRyTlYzRGhCU1dzSjVIdUxKMWRHdDFkaENrSlJ4S3E4L2ZDQmZCNWFORFR3R2o0Q1h3UHpvWHpvWDViN1hzd0RmMVFhZ3VoZXBSZStmVG9mUjNzQllVTG9PcmZWNUVFYW9lMXllNld0NlhvTEwwV3RiWW8rc1VjdFZ1L1RLTlBHWjZGZW1UV3hjbWdBVG9iVG9OS3F3dWYrdkVVYk9qZVgvMHhIR3VDQzZ1Y3JMNWxRUlBvWWpnRHFtMnprMUJ0UFJtR0YzenpuWHkxRWRSQnEzdzhCMXFmQmlLSDZJcGlCSHdWbWc4VUtuNDZUTHVBeTRkVlVIVXRoUEt4OHR3S2RjTzRESVpqaHFvT3hmcmNqN1htN04raDVwM0dTdU9xT1NWZnFaMW5RL1ZYL2RZOFV4LzJnV25vZ0ZMcGxVYitVWG5xdzNnNEZJYXdkc2l1czZHcjRHZnczU1FjUTVpREJ1dS94VFYzVFhlWUtmT0d5NVl0VzZrQS9vUTBoaW9FeTdNSzhrQTREaHJtSUxTRlNtUDROOEkwaXhEV1F0a3Zkcm8wY1NIS25hRFZwN0FLTG9KWldJQ2hCNnpPU3BEb2M0UXFiNHBMWnpycHU4SVhuQzFOdkF5bDBuYUdFOU1TT04xWnlFcWJqLzFkK2hya05lRDhSTGVZVUcyeS9MMFR2WUxuRXYwOHA4c2xPcFg1a2RPbmlkY2thYTNzYXBmb2RpZDdVV1BURjFxZXpaRGY5d2xTNUJ0ZGV1WFRENTljRDdPZzhpWTVZdzdaNm11SXovMVlQK2pLOWVKa0lsZDRoWk8vUXQ0TFdoc1Vkb012d256NEZVYWZ4OXJ4Q2ZxSE1qTFdvbDh6eVplUnBFNzlpeVNOTC84YjhqY1VHWm44UXRjQWEwS0phVGdHcFpVYjJwOUJjVDQ4UFVtek5lRm5VQlAxVUtpSnN5MGNDUTI2U0ZoNU95REwyWVl4Q0FmQWcrRm9xQXZBajZIUzd3K0h3eW5RVUkwZ25iZ1dYQWw2ZXk3UlNmOFlOTHlEY0FyVUlKOExQNEJQUUUwMnBmV0RkVDF4VFhvdDBsM2hkQ2dzaGVxdjBtZXhQelpERFlMU1hXY0t3bE1UbmZRWE9QMEppWDZlMCtVU25TN0dEMEJOcXVGd0FOd0VIZy85d3ZSdHE4Ym1NWmJJL3ZCSStJWXozSUNzdG9pcVp3elVlSTZBdWdGb1BJK0Y3MExEOWdpV1IyTmwwTGhlRHZlQWU4SnJZSWdjQ3N2YkVKOVBDUXJVaGZvSDhCd1kzanhlUmFmK2FuNXAzaHAwNGJFMktIelVESVNqb1BxOE90d056b1NDK3JZVnRIeGhPLzZCYlNnOENXcWNETFpPaHFNUURmTVFUTGNkc3BXYkdXWWFnc3grb1Z0bFlUZ0x4U0ZCUHA5R25kRVZQS3hUaTBLVEpOUlBRR2ZvaENEN0k2WWdISm5vZkw0K0ticHFsMmYzRkx0M2VpNnhhN0laUGtYb0NYMDlHeEZ2bitoMkpEVGNnZURUU2RhRU4yalJobllmNzI4SkNXdVN0RHM3M2RSRXR6SmhiYUpmUUtpTGlzclJCRERrRUtRVE5mRTJkbkhUSDRIT2NBYUM2YXROU1RnZSt2SDV2clBOUnJZOENqdkNYb0ZPK29PZ1lUaUM1ZkVYalo4N3ZkazE4VDF5UkdScnFNLzlXRitabEdWMS9jbFZwSnZaQnM0dWVhbXoyM3pjemVsdVFiYXlMTnpCMmE5MmR0OE9yMWMrallQaFBnUXJTNkdoRnNIcjY1WGI1bjJ1VHpjK2dscDdPMEduMXRwVFRZSVQ0QktZQmUzemRQQVZRbVZwejdFTDdBMjd3bzV3UFdoWUcyRVJIR1FLd3Q4NjJjVFhUR2hrNlBmVTExUFdtMEY1czEzYzc4SG1vcTl5Tm9tcnVQaU9UaTVVbEYvVnJ6NXdTNmh6aTdYZ2Q2R2cvWjcyZC9tZ2ZhUEdSdjdyQjNWZUloL25vRUc2Tk55TVV1TnNHR2NDb2ZhWEh0cGp5emU3d2Y2d08xUTkxbGJFcjhkMVkrU2VVb0QzNE5WMTBvcC8va2IwTExqaGl1b1Y5cjBOOWJuT0FEejh1ZEdUR0RTdkRaSTFCbjBUaGVhajl2WitucnhQdkFwNnRIV1JYWjNzeFJ0OEJQbHhGMS9keVkwU2ZVTUtMZWdXRWxZWG1qaEpwME1HL2R4eGlFMVFYQTZIaElhVXVBYmJGbzNLOHdPUmtyeFJLaDFBR1NhYmtCSGFaSlg1eEl3MHBzNWFUR2JQQ25Vbzk0ZkVXRVdvaFc0WWFVSkcyQjc5ZVZDSGJwMHkwdVJUYXlGNUxDSHlLZFJobG9mRzVseDRHdFJDeU1KcWlVRVhBWU11OWtzdDRrTHBYb1FhZTQrbThIazRmNzUwRmN4eHNvbGZtT0RDSGs2V2YvT2hXNFpSYzlualF4OXBLcmtoQzcwaGRTOUt5ZFFGbmE2Y3VvTUx1cUtPaGJweUxvUnkzQ0JvMEYzSm9BbXJpZVh2TkdacmlsQW5zSWJ3cm1WNkM5Vld3N01JYVpQRTdMNWMweFVTNnFyL2U2ZytIdzV0c2J5Q2JCL0JJYWJpTDJoL21sZytJdFFUd0ZTb2R1b3A0UkpZTEphbFpMZ1VuUmE1TUE5YVBlOGdhMkgrR1hyb1ZOclEyWVNVTUcyQmxNTG5LVTM1aHNwZkhKN0JxaWVUTFBqK1pxVnBObjJwRm5wYUJ3NUdhWXY4ZHVSRG9aOUFwd2FaNWhLWEl6WHdIZUVRT0JiV0IzK25hRmRmNHNTdXU4aFJpVHlNOE1wRVRndTAyQXdQSWd5M2lBc2JlMUhTb2xSZjk0RitVWXh5ZGFTSnE2SThMakhvSXJNVmZEdUpLempFeVkwUjI1RDVaMGtCdXVOdkRXdVR1SUw5bkd5aS9LWTJkWUJid2dId0JlaWg5a29mb2hRK0QrdE1pNy9zbEJxZkVTNXU0c29JZmc2YXZxU2hHdEZTOFB1UDJUVENML0k5aWU4YU5Fek8wcDNOY0MzQzVoWWgxQUk0SDdaM09vbitVV2lMd0pZVjFkM0lIdFYyUWY0ZDlMN1NSV2xuS053QjdjcCtGbkk0cVFlaW13R1ZwekVJRi9WaUNydXhuZ0xWWnJ1NHFUOSsrNlFubFRQcnlWK29XVGNNWFZRRUxkNzM2NlQvLzlFNDYzd21oTnJqMjYrTHZWL1UyeEsvQytvaUVxSlVQZy9yRGVOcWg4WkJPQmZ1WFNjdC83TUQ0a3lvbTBWVFlFRlN5UHFFL29KZmY5a0ZudDc1VS9lcUF2UG9KTkJRaXhDZURHNWpSa0o5L0RBR1hnN3ZoMHVnUjQ2STh1dTA4MlZuVUQ1OS9EWU9Mb0RDUGRCT3hKVm5tSlFKRmhNcXZjcXc5dmdUVUt0SHR2REVWNThxUEF4blFFRW5zNE9oMHA0SlBYUTZQaHBPOUVwa25jSmF2V2xoZjVlK0pramJqdmdjWjA4NzRaL243TGtrLy9OT054MzVLcWhQTEh4WlNpTGZXNXVxcFVpd1A2SHBMYlI2RkpydUNjdEErQnBVUGRmQ3Q2R0h5clk4WFpEbFZ3K2R4TC9sRlU3T0lWdmVodmg4U2taWktsUDlORlFqV0QwV1p1VTkxeklsb2RLbGpmMjJyc3lzc2xSWExpbEhRUTIwK2hVK0ttVUNqWjk4dmkvMGFWTGxWR1ZLeHVaWTZLcjdiT2cvdGlCYUJ6bmk1a1JXa0lQVzF2V1F4MHFaZ2NmUWQ0YVd2aTJ5ZDVCbHM0OUk4amxkL1o1bkdZSlEraDlCcStjVTVQbEJHb3QranBEMjhaSGx0YkMvWlNDc2dhYTM4RkpuSDVKaTkyM05KWFo5ZkJrdUpoV2pObDBrSWNIbGhGWlB0U2tKOTNkNnMxczlDazNYQi9sTkdPSUxGTDl4U3BWdGVSVDJnUG9JTDRRdTlwZkFGNTFoWFdTZnQxaWZUM0ZsNVlLeTFFOUROWUt2UjNLK3ZLZGpYMmlaZzFCejRnVG95OHRYVnM3bHJ3bnliVWZjYm1pVzdPZ2dqYS9uYTdtTkVoVUFIZHJzbUtTYlFLakhrVUpRbFNTYVQzaG5Sb2ErNlBlRnZhQWUrNTZCbzZIMmVadEJRWGxWaG9jZTg0YkMzbEI3NERmaFEzQThES0ZIU3oxUzYzRlE4aHRRai81NjdGTGQ2MEFoclo1TzZBK0EyOEcxNGNkd0lsUmFIVHA1NkhGS2FkVTJuWXdyN1dRNEd2ckhXYUtwVUR2VUhrSDc4Z2ZycE9WL3VpTnFXNk5CdXdtR2U3L0QwZG5XeGZkRisrQ0RZRC9ZQ2I0RzlkZ3BuMXA5MDVDZmc0SzJKZktyOERpY1ZTY3QvMlAxTEVKMXkzSjEzWDc3UU9KYlFmWC9kWGdyMVBicFlDaG83a3lvazFiOG83SFJOa250czc1cm5IUTYzaDBLMmg2b1RvOWlmSjV2ckh0UTZPQ2s0TFEyNXN1cmJGMmcrcjROWEJOK0RDZkJ1MkU0OXZuS1dwMzA1aXZ6QTZxdnNTR1N4aklIRjhKcXFLMWhYaFM2MFBNV0VvM1JBNDN3Z0Jidmx4bjVkYkd4U1R3ZGVaT01kRkZkandkMFdCTVJQZEJTSHRBVDBrdHdPTlNkekVOM1JYOEFPZG9ibzF5Y0IrSWR2VGgveGRSTjV3R2RwdXV4ZHAra3lQbUVUOExaVUkvamUwQmRDQVI5dE5vUHZxZElSUEVlYUZ0OGxwZ2plcUJKUEtDRi9oVGNEZXJ1clR1NnpseEN2STFpUHhnWGVlaVpJdUx4amw2RXMyTFNadkhBYXBRNkNBNkFQYUVPNC9RWnV3N2hub1lQd0t3OVBLYUlRandRRjNvaFhvcHBvZ2UrNVI3NEg2TFhYVWY2YnQxSUFBQUFBRWxGVGtTdVFtQ0MiPjwvaW1hZ2U+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  position: absolute;
  left: 16px;
}

.form-block--login {
  margin: 32px 0;
}

.login__form-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 32px;
}

.login__form-button {
  line-height: 38px;
  font-weight: 500;
  font-size: 18px;
  margin-left: 8px;
}

.login a.login__form-button-link {
  font-weight: 500;
  font-size: 18px;
  margin-right: 20px;
  text-decoration: underline;
}

.login__form-button--disabled {
  cursor: default;
  opacity: 0.5;
}

.login-form-input input {
  background-color: #fff;
  color: #000;
  padding: 16px 12px;
  height: 46px;
  border-radius: 3px;
  border: 1px solid #cacaca;
}
.login-form-input input::placeholder {
  color: #aaa;
}

.login-form-input {
  position: relative;
  border: none;
  margin: 12px 0 22px 0;
  font-size: 18px;
}
.login-form-input__label {
  text-align: left;
  font-size: 14px;
  margin: 8px 0 5px 4px;
  opacity: 1;
  color: #929292;
}

.login-form-input input {
  width: 100%;
}
.login-form-input input:focus {
  outline: none;
  border-color: #777;
}

.login-form-input__label {
  margin-bottom: 10px;
}

.login-form-input--highlighted input {
  background: #767a7d;
}

.login-form-input__password-toggle {
  cursor: pointer;
  position: absolute;
  right: 16px;
  bottom: 0;
  height: 46px;
  line-height: 46px;
  color: #000;
}

.login-form-input__verfified-indicator {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 3px;
  width: 70px;
  background: linear-gradient(to right, rgba(72, 77, 80, 0) 0%, rgb(72, 77, 80) 40%, rgb(72, 77, 80) 100%);
}
.login-form-input__verfified-indicator .bl-icon, .login-form-input__verfified-indicator .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .login-form-input__verfified-indicator .drop-down-button__toggle::after, .login-form-input__verfified-indicator .auto-complete-email__button--chevron, .login-form-input__verfified-indicator .timeline-item-header__shared-icon {
  color: #03c339;
  line-height: 56px;
  text-align: right;
  position: absolute;
  right: 8px;
}

.support-call-to-action__phone-number {
  color: #000;
  font-size: 28px;
}

.practice-ignition-details-section {
  padding: 40px 0;
  color: #000;
  border-top: 1px solid #e6e6e6;
}
.practice-ignition-details-section:first-of-type {
  border-top: 0px;
}
.practice-ignition-details-section__title {
  color: #000;
  font-size: 1.2em;
  font-weight: 600;
}
.practice-ignition-details-section__subtitle {
  color: #000;
  padding: 12px 0;
}
.practice-ignition-details-section__content {
  padding: 12px 0;
}
.practice-ignition-details-section__token {
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-right: 12px;
  width: 368px;
}
.practice-ignition-details-section__copy-button > button {
  color: #2872d3;
  text-decoration: underline;
}
.practice-ignition-details-section .form-item {
  width: 300px;
  cursor: pointer;
}
.practice-ignition-details-section .auto-complete {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.practice-ignition-details-section .auto-complete__input {
  border-bottom: none;
}
.practice-ignition-details-section .auto-complete__input.focussed-input {
  color: #000;
}
.practice-ignition-details-section .auto-complete__input__items::after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  padding-left: 4px;
  position: relative;
  line-height: 14px;
  top: 4px;
  right: 5px;
}
.practice-ignition-details-button {
  margin-top: 0;
  margin-left: 16px;
}
.practice-ignition-details-section--no-border {
  border: none;
  padding: 40px 0 0 0;
}

.zapier-settings__section {
  padding: 40px 0;
  color: #000;
  border-bottom: 1px solid #e6e6e6;
}
.zapier-settings__section__title {
  color: #000;
  font-size: 1.2em;
  font-weight: 600;
}
.zapier-settings__section__subtitle {
  color: #000;
  padding: 12px 0;
}
.zapier-settings__section__token-area {
  display: flex;
  flex-direction: column;
}
.zapier-settings__section__token {
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-right: 12px;
  word-break: break-all;
}
.zapier-settings__section__copy-button > button {
  margin-top: 8px;
  color: #2872d3;
  text-decoration: underline;
}
.zapier-settings__section--no-border {
  border: none;
  padding: 40px 0 0 0;
}

.companies-house-settings {
  padding: 20px 60px;
  color: #000;
}
@media only screen and (max-width: 600px) {
  .companies-house-settings {
    padding: 0px;
  }
}
.companies-house-settings__api-section {
  margin: 12px;
}
.companies-house-settings__api-section__text {
  line-height: 1.5rem;
}
.companies-house-settings__api-section__label {
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 16px;
  font-weight: 500;
}
.companies-house-settings__api-section__api-key {
  font-size: 18px;
  margin-right: 12px;
}
.companies-house-settings__api-section__input {
  outline: none;
  border: 1px solid #cacaca;
  height: 40px;
  margin-right: 12px;
  margin-top: 8px;
  width: 100%;
  padding: 12px;
}
.companies-house-settings__api-section__input:focus {
  border-color: #9f9f9f;
}
.companies-house-settings--no-border {
  border: none;
  padding: 40px 0 0 0;
}
.companies-house-settings__history {
  padding-top: 20px;
}
.companies-house-settings__history--failed {
  color: red;
  margin-right: 4px;
}
.companies-house-settings__history-table {
  width: 100%;
}
.companies-house-settings__history-table tr {
  border-bottom: 1px solid #e6e6e6;
}
.companies-house-settings__history-table td {
  height: 40px;
  padding: 0px;
}
@media only screen and (max-width: 600px) {
  .companies-house-settings__history-table td {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.companies-house-settings__history-table__spinner-container {
  display: flex;
  align-items: center;
  color: var(--color-grey-500);
}
.companies-house-settings__history-table__spinner {
  margin: 0px;
  margin-right: 4px;
}

.private-app-settings__section {
  padding: 40px 0;
  color: #000;
  border-bottom: 1px solid #e6e6e6;
}
.private-app-settings__section__title {
  color: #000;
  font-size: 1.2em;
}
.private-app-settings__section__subtitle {
  color: #000;
  padding: 12px 0;
}
.private-app-settings__section__token-area {
  display: flex;
  flex-direction: column;
}
.private-app-settings__section__token {
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-right: 12px;
  word-break: break-all;
}
.private-app-settings__section__copy-button > button {
  margin-top: 8px;
  color: #2872d3;
  text-decoration: underline;
}
.private-app-settings__section--no-border {
  border: none;
  padding: 40px 0 0 0;
}

body.practice-logo {
  background-color: #000;
  color: #fff;
}

.practice-logo-upload {
  margin-top: 32px;
}
.practice-logo-upload__upload-panel, .practice-logo-upload__logo-panel {
  padding: 16px 0 0 0;
  border-top: 1px solid #e6e6e6;
}
.practice-logo-upload__upload-panel--no-border {
  border: none;
}
.practice-logo-upload__logo-panel--no-border {
  border: none;
  max-width: 400px;
}
.practice-logo-upload__logo-container {
  position: relative;
}
.practice-logo-upload__delete {
  position: absolute;
  top: 16px;
  right: 8px;
}
.practice-logo-upload__delete:hover {
  filter: invert(0.5);
  cursor: pointer;
}
.practice-logo-upload__practice-logo {
  margin-top: 8px;
  max-width: 100%;
  height: auto;
  width: auto;
  margin-bottom: 24px;
  border-radius: 3px;
}
.practice-logo-upload__upload-button.file-upload-button {
  width: auto;
  background: transparent;
  height: auto;
  text-align: center;
  min-width: 90px;
  margin-top: 0;
  margin-right: 8px;
}
.practice-logo-upload__upload-button.file-upload-button .bl-icon--attachment {
  display: none;
}
.practice-logo-upload__upload-button.file-upload-button span {
  color: #2872d3;
  text-decoration: underline;
  padding: 6px 0;
  display: inline-block;
  cursor: pointer;
  margin-right: 4px;
}
.practice-logo-upload__link-bar {
  display: flex;
}
.practice-logo-upload__uploading-button, .practice-logo-upload__link {
  height: auto;
  color: #999999;
  text-decoration: underline;
  padding: 6px 0;
  cursor: pointer;
  margin-right: 8px;
}
.practice-logo-upload__uploading-button {
  text-decoration: none;
}
.practice-logo-upload__message {
  flex-grow: 1;
  color: #000;
  padding: 12px 4px;
}
.practice-logo-upload__message--error {
  font-weight: 600;
  color: #ff9900;
}
.practice-logo-upload__logo-panel .practice-logo-upload__message--error {
  margin: 0 0 16px;
}
.practice-logo-upload__label--large {
  font-size: 14px;
  text-transform: uppercase;
}
.practice-logo-upload__upload-button__container {
  margin-top: 8px;
}

.sign-up .create-practice-form__people-list {
  background-color: #fff;
  color: #000;
  border: none;
  padding: 16px 12px;
  height: 56px;
  border-radius: 4px;
}
.sign-up .create-practice-form__people-list::placeholder {
  color: #aaa;
}

.sign-up .login__content {
  padding-top: 32px;
}
.sign-up .login-form-input__label {
  font-size: 18px;
  margin-bottom: 10px;
}
.sign-up__header-display-name {
  font-size: 18px;
  padding-top: 8px;
}
.sign-up .searchable-selector--form-item .searchable-selector__input,
.sign-up .industry-select-list .selection-button--form-item {
  background: #fff;
}
.sign-up .create-practice-form__people-list {
  display: block;
  text-align: left;
}
.sign-up .create-practice-form__people-list > .action-button, .sign-up .create-practice-form__people-list > .login__form-button {
  color: white;
  padding: 16px 12px;
  font-size: 18px;
  width: 100%;
  text-align: left;
}
.sign-up .create-practice-form .login__form-actions {
  margin-top: 66px;
}
.sign-up .create-practice-form__spacer {
  height: 18px;
}
.sign-up .tenant-location-autocomplete {
  border: 1px solid #cacaca;
  border-radius: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.sign-up .tenant-location-autocomplete .tenant-location-list__input-value {
  cursor: pointer;
  width: 100%;
  text-align: left;
  line-height: 48px;
  padding-left: 12px;
  background: none;
  position: relative;
}
.sign-up .tenant-location-autocomplete .tenant-location-list__input-value:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #999999;
  right: 8px;
  top: 38%;
  position: absolute;
  margin-top: -6px;
}
.sign-up .tenant-location-autocomplete .tenant-location-input {
  outline: none;
  border: none;
}
.sign-up .tenant-location-autocomplete > .auto-complete {
  margin: 0 0 0 4px;
  width: 100%;
}
.sign-up .tenant-location-autocomplete span {
  color: #000;
}

.industry-select-list__selected {
  border-radius: 4px;
  height: 56px;
  background-color: #fff;
  color: #000;
  text-align: left;
  padding: 16px 12px;
}
.industry-select-list .selectable-list {
  border-radius: 4px;
  background-color: white;
  color: #333;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.22);
}
.industry-select-list__item {
  padding: 16px 12px;
  height: 56px;
  border: none;
}

body.colleagues {
  background: #000;
}
body.colleagues .page-header {
  height: auto;
  padding-bottom: 0;
  border-bottom: 3px solid #fff;
}
body.colleagues .colleagues-header-tabbar {
  margin-top: 50px;
  opacity: 1;
}
body.colleagues .modal-dialog-bl--gl-invite-colleague .radio-input .form-label {
  color: #000;
  font-size: 18px;
}
body.colleagues .modal-dialog-bl--gl-invite-colleague .radio-input input {
  margin-top: 3px;
}

body.team {
  background: #000;
}
body.team .page-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tenant-teams-list .empty-state {
  max-width: 410px;
}
.tenant-teams-list__headers {
  display: flex;
  flex-direction: row;
  padding-bottom: 12px;
}
.tenant-teams-list__header {
  padding: 0 0 0 16px;
  min-width: 100px;
  text-align: left;
  font-size: 14px;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .tenant-teams-list__header {
    display: none;
  }
}
.tenant-teams-list__header-colleagues {
  text-align: right;
  min-width: 100px;
}
.tenant-teams-list__header-role {
  min-width: 300px;
  padding-left: 0px;
}
.tenant-teams-list__header-team-name {
  flex-grow: 1;
  padding-left: 0;
}

.tenant-teams-list__list {
  margin: 0;
  list-style: none;
  padding: 0;
}

.tenant-team-members-list__headers {
  display: flex;
  flex-direction: row;
  padding-bottom: 12px;
}
.tenant-team-members-list__header {
  padding: 0 0 0 16px;
  min-width: 100px;
  text-align: left;
  font-size: 14px;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .tenant-team-members-list__header {
    display: none;
  }
}
.tenant-team-members-list__header-colleagues {
  text-align: right;
  min-width: 100px;
}
.tenant-team-members-list__header-team-name {
  flex-grow: 1;
  padding-left: 0;
}
.tenant-team-members-list__context-menu {
  width: 32px;
  display: inline-block;
  float: right;
  margin-top: 3px;
}
.tenant-team-members-list .empty-state {
  max-width: 410px;
}

.tenant-team-members-list-item {
  border-top: 1px solid #e6e6e6;
  border-bottom: none;
  position: relative;
}
.tenant-team-members-list-item:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.tenant-team-members-list-item__content {
  height: 63px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 0;
}
.tenant-team-members-list-item a {
  color: #000;
}
.tenant-team-members-list-item__icon {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #e6e6e6;
}
.tenant-team-members-list-item__icon:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  opacity: 0.5;
  left: 4px;
  position: relative;
  top: 3px;
}
.tenant-team-members-list-item__title {
  padding-left: 8px;
  font-size: 18px;
  flex-grow: 1;
}
.tenant-team-members-list-item__roles {
  min-width: 300px;
}
.tenant-team-members-list-item__count {
  padding: 0 0 0 16px;
  min-width: 100px;
  text-align: right;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .tenant-team-members-list-item__count {
    display: none;
  }
}
.tenant-team-members-list-item__context-menu {
  display: none;
  position: absolute;
  right: -12px;
  top: 14px;
}

.tenant-team-members-list-item:hover .tenant-team-members-list-item__context-menu {
  display: block;
}
.tenant-team-members-list-item:hover .tenant-team-members-list-item__count {
  opacity: 0;
}

.client-team-members-list-item__content {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 4px;
}
.client-team-members-list-item a {
  color: #000;
}
.client-team-members-list-item__titles {
  padding-left: 4px;
  flex-grow: 1;
}
.client-team-members-list-item__title {
  font-size: 16px;
}
.client-team-members-list-item__subtitle {
  font-size: 16px;
  color: #999999;
}
.client-team-members-list-item__count {
  padding: 0 0 0 16px;
  min-width: 120px;
  text-align: right;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .client-team-members-list-item__count {
    display: none;
  }
}

.client-team-list {
  margin: 0;
  list-style: none;
  padding: 0;
}

.practice-details-form__form {
  margin: 0 auto;
}
.practice-details-form__form .tenant-location-autocomplete {
  border: 1px solid #cacaca;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.practice-details-form__form .tenant-location-autocomplete .tenant-location-list__input-value {
  cursor: pointer;
  width: 100%;
  text-align: left;
  line-height: 48px;
  padding-left: 12px;
  position: relative;
}
.practice-details-form__form .tenant-location-autocomplete .tenant-location-list__input-value:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #999999;
  right: 8px;
  top: 38%;
  position: absolute;
  margin-top: -6px;
}
.practice-details-form__form .tenant-location-autocomplete > .auto-complete {
  margin: 0 0 0 4px;
  width: 100%;
}
.practice-details-form__form .tenant-location-autocomplete span {
  color: #000;
}
@media only screen and (max-width: 600px) {
  .practice-details-form__form {
    width: 100%;
  }
}
.practice-details-form__actions > .action-button--inline {
  color: #999999;
  text-decoration: underline;
}
.practice-details-form__actions > .action-button--primary, .practice-details-form__actions > .login__form-button {
  min-width: 100px;
}
.practice-details-form__actions > .action-button--primary:disabled, .practice-details-form__actions > .login__form-button:disabled {
  background-color: #444444;
  border-color: #444444;
  color: #999999;
}
.practice-details-form .searchable-selector--form-item .searchable-selector__input {
  border: 1px solid #e6e6e6;
}
.practice-details-form__inactivity-button {
  width: 100%;
  border-color: #696969;
  background: rgba(255, 255, 255, 0.05);
  font-size: 18px;
}

.modal-dialog-bl--gl-invite-colleague {
  min-height: 200px;
}
.modal-dialog-bl--gl-invite-colleague .check-box {
  margin: 10px 0;
}
.modal-dialog-bl--gl-invite-colleague .permissions-link {
  margin-bottom: 12px;
}

.work-type-setting-table {
  color: #000;
}
.work-type-setting-table .row {
  display: flex;
  align-items: center;
  height: 40px;
}
.work-type-setting-table .row:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.work-type-setting-table__primary {
  border-top: 1px solid #e6e6e6;
}
.work-type-setting-table__primary .type-label {
  font-weight: 500;
  flex-grow: 1;
  max-width: 400px;
}
.work-type-setting-table__header {
  display: flex;
  margin-bottom: 10px;
}
.work-type-setting-table__header .heading:first-child {
  flex-grow: 1;
  max-width: 400px;
}
.work-type-setting-table .heading {
  min-width: 200px;
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.work-type-setting-table .type-label {
  min-width: 200px;
}
.work-type-setting-table .type-label--secondary {
  min-width: 200px;
  padding: 8px 8px 8px 28px;
  flex-grow: 1;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.work-type-setting-table .status-state {
  min-width: 200px;
  min-height: 40px;
  padding: 8px;
  display: flex;
  justify-content: center;
}
.work-type-setting-table .status-state .check-box--disabled {
  opacity: 0.3;
}

.role-details__label {
  font-size: 14px;
  color: #999999;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.role-details__title {
  font-size: 22px;
  font-weight: 600;
  color: #2a2a2a;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  margin-bottom: 18px;
  padding-bottom: 8px;
}
.role-details__subtitle {
  font-size: 22px;
  font-weight: 600;
  color: #2a2a2a;
  width: 100%;
  margin: 12px 0;
}
.role-details__subsubtitle {
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
  width: 100%;
  margin: 12px 0;
}
.role-details__divider {
  border-bottom: 1px solid #e6e6e6;
  margin: 12px 0;
  font-size: 22px;
  font-weight: 600;
  color: #2a2a2a;
  width: 100%;
  padding-bottom: 8px;
}
.role-details__description {
  margin-top: 30px;
  margin-bottom: 24px;
}
.role-details__input {
  border: 1px solid #e2e2e2;
  padding: 8px;
  border-radius: 4px;
  margin-bottom: 12px;
  width: 100%;
  height: 46px;
}
.role-details__standard-rate {
  margin-bottom: 12px;
  width: 180px;
}
.role-details__standard-rate input {
  border: none;
  outline: none;
  width: 90px;
}
.role-details .loading-icon__spinner {
  margin-top: unset;
}
.role-details .button-spacer {
  flex-grow: 1;
}
.role-details .action-button--inline {
  text-decoration: underline;
}
.role-details-table {
  width: 100%;
}
.role-details-table th {
  font-size: 14px;
  color: #999999;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 8px;
  padding-left: 10px;
  text-align: left;
}
.role-details-table tr.role-details-table__row {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.role-details-table tr.role-details-table__row .name-col {
  border-right: 1px solid #e6e6e6;
}
.role-details-table td {
  padding: 12px 8px;
}
.role-details-table tr.role-details-table__header {
  width: 100%;
}
.role-details-table tr.role-details-table__header .name-col {
  padding-left: 2px;
}
.role-details-table tr.role-details-table__row:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.role-details-table tr.role-details-table__row:last-child {
  border-bottom: 1px solid #e6e6e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.role-details-table .rate-col {
  width: 180px;
}
.role-details-table .rate-col input {
  width: 88px;
  border: none;
  outline: none;
}
.role-details-table .rate-col .currency-input {
  border: none;
}
.role-details-delete__warning-text {
  margin-bottom: -40px;
}

.pro-connect-settings__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pro-connect-settings__intro__contents {
  max-width: 400px;
  text-align: center;
}
.pro-connect-settings__intro__contents .tenant-settings__body-text, .pro-connect-settings__intro__contents .tenant-settings__last-synced .human-time-ago, .tenant-settings__last-synced .pro-connect-settings__intro__contents .human-time-ago {
  padding-bottom: 24px;
}
.pro-connect-settings .tenant-settings__header {
  border: none;
  margin-top: 32px;
}
.pro-connect-settings__intuit-logo {
  margin-top: 54px;
}

.intuit-settings__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.intuit-settings__intro__contents {
  max-width: 400px;
  text-align: center;
}
.intuit-settings__intro__contents .tenant-settings__body-text, .intuit-settings__intro__contents .tenant-settings__last-synced .human-time-ago, .tenant-settings__last-synced .intuit-settings__intro__contents .human-time-ago {
  padding-bottom: 24px;
}
.intuit-settings .tenant-settings__header {
  border: none;
  margin-top: 32px;
}
.intuit-settings__intuit-logo {
  margin-top: 54px;
}
.intuit-settings .intuit-settings__last-synced .human-time-ago {
  font-size: 16px;
  color: #000;
}

.tenant-settings-list {
  color: #000;
}
.tenant-settings-list__action-bar {
  padding: 0 0 24px 0;
}
.tenant-settings-list__headers {
  display: flex;
  flex-direction: row;
  padding-bottom: 12px;
}
.tenant-settings-list__header {
  padding: 0 0 0 16px;
  min-width: 120px;
  font-size: 14px;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .tenant-settings-list__header {
    display: none;
  }
}
.tenant-settings-list .empty-state .action-button, .tenant-settings-list .empty-state .login__form-button {
  margin-top: 24px;
  background-color: #2872d3;
  border: 0px;
  color: #fff;
}

.tenant-settings-list-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #e6e6e6;
  height: 64px;
  font-size: 18px;
}
.tenant-settings-list-item:last-child {
  border-bottom: 1px solid #e6e6e6;
}
@media only screen and (max-width: 600px) {
  .tenant-settings-list-item {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.tenant-settings-list-item__title {
  flex-grow: 1;
}
.tenant-settings-list-item__count {
  padding: 0 0 0 16px;
  min-width: 120px;
  text-align: right;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .tenant-settings-list-item__count {
    display: none;
  }
}

body.contact-settings .focussed-input {
  color: #000;
}
body.contact-settings .contact-settings__name-display {
  margin-bottom: 48px;
  font-size: 16px;
}
body.contact-settings .contact-settings__name-display .contact-settings__body {
  color: #999999;
}
body.contact-settings .contact-settings__name-display .contact-settings__body strong {
  color: #000;
  font-weight: 400;
}
body.contact-settings .contact-settings__name-display .contact-settings__link {
  color: #2872d3;
  display: inline-block;
  text-decoration: underline;
}
body.contact-settings .contact-settings__name-display .action-button--inline {
  color: #2872d3;
  text-decoration: underline;
}
body.contact-settings .radio-input .form-label span strong {
  color: #000;
  font-weight: 400;
}
body.contact-settings .contact-types-list .tenant-settings-list__header {
  padding-top: 5px;
  margin-top: 16px;
}
body.contact-settings .contact-types-list .tenant-settings-list__headers .tenant-settings-list__header {
  color: rgba(13, 13, 13, 0.6);
  font-weight: 500;
}
body.contact-settings .contact-types-list .contact-types-list-item.tenant-settings-list-item {
  padding: 8px 0px;
}
body.contact-settings .contact-types-list .tenant-settings-list-item {
  font-size: 16px;
  height: auto;
}
body.contact-settings .contact-types-list .tenant-settings-list-item__count {
  color: rgba(13, 13, 13, 0.6);
  font-size: 16px;
}
body.contact-settings .contact-types-list .contact-types-list__header-name {
  flex-grow: 1;
  padding-left: 0;
}
body.contact-settings .contact-types-list .contact-types-list__header-num-contacts {
  text-align: right;
}
body.contact-settings .contact-types-list .tenant-settings-list-item__title a {
  color: #2872d3;
  text-decoration: underline;
}
body.contact-settings .contact-types-list .tenant-settings-list__action-bar {
  margin-top: 16px;
}

.tenant-settings-list-item.contact-types-list-item {
  cursor: default;
}

.contact-types-list-item__context-menu {
  margin-left: 32px;
  opacity: 0;
}

.contact-types-list-item:hover .contact-types-list-item__context-menu {
  opacity: 1;
}

.go-proposal-settings-section {
  padding: 40px 0;
  color: #000;
  border-top: 1px solid #e6e6e6;
}
.go-proposal-settings-section:first-of-type {
  border-top: 0px;
}
.go-proposal-settings-section__title {
  color: #000;
  font-size: 1.2em;
  font-weight: 600;
}
.go-proposal-settings-section__subtitle {
  color: #000;
  padding: 12px 0;
}
.go-proposal-settings-section__content {
  padding: 12px 0;
}
.go-proposal-settings-section__token {
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-right: 12px;
  width: 368px;
  overflow-wrap: break-word;
}
.go-proposal-settings-section__copy-button > button {
  color: #2872d3;
  text-decoration: underline;
}
.go-proposal-settings-button {
  margin-top: 0;
  margin-left: 16px;
}
.go-proposal-settings-section--no-border {
  border: none;
  padding: 40px 0 0 0;
}

.liscio-settings__token-field {
  margin: 16px 0 0 0;
  display: flex;
  align-items: center;
}
.liscio-settings__token {
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0 12px 0 0;
  width: 368px;
}
.liscio-settings__copy-button > button {
  color: #2872d3;
  text-decoration: underline;
}

.connect4-settings__token-field {
  margin: 16px 0 0 0;
  display: flex;
  align-items: center;
}
.connect4-settings__token {
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0 12px 0 0;
  width: 368px;
}
.connect4-settings__copy-button > button {
  color: #2872d3;
  text-decoration: underline;
}

.xama-settings__token-field {
  margin: 16px 0 0 0;
  display: flex;
  align-items: center;
}
.xama-settings__token {
  padding: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0 12px 0 0;
  width: 368px;
}
.xama-settings__copy-button > button {
  color: #2872d3;
  text-decoration: underline;
}

body.tsheets {
  background-color: #000;
}

.tsheets-settings {
  color: #000;
}
.tsheets-settings__sync-info {
  margin-bottom: 12px;
}
.tsheets-settings .tenant-settings__action-button {
  color: white;
}
.tsheets-settings .form-label {
  display: block;
}
.tsheets-settings__contact-types-checkboxes {
  margin-top: 24px;
}
.tsheets-settings__contact-types-checkboxes .check-box {
  margin: 12px 0;
}
.tsheets-settings__syncing-title {
  margin-top: 24px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
.tsheets-settings__syncing-text {
  font-size: 18px;
  margin: 16px auto;
  text-align: center;
  max-width: 320px;
}
.tsheets-settings .loading-icon {
  margin: 0;
}
.tsheets-settings__auth-or-label {
  margin: 0 6px;
  color: #999999;
}
.tsheets-settings__error-state {
  padding-top: 60px;
  max-width: 400px;
  margin: 0 auto;
}
.tsheets-settings__error-state__header {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 28px;
}
.tsheets-settings__error-state__body {
  font-size: 18px;
  text-align: center;
  line-height: 1.4;
}
.tsheets-settings__error-state a {
  color: #000;
  text-decoration: underline;
}
.tsheets-settings__message-box {
  background-color: #2872d3;
  color: white;
  border-radius: 3px;
  padding: 10px 14px 14px;
  font-size: 18px;
  margin: 42px 0 0 0;
}
.tsheets-settings__message-box h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
.tsheets-settings__message-box p {
  margin: 0;
}
.tsheets-settings__message-box-grey {
  font-size: 16px;
  margin: 42px 0 0 0;
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 22px;
  margin-bottom: 16px;
  border: 1px solid #e6e6e6;
}
.tsheets-settings__message-box-grey h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}
.tsheets-settings__message-box-grey p {
  margin: 0;
}
.tsheets-settings__message-box-grey ol,
.tsheets-settings__message-box-grey ul {
  padding-left: 18px;
}
.tsheets-settings__message-box-grey li {
  margin-bottom: 8px;
  padding-left: 6px;
  font-weight: 600;
}
.tsheets-settings__message-box-grey li span {
  font-weight: 400;
}
.tsheets-settings__message-box-grey li:last-child {
  margin-bottom: 0;
}
.tsheets-settings li {
  font-weight: 600;
  padding-bottom: 8px;
}
.tsheets-settings li span {
  font-weight: 400;
}
.tsheets-settings__dropdown-wrap {
  max-width: 220px;
}
.tsheets-settings__table-wrap table {
  border-collapse: unset;
}
.tsheets-settings__table-wrap table th,
.tsheets-settings__table-wrap table td {
  border-bottom: 1px solid var(--color-grey-200);
  padding: 10px 0;
}
.tsheets-settings__table {
  width: 100%;
}
.tsheets-settings__table th {
  text-transform: uppercase;
  font-weight: 400;
  color: var(--color-grey-500);
  font-size: 14px;
  padding: 12px 0;
  text-align: left;
}
.tsheets-settings__table td {
  padding: 12px 0;
}
.tsheets-settings__table td span {
  color: var(--color-black);
}
.tsheets-settings__table tr {
  border-bottom: 1px solid var(--color-grey-300);
}
.tsheets-settings__table-syncing {
  font-style: italic;
}
.tsheets-settings__table-error {
  font-weight: bold;
  color: var(--color-orange-500);
}
.tsheets-settings__button-wrap button {
  text-decoration: underline;
  padding: 0;
}

.tenant-settings__header {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  padding-bottom: 12px;
  margin-bottom: 18px;
  border-bottom: 1px solid #cacaca;
}
.tenant-settings__header--pad-top {
  margin-top: 42px;
}
.tenant-settings__sub-header {
  margin-top: 24px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 18px;
}
.tenant-settings__body-text, .tenant-settings__last-synced .human-time-ago {
  font-size: 18px;
  line-height: 1.4;
  color: #000;
}
.tenant-settings__strong-text {
  font-weight: 600;
}
.tenant-settings__connected-text {
  color: rgb(106, 184, 56);
}
.tenant-settings__selection-button.selection-button--form-item {
  border-color: #e6e6e6;
  display: inline-flex;
  min-width: 220px;
  margin-bottom: 6px;
}
.tenant-settings__selection-button.selection-button--form-item .action-button, .tenant-settings__selection-button.selection-button--form-item .login__form-button {
  color: #000;
}
.tenant-settings__divider {
  height: 1px;
  background-color: #e6e6e6;
  margin: 24px 0;
}
.tenant-settings__action-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 32px;
  padding-top: 16px;
}
.tenant-settings__action-bar > .action-button--inline {
  margin: 0 16px;
  text-decoration: underline;
}
.tenant-settings__action-bar .action-button--tertiary {
  background-color: #2872d3;
}
.tenant-settings__action-bar > .action-button--primary, .tenant-settings__action-bar > .login__form-button {
  min-width: 100px;
}
.tenant-settings__action-bar__spacer {
  flex-grow: 1;
}
.tenant-settings__vertical-stack {
  margin-top: 16px;
  display: inline-flex;
  flex-direction: column;
}
.tenant-settings__action-button {
  font-size: 18px;
  background-color: #2872d3;
  padding: 8px 24px;
  border-radius: 3px;
}
.tenant-settings__vertical-stack .tenant-settings__action-button {
  margin: 6px 0;
}

.tsheets-unauthorized__error-state {
  padding-top: 60px;
  max-width: 400px;
  margin: 0 auto;
}
.tsheets-unauthorized__error-state__header {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 28px;
}
.tsheets-unauthorized__error-state__body {
  font-size: 18px;
  text-align: center;
  line-height: 1.4;
}
.tsheets-unauthorized__error-state__actions {
  display: flex;
  margin-top: 48px;
  justify-content: center;
}
.tsheets-unauthorized__error-state .action-button, .tsheets-unauthorized__error-state .login__form-button {
  min-width: 120px;
}

.client-requests {
  font-size: 18px;
}
.client-requests .client-requests__link {
  padding: 12px 0 16px 0;
  display: inline-block;
  text-decoration: underline;
  color: #000;
}
.client-requests__time-zone-label {
  color: #999999;
  font-size: 14px;
  margin: -6px 0 0 4px;
  min-height: 16px;
}

body.task-statuses .workflow-status-tree {
  margin-top: 24px;
}
body.task-statuses .workflow-status-tree .checkbox-tree__group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.practice-automators b,
.practice-automators strong {
  font-weight: normal;
  font-weight: 600;
}
.practice-automators__options-list {
  margin-top: 16px;
  font-size: 18px;
  border-top: 1px solid #e6e6e6;
}
.practice-automators__options-list__item {
  position: relative;
  padding-left: 28px;
  padding-right: 64px;
  color: #000;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  min-height: 64px;
}
.practice-automators__options-list__item:before {
  position: absolute;
  left: -6px;
  margin-top: 1px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93a";
  font-size: 32px;
  color: #000;
}
.practice-automators__options-list__item.off * {
  color: #999999 !important;
}
.practice-automators__options-list__item.off *:after {
  color: #999999 !important;
}
.practice-automators__options-list__item.off:before {
  color: #999999;
}
.practice-automators__selector {
  white-space: nowrap;
}
.practice-automators__selector > .action-button, .practice-automators__selector > .login__form-button, .practice-automators__selector > .action-button--inline {
  color: #000;
  font-weight: 600;
  margin-left: 4px;
  padding: 0;
}
.practice-automators__selector:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  padding-left: 0;
  line-height: 12px;
  position: relative;
  top: 6px;
  left: -8px;
  margin-right: -10px;
}
.practice-automators__selector--no-pad {
  margin-right: -4px;
}
.practice-automators__selector--no-pad > .action-button, .practice-automators__selector--no-pad > .login__form-button, .practice-automators__selector--no-pad > .action-button--inline {
  margin-left: 0;
}
.practice-automators__selector--task-status {
  margin-right: 0;
  min-width: 72px;
}
.practice-automators__dropdown-list {
  background: white;
  border-radius: 5px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}
.practice-automators__dropdown-list__item {
  border: 0;
  white-space: nowrap;
}
.practice-automators .toggle-switch {
  position: absolute;
  right: 16px;
}

body.workflow .page-header {
  height: auto;
  padding-bottom: 0;
  border-bottom: 3px solid #fff;
}

.delete-status-modal .delete-status-link .button.action-button--inline {
  width: 100%;
  text-align: left;
  padding: 12px;
  color: rgb(55, 55, 55);
  border-top: 1px solid rgb(230, 230, 230);
  border-bottom: 1px solid rgb(230, 230, 230);
  border-radius: 0;
}
.delete-status-modal .delete-status-link .button.action-button--inline:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  padding-left: 4px;
  position: relative;
  line-height: 14px;
  top: 6px;
}
.delete-status-modal .delete-status-link .pop-over--active .button.action-button--inline:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e952";
  font-size: 26px;
  line-height: 14px;
}
.delete-status-modal .delete-status-link .pop-over__contents {
  background-color: #fff;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.delete-status-modal .form-container--modal {
  height: auto;
  padding-bottom: 70px;
}

.workflow-content .workflow-statuses__section {
  margin-bottom: 56px;
}
.workflow-content .workflow-statuses__info {
  color: #000;
  font-size: 18px;
  margin-bottom: 20px;
}
.workflow-content .workflow-statuses__info a {
  text-decoration: underline;
  color: #000;
  cursor: pointer;
}
.workflow-content__p {
  margin-bottom: 8px;
}

.workflow-content-add-dlg .workflow-statuses-add__details {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #f3f3f3;
  padding: 12px;
  margin-top: 10px;
}
.workflow-content-add-dlg .workflow-statuses-add__details .radio-input .form-label {
  padding: 6px 5px 6px 2px;
}
.workflow-content-add-dlg .workflow-statuses-add__details .radio-input .form-label span {
  margin-top: 0px;
}
.workflow-content-add-dlg .action-button--right {
  min-width: 86px;
  text-align: center;
}
.workflow-content-add-dlg .workflow-statuses-add__yes {
  margin-left: 23px;
  margin-top: -6px;
  margin-bottom: 12px;
}
.workflow-content-add-dlg .workflow-statuses-add__yes-line {
  padding: 4px;
}
.workflow-content-add-dlg .workflow-statuses-add__yes-line .ember-checkbox {
  margin-right: 4px;
}

.pro-connect-setup .pro-connect-setup__logo {
  display: none;
}

body.lock-down.pro-connect-setup .pro-connect-setup__logo {
  display: block;
  position: fixed;
  left: 24px;
  top: 18px;
}
@media only screen and (max-width: 600px) {
  body.lock-down.pro-connect-setup .pro-connect-setup__logo {
    display: none;
  }
}

.intuit-setup .intuit-setup__logo {
  display: none;
}

body.lock-down.intuit-setup .intuit-setup__logo {
  display: block;
  position: fixed;
  left: 24px;
  top: 18px;
}
@media only screen and (max-width: 600px) {
  body.lock-down.intuit-setup .intuit-setup__logo {
    display: none;
  }
}

.get-started-page__task-section__title, .get-started-page__title {
  font-weight: 600;
  font-size: 22px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.get-started-page__quick-start {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #cacaca;
}
@media only screen and (min-width: 780px) {
  .get-started-page__quick-start {
    flex-direction: row;
  }
}
.get-started-page__quick-start__item {
  flex-basis: 100px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-bottom: 1px solid #cacaca;
  align-items: flex-start;
}
@media only screen and (min-width: 780px) {
  .get-started-page__quick-start__item {
    border-bottom: none;
    border-right: 1px solid #cacaca;
  }
}
.get-started-page__quick-start__item:last-child {
  border: none;
}
.get-started-page__quick-start__item__title {
  display: flex;
  font-weight: 600;
  font-size: 20px;
  align-items: center;
  margin-bottom: 16px;
}
.get-started-page__quick-start__item__title__number {
  border-radius: 50%;
  background-color: #ed8072;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  margin-right: 12px;
}
.get-started-page__quick-start__item__body {
  font-size: 18px;
}
.get-started-page__quick-start__item__body p {
  margin: 0 0 8px 0;
}
.get-started-page__quick-start__item__body p:last-of-type {
  margin: 0;
}
.get-started-page__quick-start__item__sub-header {
  color: #999999;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  margin: 16px 0 8px 0;
}
.get-started-page__quick-start__item ul {
  padding: 0 18px;
  color: grey;
  margin: 0;
  line-height: 24px;
}
.get-started-page__quick-start__item ul li a {
  color: #2872d3;
  font-weight: 500;
}
.get-started-page__quick-start__item__action {
  margin-top: 16px;
}
.get-started-page__quick-start__item__video {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  background-color: #f2f2f2;
  border-radius: 4px;
  border: none;
  margin-top: 16px;
}

.get-started-page__task-section__title {
  margin-top: 32px;
}

.get-started-page__task-section-items {
  border: 1px solid #cacaca;
  border-radius: 4px;
}
.get-started-page__task-section-items__item {
  cursor: pointer;
  border-bottom: 1px solid #cacaca;
  padding: 12px;
  display: flex;
  align-items: center;
}
.get-started-page__task-section-items__item .check-box {
  height: 20px;
  margin-right: 4px;
  margin-left: 4px;
}
.get-started-page__task-section-items__item__title {
  flex-grow: 1;
}
.get-started-page__task-section-items__item--checked .get-started-page__task-section-items__item__title {
  text-decoration: line-through;
}
.get-started-page__task-section-items__item:last-of-type {
  border-bottom: none;
}

body.lock-down .global-nav-bar {
  display: none;
}
body.lock-down .app-menu {
  display: none;
}
body.lock-down .main.container,
body.lock-down .app-header,
body.lock-down .app-header__content {
  padding-left: 0;
  margin-left: 0;
}

body.users,
body.practices,
body.contacts__index,
body.settings,
body.colleagues,
body.time,
body.team,
body.profile,
body.connect,
body.workflow,
body.workflow-statuses,
body.task-statuses,
body.automators,
body.job-roles,
body.connected-apps,
body.connected-application,
body.practice-details,
body.contact-types,
body.contact-settings,
body.tsheets,
body.tsheets-unauthorized,
body.work-templates,
body.work-types,
body.work-type,
body.go-proposal,
body.liscio,
body.connect4,
body.xama,
body.zapier,
body.private-app,
body.client-request-settings,
body.edit-role,
body.default-workflow {
  background-color: #fff;
}

body.billing #main-container {
  scrollbar-gutter: initial;
}

.file-pill {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 4px 8px 2px 8px;
  border-radius: 16px;
  font-size: 16px;
  display: flex;
  align-items: flex-start;
  align-content: center;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}
.file-pill > i {
  color: #2872d3;
}
.file-pill .bl-icon, .file-pill .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .file-pill .drop-down-button__toggle::after, .file-pill .auto-complete-email__button--chevron, .file-pill .timeline-item-header__shared-icon {
  margin-left: -4px;
  margin-top: 0px;
  font-size: 24px;
}

.file-pill__file-details {
  display: inline-block;
  margin: 2px;
  color: #999999;
  flex: 1;
}
.file-pill__file-details .file-pill__file-progress {
  white-space: nowrap;
}
.file-pill__file-details .file-pill__file-name {
  color: #000;
}
@media only screen and (min-width: 601px) {
  .file-pill__file-details {
    flex: auto;
  }
}

.file-pill__download {
  cursor: pointer;
}
.file-pill__download:hover .file-pill__file-name {
  text-decoration: underline;
}

.file-pill__file-size {
  display: inline-block;
  margin-left: 5px;
  margin-right: 12px;
  margin-bottom: 2px;
  color: #999999;
}

.file-pill__file-progress {
  color: #999999;
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 2px;
  text-align: right;
  min-width: initial;
  margin-left: 0;
}
@media only screen and (min-width: 601px) {
  .file-pill__file-progress {
    margin-left: 5px;
    min-width: 34px;
  }
}

.file-pill__uploaded-by {
  color: #999999;
}

.file-pill__error-icon {
  margin-top: 0;
  margin-right: 5px;
  font-size: 18px;
}

.file-pill__remove-button {
  align-self: center;
  margin-top: -5px;
  padding: 0 0 0 12px;
  font-size: 18px;
  height: 20px;
  border: none;
}

.file-pill--blocked {
  cursor: not-allowed;
}

.file-pill--not-downloadable {
  cursor: default;
}

.file-pill--downloadable .file-pill__file-details {
  cursor: pointer;
  color: #000;
}
.file-pill--downloadable .file-pill__file-details:hover {
  text-decoration: underline;
}

.file-pill--not-downloadable .file-pill__file-details {
  cursor: default;
}

.file-pill--blocked .file-pill__file-details {
  cursor: not-allowed;
}

.file-pill--blocked .file-pill__file-details .file-pill__file-name {
  color: #d61407;
}

.file-pill--failed .file-pill__error-icon {
  color: #999999;
}

.file-pill--uploading .file-pill .bl-icon, .file-pill--uploading .file-pill .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .file-pill--uploading .file-pill .drop-down-button__toggle::after, .file-pill--uploading .file-pill .auto-complete-email__button--chevron, .file-pill--uploading .file-pill .timeline-item-header__shared-icon,
.file-pill--failed .file-pill .bl-icon,
.file-pill--failed .file-pill .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after,
.checklist-relative-due-date-input--minimal .file-pill--failed .file-pill .drop-down-button__toggle::after,
.file-pill--failed .file-pill .auto-complete-email__button--chevron,
.file-pill--failed .file-pill .timeline-item-header__shared-icon {
  opacity: 0.5;
}
.file-pill--uploading .file-pill__file-details span,
.file-pill--failed .file-pill__file-details span {
  opacity: 0.5;
}
.file-pill--uploading .file-pill__file-details .file-pill__retry-link,
.file-pill--failed .file-pill__file-details .file-pill__retry-link {
  cursor: pointer;
  opacity: 1;
  color: #2872d3;
}

.file-item {
  display: inline-block;
  height: 56px;
  padding-left: 32px;
  padding-right: 16px;
  position: relative;
  margin-bottom: 8px;
  width: 100%;
  opacity: 1;
}
.file-item > .bl-icon, .checklist-relative-due-date-input--minimal .file-item > .drop-down-button__toggle::after, .file-item > .auto-complete-email__button--chevron, .file-item > .timeline-item-header__shared-icon {
  left: -7px;
  position: absolute;
}
@media only screen and (min-width: 601px) {
  .file-item-details {
    padding-right: 56px;
  }
}
.file-item-name, .file-item-name a, .file-item-name-input {
  color: #000;
  font-size: 18px;
  padding-top: 4px;
  width: 100%;
}
.file-item-name a {
  width: initial;
  padding-top: 0;
}
.file-item-name-input {
  border: 0;
  display: none;
  margin-bottom: 3px;
  margin-left: -1px;
  outline: none;
  width: calc(100% - 70px);
}
.file-item-prefix {
  color: #999999;
  font-size: 16px;
}
.file-item-name, .file-item-details {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-item-details {
  line-height: 16px;
  width: 100%;
}
.file-item-modal {
  background: #fff;
  overflow-y: scroll;
}
.file-item-modal .action-bar {
  position: fixed;
  top: 0;
  width: 100%;
}
.file-item-modal .action-bar__title {
  font-weight: 400;
}
.file-item-options {
  position: absolute;
  right: 0;
  width: 48px;
  top: 0;
  height: 64px;
}
.file-item-options .drop-down-button__toggle {
  color: #2872d3;
  position: relative;
  margin-top: 16px;
  visibility: hidden;
}
.file-item-options .drop-down-button__list {
  right: 0;
}
.file-item--editing .file-item-name-input {
  display: inline-block;
}
.file-item--editing .file-item-name {
  display: none;
}
.file-item--listed {
  background: white;
  padding-top: 8px;
  height: 64px;
  margin-bottom: 0;
}
.file-item--listed .file-item-upload-remove {
  right: 8px;
  padding-top: 8px;
  background-color: transparent;
  border: none;
}
.file-item--deleted {
  display: none;
}
@media only screen and (min-width: 601px) {
  .file-item:hover {
    cursor: pointer;
    border-bottom: 1px #e6e6e6 solid;
  }
  .file-item:hover .file-item-options .drop-down-button__toggle {
    visibility: visible;
  }
  .file-item--listed:hover {
    border-bottom: 0;
  }
}

.file-item-upload {
  border: 0;
}
.file-item-upload-remove {
  position: absolute;
  right: 0;
  top: 8px;
  color: #e6e6e6;
}
.file-item-upload--failed .file-item-upload__error-icon {
  color: #999999;
}
.file-item-upload--uploading {
  opacity: 0.5;
}
.file-item-upload--uploading .file-item-upload .bl-icon, .file-item-upload--uploading .file-item-upload .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .file-item-upload--uploading .file-item-upload .drop-down-button__toggle::after, .file-item-upload--uploading .file-item-upload .auto-complete-email__button--chevron, .file-item-upload--uploading .file-item-upload .timeline-item-header__shared-icon, .file-item-upload--failed .file-item-upload .bl-icon, .file-item-upload--failed .file-item-upload .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .file-item-upload--failed .file-item-upload .drop-down-button__toggle::after, .file-item-upload--failed .file-item-upload .auto-complete-email__button--chevron, .file-item-upload--failed .file-item-upload .timeline-item-header__shared-icon {
  opacity: 0.5;
}
.file-item-upload--uploading .file-item-upload .file-item-details span, .file-item-upload--failed .file-item-upload .file-item-details span {
  opacity: 0.5;
}

.file-item-upload__retry-link {
  cursor: pointer;
  color: #2872d3;
}

.file-upload-manager {
  overflow-y: auto;
  max-height: 160px;
  margin: 16px 20px 0 16px;
}
.file-upload-manager--narrow {
  margin: 0;
  max-height: initial;
  overflow: visible;
}

.file-upload-button {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .file-upload-button {
    background: #fff;
  }
}
.file-upload-button__file-input {
  display: none;
}
.file-upload-button:hover span {
  text-decoration: none;
}
.file-upload-button .bl-icon--attachment:before {
  line-height: 1.2;
}
.file-upload-button--labelled {
  min-width: 60px;
  height: auto;
  width: auto;
  border: 0;
  display: inline-block;
  vertical-align: text-top;
  cursor: pointer;
}
.file-upload-button--labelled span {
  color: #2872d3;
  pointer-events: none;
}
.file-upload-button--labelled .bl-icon--attachment {
  display: none;
}
.file-upload-button--primary {
  font-weight: 500;
  font-size: 18px;
}
.file-upload-button--title {
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  position: absolute;
  right: 208px;
  text-transform: uppercase;
  top: 25px;
}
.file-upload-button--title input {
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .file-upload-button--title {
    display: none;
  }
}

.file-summary-item {
  display: flex;
  margin-top: 8px;
}
.file-summary-item .file-summary-item__plus {
  margin-right: 8px;
  margin-top: 6px;
  padding-top: 0;
}
.file-summary-item .file-pill {
  background-color: #f2f2f2;
  padding: 3px 6px 2px 6px;
  min-height: 32px;
  margin-bottom: 0;
}
.file-summary-item .file-pill .bl-icon, .file-summary-item .file-pill .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .file-summary-item .file-pill .drop-down-button__toggle::after, .file-summary-item .file-pill .auto-complete-email__button--chevron, .file-summary-item .file-pill .timeline-item-header__shared-icon {
  font-size: 28px;
  margin-top: -2px;
  height: inherit;
}
.file-summary-item .file-pill__file-details {
  font-size: 14px;
  margin-top: 3px;
}
.file-summary-item .file-pill__file-progress {
  display: none;
}

.drop-zone-entered-que {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  overflow: hidden;
  background: #fff;
}
.drop-zone-entered-que:before {
  content: "";
  border: 2px dashed rgba(40, 114, 211, 0.3);
  background-color: rgb(250, 250, 250);
  position: absolute;
  margin: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
}

.drop-zone .drop-zone-entered-que {
  display: none;
}

.drop-zone.drop-zone--enter .drop-zone-entered-que {
  display: flex;
}
.drop-zone.drop-zone--enter .drop-zone__message {
  font-size: 18px;
  z-index: 1;
  margin: auto;
  color: #2872d3;
}

.document-manager__button-group {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.document-manager .list-searchbar .search-bar__input {
  right: 0;
}
.document-manager .download-all-button {
  height: 35px;
}
.document-manager .file-upload-button {
  background-color: #2872d3;
  border-radius: 3px;
  padding: 8px 12px;
  margin-right: 8px;
}
.document-manager .file-upload-button--labelled span {
  color: #fff;
}
.document-manager .list-column-header-sort {
  padding: 0 12px;
}
.document-manager .list-column-header-sort-item--filename {
  flex-grow: 3;
}
.document-manager .list-column-header-sort-item--filetype {
  flex-grow: 0.5;
}
.document-manager__message {
  font-size: 18px;
  text-align: center;
  color: #999999;
  padding-top: 32px;
}
.document-manager__category--archived .document-list-item__column {
  opacity: 0.6;
}
@media only screen and (max-width: 600px) {
  .document-manager .list-column-header-sort-item--filesize,
  .document-manager .list-column-header-sort-item--filetype {
    display: none;
  }
}

.recent-documents-list__column-headers {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: visible;
  align-items: center;
  list-style: none;
  margin-top: 4px;
}
.recent-documents-list__column-headers__item {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #999999;
  padding: 12px 0px 12px 0px;
  border-bottom: 1px solid #e6e6e6;
  flex-grow: 1;
  flex-basis: 1px;
}
.recent-documents-list__column-headers__item--active {
  color: #000;
}
.recent-documents-list__column-headers__item:first-child {
  flex-grow: 3;
}
.recent-documents-list__column-headers__item:last-child {
  flex-grow: 0.5;
}
.recent-documents-list .document-list .document-list-item {
  padding: 0;
}
.recent-documents-list .document-list .document-list-item__filename {
  text-decoration: none;
}
.recent-documents-list .document-list .document-list-item .bl-icon, .recent-documents-list .document-list .document-list-item .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .recent-documents-list .document-list .document-list-item .drop-down-button__toggle::after, .recent-documents-list .document-list .document-list-item .auto-complete-email__button--chevron, .recent-documents-list .document-list .document-list-item .timeline-item-header__shared-icon {
  margin-left: -7px;
  margin-right: 4px;
}
.recent-documents-list__info {
  padding: 12px 0;
}

.document-list {
  text-indent: 0px;
  background-color: white;
  border-radius: 3px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.document-list .document-list-item {
  padding: 0 12px;
  border-bottom: 1px solid #e6e6e6;
}
.document-list .document-list-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.document-list .document-list-item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.document-list .document-list-item-upload.document-list-item {
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.document-list__loader {
  margin: 0;
  height: 42px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.document-list__loader .timeline-loader__header,
.document-list__loader .timeline-loader__line {
  display: none;
}
.document-list__loader .timeline-loader__icon {
  left: 10px;
  top: 8px;
}
.document-list__loader .loading-icon--medium .loading-icon__spinner {
  width: 26px;
  height: 26px;
}
.document-list.drop-zone--enter {
  background-color: rgba(222, 222, 222, 0.8);
  color: rgba(222, 222, 222, 0.8);
  border: 4px dashed #5d5d5d;
}
.document-list.drop-zone--enter::before {
  color: #777;
  font-size: 28px;
  position: absolute;
  top: 50%;
  left: 40%;
  content: "Drop files here";
}
.document-list.drop-zone--enter ul {
  opacity: 0;
}
.document-list.drop-zone--enter li {
  opacity: 0;
}
.document-list__info {
  padding: 256px 12px;
  text-align: center;
  color: #999999;
}
.document-list .file-upload-manager {
  display: flex;
}

.document-list-item {
  position: relative;
  display: flex;
  flex-direction: row;
  min-height: 40px;
  align-items: center;
  cursor: pointer;
}
.document-list-item__column {
  flex-grow: 1;
  flex-basis: 1px;
  display: flex;
  align-items: center;
  color: #000;
}
.document-list-item__column--filename {
  flex-grow: 3;
}
.document-list-item__column--filetype {
  flex-grow: 0.5;
}
.document-list-item__column--uploader .avatar {
  margin-right: 8px;
}
.document-list-item__input {
  border: 0;
  outline: none;
  display: none;
}
.document-list-item__column--filetype {
  text-transform: uppercase;
}
.document-list-item .file-item-details {
  width: auto;
  margin-left: 4px;
}
.document-list-item__options {
  position: absolute;
  right: 0;
  width: 48px;
  top: 0;
  height: 64px;
}
.document-list-item__options .drop-down-button__toggle {
  color: #2872d3;
  position: relative;
  margin-top: 5px;
}
.document-list-item__options .drop-down-button__list {
  right: 0;
}
.document-list-item--editing {
  cursor: default;
}
.document-list-item--editing .document-list-item__filename {
  display: none;
}
.document-list-item--editing .document-list-item__input {
  display: block;
}
.document-list-item .document-list-item__options .drop-down-button__toggle {
  display: none;
}
.document-list-item:hover .document-list-item__options .drop-down-button__toggle {
  display: block;
}

.document-list-item-upload {
  width: 100%;
  height: 42px;
}
.document-list-item-upload .document-list-item__upload-status {
  color: #999999;
  margin-left: 4px;
}
.document-list-item-upload.file-item--listed .file-item-upload-remove {
  top: 2px;
  right: 14px;
}
.document-list-item-upload.file-pill .bl-icon, .document-list-item-upload.file-pill .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .document-list-item-upload.file-pill .drop-down-button__toggle::after, .document-list-item-upload.file-pill .auto-complete-email__button--chevron, .document-list-item-upload.file-pill .timeline-item-header__shared-icon {
  margin-left: 0;
}

.accounting-details__header {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 16px;
  margin: 0;
}

.accounting-details__section {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}
.accounting-details__section:first-child {
  padding-top: 16px;
}
.accounting-details__section:first-child .accounting-details__edit {
  top: 16px;
}
@media only screen and (min-width: 601px) {
  .accounting-details__section {
    padding: 0;
  }
}

.accounting-details__edit {
  position: absolute;
  right: 16px;
  top: 0;
}
@media only screen and (min-width: 601px) {
  .accounting-details__edit {
    right: 0;
  }
}

.accounting-details__empty-state-messsage {
  color: #999999;
}

.accounting-details__field-type {
  font-size: 16px;
  color: #999999;
}
@media only screen and (min-width: 601px) {
  .accounting-details__field-type--form {
    padding-bottom: 8px;
  }
}
.accounting-details__field-type--truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.accounting-details__field-value {
  font-size: 18px;
  color: #000;
  padding-bottom: 18px;
  overflow-x: hidden;
}

.accounting-details-edit select {
  margin-bottom: 24px;
}
.accounting-details-edit .focussed-input input {
  height: 56px;
}
.accounting-details-edit .multi-option-input__input-box {
  margin: 0;
  min-height: 56px;
  padding: 7px;
  margin-bottom: 24px;
}
.accounting-details-edit .focussed-input__remove {
  position: static;
  width: 32px;
  height: 32px;
}
.accounting-details-edit .auto-complete .focussed-input__remove {
  position: absolute;
}
@media only screen and (max-width: 600px) {
  .accounting-details-edit .accounting-details__field-type {
    padding-bottom: 8px;
  }
}

.accounting-details-edit--ownership .accounting-details__table .smart-country-lookup,
.accounting-details-edit--officers .accounting-details__table .smart-country-lookup,
.accounting-details-edit--relationships .accounting-details__table .smart-country-lookup {
  background: white;
  position: absolute;
  border-radius: 0;
  top: 0;
}
.accounting-details-edit--ownership .accounting-details__table .smart-country-lookup .focussed-input,
.accounting-details-edit--officers .accounting-details__table .smart-country-lookup .focussed-input,
.accounting-details-edit--relationships .accounting-details__table .smart-country-lookup .focussed-input {
  border-radius: 0;
}
.accounting-details-edit--ownership .accounting-details__table .smart-country-lookup .focussed-input input,
.accounting-details-edit--officers .accounting-details__table .smart-country-lookup .focussed-input input,
.accounting-details-edit--relationships .accounting-details__table .smart-country-lookup .focussed-input input {
  height: 54px;
  padding-left: 48px;
}
.accounting-details-edit--ownership .accounting-details__table .smart-country-lookup--open,
.accounting-details-edit--officers .accounting-details__table .smart-country-lookup--open,
.accounting-details-edit--relationships .accounting-details__table .smart-country-lookup--open {
  z-index: 2;
}
.accounting-details-edit--ownership .accounting-details__table .smart-country-lookup--open .focussed-input input,
.accounting-details-edit--ownership .accounting-details__table .smart-country-lookup--open .focussed-input,
.accounting-details-edit--officers .accounting-details__table .smart-country-lookup--open .focussed-input input,
.accounting-details-edit--officers .accounting-details__table .smart-country-lookup--open .focussed-input,
.accounting-details-edit--relationships .accounting-details__table .smart-country-lookup--open .focussed-input input,
.accounting-details-edit--relationships .accounting-details__table .smart-country-lookup--open .focussed-input {
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.accounting-details-edit--ownership .accounting-details__table .smart-country-lookup--open .focussed-input input,
.accounting-details-edit--officers .accounting-details__table .smart-country-lookup--open .focussed-input input,
.accounting-details-edit--relationships .accounting-details__table .smart-country-lookup--open .focussed-input input {
  padding-right: 32px;
  padding-left: 16px;
}
.accounting-details-edit--ownership .accounting-details__table .smart-country-lookup .focussed-input__remove,
.accounting-details-edit--officers .accounting-details__table .smart-country-lookup .focussed-input__remove,
.accounting-details-edit--relationships .accounting-details__table .smart-country-lookup .focussed-input__remove {
  height: 54px;
  line-height: 48px;
  position: absolute;
}
.accounting-details-edit--ownership .accounting-details__table .flagged,
.accounting-details-edit--officers .accounting-details__table .flagged,
.accounting-details-edit--relationships .accounting-details__table .flagged {
  width: 220px;
  position: relative;
}
.accounting-details-edit--ownership .accounting-details__table .flagged > .flag16,
.accounting-details-edit--officers .accounting-details__table .flagged > .flag16,
.accounting-details-edit--relationships .accounting-details__table .flagged > .flag16 {
  position: absolute;
  z-index: 2;
  top: 21px;
  margin-top: 0;
  left: 16px;
}
.accounting-details-edit--ownership .accounting-details__table tr:first-child,
.accounting-details-edit--ownership .accounting-details__table th,
.accounting-details-edit--officers .accounting-details__table tr:first-child,
.accounting-details-edit--officers .accounting-details__table th,
.accounting-details-edit--relationships .accounting-details__table tr:first-child,
.accounting-details-edit--relationships .accounting-details__table th {
  border: 0;
}
.accounting-details-edit--ownership .accounting-details__table td:first-child,
.accounting-details-edit--officers .accounting-details__table td:first-child,
.accounting-details-edit--relationships .accounting-details__table td:first-child {
  padding-top: 0;
}
.accounting-details-edit--ownership .accounting-details__table td:not(:last-child) .focussed-input input,
.accounting-details-edit--ownership .accounting-details__table td:not(:last-child) .auto-complete__input__button,
.accounting-details-edit--ownership .accounting-details__table td:not(:last-child) .auto-complete__input__items,
.accounting-details-edit--ownership .accounting-details__table td:not(:last-child) .auto-complete,
.accounting-details-edit--officers .accounting-details__table td:not(:last-child) .focussed-input input,
.accounting-details-edit--officers .accounting-details__table td:not(:last-child) .auto-complete__input__button,
.accounting-details-edit--officers .accounting-details__table td:not(:last-child) .auto-complete__input__items,
.accounting-details-edit--officers .accounting-details__table td:not(:last-child) .auto-complete,
.accounting-details-edit--relationships .accounting-details__table td:not(:last-child) .focussed-input input,
.accounting-details-edit--relationships .accounting-details__table td:not(:last-child) .auto-complete__input__button,
.accounting-details-edit--relationships .accounting-details__table td:not(:last-child) .auto-complete__input__items,
.accounting-details-edit--relationships .accounting-details__table td:not(:last-child) .auto-complete {
  border-right: 0;
  border-radius: 0;
}
.accounting-details-edit--ownership .accounting-details__table td:first-child .focussed-input input,
.accounting-details-edit--ownership .accounting-details__table td:first-child .auto-complete__input__button,
.accounting-details-edit--ownership .accounting-details__table td:first-child .auto-complete__input__items,
.accounting-details-edit--ownership .accounting-details__table td:first-child .auto-complete,
.accounting-details-edit--officers .accounting-details__table td:first-child .focussed-input input,
.accounting-details-edit--officers .accounting-details__table td:first-child .auto-complete__input__button,
.accounting-details-edit--officers .accounting-details__table td:first-child .auto-complete__input__items,
.accounting-details-edit--officers .accounting-details__table td:first-child .auto-complete,
.accounting-details-edit--relationships .accounting-details__table td:first-child .focussed-input input,
.accounting-details-edit--relationships .accounting-details__table td:first-child .auto-complete__input__button,
.accounting-details-edit--relationships .accounting-details__table td:first-child .auto-complete__input__items,
.accounting-details-edit--relationships .accounting-details__table td:first-child .auto-complete {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.accounting-details-edit--ownership .accounting-details__table td:last-child .focussed-input input,
.accounting-details-edit--ownership .accounting-details__table td:last-child .auto-complete__input__button,
.accounting-details-edit--ownership .accounting-details__table td:last-child .auto-complete__input__items,
.accounting-details-edit--ownership .accounting-details__table td:last-child .auto-complete,
.accounting-details-edit--officers .accounting-details__table td:last-child .focussed-input input,
.accounting-details-edit--officers .accounting-details__table td:last-child .auto-complete__input__button,
.accounting-details-edit--officers .accounting-details__table td:last-child .auto-complete__input__items,
.accounting-details-edit--officers .accounting-details__table td:last-child .auto-complete,
.accounting-details-edit--relationships .accounting-details__table td:last-child .focussed-input input,
.accounting-details-edit--relationships .accounting-details__table td:last-child .auto-complete__input__button,
.accounting-details-edit--relationships .accounting-details__table td:last-child .auto-complete__input__items,
.accounting-details-edit--relationships .accounting-details__table td:last-child .auto-complete {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.accounting-details-edit--ownership .accounting-details__table tr td:last-child span,
.accounting-details-edit--officers .accounting-details__table tr td:last-child span,
.accounting-details-edit--relationships .accounting-details__table tr td:last-child span {
  background: #fff;
  display: block;
  height: 56px;
  border-top: 1px #e6e6e6 solid;
  border-right: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.accounting-details-edit--ownership .accounting-details__table tr td:last-child span i,
.accounting-details-edit--officers .accounting-details__table tr td:last-child span i,
.accounting-details-edit--relationships .accounting-details__table tr td:last-child span i {
  top: 7px;
  right: 1px;
  position: relative;
}
.accounting-details-edit--ownership .accounting-details__table .drop-down-button,
.accounting-details-edit--officers .accounting-details__table .drop-down-button,
.accounting-details-edit--relationships .accounting-details__table .drop-down-button {
  display: block;
  margin: 0;
}
.accounting-details-edit--ownership .accounting-details__table .drop-down-button .drop-down-button__list,
.accounting-details-edit--officers .accounting-details__table .drop-down-button .drop-down-button__list,
.accounting-details-edit--relationships .accounting-details__table .drop-down-button .drop-down-button__list {
  height: 300px;
  max-height: 300px;
  overflow: scroll;
  display: block;
}
.accounting-details-edit--ownership .accounting-details__table .drop-down-button .drop-down-button__list .action-button, .accounting-details-edit--ownership .accounting-details__table .drop-down-button .drop-down-button__list .login__form-button,
.accounting-details-edit--officers .accounting-details__table .drop-down-button .drop-down-button__list .action-button,
.accounting-details-edit--officers .accounting-details__table .drop-down-button .drop-down-button__list .login__form-button,
.accounting-details-edit--relationships .accounting-details__table .drop-down-button .drop-down-button__list .action-button,
.accounting-details-edit--relationships .accounting-details__table .drop-down-button .drop-down-button__list .login__form-button {
  min-height: 43px;
  height: auto;
  border-top: 1px #e6e6e6 solid;
}
.accounting-details-edit--ownership .accounting-details__table .drop-down-button .drop-down-button__toggle,
.accounting-details-edit--officers .accounting-details__table .drop-down-button .drop-down-button__toggle,
.accounting-details-edit--relationships .accounting-details__table .drop-down-button .drop-down-button__toggle {
  margin: 0;
  width: 200px;
  border-radius: 0;
  border-right: 0;
  padding-left: 40px;
}
.accounting-details-edit--ownership .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__items,
.accounting-details-edit--ownership .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__button,
.accounting-details-edit--officers .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__items,
.accounting-details-edit--officers .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__button,
.accounting-details-edit--relationships .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__items,
.accounting-details-edit--relationships .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__button {
  border: 0;
}

.accounting-details__table--relationships tr td:nth-of-type(1) {
  width: 140px;
  min-width: 0;
}
.accounting-details__table--relationships tr td:nth-of-type(1) .auto-complete {
  width: 140px;
  min-width: 0;
}
.accounting-details__table--relationships tr td:nth-of-type(1) .auto-complete__popup__container {
  width: 300px;
}
.accounting-details__table--relationships tr td:nth-of-type(2) .drop-down-button {
  width: 100px;
}
.accounting-details__table--relationships tr td:nth-of-type(2) .drop-down-button .drop-down-button__toggle {
  width: 100%;
  padding-left: 8px;
}
.accounting-details__table--relationships tr td:nth-of-type(2) .drop-down-button .drop-down-button__list {
  padding: 0;
  height: auto;
  width: 240px;
}
.accounting-details__table--relationships tr td:nth-of-type(2) .drop-down-button .drop-down-button__list .action-button, .accounting-details__table--relationships tr td:nth-of-type(2) .drop-down-button .drop-down-button__list .login__form-button {
  border: none;
}
.accounting-details__table--relationships tr td:nth-of-type(3) {
  width: 220px;
}
.accounting-details__table--relationships tr td:nth-of-type(3) input {
  padding-right: 0;
}
.accounting-details__table--relationships .accounting-relationships__dob {
  width: 200px;
}
.accounting-details__table--relationships .accounting-relationships__dob .pop-over__toggle {
  height: 56px;
  border-radius: 0;
  border: 1px #e6e6e6 solid;
  border-right: none;
  background: #fff;
  width: 100%;
}
.accounting-details__table--relationships .accounting-relationships__dob .accounting-details-dropdown {
  width: 100%;
  display: inline-block;
  height: 56px;
  margin: 0;
}
.accounting-details__table--relationships .accounting-relationships__dob .accounting-details-dropdown button {
  text-align: left;
  text-indent: 8px;
}
.accounting-details__table--relationships tr td:nth-of-type(5) {
  width: auto;
}
.accounting-details__table--relationships tr td:nth-of-type(6) {
  width: auto;
}

.accounting-details__table.accounting-details__table--relationships--summary {
  margin-top: 0;
}
.accounting-details__table.accounting-details__table--relationships--summary tr td:nth-of-type(5) {
  width: 200px;
}

.accounting-details-dropdown {
  margin-bottom: 24px;
  position: relative;
}
.accounting-details-dropdown:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #2872d3;
  right: 16px;
  top: 50%;
  position: absolute;
  margin-top: -12px;
}
.accounting-details-dropdown.drop-down-button--active:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e952";
  font-size: 26px;
  line-height: 14px;
}
.accounting-details-dropdown .drop-down-button__toggle {
  width: 100%;
  border-bottom: 1px #e6e6e6 solid;
  border-top: 1px #e6e6e6 solid;
  height: 56px;
  text-align: left;
  color: #000;
  margin-bottom: 0;
  padding: 16px;
}
@media only screen and (min-width: 601px) {
  .accounting-details-dropdown .drop-down-button__toggle {
    border: 1px #e6e6e6 solid;
  }
  .accounting-details-dropdown .drop-down-button__toggle,
  .accounting-details-dropdown .drop-down-button__toggle input {
    border-radius: 5px;
  }
}
.accounting-details-dropdown .drop-down-button__toggle.enabled {
  background: #fff;
}
.accounting-details-dropdown .drop-down-button__list .action-button, .accounting-details-dropdown .drop-down-button__list .login__form-button {
  width: 100%;
}
.accounting-details-dropdown .drop-down-button__list {
  margin-top: 0;
  width: 100%;
}

.accounting-details-edit__button {
  float: right;
  min-width: 104px;
  text-transform: uppercase;
  font-size: 14px;
  height: 40px;
  font-weight: 600;
}
.accounting-details-edit__button.action-button--inline {
  font-weight: 400;
}

.accounting-details__table {
  width: 100%;
  border: none;
  text-align: left;
  margin-top: 40px;
}
.accounting-details__table th {
  border-bottom: 1px #e6e6e6 solid;
  color: #999999;
  font-weight: normal;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 12px;
}
.accounting-details__table .base {
  position: relative;
}
.accounting-details__table .percentageBefore {
  z-index: 20;
  position: absolute;
  top: -40px;
  left: 40px;
  border-bottom: 1px #e6e6e6 solid;
  padding-bottom: 8px;
  white-space: nowrap;
}
.accounting-details__table td {
  padding-bottom: 12px;
}
.accounting-details__table td:first-child {
  padding-top: 12px;
}
.accounting-details__table .percentage:after {
  content: "%";
}
.accounting-details__table .smart-country-lookup-input i {
  position: relative;
  top: 18px;
  margin-right: 4px;
}
.accounting-details__table .auto-complete {
  min-width: 248px;
  height: 56px;
  border: 1px #e6e6e6 solid;
  background: #fff;
}
.accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__items,
.accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__button {
  width: 100%;
  border-bottom: 1px #e6e6e6 solid;
  border-top: 1px #e6e6e6 solid;
  margin: 0;
  background: #fff;
  min-height: 56px;
  height: 56px;
  border-radius: 0;
  border: 0;
}
@media only screen and (min-width: 601px) {
  .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__items,
  .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__button {
    border: 1px #e6e6e6 solid;
  }
  .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__items,
  .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__items input,
  .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__button,
  .accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__button input {
    border-radius: 5px;
  }
}
.accounting-details__table .auto-complete .auto-complete__input .auto-complete__input__items {
  height: 54px;
  min-height: 54px;
}
.accounting-details__table .auto-complete__popup {
  top: 8px;
}

.accounting-details-button--spaced {
  margin-bottom: 24px;
}

.accounting-details__date-container {
  position: relative;
}
.accounting-details__date-container .date-picker {
  position: absolute;
  top: 0;
  width: calc(100% + 16px);
  margin-top: -72px;
  margin-left: -8px;
}
@media only screen and (max-width: 600px) {
  .accounting-details__date-container .date-picker {
    background: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    max-height: 100%;
  }
}

.accounting-details__date {
  background: #fff;
  color: #000;
  height: 56px;
  text-align: left;
  font-size: 18px;
}

.accounting-systems-group {
  display: flex;
  flex: 100%;
  flex-wrap: wrap;
}
.accounting-systems-group .accounting-systems-group__item {
  flex: 50%;
}

.accounting-details__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -16px;
}

.accounting-details__cell {
  flex-grow: 1;
  width: 50%;
  max-width: 441px;
  padding-right: 16px;
}

@media only screen and (max-width: 600px) {
  .accounting-details__grid {
    margin-right: 0;
  }
  .accounting-details__cell {
    flex-grow: 1;
    width: 100%;
    padding-right: 0;
  }
}
.client-connect {
  text-align: center;
  padding: 16px;
  font-size: 16px;
}
.client-connect > h3 {
  font-weight: 600;
}
.client-connect img {
  display: inline-block;
}
@media only screen and (min-width: 601px) {
  .client-connect {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

.client-connect__intro {
  margin: 0 auto;
  max-width: 400px;
}
.client-connect__intro > h3 {
  font-weight: 600;
}

.client-connect__connections {
  margin-top: 50px;
  text-align: left;
}
.client-connect__connections > ul > li {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.client-connect__connections .connect-button {
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 15px;
}
.client-connect__connections .external-application-item {
  padding-left: 0;
}
.client-connect__connections .external-application-item .block-list-item__person {
  min-height: 40px;
  line-height: 40px;
}

.client-connect__system__logo {
  height: 42px;
}

.client-connect__request-access {
  margin-top: 40px;
}

.client-connect__options-list {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.client-connect__options-list li {
  padding: 16px 0;
  border-top: 1px #e6e6e6 solid;
  display: flex;
}
.client-connect__options-list li:last-child {
  border-bottom: 1px #e6e6e6 solid;
}
.client-connect__options-list li span {
  flex: 1;
}

.client-connect__connections--slim {
  margin-top: 0;
}

.client-connect__header {
  display: flex;
}
.client-connect__header h3 {
  flex: 1;
  line-height: 40px;
}
.client-connect__header .action-button, .client-connect__header .login__form-button {
  font-size: 14px;
  text-transform: uppercase;
}

.accounting-qbo-button {
  cursor: pointer;
}

.external-application-item {
  padding-left: 17px;
}

.client-connect__connections__item {
  display: flex;
  align-items: center;
}
.client-connect__connections__item .external-application-item,
.client-connect__connections__item .external-service-sync {
  flex-grow: 1;
}
@media only screen and (max-width: 600px) {
  .client-connect__connections__item .external-service-sync {
    width: 100%;
    margin-bottom: 16px;
  }
  .client-connect__connections__item--external {
    flex-direction: column;
  }
}
.client-connect__connections__item .action-button--underline {
  text-decoration: underline;
}

.client-connect__connections__action .client-connect__system__action_image-link {
  font-size: 0;
  display: block;
}
.client-connect__connections__action .client-connect__system__action_image-link img {
  height: 42px;
}

@media only screen and (min-width: 601px) {
  .companies-house-modal-dialog .dialog-action-bar {
    margin-top: 0;
  }
}

.details-companies-house dd.text {
  margin: 6px 0 0 0;
}
.details-companies-house dd,
.details-companies-house p {
  font-size: 1.125rem;
  color: #2a2a2a;
  font-weight: 400;
  margin: 6px 0;
}
.details-companies-house dt,
.details-companies-house h2.heading-medium {
  font-size: 1em;
  color: #929292;
  font-weight: 400;
}
.details-companies-house .column-half {
  width: 40%;
  float: left;
}

.external-application-item {
  font-size: 18px;
}

.external-application-item__action {
  cursor: pointer;
  color: #2872d3;
}

.external-application-item__icon {
  float: left;
  margin-right: 16px;
}
.external-application-item__icon img {
  width: 40px;
  height: 40px;
}

.external-application-item__updated {
  position: relative;
  top: -4px;
}

.accounting-details__column-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  margin-bottom: 24px;
  padding-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 601px) {
  .accounting-details__column-container {
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
  }
}
.accounting-details__column-container--bordered {
  border-bottom: 2px #e6e6e6 solid;
}
.accounting-details__column-container--edit {
  margin-bottom: 0;
  padding-bottom: 0;
}
.accounting-details__column-container--edit .simple-auto-complete {
  max-height: 300px;
  overflow-y: scroll;
}

.accounting-details__column {
  flex: 1;
}
@media only screen and (min-width: 601px) {
  .accounting-details__column {
    flex: 50%;
    padding-left: 8px;
  }
  .accounting-details__column:first-child {
    padding-right: 8px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .accounting-details__column .multi-option-input__input-box {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
  }
}

.accounting-details__dob .accounting-details__date {
  max-width: none;
  padding: 0;
  padding-left: 12px;
}
.accounting-details__dob .pop-over__toggle {
  height: 100%;
  width: 100%;
  text-align: left;
}
.accounting-details__dob .pop-over__contents {
  top: 50px;
  left: 21px;
}

.accounting-details__employment {
  margin: 14px 0 46px 0;
  padding-left: 16px;
}
.accounting-details__employment .check-box {
  display: inline-block;
}
.accounting-details__employment .check-box:first-child {
  margin-right: 32px;
}
.accounting-details__employment .check-box .check-box__label {
  padding-left: 26px;
  line-height: 1.1;
}

.accounting-details__incorporation {
  display: flex;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  border: 1px #e6e6e6 solid;
  margin-bottom: 24px;
  height: 56px;
}
.accounting-details__incorporation .action-button, .accounting-details__incorporation .login__form-button {
  background: #fff;
  color: #000;
  text-align: left;
}
.accounting-details__incorporation .drop-down-button__list {
  display: block;
  max-height: 300px;
  overflow-y: scroll;
}
.accounting-details__incorporation .drop-down-button,
.accounting-details__incorporation .focussed-input {
  height: 54px;
  border: 0;
  margin: 0;
}
.accounting-details__incorporation .drop-down-button input,
.accounting-details__incorporation .focussed-input input {
  height: 54px;
}
.accounting-details__incorporation .split {
  min-width: 180px;
  flex-shrink: 1;
}
.accounting-details__incorporation .focussed-input {
  flex-grow: 1;
  width: auto;
  max-width: none;
  padding-left: 12px;
  background: none;
}
.accounting-details__incorporation .focussed-input .pop-over__toggle {
  width: 100%;
  padding: 0;
  height: 100%;
}
.accounting-details__incorporation .focussed-input .pop-over__contents {
  top: 50px;
  left: 21px;
}
.accounting-details__incorporation .focussed-input:not(:first-child) {
  border-left: 1px #e6e6e6 solid;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.accounting-details__incorporation .accounting-details-dropdown .drop-down-button__toggle {
  border-left: 0;
  border-radius: 5px;
  height: 55px;
}
.accounting-details__incorporation .accounting-details-dropdown .drop-down-button__list .action-button, .accounting-details__incorporation .accounting-details-dropdown .drop-down-button__list .login__form-button {
  height: auto;
  min-height: 43px;
}
.accounting-details__incorporation .accounting-details-dropdown__state .drop-down-button__toggle {
  border: 0;
  border-bottom: 1px #e6e6e6 solid;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.accounting-details__date {
  border-radius: 5px;
  border: 1px #e6e6e6 solid;
  margin-bottom: 24px;
  padding: 7px;
  max-width: 180px;
  display: flex;
  padding-right: 0;
  border-right: 1px #e6e6e6 solid;
}
.accounting-details__date button.action-button--inline {
  color: #000;
  font-size: 16px;
}

.accounting-details__financialYearEnd .accounting-details__cell:first-child {
  padding-right: 8px;
}
.accounting-details__financialYearEnd .accounting-details-inline-field {
  display: inline-block;
  margin-right: 10px;
}
.accounting-details__financialYearEnd .accounting-details-inline-field .accounting-details-dropdown {
  max-width: 180px;
}
.accounting-details__financialYearEnd__number-picker {
  padding: 0;
  max-width: none;
}
.accounting-details__financialYearEnd__number-picker .pop-over__toggle {
  width: 100%;
  text-align: left;
  text-indent: 12px;
}
.accounting-details__financialYearEnd__number-picker .pop-over__contents {
  width: 319px;
  top: 50px;
  left: -80px;
}
@media only screen and (max-width: 600px) {
  .accounting-details__financialYearEnd__number-picker .pop-over__contents {
    left: 10px;
  }
}
.accounting-details__financialYearEnd__number-picker .number-selector {
  padding: 20px;
}

.accounting-details__financialYearEnd:after {
  display: block;
  clear: both;
}

.accounting-details__date--full {
  max-width: 100%;
  width: 100%;
}

.accounting-details__list {
  margin-top: 16px;
}
.accounting-details__list li {
  padding-bottom: 8px;
}
.accounting-details__list a {
  padding-top: 16px;
  display: inline-block;
}

.accounting-lookup {
  background: #fff;
  border-radius: 5px;
  border: 1px #e6e6e6 solid;
  margin-bottom: 24px;
}
.accounting-lookup .auto-complete__input {
  border-bottom: 0;
}

.accounting-details__contact {
  overflow-x: hidden;
  width: inherit;
}

.accounting-details__column--flexible {
  display: flex;
  flex-wrap: wrap;
}
.accounting-details__column--flexible .accounting-details__field {
  flex: 50%;
}
.accounting-details__column--flexible .accounting-details__field--full-width {
  flex: 100%;
}

.accounting-client__container {
  position: relative;
  padding-top: 32px;
  /* we need to move the container for the rich-text up the DOM to allow the toolbar to 
   position at the bottom (the container-type: inline-size acts like a relative position) */
  container-type: inline-size;
}
.accounting-client__container .note-edit__body.rich-textarea {
  container-type: normal;
}
.accounting-client__container.offline {
  padding-top: 72px;
}

.accounting-details-edit .rich-textarea {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 12px;
}
.accounting-details-edit .rich-textarea__toolbar {
  background-color: unset;
  bottom: 70px;
  width: calc(100% - 270px);
}

.accounting-client__business-numbers {
  width: 792px;
}
.accounting-client__business-numbers .accounting-client__business-number {
  width: 378px;
  display: inline-block;
  margin-right: 14px;
}

.accounting-details__table th {
  text-align: left;
}
.accounting-details__table .accounting-details__contact {
  width: 220px;
}
.accounting-details__table .accounting-details__linked-person {
  width: 220px;
  overflow-x: hidden;
}
.accounting-details__table td.registration {
  width: 160px;
}
.accounting-details__table td.name {
  width: 220px;
}

@media only screen and (max-width: 600px) {
  .accounting-details__incorporation,
  .accounting-details__incorporation > .drop-down-button__toggle,
  .accounting-details-dropdown,
  .accounting-details-dropdown > .drop-down-button__toggle {
    border-radius: 0;
    border-right: 0;
  }
  .accounting-details-dropdown .drop-down-button__list {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
}
.accounting-details__date-signed-engagement .accounting-details__date {
  max-width: none;
  padding: 0;
  padding-left: 12px;
}
.accounting-details__date-signed-engagement .pop-over__toggle {
  height: 100%;
  width: 100%;
  text-align: left;
}
.accounting-details__date-signed-engagement .pop-over__contents {
  top: 50px;
  left: 21px;
}

.checklist__list {
  position: relative;
  padding: 0;
  margin: 24px 0 100px;
}
@media only screen and (max-width: 600px) {
  .checklist__list {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.checklist__item {
  position: relative;
  cursor: pointer;
  min-height: 56px;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-bottom: 1px solid #e6e6e6;
}
.checklist__item .comment-summary-item {
  margin-right: 350px;
}
@media only screen and (max-width: 1024px) {
  .checklist__item .comment-summary-item {
    margin-right: 16px;
  }
}
.checklist__item.checklist__item--completed .checklist__item__content, .checklist__item.checklist__item--completed {
  background-color: #f6f6f6;
}
.checklist__item.checklist__item--completed .checklist__item__content .comment-summary-item, .checklist__item.checklist__item--completed .comment-summary-item {
  background: none;
  border-color: #e6e6e6;
}
.checklist__item .selectable-type-icon {
  min-width: 54px;
  height: 56px;
}
.checklist__item:first-child {
  border-radius: 3px 3px 0 0;
}
@media only screen and (max-width: 600px) {
  .checklist__item:first-child {
    border-radius: 0;
  }
}
.checklist__item__updated-badge {
  display: none;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: -10px;
  left: 19px;
  background-color: rgb(230, 122, 43);
  border-radius: 3px;
  padding: 2px 4px;
  z-index: 2;
}
.checklist__item.is-dragging + .checklist__item:not(.checklist__item--section) {
  border-top: 1px solid #e6e6e6;
  padding-bottom: 1px;
}
.checklist__item.is-dropping {
  transition: all 0.1s;
  transition-duration: 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.checklist__item__split-items-button {
  margin-right: 16px;
}
.checklist__item .client-task-group__collapsed-stack-base {
  border-top: 1px solid #e6e6e6;
}
.checklist__item .task-details__tag {
  display: none;
}
.checklist__item__summary-items {
  display: none;
  margin: 0 0 16px 54px;
}
.checklist__item--summary-items .checklist__item__summary-items {
  display: block;
}

.checklist__item.checklist__item--section {
  min-height: 48px;
}
.checklist__item.checklist__item--section:first-child .checklist__item__section-spacer {
  display: none;
}
.checklist__item.checklist__item--section:first-child .checklist__item__content > .checklist__item__header {
  min-height: 48px;
}

.checklist__item--pulse {
  border-bottom: 1px solid rgb(230, 122, 43);
}
.checklist__item--pulse .checklist__item__content {
  background-color: rgb(251, 236, 206) !important;
}
.checklist__item--pulse .checklist__item__header {
  box-shadow: 0px -1px 0 0 rgb(230, 122, 43);
}
.checklist__item--pulse .checklist__item__updated-badge {
  display: block;
}

.checklist__item--child:not(.is-dragging):not(.is-dropping):not(.checklist__item--expanding):not(.checklist__item--expanded):not(.checklist__item--completed) {
  padding-left: 36px;
}
.checklist__item--child:not(.is-dragging):not(.is-dropping):not(.checklist__item--expanding):not(.checklist__item--expanded):not(.checklist__item--completed):before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  height: 2px;
  background: #fff;
  width: 54px;
}

.checklist__item--child.checklist__item--completed:not(.is-dragging):not(.is-dropping):not(.checklist__item--expanding):not(.checklist__item--expanded) {
  padding-left: 36px;
}
.checklist__item--child.checklist__item--completed:not(.is-dragging):not(.is-dropping):not(.checklist__item--expanding):not(.checklist__item--expanded):before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  height: 2px;
  background: #f6f6f6;
  width: 54px;
}

.checklist__list:not(.checklist__list--drag-will-nest) .checklist__item.insert-highlight + .checklist__item--child:before {
  display: none;
}

.checklist__item:not(.checklist__item--section).is-dragging, .checklist__item:not(.checklist__item--section).is-dropping {
  z-index: 900;
  box-shadow: rgba(68, 68, 68, 0.298039) 0 2px 20px 0;
  border-radius: 3px;
  opacity: 0.9;
}
.checklist__item:not(.checklist__item--section).is-dragging .checklist__item__content, .checklist__item:not(.checklist__item--section).is-dropping .checklist__item__content {
  opacity: 0.9;
}
.checklist__item:not(.checklist__item--section).is-dragging .drop-down-button--ellipsis, .checklist__item:not(.checklist__item--section).is-dropping .drop-down-button--ellipsis {
  display: none;
}

.checklist__item:not(.checklist__item--section) {
  background-color: #fff;
}

.checklist__item.checklist__item--completed:not(.checklist__item--section) {
  background-color: #f6f6f6;
}

.checklist__item--section.is-dragging, .checklist__item--section.is-dropping {
  z-index: 900;
  position: relative;
  opacity: 0.9;
}
.checklist__item--section.is-dragging > .checklist__item__content, .checklist__item--section.is-dropping > .checklist__item__content {
  box-shadow: rgba(68, 68, 68, 0.298039) 0 2px 20px 0;
  opacity: 0.9;
  border-radius: 3px;
}

.checklist__item--section.highlight-section-insert:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2872d3;
}
.checklist__item--section.highlight-section-insert:after {
  top: 7px;
}

.checklist__item--section:first-of-type.highlight-section-insert:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2872d3;
}
.checklist__item--section:first-of-type.highlight-section-insert:after {
  top: -9px;
}

.checklist__item:first-of-type:not(.checklist__item--section).highlight-section-insert:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2872d3;
}
.checklist__item:first-of-type:not(.checklist__item--section).highlight-section-insert:after {
  top: -9px;
}

.checklist__list:not(.checklist__list--section-dragging) .checklist__item:not(.checklist__item--section).insert-highlight:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2872d3;
}
.checklist__list:not(.checklist__list--section-dragging):not(.checklist__list--nested-dragging).checklist__list--drag-will-nest .checklist__item:not(.checklist__item--section).insert-highlight:after {
  left: 54px;
  z-index: 2;
}
.checklist__list:not(.checklist__list--section-dragging) .checklist__item--section.insert-highlight:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2872d3;
}

.checklist__item.checklist__item--section {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}
.checklist__item.checklist__item--section .checklist__item__content .checklist__item__header {
  min-height: 48px;
}
.checklist__item.checklist__item--section .drop-down-button--ellipsis {
  margin-top: 1px;
}
.checklist__item.checklist__item--section > .checklist__item__content .checklist__item__header > .checklist__item__title {
  font-weight: 600;
  padding: 22px 8px 22px 20px;
  line-height: 20px;
  flex-grow: 1;
}
.checklist__item.checklist__item--section > .checklist__item__content .checklist__item__header > .checklist__item__title span {
  font-weight: 400;
  color: #999999;
}
.checklist__item.checklist__item--section > .checklist__item__content .checklist__item__header > .checklist__item__title input {
  height: 46px;
}
.checklist__item.checklist__item--section .checklist__item__title--editing {
  margin: 22px 8px 22px 20px;
  font-weight: 600;
}

.checklist__item__title-summary {
  color: #999999;
  flex-grow: 1;
  align-self: center;
}

.checklist__item__section-spacer {
  height: 16px;
  width: 1px;
}

.checklist__item > .checklist__item__content {
  background-color: #fff;
  width: 100%;
}

.checklist__item .checklist__item__content > .checklist__item__header {
  align-self: stretch;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 1;
  min-height: 56px;
}

.checklist__item--section > .checklist__item__content {
  min-height: 48px;
  border-top: 1px solid #e6e6e6;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .checklist__item--section > .checklist__item__content {
    border-radius: 0;
  }
}

.checklist__item--expanded,
.checklist__item--expanding {
  margin: 24px 0;
  border: none;
  box-shadow: rgba(68, 68, 68, 0.298039) 0 2px 20px 0;
  border-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .checklist__item--expanded,
  .checklist__item--expanding {
    border-radius: 0;
  }
}

.checklist__item--expanding {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.checklist__item:not(.checklist__item--expanding):first-of-type,
.checklist__item:not(.checklist__item--expanding):last-of-type {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .checklist__item:not(.checklist__item--expanding):first-of-type,
  .checklist__item:not(.checklist__item--expanding):last-of-type {
    border-radius: 0;
  }
}

.checklist__item .checklist__item__content .checklist__item__title,
.checklist__item.checklist__item--section .checklist__item__children .checklist__item__content .checklist__item__header > .checklist__item__title {
  display: block;
  font-weight: 400;
  font-size: 18px;
  padding: 16px 32px 16px 0px;
  line-height: 20px;
  height: auto;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  flex-grow: 1;
}
.checklist__item .checklist__item__content .checklist__item__title.checklist__item__title--editing,
.checklist__item.checklist__item--section .checklist__item__children .checklist__item__content .checklist__item__header > .checklist__item__title.checklist__item__title--editing {
  margin: 16px 32px 16px 0px;
  padding: 0;
}
.checklist__item .checklist__item__content .checklist__item__title input,
.checklist__item.checklist__item--section .checklist__item__children .checklist__item__content .checklist__item__header > .checklist__item__title input {
  line-height: 20px;
  height: 20px;
  font-size: 18px;
  padding: 0;
  background: transparent;
}
.checklist__item .checklist__item__content .checklist__item__title .checklist__item__description__summary,
.checklist__item.checklist__item--section .checklist__item__children .checklist__item__content .checklist__item__header > .checklist__item__title .checklist__item__description__summary {
  color: #999999;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 45px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  word-wrap: break-word;
}
.checklist__item .checklist__item__content .checklist__item__title:not(.checklist__item--editing),
.checklist__item.checklist__item--section .checklist__item__children .checklist__item__content .checklist__item__header > .checklist__item__title:not(.checklist__item--editing) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checklist__item:not(.checklist__item--section) .checklist__item__content .checklist__item__title--editing {
  font-weight: 400;
  font-size: 18px;
  margin: 16px 32px 16px 0px;
  padding: 0;
}

.checklist__item--no-title .checklist__item__title__content::after {
  content: "New task...";
  color: #999999;
}

.checklist__item.checklist__item--section .checklist__item__content .checklist__item__header textarea {
  line-height: 20px;
}

.checklist__item.checklist__item--expanded .checklist__item__content .checklist__item__title .checklist__item__description__summary,
.checklist__item.checklist__item--section .checklist__item__children .checklist__item.checklist__item--expanded .checklist__item__content .checklist__item__header > .checklist__item__title .checklist__item__description__summary {
  display: none;
}

.checklist__item .checklist__item__content .checklist__item__header textarea {
  background: transparent;
  border: 0;
  outline: 0;
  resize: none;
  height: 10px;
  line-height: 20px;
  padding: 0;
  font-size: 18px;
}

.checklist__item--editing .checklist__item__title {
  flex-grow: 1;
}

.checklist__item__title-spacer {
  display: flex;
  align-self: stretch;
  flex-grow: 99;
}

.checklist__item--editing .checklist__item__title input {
  flex-grow: 1;
}

.checklist__item--editing .checklist__item__title-spacer {
  flex-shrink: 1;
}

.checklist__item--expanded:not(.checklist__item--editing):not(.checklist__item--completed) .checklist__item__title:hover {
  text-decoration: underline;
}

.checklist__item .checklist__item__delete {
  display: none;
}

.checklist__item--editing:not(.checklist__item--expanded) .checklist__item__header .checklist__item__delete,
.checklist__item--blank:not(.checklist__item--expanded) .checklist__item__header .checklist__item__delete {
  display: block;
  min-width: 47px;
  margin-left: 63px;
  margin-top: -4px;
  height: 28px;
  color: #999999;
}
.checklist__item--editing:not(.checklist__item--expanded) .checklist__item__header .checklist__item__delete:hover,
.checklist__item--blank:not(.checklist__item--expanded) .checklist__item__header .checklist__item__delete:hover {
  color: #2872d3;
}
.checklist__item--editing:not(.checklist__item--expanded) .checklist__item__header .checklist__item__assignee-context-menu,
.checklist__item--blank:not(.checklist__item--expanded) .checklist__item__header .checklist__item__assignee-context-menu {
  display: none;
}
.checklist__item--editing:not(.checklist__item--expanded) .checklist__item__header .checklist__item__status,
.checklist__item--blank:not(.checklist__item--expanded) .checklist__item__header .checklist__item__status {
  display: none;
}

.checklist__item--completed:not(.checklist__item--editing) .checklist__item__title .checklist__item__title__content,
.checklist__item--completed:not(.checklist__item--editing) .checklist__item__title .checklist__item__description__summary {
  text-decoration: line-through;
  color: #999999;
}
.checklist__item--completed:not(.checklist__item--editing) .checklist__item__title .checklist__item__description__summary {
  opacity: 0.6;
}

.checklist__item__assignee-context-menu {
  min-width: 60px;
  margin-left: 0;
  height: 28px;
}
.checklist__item__assignee-context-menu .drop-down-button__toggle {
  margin-top: -1px;
}

.checklist__item__duedate,
.checklist__item__relative-duedate {
  min-width: 112px;
  color: #999999;
}
.checklist__item__duedate .pop-over__toggle,
.checklist__item__relative-duedate .pop-over__toggle {
  color: #999999;
  height: auto;
}

.checklist__item__relative-duedate {
  margin-right: 20px;
}

.checklist__item__status {
  min-width: 140px;
}
.checklist__item__status .action-button, .checklist__item__status .login__form-button {
  text-decoration: none;
}

.checklist__item--completed .checklist__item__status {
  min-width: 112px;
}

.checklist__item--overdue .checklist__item__duedate .pop-over__toggle,
.checklist__item--overdue .checklist__item__duedate .human-time-ago {
  color: #d61407;
}

.checklist__item--expanded .checklist__item__duedate {
  display: none;
}

.checklist__item .checklist__item__avatar {
  margin: 0 16px;
  border-radius: 14px;
  width: 28px;
  height: 28px;
}
.checklist__item .checklist__item__avatar img {
  width: 28px;
  height: 28px;
}
.checklist__item .checklist__item__avatar .avatar--empty {
  width: 28px;
  height: 28px;
  line-height: 26px;
  font-size: 19px;
}

.checklist__item--editing .checklist__item__avatar,
.checklist__item--expanded .checklist__item__avatar,
.checklist__item:hover .checklist__item__avatar,
.checklist__item .drop-down-button--active + .checklist__item__avatar {
  display: none;
}
@media only screen and (max-width: 600px) {
  .checklist__item--editing .checklist__item__avatar,
  .checklist__item--expanded .checklist__item__avatar,
  .checklist__item:hover .checklist__item__avatar,
  .checklist__item .drop-down-button--active + .checklist__item__avatar {
    display: block;
  }
}

.checklist__item.checklist__item--section:hover .checklist__item__avatar {
  display: block;
}

.checklist__item .drop-down-button--ellipsis .drop-down-button__toggle {
  display: none;
  width: 60px;
  background: transparent;
}
.checklist__item .drop-down-button--ellipsis .drop-down-button__toggle:hover {
  background: transparent;
}
.checklist__item .drop-down-button--ellipsis .drop-down-button__list {
  right: 16px;
}
.checklist__item .drop-down-button--ellipsis .drop-down-button__list span {
  color: #999999;
}
.checklist__item .drop-down-button--ellipsis .drop-down-button__list button {
  width: 240px;
}
@media only screen and (max-width: 600px) {
  .checklist__item .drop-down-button--ellipsis {
    display: none;
  }
}

.checklist__item.checklist__item--section .drop-down-button--ellipsis .drop-down-button__toggle {
  display: block;
}

.checklist__item--expanded .drop-down-button--ellipsis .drop-down-button__toggle,
.checklist__item:hover .drop-down-button--ellipsis .drop-down-button__toggle,
.checklist__item .drop-down-button--ellipsis.drop-down-button--active .drop-down-button__toggle {
  display: block;
}

.checklist__list--section-dragging .checklist__item--editing .drop-down-button--ellipsis,
.checklist__list--section-dragging .checklist__item:hover .drop-down-button--ellipsis {
  display: none;
}

.checklist__item--editing .drop-down-button--ellipsis {
  display: none;
}

.checklist__loader {
  padding-top: 22px;
  padding-left: 70px;
  margin: 0;
  height: 56px;
  max-width: none;
}
.checklist__loader .timeline-loader__icon {
  top: 15px;
}
.checklist__loader .timeline-loader__header {
  display: none;
}
.checklist__loader .timeline-loader__line {
  display: none;
}

.checklist__toolbar {
  margin-top: 16px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  height: 56px;
  background-color: #fff;
  border-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .checklist__toolbar {
    border-radius: 0;
  }
}
.checklist__toolbar .action-button--secondary-small {
  margin-right: 8px;
}

.checklist__toolbar__spacer {
  flex-grow: 1;
}

.checklist__list .sortable-group {
  padding: 0;
  margin: 0;
  list-style: none;
}

.section-ghost {
  width: 100%;
  z-index: -1;
  display: block;
  position: absolute;
  border-radius: 3px;
  background-color: #f4f4f4;
}
@media only screen and (max-width: 600px) {
  .section-ghost {
    border-radius: 0;
  }
}

.checklist__item .checklist__item__children {
  width: 100%;
}
.checklist__item .checklist__item__children .checklist__item {
  border-radius: 0;
}
.checklist__item .checklist__item__children .checklist__item:first-child {
  border-top: 1px solid #e6e6e6;
  padding-top: 1px;
  border-radius: 0;
}
.checklist__item .checklist__item__children .checklist__item:last-child {
  border-bottom: none;
}

.checklist__item--expanded .checklist__item__content {
  border-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .checklist__item--expanded .checklist__item__content {
    border-radius: 0;
  }
}

.copy-checklist-dialogue .typeahead-input__suggestions, .copy-checklist-dialogue .auto-complete-email__suggestions {
  max-height: 52vh;
  width: 368px;
}
.copy-checklist-dialogue .typeahead-input__controls {
  min-height: 130px;
}
.copy-checklist-dialogue .form-container {
  height: 300px;
}
.copy-checklist-dialogue .add-contact-form__checkboxes {
  padding-top: 0px;
}
.copy-checklist-dialogue .form-container--modal .action-bar .action-button--left {
  right: 90px;
}
.copy-checklist-dialogue .typeahead-input__field-toggle {
  overflow: hidden;
}

.check-list-item__split-pasted-content-timer .form-container {
  height: 144px;
}

.check-list__split-items-modal {
  width: 400px;
}

ul.karbon-sortable-list {
  margin: 0;
  padding: 0;
}

.karbon-sortable-list > li {
  list-style: none;
}

.karbon-sortable-list .checklist__item {
  border-bottom: none;
}

/*
 * This is the offscreen image used for marking a group that is dragged.
 */
#dragGroupImage {
  width: 210px;
  height: 36px;
  position: absolute;
  left: -2000px;
}

#dragSingleImage {
  width: 210px;
  height: 46px;
  position: absolute;
  top: -150px;
}

.checklist__thumbnail {
  width: 200px;
  height: 30px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #cacaca;
  display: flex;
  align-items: center;
  box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.7);
}
.checklist__thumbnail--circle {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  border: 1px solid #cacaca;
  background-color: #fff;
  margin-left: 12px;
}
.checklist__thumbnail--rectangle {
  width: 120px;
  height: 11px;
  background-color: #e6e6e6;
  margin-left: 8px;
}

/*
 * The spacer class is put on the karbon-sortable-item for default
 * borders. These get added/removed as you drag stuff around.
 */
.spacer .checklist__item {
  border-top: 1px solid #e6e6e6;
}

.checklist__item:hover {
  cursor: pointer;
}

.checklist__list .section {
  margin-top: 18px;
}

.checklist__list .section .checklist__item {
  background-color: #fff;
}

/*
 * The dragging class is added to the karbon-sortable-item when a
 * drag starts and removed when it ends. This affects the original
 * item (in the list) and the drag image if you don't change it.
 */
.dragging .checklist__item {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  opacity: 1;
  color: #f2f2f2;
}
.dragging .checklist__item .checklist__item__content {
  background-color: #f2f2f2;
  color: #f2f2f2;
}
.dragging .checklist__item .checklist__item__content .checklist__item__header {
  opacity: 0;
}

.dragging.nested .checklist__item {
  margin-left: 36px;
}

.dragging.spacer .checklist__item {
  border-top-color: #e6e6e6;
}

/*
 * On drag, if you nest/indent an item, the nesting class will be added
 * until you unnest/outdent it, leave, or drop. This class is temporary
 * and should only be present on a single item at a time while dragging.
 */
li.nesting .checklist__item {
  border-top: 1px solid #aa3a3a;
  margin-left: 36px;
}

/*
 * The nested class is put on a karbon-sortable-item if it is nested/indented
 * at the end of the drop. This is the 'permanent' version of 'nesting'.
 */
li.nested .checklist__item:not(.checklist__item--expanded) .checklist__item__content {
  padding-left: 36px;
}

/*
 * Rather than change the background of the drop target, we now mark it as
 * droppable--below or above based on whether you are in the top half or bottom
 * half of the drop target. This only works with borders, so the mechanism is
 * baked in.
 */
.droppable--below .checklist__item {
  border-bottom: 1px solid #aa3a3a;
}

.droppable--above .checklist__item {
  border-top: 1px solid #aa3a3a;
}

.karbon-sortable-list .animate-in.will-animate {
  transition: all 1s;
  max-height: 0;
  opacity: 0;
}
.karbon-sortable-list .animate-in.will-animate .section {
  margin-top: 0;
}

.karbon-sortable-list .animate-out.is-animating {
  transition: all 1s;
  max-height: 400px;
}

.karbon-sortable-list .animate-out.will-animate {
  transition: all 1s;
  max-height: 400px;
}

.karbon-sortable-list .animate-out.is-animating {
  transition: all 1s;
  max-height: 0;
  opacity: 0;
}
.karbon-sortable-list .animate-out.is-animating .section {
  margin-top: 0;
}

.karbon-sortable-list.karbon-sortable-list--invalid-dragover .checklist__item {
  opacity: 0.6;
}

.client-task-group > .karbon-sortable-list.karbon-sortable-list--invalid-dragover .client-task-item {
  opacity: 0.6;
}

.assign-checklist-modal,
.assign-role-checklist-modal {
  font-size: 18px;
}
.assign-checklist-modal .form-container__loader,
.assign-role-checklist-modal .form-container__loader {
  padding-top: 100px;
  padding-bottom: 100px;
}
.assign-checklist-modal .inner-modal-panel,
.assign-role-checklist-modal .inner-modal-panel {
  background: #f2f2f2;
  padding: 12px 14px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  margin-bottom: 12px;
  font-size: 18px;
}
.assign-checklist-modal .reassign-items,
.assign-role-checklist-modal .reassign-items {
  margin-top: 12px;
  margin-left: -2px;
}
.assign-checklist-modal .reassign-items .summary,
.assign-role-checklist-modal .reassign-items .summary {
  color: #999999;
}
.assign-checklist-modal .reassign-items .check-box,
.assign-role-checklist-modal .reassign-items .check-box {
  margin-bottom: 8px;
}
.assign-checklist-modal .reassign-items .count,
.assign-role-checklist-modal .reassign-items .count {
  color: #999999;
}
.assign-checklist-modal .look-ahead__input,
.assign-role-checklist-modal .look-ahead__input {
  padding-top: 12px;
}

.checklist-relative-due-date-input {
  display: flex;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background: white;
}
.checklist-relative-due-date-input .ember-text-field {
  display: inline-block;
  height: auto;
  width: 49px;
  color: #000;
  text-align: center;
  font-size: 16px;
  padding: 4px 8px;
  margin: 0;
  outline: none;
  background: transparent;
  border: none;
  border-right: 1px solid #e6e6e6;
}
.checklist-relative-due-date-input .drop-down-button--modal {
  flex-grow: 1;
  display: inline-block;
}
.checklist-relative-due-date-input .drop-down-button__toggle {
  flex-grow: 1;
  width: 100%;
  padding-left: 4px;
  height: auto;
  background: transparent;
  line-height: 48px;
}
.checklist-relative-due-date-input .drop-down-button__list .action-button, .checklist-relative-due-date-input .drop-down-button__list .login__form-button {
  width: 100%;
}

.checklist-relative-due-date-input--minimal {
  border: none;
  display: block;
}
.checklist-relative-due-date-input--minimal .ember-text-field {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin: -4px 0 -4px -4px;
  outline: none;
}
.checklist-relative-due-date-input--minimal .drop-down-button__toggle {
  line-height: initial;
}
.checklist-relative-due-date-input--minimal .drop-down-button__toggle::after {
  content: "\e602";
  font-size: 22px;
  vertical-align: middle;
  margin-left: -5px;
  background: transparent;
  line-height: initial;
}

.client-task-group {
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 16px;
}
.client-task-group__content {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-grow: 1;
  color: #000;
  background-color: #fff;
  min-height: 65px;
  font-size: 18px;
  border-bottom: 1px solid #e6e6e6;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .client-task-group__content .drop-down-button {
    position: absolute;
    right: 0px;
    top: 10px;
  }
}
.client-task-group__content .drop-down-button .drop-down-button__toggle {
  width: 56px;
}
.client-task-group__content .drop-down-button .drop-down-button__toggle:before {
  margin-left: -19px;
}
@media only screen and (max-width: 600px) {
  .client-task-group__content .drop-down-button__list,
  .client-task-group__content .drop-down-button__list .action-button,
  .client-task-group__content .drop-down-button__list .login__form-button {
    width: 100%;
  }
}
.client-task-group__tag {
  display: inline-block;
  background-color: #444;
  color: #fff;
  padding: 6px;
  border-radius: 3px;
  margin: 5px 2px 5px 16px;
  height: auto;
  line-height: 12px;
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (max-width: 600px) {
  .client-task-group__tag {
    font-size: 10px;
    padding: 4px 8px;
    margin: 0px 0px 2px 5px;
  }
}
.client-task-group--loading .client-task-group__tag {
  background-color: #aaa;
}
.client-task-group__item-container {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
@media only screen and (max-width: 600px) {
  .client-task-group__item-container {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 22px;
  }
}
.client-task-group__title {
  font-weight: 600;
  padding: 14px 4px 14px 6px;
}
@media only screen and (max-width: 600px) {
  .client-task-group__title {
    padding-top: 14px;
    padding-left: 0px;
    padding-bottom: 4px;
    margin-right: 200px;
    line-height: 24px;
  }
}
.client-task-group__title--editing {
  background: transparent;
  border: 0;
  outline: 0;
  resize: none;
  width: auto;
  flex-grow: 1;
}
.client-task-group__title--editing.editable-input:focus {
  border: 0;
}
@media only screen and (max-width: 600px) {
  .client-task-group__add-task {
    position: absolute;
    top: 10px;
    right: 60px;
  }
}
.client-task-group__chevron-down {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #000;
  margin: 2px 16px 0 20px;
  transition: all 0.08s linear;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 600px) {
  .client-task-group__chevron-down {
    margin-top: 14px;
  }
}
.client-task-group--expanded .client-task-group__chevron-down {
  transform: rotate(0);
}
.client-task-group__progress-bud {
  height: 3px;
  position: absolute;
  bottom: -1px;
  z-index: 1;
  border-top: solid 1px #aaa;
  background-color: #2872d3;
  width: 25%;
  animation-duration: 1.8s;
  animation-name: progressbudwidth;
  animation-iteration-count: infinite;
}
.client-task-group__sent-status {
  margin-right: 8px;
  color: #999999;
}
@media only screen and (max-width: 600px) {
  .client-task-group__sent-status {
    margin-top: 0px;
    margin-bottom: 12px;
  }
}
.client-task-group__sending-rules {
  margin-right: 8px;
  color: #2872d3;
}
@media only screen and (max-width: 600px) {
  .client-task-group__sending-rules {
    display: none;
  }
}
.client-task-group__reminder-status {
  cursor: pointer;
  margin-right: 8px;
  border-left: 1px solid grey;
  height: 12px;
  display: flex;
  align-items: center;
  padding-left: 7px;
}
.client-task-group__reminder-status:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92e";
  font-size: 26px;
  top: 1px;
  color: #000;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .client-task-group__reminder-status {
    border-left: 0px;
    margin-bottom: 8px;
  }
}
.client-task-group__reminder-status-plus {
  cursor: pointer;
  color: #999999;
  margin-right: 8px;
  border-left: 1px solid #999999;
  height: 12px;
  display: flex;
  align-items: center;
  padding-left: 7px;
}
@media only screen and (max-width: 600px) {
  .client-task-group__reminder-status-plus {
    border-left: 0px;
    margin-bottom: 8px;
  }
}
.client-task-group__reminder-status-plus svg {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
}
.client-task-group__reminder-status-plus svg path {
  fill: #999999;
}
.client-task-group__spacer {
  flex-grow: 1;
  height: 40px;
}
@media only screen and (max-width: 600px) {
  .client-task-group__spacer {
    display: none;
  }
}
.client-task-group__context-menu .drop-down-button--modal .drop-down-button__toggle,
.client-task-group__context-menu .drop-down-button--status .drop-down-button__toggle {
  background: transparent;
  color: #2872d3;
}
.client-task-group__context-menu .drop-down-button__list .action-button, .client-task-group__context-menu .drop-down-button__list .login__form-button {
  width: 240px;
}
.client-task-group__collapsed-stack-base {
  padding: 2px 0 0 0;
  background-color: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.client-task-group__collapsed-stack-base__item {
  height: 2px;
  border-top: 1px solid #e6e6e6;
  padding-bottom: 2px;
}

.client-task-group--editing .client-task-group__item-container {
  display: none;
}

.droppable--below > .client-task-group:not(.client-task-group-v2) {
  border-bottom: 1px solid #aa3a3a;
}

.droppable--below > .client-task-group--expanded:not(.client-task-group-v2) {
  border-bottom: 5px solid #aa3a3a;
}

.droppable--above > .client-task-group:not(.client-task-group-v2) {
  border-top: 1px solid #aa3a3a;
}

.dragging > .client-task-group:not(.client-task-group-v2) {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  opacity: 1;
}
.dragging > .client-task-group:not(.client-task-group-v2) .client-task-group__content {
  opacity: 0;
}
.dragging > .client-task-group:not(.client-task-group-v2) > .client-task-item {
  opacity: 0;
}

.checklist-sections .client-task-group.client-task-group-v2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 6px;
}

.section.dragging .client-task-group .client-task-group__content,
.section.dragging .client-task-group .client-task-group__collapsed-stack-base {
  opacity: 0.45;
}

.client-task-item {
  position: relative;
  cursor: pointer;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #fff;
  background: #fff;
}
.client-task-item__content {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  background: #fff;
}
.client-task-item__meta_data {
  font-weight: 400;
  font-size: 16px;
  margin: 8px 20px 4px 0px;
}
@media only screen and (max-width: 600px) {
  .client-task-item__meta_data {
    margin-bottom: 8px;
  }
}
.client-task-item__meta_data__attachement {
  padding-left: 20px;
  margin-right: 16px;
}
.client-task-item__meta_data__attachement:before {
  position: absolute;
  margin-top: -7px;
  margin-left: -26px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e938";
  color: #444;
}
.client-task-item__meta_data__comment {
  padding-left: 22px;
  margin-right: 16px;
}
.client-task-item__meta_data__comment:before {
  position: absolute;
  margin-top: -7px;
  margin-left: -28px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e941";
  color: #444;
}
.client-task-item .task-details__content {
  background-color: white;
}
.client-task-item .client-task-item__close-button {
  margin-right: 16px;
  margin-top: 5px;
}
.client-task-item__summary-items {
  display: none;
  margin: 0;
}
.client-task-item__summary-items .comment-summary-item__message {
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  .client-task-item__summary-items {
    margin-right: 72px;
  }
}
.client-task-item--summary-items .client-task-item__summary-items {
  display: block;
  max-width: 100%;
}
.client-task-item.client-task-item--completed .client-task-item__content, .client-task-item.client-task-item--completed {
  background-color: #f4f4f4;
  border-top-color: #f4f4f4;
}
.client-task-item.client-task-item--completed .client-task-item__content .client-task-item__title__content, .client-task-item.client-task-item--completed .client-task-item__title__content {
  text-decoration: line-through;
}
.client-task-item.client-task-item--completed .client-task-item__content .client-task-item__title__content .client-task-item__rename, .client-task-item.client-task-item--completed .client-task-item__title__content .client-task-item__rename {
  text-decoration: inherit;
  display: none;
}
.client-task-item.client-task-item--completed .client-task-item__content .comment-summary-item, .client-task-item.client-task-item--completed .comment-summary-item {
  background: none;
}
.client-task-item .selectable-type-icon {
  min-width: 54px;
  height: 52px;
}
.client-task-item .selectable-type-icon__checkbox {
  border-color: #c9c9c9;
}
.client-task-item__title-spacer {
  display: flex;
  align-self: stretch;
  flex-grow: 99;
}
.client-task-item__title:not(.client-task-item--editing) {
  margin-bottom: 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.client-task-item__title__counts {
  margin-left: 6px;
}
.client-task-item__rename {
  color: #f9f9f9;
  font-size: 14px;
  font-weight: 400;
  margin-left: 28px;
  text-decoration: underline;
  white-space: nowrap;
}
.client-task-item__rename .bl-icon, .client-task-item__rename .auto-complete-email__button--chevron, .client-task-item__rename .timeline-item-header__shared-icon, .client-task-item__rename .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .client-task-item__rename .drop-down-button__toggle::after {
  font-size: 28px;
  position: absolute;
  margin-top: -2px;
  margin-left: -26px;
}
.client-task-item__title:hover .client-task-item__rename {
  color: #999999;
}
.client-task-item__tag {
  display: inline-block;
  background-color: #444;
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  margin: 0;
}
.client-task-item__status {
  color: #999999;
  min-width: 130px;
  height: 40px;
  padding-top: 6px;
  line-height: 40px;
}
.client-task-item__duedate {
  padding-top: 7px;
  color: #999999;
  min-width: 404px;
}
.client-task-item__duedate .action-button, .client-task-item__duedate .login__form-button {
  height: 40px;
}
@media only screen and (max-width: 1300px) {
  .client-task-item__duedate {
    min-width: 234px;
  }
}
@media only screen and (max-width: 1180px) {
  .client-task-item__duedate {
    min-width: 114px;
  }
}
.client-task-item__relative-duedate {
  padding-top: 12px;
  color: #999999;
  min-width: 112px;
}
.client-task-item__delete {
  width: 60px;
  display: none;
}
.client-task-item--expanded, .client-task-item--expanding {
  padding-bottom: 0px;
}
.client-task-item--expanded .client-task-item__meta_data, .client-task-item--expanding .client-task-item__meta_data {
  display: none;
}
.client-task-item--expanded .client-task-item__content, .client-task-item--expanding .client-task-item__content {
  background-color: #f9f9f9;
}
.client-task-item--editing .client-task-item__delete {
  display: block;
  min-width: 110px;
  margin-left: -50px;
  height: 28px;
  color: #999999;
  position: relative;
}
.client-task-item--editing .client-task-item__delete:before {
  position: absolute;
  right: 15px;
  top: 10px;
}
.client-task-item--editing .client-task-item__delete:hover {
  color: #2872d3;
}
.client-task-item--editing .client-task-item__context-area {
  display: none;
}
.client-task-item .pop-over__toggle {
  color: #999999;
}

.client-task-item--overdue .client-task-item__duedate .human-time-ago,
.client-task-item--overdue .client-task-item__duedate .pop-over__toggle {
  color: #d61407;
}

.client-task-item--no-title .client-task-item__title__content::after {
  content: "New task...";
  color: #999999;
}

.client-task-item--no-title.client-task-item--is-loading .client-task-item__title__content::after {
  content: "Loading..";
  color: #999999;
}

.client-task-item .client-task-item__content .client-task-item__title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  padding: 17px 32px 0px 0px;
  line-height: 20px;
  height: auto;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  flex-grow: 1;
  max-width: calc(100% - 400px);
}
@media only screen and (max-width: 600px) {
  .client-task-item .client-task-item__content .client-task-item__title {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .client-task-item .client-task-item__content .client-task-item__title .client-task-item__title__content {
    margin-right: 40px;
  }
}
.client-task-item .client-task-item__content .client-task-item__title input {
  line-height: 20px;
  height: 20px;
  font-size: 18px;
  padding: 0;
  background: transparent;
}
.client-task-item .client-task-item__content .client-task-item__title .client-task-item__description__summary {
  font-weight: 400;
  color: #444;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 45px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  font-size: 16px;
  word-wrap: break-word;
}
.client-task-item .client-task-item__content .client-task-item__title:not(.client-task-item--editing) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.client-task-item .client-task-item__content .client-task-item__title--editing {
  font-weight: 500;
  font-size: 16px;
  margin: 17px 32px 17px 0px;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  resize: none;
  height: 10px;
  line-height: 20px;
  width: auto;
  flex-grow: 1;
}

.client-task-item.client-task-item--expanded,
.client-task-item.client-task-item--expanding {
  margin: 24px 0;
  border: none;
  box-shadow: rgba(68, 68, 68, 0.298039) 0 2px 20px 0;
  border-radius: 3px;
}
@media only screen and (max-width: 600px) {
  .client-task-item.client-task-item--expanded,
  .client-task-item.client-task-item--expanding {
    border-radius: 0;
  }
}
.client-task-item.client-task-item--expanded .client-task-item__content .client-task-item__tag,
.client-task-item.client-task-item--expanded .client-task-item__content .client-task-item__title .client-task-item__description__summary,
.client-task-item.client-task-item--expanding .client-task-item__content .client-task-item__tag,
.client-task-item.client-task-item--expanding .client-task-item__content .client-task-item__title .client-task-item__description__summary {
  display: none;
}

.client-task-item--expanding {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.client-task-item--expanded .client-task-item__duedate {
  display: none;
}

.client-task-item__context-area {
  min-width: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.client-task-item__context-area .client-task-item__context-menu {
  margin-right: 6px;
}
.client-task-item__context-area .client-task-item__context-menu .drop-down-button--right-aligned-list .drop-down-button__list {
  right: 8px;
}
.client-task-item__context-area .client-task-item__context-menu .drop-down-button__toggle {
  background: transparent;
}

.client-task-item:not(.client-task-item--expanded) .client-task-item__context-menu > .drop-down-button .drop-down-button__toggle {
  opacity: 0;
}

.client-task-item:hover .client-task-item__context-menu > .drop-down-button .drop-down-button__toggle,
.client-task-item.client-task-item--context-menu-open .client-task-item__context-menu > .drop-down-button .drop-down-button__toggle {
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  .client-task-item:hover .client-task-item__context-menu,
  .client-task-item.client-task-item--context-menu-open .client-task-item__context-menu {
    display: block;
  }
}

.client-task-item--expanded .client-task-item__tag,
.client-task-item:hover .client-task-item__tag,
.client-task-item--context-menu-open .client-task-item__tag,
.client-task-item .drop-down-button--active + .client-task-item__tag {
  display: none;
}
@media only screen and (max-width: 600px) {
  .client-task-item--expanded .client-task-item__tag,
  .client-task-item:hover .client-task-item__tag,
  .client-task-item--context-menu-open .client-task-item__tag,
  .client-task-item .drop-down-button--active + .client-task-item__tag {
    display: block;
  }
}

.client-task-item.client-task-item--section:hover .client-task-item__tag {
  display: block;
}

.client-task-item .client-task-item__tag {
  margin-right: 14px;
}

/*
 * The dragging class is added to the karbon-sortable-item when a
 * drag starts and removed when it ends. This affects the original
 * item (in the list) and the drag image if you don't change it.
 */
.dragging > .client-task-group .client-task-item,
.client-task-group .dragging > .client-task-item {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  opacity: 1;
}
.dragging > .client-task-group .client-task-item .client-task-item__content,
.client-task-group .dragging > .client-task-item .client-task-item__content {
  opacity: 0;
}

.droppable:not(.spacer) > .client-task-group {
  border-top: none;
}

.client-task-group .droppable--above .client-task-item {
  border-top: 1px solid #aa3a3a;
}

.client-task-group .droppable--below .client-task-item {
  border-bottom: 1px solid #aa3a3a;
}

.client-task-group .droppable--above .client-task-item {
  border-top: 1px solid #aa3a3a;
}

.task-details {
  cursor: default;
  min-height: 240px;
  display: flex;
  flex-direction: row;
  border-top: 1px solid #cacaca;
}
.task-details__content {
  border-right: 1px solid #cacaca;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .task-details__content {
    border-right: 0px;
  }
}
.task-details__row {
  margin: 0 0 12px 0;
}
.task-details__row--relative {
  position: relative;
}
.task-details__row--my-week {
  padding-bottom: 16px;
}
.task-details__info-tray {
  display: flex;
  flex-shrink: 0;
  background: transparent;
  width: auto;
}
.task-details__info-tray .tab-panel__panel {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.task-details__info-tray .tab-panel__content {
  width: 320px;
}
.task-details__info-tray__title {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 4px;
}
.task-details__info-tray__title:first-child {
  margin-top: 0;
}
.task-details__content__spacer {
  flex-grow: 1;
}
.task-details__conversations__list {
  margin: 12px 0 0;
}
.task-details .conversations-list {
  border-top: 0px;
}
.task-details__tag {
  display: inline-block;
  background-color: #444;
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  margin: 6px 0 18px;
}
.task-details .form-block {
  width: auto;
}
.task-details__files__upload-manager {
  padding-top: 8px;
  margin: 0;
  width: 100%;
  max-height: none;
}
.task-details__files__upload-manager .file-pill__remove-button {
  display: none;
}
.task-details--edit .task-details__files__upload-manager .file-pill__remove-button {
  display: block;
}
.task-details__files__paperclip {
  top: 2px;
}
.task-details .work-summary-card__delete {
  display: none;
}
.task-details__completed_details {
  font-size: 14px;
  margin: 4px 0 0 6px;
  color: #999999;
}
.task-details__completed_details .human-time-ago {
  font-size: inherit;
}
.task-details .status-button .status-list {
  top: 45px;
}
.task-details__assignee-input {
  border: 1px solid #cacaca;
  border-radius: 4px;
  cursor: pointer;
  padding: 12px;
  color: #000;
  height: 46px;
}
.task-details__assignee-input--unassigned {
  color: #999999;
}
.task-details__input-actions-container {
  position: relative;
}
.task-details__input-actions {
  cursor: pointer;
  position: absolute;
  text-align: right;
  right: 2px;
  top: 0;
  color: #999999;
}
.task-details__input-action {
  text-decoration: underline;
}
.task-details__input-action--faint {
  text-decoration: none;
}

.task-details__description {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.task-details__description .rich-textarea__toolbar {
  width: calc(100% - 210px);
}
@media only screen and (max-width: 600px) {
  .task-details__description .rich-textarea__toolbar {
    display: none;
  }
}
.task-details__description img {
  max-width: 100%;
}
.task-details__description__settings-icon {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 10px;
  color: #999999;
}
.task-details__description__settings-icon .bl-icon, .task-details__description__settings-icon .auto-complete-email__button--chevron, .task-details__description__settings-icon .timeline-item-header__shared-icon, .task-details__description__settings-icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .task-details__description__settings-icon .drop-down-button__toggle::after {
  font-size: 26px;
}
.task-details__description__title {
  color: #999999;
  padding: 0 0 10px 0;
}
.task-details__description .mentionable-rich-textarea__position-container {
  position: static;
}
.task-details__description .task-details__description__action-bar {
  display: flex;
  justify-content: flex-end;
}
.task-details__description .task-details__description__action-bar .button {
  min-width: 100px;
}
.task-details__description .task-details__description__action-bar .bl-icon, .task-details__description .task-details__description__action-bar .auto-complete-email__button--chevron, .task-details__description .task-details__description__action-bar .timeline-item-header__shared-icon, .task-details__description .task-details__description__action-bar .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .task-details__description .task-details__description__action-bar .drop-down-button__toggle::after {
  cursor: pointer;
  margin-right: 16px;
  padding-right: 6px;
  margin-top: 2px;
  border-right: 1px solid #e6e6e6;
}
.task-details__description .task-details__description__input, .task-details__description .task-details__description__input:focus, .task-details__description .rich-textarea__container.email-reset {
  line-height: 20px;
  margin: 0;
  font-size: 16px;
  color: #000;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.task-details__description .task-details__description__input ul li, .task-details__description .task-details__description__input:focus ul li, .task-details__description .rich-textarea__container.email-reset ul li {
  list-style: disc;
}
.task-details__description .task-details__description__input ol li, .task-details__description .task-details__description__input:focus ol li, .task-details__description .rich-textarea__container.email-reset ol li {
  list-style: decimal;
}
.task-details__description__input, .task-details__description__input:focus {
  background: transparent;
  border: 0;
  outline: 0;
  resize: none;
  margin: 0;
  overflow: visible;
  padding: 0;
  margin-bottom: 0;
  cursor: text;
  flex-grow: 1;
}
.task-details__description__input--view-mode, .task-details__description__input--view-mode--empty {
  cursor: default;
}
.task-details__description .task-details__description__input--view-mode {
  margin-right: 20px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.task-details__description__input--view-mode--empty {
  margin: 0 0 -12px 0;
  cursor: pointer;
  text-decoration: underline;
  color: #999999;
}

.task-details--file-list-view .task-details__files__upload-manager .file-pill {
  width: 100%;
  border-radius: 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.task-details--file-list-view .task-details__files__upload-manager .file-pill:last-of-type {
  border-bottom: none;
  margin-bottom: 4px;
}
.task-details--file-list-view .task-details__files__upload-manager .file-pill__uploaded-by {
  margin-right: 16px;
}
.task-details--file-list-view .task-details__files__upload-manager .file-pill:not(.file-pill--removable):not(.file-pill--uploading):not(.file-pill--failed) {
  padding-right: 39px;
}
.task-details--file-list-view .task-details__files__upload-manager .file-pill--not-downloadable .file-pill__file-name {
  color: #999999;
}

.task-details .side-tray-tab-panel {
  background: #f8f8f8;
  min-height: 540px;
}
.task-details .side-tray-tab-panel .tab-panel__panel {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.task-details .side-tray-tab-panel .tab-panel__content {
  width: 320px;
}

.task-details-info-tray {
  display: flex;
  background-color: #f9f9f9;
}
.task-details-info-tray__notify-me {
  min-height: 48px;
  margin-bottom: 16px;
}
.task-details-info-tray__notification-toggle {
  display: flex;
  align-items: center;
}
.task-details-info-tray__notification-toggle .toggle-switch {
  margin-right: 8px;
}

.send-to-client-modal__title {
  font-size: 17px;
  font-weight: 600;
  padding-bottom: 4px;
}
.send-to-client-modal__message {
  padding-bottom: 16px;
}
.send-to-client-modal__link-actions {
  margin-top: -16px;
}
.send-to-client-modal__link-actions > li > span {
  color: #2872d3;
  text-decoration: underline;
  cursor: pointer;
}
.send-to-client-modal__schedule-blocker-info {
  margin-left: 25px;
}
.send-to-client-modal__date-input {
  background: #fff;
  margin-left: 22px;
}
.send-to-client-modal__error-message {
  color: #d61407;
  margin: 6px 0 0 4px;
}
.send-to-client-modal__schedule-panel.radio-input-container {
  margin: 0 0 12px 0;
}
.send-to-client-modal__colleague-selector, .send-to-client-modal__from-selector {
  margin: 12px 0;
}
.send-to-client-modal__from-selector {
  font-size: 17.6px;
}
.send-to-client-modal__colleague-selector.auto-complete.auto-complete-colleague > .auto-complete__input {
  margin: 0;
  height: 40px;
}
.send-to-client-modal__radio-button {
  margin-top: 20px;
}
.send-to-client-modal__inner-modal-panel {
  background: #f2f2f2;
  padding: 12px 14px;
  border-radius: 3px;
  border: 1px solid #cacaca;
  margin-bottom: 12px;
  margin-top: 20px;
}
.send-to-client-modal__inner-modal-panel .form-label {
  color: #000;
}
.send-to-client-modal .form-block {
  margin-bottom: 0px;
}
.send-to-client-modal .form-block .form-label {
  margin-bottom: 6px;
  margin-top: 12px;
}
.send-to-client-modal .form-block .send-to-client-modal__from-selector {
  margin-top: 6px;
  min-height: 40px;
}
.send-to-client-modal .form-block .send-to-client-modal__schedule-panel .form-label {
  margin-bottom: 10px;
}
.send-to-client-modal .form-block .send-to-client-modal__schedule-panel .form-label input {
  margin-top: -2px;
}
.send-to-client-modal .form-block .action-button--link, .send-to-client-modal .form-block .action-button--link-medium, .send-to-client-modal .form-block .action-button--link-small, .send-to-client-modal .form-block .action-button--link-quiet, .send-to-client-modal .form-block .action-button--link-quiet-small, .send-to-client-modal .form-block .action-button--link-quiet-ultra-small, .send-to-client-modal .form-block .action-button--link-ultra-quiet, .send-to-client-modal .form-block .action-button--link-ultra-quiet-small, .send-to-client-modal .form-block .action-button--link-ultra-quiet-ultra-small {
  font-size: 18px;
  text-decoration: underline;
}
.send-to-client-modal .form-block .action-button--link:hover, .send-to-client-modal .form-block .action-button--link-medium:hover, .send-to-client-modal .form-block .action-button--link-small:hover, .send-to-client-modal .form-block .action-button--link-quiet:hover, .send-to-client-modal .form-block .action-button--link-quiet-small:hover, .send-to-client-modal .form-block .action-button--link-quiet-ultra-small:hover, .send-to-client-modal .form-block .action-button--link-ultra-quiet:hover, .send-to-client-modal .form-block .action-button--link-ultra-quiet-small:hover, .send-to-client-modal .form-block .action-button--link-ultra-quiet-ultra-small:hover {
  text-decoration: none;
}

.client-reminders-form-item__panel {
  background: #f2f2f2;
  padding: 19px 12px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  margin-bottom: 12px;
}
.client-reminders-form-item__toggle {
  display: flex;
  align-items: center;
}
.client-reminders-form-item__toggle-description {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}
.client-reminders-form-item__switch-control {
  display: inline-block;
  margin-right: 12px;
}
.client-reminders-form-item__selection-button {
  margin-left: 4px;
  top: -10px;
}
.client-reminders-form-item__selection-button:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #2872d3;
  left: -16px;
  top: 8px;
  position: relative;
  pointer-events: none;
}
.client-reminders-form-item__selection-button .action-button.action-button--inline, .client-reminders-form-item__selection-button .action-button--inline.login__form-button {
  padding-right: 16px;
}
.client-reminders-form-item__frequency-area {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.client-reminders-form-item__frequency-input {
  width: 50px;
  height: 40px;
  padding: 0;
  padding: 0 2px 0 12px;
  margin: 0 8px;
  text-align: center;
  outline: none;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.client-reminders-form-item__info-items {
  margin-top: 8px;
  margin-left: 42px;
}
@media only screen and (max-width: 600px) {
  .client-reminders-form-item__info-items {
    margin-left: 0;
  }
}
.client-reminders-form-item__info-item {
  margin: 2px 0 8px 0;
  position: relative;
  padding-left: 24px;
}
.client-reminders-form-item__info-item:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92e";
  position: absolute;
  font-size: 26px;
  color: #000;
  left: -5px;
  top: -2px;
}
.client-reminders-form-item__info-item .bl-icon--info {
  position: relative;
  font-size: 28px;
  line-height: 2px;
  top: 7px;
}
.client-reminders-form-item__info-item--sender:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  font-size: 20px;
  left: -1px;
  top: 0;
}
.client-reminders-form-item .tool-tip-shell {
  display: inline-block;
  margin-left: -4px;
  cursor: default;
}
.client-reminders-form-item__warning {
  background-color: #2872d3;
  color: white;
  border-radius: 3px;
  padding: 10px 14px 14px;
  font-size: 18px;
  margin-bottom: 12px;
}

.client-reminders-form-item--reminders-off {
  color: #999999;
}
.client-reminders-form-item--reminders-off .client-reminders-form-item__info-item:before {
  color: #999999;
}
.client-reminders-form-item--reminders-off .client-reminders-form-item__selection-button:after,
.client-reminders-form-item--reminders-off .client-reminders-form-item__selection-button .action-button,
.client-reminders-form-item--reminders-off .client-reminders-form-item__selection-button .login__form-button {
  color: #999999;
}

.template-send-rules-modal .checklist-relative-due-date-input {
  margin: 16px 0 0 42px;
}

.client-task-email-modal {
  width: 100%;
  max-width: 800px;
  min-height: 498px;
}
.client-task-email-modal .modal-dialog-bl__loading-icon {
  margin-top: 120px;
}
.client-task-email-modal .form-block {
  width: 100%;
}
.client-task-email-modal__info {
  color: #999999;
}
.client-task-email-modal__status-message {
  margin-bottom: 16px;
}

.client-task-group-split-button {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  height: 40px;
  display: flex;
  align-items: center;
  margin-right: 16px;
  justify-self: flex-end;
  padding: 0;
}
.client-task-group-split-button__main-button {
  font-weight: 400;
  text-decoration: underline;
  padding: 8px 12px;
  font-size: 16px;
}
.client-task-group-split-button--disabled .client-task-group-split-button__main-button {
  color: #999999;
  cursor: default;
}
.client-task-group-split-button__more {
  position: relative;
  width: 40px;
  margin: 0;
  height: 100%;
  border-left: 1px solid #e6e6e6;
}
.client-task-group-split-button__more::after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  color: #000;
  left: 4px;
  top: 3px;
  position: relative;
}
.client-task-group-split-button .drop-down-button__list {
  margin: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 10px;
  margin-top: 4px;
  background: white;
  border: 0;
  border-radius: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media only screen and (max-width: 600px) {
  .client-task-group-split-button .drop-down-button__list {
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.7);
    padding-bottom: 0;
  }
}
.client-task-group-split-button .drop-down-button__list label {
  width: 100%;
  font-size: 14px;
  padding: 4px 16px 0;
  color: #999999;
  background: #fff;
  height: 32px;
  line-height: 32px;
}
.client-task-group-split-button .drop-down-button__list .button {
  width: 100%;
  background: #fff;
  font-size: 18px;
  height: 48px;
}
.client-task-group-split-button .drop-down-button__list .button span {
  color: #999999;
}
.client-task-group-split-button .drop-down-button__list .button.disabled {
  color: #999999;
}
.client-task-group-split-button .drop-down-button__list .drop-down-button--close {
  display: block;
  color: #000;
  font-weight: 600;
  /* always include a divider above the close button */
  border-top: 1px solid #e6e6e6;
  margin-top: 4px;
  padding-top: 4px;
  height: 52px;
}
@media only screen and (max-width: 600px) {
  .client-task-group-split-button .drop-down-button__list .drop-down-button--close {
    margin: 0;
  }
}
.client-task-group-split-button .drop-down-button__list .drop-down-list__divider {
  background: #e6e6e6;
  width: 100%;
  height: 1px;
  margin: 0;
}
@media only screen and (min-width: 601px) {
  .client-task-group-split-button .drop-down-button__list {
    position: absolute;
    bottom: auto;
    left: auto;
    width: auto;
    margin-left: 0;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    right: 12px;
    top: 54px;
  }
  .client-task-group-split-button .drop-down-button__list label {
    height: auto;
    line-height: 14px;
    text-align: left;
    padding: 11px 16px 8px;
    border: none;
  }
  .client-task-group-split-button .drop-down-button__list .button {
    width: 240px;
    height: 38px;
    border: 0;
    text-align: left;
    background: transparent;
  }
  .client-task-group-split-button .drop-down-button__list .drop-down-button--close {
    display: none;
  }
  .client-task-group-split-button .drop-down-button__list .drop-down-list__divider {
    margin: 8px 0;
  }
}

.checklist-sections .expandCollapseSections {
  display: flex;
  justify-content: flex-end;
}
.checklist-sections .expandCollapseSections span {
  cursor: pointer;
  text-decoration: underline;
}
.checklist-sections .expandCollapseSections span:hover {
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  .checklist-sections .expandCollapseSections {
    margin-right: 16px;
  }
}
.checklist-sections .client-task-group {
  margin-top: 12px;
  margin-bottom: 6px;
}
.checklist-sections .checklist__toolbar {
  margin-top: 2px;
}
.checklist-sections .checklist__toolbar .action-button, .checklist-sections .checklist__toolbar .login__form-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checklist-section {
  position: relative;
  padding-bottom: 6px;
}
.checklist-section__drop-indicator {
  height: 3px;
  border-radius: 2px;
  width: 100%;
  background-color: #aa3a3a;
  opacity: 0;
}
.checklist-section__drop-indicator--above {
  margin-bottom: 12px;
}
.checklist-section__drop-indicator--below {
  margin-top: 9px;
  display: none;
}
.checklist-section__wrapper {
  position: relative;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.checklist-section__header {
  display: flex;
  min-height: 48px;
  background: #fff;
  align-items: center;
  flex-grow: 1;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
}
.checklist-section__header .checklist-section__context-menu__dropdown .drop-down-button__toggle {
  width: 56px;
}
.checklist-section__header .checklist-section__context-menu__dropdown .drop-down-button__toggle:before {
  margin-left: -19px;
}
.checklist-section__title, .checklist-section__title-editing {
  font-weight: 600;
  font-size: 18px;
  padding: 22px 8px 22px 20px;
  line-height: 20px;
}
.checklist-section__title {
  flex-grow: 1;
}
.checklist-section__title span {
  font-weight: 400;
  color: #999999;
}
.checklist-section__title-editing {
  background: transparent;
  border: 0;
  outline: 0;
  resize: none;
  height: 10px;
}
.checklist-section__title-editing:focus {
  border: 0;
}
.checklist-section__footer {
  min-height: 64px;
}
.checklist-section__title-spacer {
  display: flex;
  align-self: stretch;
  flex-grow: 99;
}
.checklist-section__context-menu__dropdown .drop-down-button__list button {
  min-width: 240px;
}
.checklist-section .client-task-group__collapsed-stack-base {
  opacity: 1;
}

.section.dragging .checklist-section .checklist-section__wrapper {
  opacity: 0.45;
}

.checklist-section--expanded .client-task-group__collapsed-stack-base {
  opacity: 0;
}

.section:last-child .checklist-section__drop-indicator--below {
  display: block;
}

.karbon-sortable-list--drag-in-progress .section.droppable--above .checklist-section__drop-indicator--above {
  opacity: 1;
}
.karbon-sortable-list--drag-in-progress .section.dragging + .section.droppable--above .checklist-section__drop-indicator--above {
  opacity: 0;
}
.karbon-sortable-list--drag-in-progress .section.droppable--below + .section:not(.dragging) .checklist-section__drop-indicator--above {
  opacity: 1;
}
.karbon-sortable-list--drag-in-progress .section.droppable--below.section:not(.dragging):last-child .checklist-section__drop-indicator--below {
  opacity: 1;
}
.karbon-sortable-list--drag-in-progress .karbon-sortable-list--invalid-dragover .section.droppable .checklist-section__drop-indicator {
  opacity: 0 !important;
}

.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .section.droppable--below .checklist-section--collapsed .checklist-section__drop-indicator--below,
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .section.droppable--above .checklist-section--collapsed .checklist-section__drop-indicator--below,
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .section.droppable--below .checklist-section--empty .checklist-section__drop-indicator--below,
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .section.droppable--above .checklist-section--empty .checklist-section__drop-indicator--below {
  opacity: 1 !important;
  display: block;
  position: absolute;
  bottom: 7px;
  height: 3px;
  border-radius: 0;
}

.copy-checklist-dialogue .add-contact-form__checkboxes {
  padding-left: 12px;
}
.copy-checklist-dialogue .typeahead-input__suggestions, .copy-checklist-dialogue .auto-complete-email__suggestions {
  max-height: 52vh;
  width: 368px;
}
.copy-checklist-dialogue .typeahead-input__controls {
  min-height: 56px;
}
.copy-checklist-dialogue .form-container {
  height: 300px;
}
.copy-checklist-dialogue .add-contact-form__checkboxes {
  padding-top: 0px;
}
.copy-checklist-dialogue .form-container--modal .action-bar .action-button--left {
  right: 90px;
}
.copy-checklist-dialogue .typeahead-input__field-toggle {
  overflow: hidden;
}

.checklist-itemv2 {
  position: relative;
  cursor: pointer;
  min-height: 56px;
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-bottom: 1px solid #e6e6e6;
  /** EDITING */
  /** EXPANDED */
}
.checklist-itemv2--editing .task-details__input-action {
  cursor: default;
}
.checklist-itemv2--completed .checklist-itemv2__content {
  background-color: #f4f4f4;
}
.checklist-itemv2--completed .checklist-itemv2__title__content {
  text-decoration: line-through;
}
.checklist-itemv2--completed .checklist-itemv2__title__content .checklist-itemv2__rename {
  text-decoration: inherit;
  display: none;
}
.checklist-itemv2__content {
  background-color: #fff;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}
.checklist-itemv2__content.loading {
  padding-left: 20px;
}
.checklist-itemv2__header {
  align-self: stretch;
  display: flex;
  flex-flow: row nowrap;
  align-items: top;
  flex-grow: 1;
}
.checklist-itemv2__header .selectable-type-icon__checkbox {
  border-color: #c9c9c9;
}
.checklist-itemv2 .checklist-itemv2__assignee-context-menu {
  margin-top: -2px;
}
.checklist-itemv2 .checklist-itemv2__assignee-context-menu__container {
  display: flex;
}
.checklist-itemv2 .checklist-itemv2__close-button {
  margin-right: 16px;
}
.checklist-itemv2__title {
  color: #000;
  display: block;
  font-weight: 500;
  font-size: 16px;
  padding: 0px 32px 0px 0px;
  padding-top: 2px;
  line-height: 20px;
  height: auto;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  flex-grow: 1;
}
.checklist-itemv2__title--editing {
  font-weight: 500;
  font-size: 16px;
  padding: 0;
  margin-top: 2px;
}
.checklist-itemv2__title input {
  line-height: 20px;
  height: 20px;
  font-size: 16px;
  padding: 0;
  background: transparent;
}
.checklist-itemv2__title:not(.checklist-itemv2--editing) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checklist-itemv2__rename {
  color: #f9f9f9;
  font-size: 14px;
  font-weight: 400;
  margin-left: 28px;
  text-decoration: underline;
  white-space: nowrap;
}
.checklist-itemv2__rename .bl-icon, .checklist-itemv2__rename .auto-complete-email__button--chevron, .checklist-itemv2__rename .timeline-item-header__shared-icon, .checklist-itemv2__rename .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .checklist-itemv2__rename .drop-down-button__toggle::after {
  font-size: 28px;
  position: absolute;
  margin-top: -2px;
  margin-left: -26px;
}
.checklist-itemv2__title:hover .checklist-itemv2__rename {
  color: #999999;
}
.checklist-itemv2__description__summary {
  color: #444;
  /* autoprefixer: off */
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 45px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  word-wrap: break-word;
}
.checklist-itemv2--summary-items .checklist-itemv2__summary-items {
  display: block;
  margin: 10px 0 4px 54px;
}
.checklist-itemv2 .comment-summary-item {
  margin-right: 350px;
}
@media only screen and (max-width: 600px) {
  .checklist-itemv2 .comment-summary-item {
    margin-right: 48px;
  }
}
.checklist-itemv2 .selectable-type-icon {
  min-width: 54px;
  height: 20px;
  margin-top: 2px;
}
.checklist-itemv2__duedate, .checklist-itemv2__relative-duedate {
  width: 170px;
  min-width: 170px;
  color: #999999;
  padding: 2px 16px 0 0;
}
.checklist-itemv2__duedate .pop-over__toggle, .checklist-itemv2__relative-duedate .pop-over__toggle {
  color: #999999;
  height: auto;
}
.checklist-itemv2__relative-duedate {
  padding-top: 4px;
}
.checklist-itemv2--overdue__duedate .human-time-ago, .checklist-itemv2--overdue__duedate .pop-over__toggle {
  color: #d61407;
}
.checklist-itemv2--no-title .checklist-itemv2__title__content::after {
  content: "New task...";
  color: #999999;
}
.checklist-itemv2--no-title.checklist-itemv2--is-loading .checklist-itemv2__title__content::after {
  content: "Loading..";
  color: #999999;
}
.checklist-itemv2__status .action-button, .checklist-itemv2__status .login__form-button, .checklist-itemv2__status, .checklist-itemv2__role, .checklist-itemv2__assignee_name {
  padding-right: 16px;
  padding-top: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.checklist-itemv2__role, .checklist-itemv2__assignee_name {
  width: 120px;
  min-width: 120px;
  color: #999999;
  padding-top: 4px;
  overflow: hidden;
}
.checklist-itemv2__status .action-button, .checklist-itemv2__status .login__form-button, .checklist-itemv2__status {
  width: 130px;
  min-width: 130px;
}
.checklist-itemv2__status .action-button--completed, .checklist-itemv2__status--completed {
  width: 170px;
  min-width: 170px;
}
@media only screen and (max-width: 1300px) {
  .checklist-itemv2__role {
    display: none;
  }
}
@media only screen and (max-width: 1180px) {
  .checklist-itemv2__assignee_name {
    display: none;
  }
}
.checklist-itemv2__meta_data {
  margin: 8px 20px 10px 54px;
  display: flex;
}
.checklist-itemv2__meta_data__status {
  margin-right: 16px;
}
.checklist-itemv2__meta_data__status .status-button--in-progress {
  min-width: inherit;
}
.checklist-itemv2__meta_data__duedate {
  margin-right: 16px;
}
.checklist-itemv2__meta_data__attachement {
  padding-left: 20px;
  margin-right: 16px;
}
.checklist-itemv2__meta_data__attachement:before {
  position: absolute;
  margin-top: -7px;
  margin-left: -26px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e938";
  color: #444;
}
.checklist-itemv2__meta_data__comment {
  padding-left: 22px;
  margin-right: 16px;
}
.checklist-itemv2__meta_data__comment:before {
  position: absolute;
  margin-top: -7px;
  margin-left: -28px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e941";
  color: #444;
}
.checklist-itemv2__content .checklist-itemv2__header textarea {
  background: transparent;
  border: 0;
  outline: 0;
  resize: none;
  height: 10px;
  line-height: 20px;
  padding: 0;
  font-size: 16px;
}
.checklist-itemv2--editing .checklist-itemv2__title {
  flex-grow: 1;
}
.checklist-itemv2__title-spacer {
  display: flex;
  align-self: stretch;
  flex-grow: 99;
}
.checklist-itemv2--editing .checklist-itemv2__title input {
  flex-grow: 1;
}
.checklist-itemv2--editing .checklist-itemv2__title-spacer {
  flex-shrink: 1;
}
.checklist-itemv2__delete {
  display: none;
}
.checklist-itemv2--expanded .checklist-itemv2__content .checklist-itemv2__title .checklist-itemv2__description__summary {
  display: none;
}
.checklist-itemv2--expanded .checklist-itemv2__title {
  padding-bottom: 16px;
  width: 100%;
}
.checklist-itemv2--editing:not(.checklist-itemv2--expanded) .checklist-itemv2__header .checklist-itemv2__delete,
.checklist-itemv2 .checklist-itemv2--blank:not(.checklist-itemv2--expanded) .checklist-itemv2__header .checklist-itemv2__delete {
  display: block;
  min-width: 47px;
  margin-left: 63px;
  margin-top: -4px;
  height: 28px;
  color: #999999;
}
.checklist-itemv2--editing:not(.checklist-itemv2--expanded) .checklist-itemv2__header .checklist-itemv2__delete:hover,
.checklist-itemv2 .checklist-itemv2--blank:not(.checklist-itemv2--expanded) .checklist-itemv2__header .checklist-itemv2__delete:hover {
  color: #2872d3;
}
.checklist-itemv2--editing:not(.checklist-itemv2--expanded) .checklist-itemv2__header .checklist-itemv2__assignee-context-menu,
.checklist-itemv2 .checklist-itemv2--blank:not(.checklist-itemv2--expanded) .checklist-itemv2__header .checklist-itemv2__assignee-context-menu {
  display: none;
}
.checklist-itemv2--editing:not(.checklist-itemv2--expanded) .checklist-itemv2__header .checklist-itemv2__status,
.checklist-itemv2 .checklist-itemv2--blank:not(.checklist-itemv2--expanded) .checklist-itemv2__header .checklist-itemv2__status {
  display: none;
}
.checklist-itemv2 .checklist-itemv2__avatar {
  margin: 0 16px 0 10px;
}
.checklist-itemv2--editing .checklist-itemv2__avatar, .checklist-itemv2--expanded .checklist-itemv2__avatar, .checklist-itemv2:hover .checklist-itemv2__avatar, .drop-down-button--active + .checklist-itemv2__avatar {
  display: none;
}
.checklist-itemv2__assignee-context-menu {
  min-width: 54px;
  margin-left: 0;
  height: 28px;
}
.checklist-itemv2__assignee-context-menu .drop-down-button__toggle {
  margin-top: -4px;
}
.checklist-itemv2 .drop-down-button--ellipsis .drop-down-button__toggle {
  display: none;
  position: relative;
  right: 5px;
  width: 54px;
  background: transparent;
}
.checklist-itemv2 .drop-down-button--ellipsis .drop-down-button__toggle:hover {
  background: transparent;
}
.checklist-itemv2 .drop-down-button--ellipsis .drop-down-button__list {
  right: 16px;
  margin-bottom: 32px;
}
.checklist-itemv2 .drop-down-button--ellipsis .drop-down-button__list span {
  color: #999999;
}
.checklist-itemv2 .drop-down-button--ellipsis .drop-down-button__list button {
  width: 240px;
}
@media only screen and (max-width: 600px) {
  .checklist-itemv2 .drop-down-button--ellipsis .drop-down-button__list button {
    width: inherit;
  }
}
.checklist-itemv2--expanded .drop-down-button--ellipsis .drop-down-button__toggle, .checklist-itemv2:hover .drop-down-button--ellipsis .drop-down-button__toggle,
.checklist-itemv2 .drop-down-button--ellipsis.drop-down-button--active .drop-down-button__toggle {
  display: block;
}
.checklist-itemv2 .task-details__tag {
  display: none;
}
.checklist-itemv2--expanded, .checklist-itemv2--expanding {
  margin: 16px 0;
  border: none;
  box-shadow: rgba(68, 68, 68, 0.298039) 0 2px 20px 0;
}
.checklist-itemv2--expanded .checklist-itemv2__content, .checklist-itemv2--expanding .checklist-itemv2__content {
  background-color: #fff;
  border-radius: 3px;
  padding: 0px;
}
@media only screen and (max-width: 600px) {
  .checklist-itemv2--expanded .checklist-itemv2__content, .checklist-itemv2--expanding .checklist-itemv2__content {
    border-radius: 0;
  }
}
.checklist-itemv2--expanded .checklist-itemv2__title, .checklist-itemv2--expanding .checklist-itemv2__title {
  font-weight: 500;
  font-size: 16px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.checklist-itemv2--expanded .checklist-itemv2__header, .checklist-itemv2--expanding .checklist-itemv2__header {
  background-color: #f9f9f9;
  min-height: 56px;
  padding-top: 15px;
}
.checklist-itemv2--expanding {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.checklist-itemv2--editing .checklist-itemv2__title {
  max-width: 100%;
}
.checklist-itemv2--expanded .checklist-itemv2__duedate {
  display: none;
}

/** DRAGGING **/
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .checklist-section .dragging .checklist-itemv2 {
  opacity: 0.6;
}
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .checklist-section .droppable--below .checklist-itemv2__drop-indicator--above {
  opacity: 1;
}
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .checklist-section .droppable--above .checklist-itemv2:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: -2px;
  height: 3px;
  width: 100%;
  background-color: #2872d3;
}
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .checklist-section .dragging + .droppable--above .checklist-itemv2:before {
  opacity: 0;
}
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .checklist-section .droppable--below:last-child .checklist-itemv2:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  position: absolute;
  bottom: -2px;
  height: 3px;
  width: 100%;
  background-color: #2872d3;
}
.karbon-sortable-list:not(.karbon-sortable-list--drag-in-progress) .checklist-section .droppable--below + .droppable:not(.dragging) .checklist-itemv2:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: -2px;
  height: 3px;
  width: 100%;
  background-color: #2872d3;
}

/*
 * On drag, if you nest/indent an item, the nesting class will be added
 * until you unnest/outdent it, leave, or drop. This class is temporary
 * and should only be present on a single item at a time while dragging.
 */
li.nesting .checklist-itemv2 {
  margin-left: 36px;
}

/*
 * The nested class is put on a karbon-sortable-item if it is nested/indented
 * at the end of the drop. This is the 'permanent' version of 'nesting'.
 */
li.nested .checklist-itemv2:not(.checklist-itemv2--expanded) .checklist-itemv2__content {
  padding-left: 36px;
}
li.nested .checklist-itemv2:is(.checklist-itemv2--expanded) .checklist-itemv2__header {
  padding-left: 36px;
}
li.nested .checklist-itemv2:is(.checklist-itemv2--expanded) .task-details__description {
  padding-left: 52px;
}
li.nested .checklist-itemv2:is(.checklist-itemv2--expanded) .task-details__conversation-list {
  padding-left: 30px;
}

.automators-list {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.automators-list__warning-text {
  color: #ff9900;
}
.automators-list__error-text {
  color: #d61407;
}

.edit-automator-modal .selection-button {
  margin-bottom: 12px;
}

.automators-list-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 18px 16px;
  border-bottom: 1px solid #e6e6e6;
}
.automators-list-item:last-child {
  border-bottom: none;
}
.automators-list-item--valid:before {
  position: absolute;
  left: 12px;
  margin-top: 1px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93a";
  font-size: 32px;
  color: #999999;
}
.automators-list-item--warning:before {
  color: #ff9900;
}
.automators-list-item--invalid:before {
  position: absolute;
  left: 12px;
  margin-top: 1px;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93a";
  font-size: 32px;
  color: #ff9900;
}
.automators-list-item__title {
  color: #999999;
  margin-left: 38px;
}
.automators-list-item__title--add-automator {
  cursor: pointer;
  text-decoration: underline;
}
.automators-list-item--warning .automators-list-item__title__invalid {
  color: #ff9900;
  padding-right: 10px;
}
.automators-list-item--invalid .automators-list-item__title__invalid {
  color: #ff9900;
  padding-right: 10px;
}
.automators-list-item--has-triggered .automators-list-item__title {
  text-decoration: line-through;
}

.edit-automator-modal .status-button > .action-button, .edit-automator-modal .status-button > .login__form-button {
  color: #2a2a2a;
}
.edit-automator-modal .status-button--in-progress > .action-button.action-button--inline,
.edit-automator-modal .status-button--in-progress > .action-button,
.edit-automator-modal .status-button--in-progress > .login__form-button {
  color: #2a2a2a;
}
.edit-automator-modal .form-label.warning {
  color: #ff9900;
}
.edit-automator-modal .form-label.invalid {
  color: #d61407;
}
.edit-automator-modal .selection-button--warning {
  border-color: #ff9900;
}
.edit-automator-modal .selection-button--invalid {
  border-color: #d61407;
}
.edit-automator-modal .edit-automator-modal__automator-type-col {
  flex-grow: 0;
  width: 130px;
}
.edit-automator-modal .modal-dialog-bl__panel {
  margin-top: 20px;
  margin-bottom: -28px;
}
.edit-automator-modal__due-date-form-row {
  margin-bottom: 12px;
  align-items: center;
}
.edit-automator-modal__due-date-form-row .focussed-input {
  width: 64px;
  margin: 0 8px 0 0;
}
.edit-automator-modal__due-date-form-row .focussed-input input {
  height: 46px;
}
.edit-automator-modal .selectable-list__item span {
  margin-left: 10px;
}
.edit-automator-modal .selectable-list__item__tag {
  min-width: 73px;
  align-self: center;
}
.edit-automator-modal .selectable-list__title {
  text-transform: uppercase;
  color: #999999;
  font-weight: 500;
  font-size: 14px;
}

.task-integration-panel {
  padding: 0;
}
.task-integration-panel__title {
  text-transform: uppercase;
  font-size: 12px;
  color: #999999;
  font-weight: 500;
}
.task-integration-panel__container {
  margin: 10px 0 0 0;
  padding: 24px;
  border-radius: 3px;
  border: 1px #e6e6e6 solid;
}
.task-integration-panel__container--action {
  padding: 12px;
}
.task-integration-panel__action-button {
  border-color: #eaeaea;
  background-color: #eaeaea;
  color: #2973d3;
}
.task-integration-panel__action-button:hover {
  background-color: #ddd;
  border-color: #ddd;
}
.task-integration-panel__slat {
  display: flex;
  flex-direction: row;
}
.task-integration-panel__slat__title {
  margin-right: 48px;
  font-weight: 600;
}
.task-integration-panel__slat__value {
  margin-right: 48px;
}
.task-integration-panel__slate__date {
  margin-right: 48px;
  color: #999999;
}
.task-integration-panel__slate__link {
  margin-right: 48px;
  color: #2973d3;
  text-decoration: underline;
  cursor: pointer;
}
.task-integration-panel__badge {
  display: inline-block;
  text-transform: uppercase;
  margin-left: 54px;
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 11px;
  background-color: #e6e6e6;
  color: #2973d3;
  margin-top: -14px;
  margin-bottom: -5px;
  font-weight: 500;
}

.time-entry-modal__checkboxes {
  display: flex;
  flex-direction: row;
  margin-left: -14px;
}
.time-entry-modal__checkboxes .radio-input .form-label {
  color: #000;
  display: flex;
}
.time-entry-modal__date-input {
  width: 180px;
}
.time-entry-modal__duration {
  position: relative;
  padding-right: 18px;
}
.time-entry-modal__duration:after {
  content: "h";
  position: absolute;
  right: 12px;
  top: 14px;
  color: #999999;
}
.time-entry-modal__duration input {
  text-align: right;
}
.time-entry-modal__duration--m:after {
  content: "m";
}
.time-entry-modal__notes {
  height: 90px;
}
.time-entry-modal .hr-min-input__entry input {
  height: 48px;
  font-size: 18px;
}
.time-entry-modal .selection-button--form-item {
  margin-bottom: 12px;
}
.time-entry-modal__error-message {
  color: red;
  font-size: 15px;
  margin-bottom: 16px;
  margin-top: -4px;
}
.time-entry-modal .form-label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.time-entry-modal--error-locked-period .form-block .time-entry__date-input .date-input__pop-over {
  border-color: red;
}
.time-entry-modal--error-locked-period .time-entry-modal__date-label {
  color: red;
}

.time-entry-table {
  overflow-y: auto;
}
.time-entry-table .title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  padding: 12px 0px;
  border-bottom: 2px solid #cacaca;
}
.time-entry-table .action-button--inline {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 6px;
}
.time-entry-table table {
  width: 100%;
}
.time-entry-table td {
  border-top: 1px solid #e6e6e6;
  vertical-align: top;
}
.time-entry-table td .bl-icon--lock {
  color: #999999;
}
.time-entry-table th:last-child {
  width: 5%;
}
.time-entry-table tr:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.time-entry-table .data-table td.time-entry-table__note {
  inline-size: 30vw;
  word-break: break-word;
  white-space: normal;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.time-entry-table .data-table td.time-entry-table__padlock {
  padding: 4px 24px 0px 0px;
}
.time-entry-table__loader {
  margin-left: 0;
}

.user-time-sheets-list .data-table table {
  width: 100%;
}
.user-time-sheets-list .data-table .data-table__row {
  cursor: pointer;
}
.user-time-sheets-list__item--comment {
  display: flex;
  align-items: center;
  color: #2872d3;
}
.user-time-sheets-list__item--comment .bl-icon, .user-time-sheets-list__item--comment .auto-complete-email__button--chevron, .user-time-sheets-list__item--comment .timeline-item-header__shared-icon, .user-time-sheets-list__item--comment .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .user-time-sheets-list__item--comment .drop-down-button__toggle::after {
  margin-right: 4px;
}

.time-sheet-table__primary-action-bar {
  margin-bottom: 40px;
  display: flex;
}
.time-sheet-table__primary-action-bar > * {
  margin-right: 6px;
  min-width: 110px;
}
.time-sheet-table .data-table table {
  width: 100%;
  table-layout: auto;
  border-bottom: 1px solid #cacaca;
}
.time-sheet-table .data-table table th:last-of-type,
.time-sheet-table .data-table table td:last-of-type {
  text-align: right;
  padding-right: 0px;
}
.time-sheet-table .data-table table td:last-of-type.data-table__total {
  text-align: left;
}
.time-sheet-table .data-table table td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.time-sheet-table .data-table table .data-table__header-row th {
  padding-top: 14px;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row--title th {
  text-align: left;
  color: #999999;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row td {
  text-align: left;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row--clickable td {
  cursor: pointer;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row--title td {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row__work-field {
  width: 15rem;
  vertical-align: top;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row__client-field {
  width: 25rem;
  vertical-align: top;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row__activity-field {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 25rem;
  vertical-align: top;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row__activity-field__no-data {
  font-style: italic;
  color: #999999;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row__ignore-field {
  text-align: right;
  cursor: pointer;
}
.time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link, .time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link-medium, .time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link-small, .time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link-quiet, .time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link-quiet-small, .time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link-quiet-ultra-small, .time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link-ultra-quiet, .time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link-ultra-quiet-small, .time-sheet-table .data-table table .time-sheet-table__suggestion-row td.action-button--link-ultra-quiet-ultra-small {
  font-size: 16px;
  text-transform: none;
  text-decoration: none;
  margin-left: 8px;
  color: #2872d3;
}
.time-sheet-table .data-table table .action-button, .time-sheet-table .data-table table .login__form-button {
  display: table-cell;
  color: #2872d3;
  font-weight: 500;
}
.time-sheet-table .data-table table .data-table__row:first-of-type td {
  border-top: none;
}
.time-sheet-table .data-table table .bl-icon--lock {
  color: #999999;
}
.time-sheet-table .nav-bar {
  margin: 40px 0 0px 0;
}
.time-sheet-table .data-table {
  min-height: 70px;
}
.time-sheet-table__suggestions-table {
  min-height: 80px;
}
.time-sheet-table__empty-state {
  text-align: center;
  color: #999999;
  margin-top: 32px;
}
.time-sheet-table__time-entry-button {
  margin: 12px 0px 0px;
}
.time-sheet-table__history {
  margin-top: 32px;
  margin-bottom: 56px;
}
.time-sheet-table__history__title {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 8px;
}
.time-sheet-table__history .conversations-list {
  margin: 0;
}
.time-sheet-table .data-table td.time-sheet-table__note {
  white-space: break-spaces;
}
.time-sheet-table .data-table td.time-sheet-table__padlock {
  padding-top: 0;
  padding-bottom: 0;
}
.time-sheet-table__submit {
  justify-content: flex-end;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 16px;
  margin-top: 80px;
}

.export-link.time-sheet-table {
  margin-left: 26px;
  padding-top: 16px;
}

.data-table table.time-sheet-table__suggestions-table {
  margin-top: 36px;
}

.data-table-border {
  border-top: none;
}

.time-sheet-summary {
  display: flex;
  flex-direction: row;
}
.time-sheet-summary__item {
  padding-right: 24px;
  padding-left: 24px;
  border-right: 1px solid #e6e6e6;
}
.time-sheet-summary__item__value {
  font-size: 22px;
  line-height: 20px;
  font-weight: 600;
}
.time-sheet-summary__item__meta {
  font-size: 14px;
}
.time-sheet-summary__item:first-of-type {
  padding-left: 0px;
}
.time-sheet-summary__item:last-of-type {
  border-right: 0px;
}
.time-sheet-summary__item--avatar {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.time-sheet-summary__item--avatar .small-avatar {
  margin-right: 12px;
}
.time-sheet-summary__step {
  position: relative;
  top: -7px;
}
.time-sheet-summary__step__prev:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  content: "\e936";
  color: #000;
}
.time-sheet-summary__step__next:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  content: "\e935";
  color: #000;
}
.time-sheet-summary__step__next--disabled:after, .time-sheet-summary__step__prev--disabled:after {
  color: #999999;
}
.time-sheet-summary__date-range-label {
  padding: 0 6px;
}
.time-sheet-summary__export-icon:after {
  margin-right: -4px;
  color: #2872d3;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92a";
}
.time-sheet-summary__date-navigator {
  display: flex;
  align-items: center;
  padding-right: 6px;
  padding-left: 6px;
}

.time-sheet-summary.time-sheet-summary--compact {
  padding: 4px;
}
.time-sheet-summary.time-sheet-summary--compact .time-sheet-summary__item__value {
  font-size: 18px;
  font-weight: 500;
}
.time-sheet-summary.time-sheet-summary--compact .time-sheet-summary__step {
  display: none;
}
.time-sheet-summary.time-sheet-summary--compact .time-sheet-summary__date-range-label {
  padding: 0 16px;
}

.admin-time-sheets-list__header {
  position: relative;
}
.admin-time-sheets-list__title {
  font-weight: 600;
  font-size: 22px;
}
.admin-time-sheets-list__empty-state {
  font-size: 18px;
  color: #999999;
  text-align: center;
  padding-top: 200px;
}
.admin-time-sheets-list .data-table table {
  table-layout: auto;
}
.admin-time-sheets-list .data-table table tr th:first-of-type,
.admin-time-sheets-list .data-table table tr td:first-of-type {
  min-width: 250px;
}
.admin-time-sheets-list .data-table table .avatar {
  margin-right: 8px;
}
.admin-time-sheets-list__item__approve-action {
  opacity: 0;
}
.admin-time-sheets-list__item:hover .admin-time-sheets-list__item__approve-action {
  opacity: 1;
}
.admin-time-sheets-list__item--comment {
  display: flex;
  align-items: center;
  color: #2872d3;
}
.admin-time-sheets-list__item--comment .bl-icon, .admin-time-sheets-list__item--comment .auto-complete-email__button--chevron, .admin-time-sheets-list__item--comment .timeline-item-header__shared-icon, .admin-time-sheets-list__item--comment .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .admin-time-sheets-list__item--comment .drop-down-button__toggle::after {
  margin-right: 4px;
}

.time-sheet-decline-modal .dialog-action-bar {
  margin-top: 0;
}

.time-sheet-revert-to-draft-modal .dialog-action-bar {
  margin-top: 0;
}

.time-sheet-submit-modal .form-label {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.time-sheet-submit-modal .drop-down__list {
  overflow: auto;
  max-height: 380px;
  justify-content: flex-start;
}

.time-sheet-locked-modal .modal-dialog-bl__body-text {
  margin-bottom: 8px;
  font-size: 16px;
}

.tsheets-entity-sync-errors {
  padding-top: 16px;
  margin: 0;
}
.tsheets-entity-sync-errors__title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  padding: 12px 0px;
  border-bottom: 2px solid #cacaca;
  margin-bottom: 16px;
}
.tsheets-entity-sync-errors__header {
  font-weight: 500;
  display: inline;
}
.tsheets-entity-sync-errors__header:after {
  content: "—";
  font-weight: 400;
}
.tsheets-entity-sync-errors__body {
  display: inline;
}
.tsheets-entity-sync-errors__support-contact-types-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 12px 0 12px -2px;
  flex-wrap: wrap;
}
.tsheets-entity-sync-errors__support-contact-types-list__item {
  padding: 2px 16px;
  margin: 2px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  color: #000;
  font-size: 16px;
  white-space: nowrap;
}
.tsheets-entity-sync-errors__link {
  width: auto;
  margin: 16px 0;
  display: block;
  text-decoration: underline;
}
.tsheets-entity-sync-errors .loading-icon {
  display: block;
  margin: 18px 0 0 0;
}

.tsheets-initial-sync-error-banner {
  max-width: 1530px;
  margin: 0 auto;
}
.tsheets-initial-sync-error-banner__panel {
  margin: 16px;
  font-size: 18px;
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 12px 16px;
  border: 1px solid #e6e6e6;
}
.tsheets-initial-sync-error-banner__warn {
  color: #d61407;
}
.tsheets-initial-sync-error-banner .link-to {
  text-decoration: underline;
}

.budget-chart {
  margin-bottom: 56px;
}
.budget-chart__chart {
  padding: 0px;
  height: 170px;
}
.budget-chart--active {
  margin-top: 12px;
  min-height: 170px;
  margin-bottom: 36px;
}
.budget-chart__graph-container {
  position: relative;
  height: 170px;
}

.budget-summary {
  position: relative;
  margin-bottom: 60px;
}
.budget-summary__title {
  font-weight: 600;
  font-size: 18px;
  border-bottom: 2px solid #cacaca;
  padding: 12px 0px;
  margin-top: 20px;
}
.budget-summary__header__link {
  color: #2872d3;
  text-decoration: underline;
  position: absolute;
  font-weight: 500;
  top: 20px;
  right: 2px;
}
.budget-summary__tiles {
  display: flex;
  margin-top: 14px;
}
.budget-summary__tile {
  padding: 0px 16px;
  border-right: 1px solid #e6e6e6;
}
.budget-summary__tile:last-of-type {
  border-right: 0px;
}
.budget-summary__tile:first-of-type {
  padding-left: 0px;
}
.budget-summary__tile-inner {
  display: flex;
}
.budget-summary__label {
  display: flex;
  font-size: 14px;
}
.budget-summary__label__key {
  height: 2px;
  width: 15px;
  margin-left: 5px;
  margin-top: 7px;
  background-color: red;
  display: block;
}
.budget-summary__label--actual .budget-summary__label__key {
  background-color: #2872d3;
}
.budget-summary__label--budget .budget-summary__label__key {
  background-color: #4cae05;
}
.budget-summary__value, .budget-summary__value--strong {
  font-size: 18px;
  line-height: 16px;
}
.budget-summary__value span, .budget-summary__value--strong span {
  font-size: 14px;
}
.budget-summary__value {
  margin-left: 16px;
}
.budget-summary__value--strong {
  font-weight: 600;
}
.budget-summary .data-table__dash:before {
  color: #000;
}
.budget-summary-modal .currency-input input {
  border: none;
  margin-top: 6px;
  margin-bottom: 6px;
  flex-grow: 1;
  padding: 0 8px;
}
.budget-summary-modal .currency-input input:focus {
  outline: none;
}
.budget-summary-modal .form-block {
  margin-bottom: 0px;
}

.budget-table {
  margin-bottom: 76px;
  position: relative;
}
.budget-table .budget-table__add-estimate-button {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 6px;
}
.budget-table__export-icon {
  position: absolute;
  right: 0;
  top: 14px;
  z-index: 1;
}
.budget-table__export-icon:after {
  color: #2872d3;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92a";
}
.budget-table--has-export-link .details-area__header__link-bar {
  padding-right: 38px;
}
.budget-table .budget-table__add-estimate-button.action-button--inline.budget-table__add-estimate-button--empty {
  margin-top: 4px;
}
.budget-table .budget-table__container > table {
  min-width: 1000px;
}
.budget-table .pivot-table {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
.budget-table .pivot-table__container {
  display: flex;
  justify-content: center;
}
.budget-table .pivot-table th {
  padding-top: 2px;
}
.budget-table .pivot-table td {
  height: 41px;
}
.budget-table .pivot-table th:nth-child(4) {
  width: 155px;
}
.budget-table .pivot-table th.pivot-table__header-group {
  width: 175px;
}
.budget-table .pivot-table__status-bar {
  width: 100%;
  height: 4px;
}
.budget-table .pivot-table .budget-table__header-graph {
  width: 10%;
}

.non-billable-pill {
  display: inline-block;
  font-size: 0.8em;
  border: 1px solid #aaa;
  padding: 0 4px;
  border-radius: 10px;
  color: #999;
  margin: 0 0 0 8px;
  font-variant: all-small-caps;
}

.pivot-table {
  /**
    * Table divider lines
    **/
}
.pivot-table__filter {
  display: flex;
}
.pivot-table table {
  min-width: 900px;
  table-layout: fixed;
}
.pivot-table th {
  text-transform: uppercase;
  color: #999999;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  padding: 8px 8px 12px 0;
  vertical-align: bottom;
}
.pivot-table th.pivot-table__header-group {
  padding-right: 30px;
  padding-left: 0;
}
.pivot-table th.pivot-table__header-group--three-columns {
  width: 300px !important;
}
.pivot-table th:first-of-type {
  padding-left: 0px;
}
.pivot-table td {
  color: #000;
  font-size: 16px;
  padding: 8px 24px 8px 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #fafafa;
}
.pivot-table td.pivot-table__data-col {
  padding-right: 30px;
}
.pivot-table td:first-child {
  padding-left: 0px;
}
.pivot-table .pivot-table__graph-col {
  padding-right: 16px;
  padding-left: 0px;
}
.pivot-table td.data-table__text--strong {
  font-weight: 500;
}
.pivot-table td > span:last-child {
  float: right;
}
.pivot-table__header-group-title {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 6px;
  padding-top: 6px;
}
.pivot-table__header-group-row {
  width: 100%;
  display: grid;
  grid-auto-flow: column; /* keep adding columns, not rows */
  grid-auto-columns: 1fr;
  padding-top: 6px;
}
.pivot-table__header-group-cell {
  text-align: left;
}
.pivot-table__header-group-cell--right-aligned {
  text-align: right;
}
.pivot-table__collapsable-row {
  cursor: pointer;
}
.pivot-table__collapsable-row__avatar-container {
  display: flex;
  overflow: visible;
  position: relative;
}
.pivot-table__collapsable-row > td {
  background-color: #fff;
  overflow: visible;
}
.pivot-table__collapsable-row > td > span:first-child {
  float: none;
}
.pivot-table__collapsable-row--arrow-collapsed {
  margin-left: -5px;
  margin-right: 26px;
  position: relative;
}
.pivot-table__collapsable-row--arrow-collapsed:before {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 0.8;
  content: "\e935";
  font-size: 26px;
  color: #000;
  position: absolute;
}
.pivot-table__collapsable-row--arrow-expanded {
  position: relative;
  margin-left: -5px;
  margin-right: 26px;
}
.pivot-table__collapsable-row--arrow-expanded:before {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 0.8;
  content: "\e602";
  font-size: 26px;
  color: #000;
  position: absolute;
}
.pivot-table__row > td {
  border-top: 1px solid #e6e6e6;
}
.pivot-table__row > td.empty {
  border: none;
}
.pivot-table__row > td:first-of-type {
  padding-left: 0px;
}
.pivot-table__collapsable-row > td {
  border: none;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.pivot-table__collapsable-row + tr > td {
  border-top: none;
}
.pivot-table__totals-row {
  font-weight: 600;
}
.pivot-table__totals-row > td {
  border-top: 1px solid #e6e6e6 !important;
  background-color: #fff;
}
.pivot-table__subrow {
  display: grid;
  grid-auto-flow: column; /* keep adding columns, not rows */
  grid-auto-columns: 1fr;
}
.pivot-table__subrow-cell--right-aligned {
  text-align: right;
}
.pivot-table--editable {
  cursor: pointer;
}
.pivot-table .simple-status-bar__completion {
  background-color: #2872d3;
}
.pivot-table__status-bar.simple-status-bar--is-over-complete .simple-status-bar__completion {
  background-color: #d61407;
}
.pivot-table__toggle-expand {
  position: absolute;
  top: 10px;
  right: 42px;
}

.work-pivot-table__task-type {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.work-pivot-table__task-type__tag {
  width: 45%;
}

.colleague-report-view .title {
  font-weight: 600;
  font-size: 18px;
  color: #2a2a2a;
  padding: 12px 0;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 18px;
}
.colleague-report-view__export-icon:after {
  position: relative;
  top: -30px;
  right: 0px;
  color: #2872d3;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92a";
}
.colleague-report-view .centered-column {
  overflow: auto;
}
.colleague-report-view .export-link {
  display: inline-block;
  position: absolute;
  right: 6px;
  margin-top: -10px;
}
.colleague-report-view--billable-rates .colleague-report-view__header-group {
  width: 560px;
}
.colleague-report-view--billable-rates .colleague-report-view__group {
  width: 560px;
}
.colleague-report-view .data-table td {
  text-overflow: clip;
}
.colleague-report-view table {
  width: 100%;
  table-layout: auto;
}
.colleague-report-view .pivot-table__row td:first-of-type {
  padding-left: 62px;
}
.colleague-report-view__empty {
  width: 0px;
}
.colleague-report-view th:last-child {
  text-align: right;
  width: 100px;
}
.colleague-report-view__header--capacity {
  width: 100px;
}
.colleague-report-view__header-group {
  width: 420px;
}
.colleague-report-view__header-group > div:first-child {
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 6px;
}
.colleague-report-view__header-group .sub {
  display: flex;
}
.colleague-report-view__header-group .sub div {
  margin-top: 6px;
  width: 140px;
  min-width: 100px;
}
.colleague-report-view__group {
  width: 420px;
  display: flex;
}
.colleague-report-view__group div {
  width: 140px;
  min-width: 100px;
}
.colleague-report-view td div:last-child {
  text-align: left;
}
.colleague-report-view tr:nth-last-child(2) td {
  border-bottom: 2px solid #e6e6e6;
}
.colleague-report-view tr:last-of-type td {
  border-bottom: none;
}
.colleague-report-view tr td:last-child {
  text-align: right;
}
.colleague-report-view td.empty {
  border: none;
}

.utilization-pivot-cols .avatar-with-label .avatar {
  margin-right: 8px;
  text-align: center;
}
:root {
  --new-input-height: 2.5rem;
}

.expense-table {
  margin-bottom: 56px;
  overflow-y: auto;
  /**
  * The modal component is a mix of old and new design components.
  * Many of the styles here are hacks to get the legacy components to
  * match the new design components.
  */
}
.expense-table .action-button--inline {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 6px;
}
.expense-table .expense-table__add-estimate-button.action-button--inline {
  position: absolute;
  margin-top: -31px;
}
.expense-table .title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  padding: 12px 0px;
  border-bottom: 2px solid #cacaca;
}
.expense-table table {
  width: 100%;
}
.expense-table tr {
  border-bottom: 1px solid #e6e6e6;
}
.expense-table tr:first-child {
  border-bottom: 1px solid #e6e6e6;
  cursor: auto;
}
.expense-table tr:last-child {
  font-weight: 600;
  border-bottom: none;
  cursor: auto;
}
.expense-table th:nth-child(1),
.expense-table td:nth-child(1) {
  width: 90px;
}
.expense-table th:nth-child(2),
.expense-table td:nth-child(2) {
  width: 30%;
}
.expense-table th:last-child {
  width: 5%;
}
.expense-table td {
  border-top: 1px solid #e6e6e6;
  height: 41px;
}
.expense-table td .bl-icon--lock {
  color: #999999;
}
.expense-table .data-table td.expense-table__padlock {
  padding: 4px 24px 0px 0px;
}
.expense-table-modal--estimate input[type=text] {
  padding: unset !important;
  border: unset !important;
}
.expense-table-modal--estimate .hr-min-input__entry {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1rem !important;
}
.expense-table-modal--estimate .hr-min-input__entry input[type=text] {
  border: none;
  text-align: left;
  padding-left: 0.75rem !important;
  height: calc(var(--new-input-height) - 2px);
}
.expense-table-modal--estimate .hr-min-input__entry:after {
  top: unset;
  position: unset;
}
.expense-table-modal--estimate .hr-min-input__entry--m {
  margin-right: 0px;
}
.expense-table-modal--estimate .pop-over__contents {
  top: 46px;
  left: -1px;
  width: calc(100% + 2px);
}
.expense-table-modal--estimate .pop-over__contents .selectable-list {
  min-width: inherit;
}
.expense-table-modal--estimate .auto-complete__popup__container {
  margin-bottom: 0 !important;
  height: var(--new-input-height) !important;
}
.expense-table-modal--estimate .auto-complete .auto-complete__popup__input input {
  font-size: 1rem !important;
}
.expense-table-modal--estimate .auto-complete__input {
  margin-bottom: 0 !important;
  height: var(--new-input-height) !important;
}
.expense-table-modal--estimate .auto-complete__input__items {
  font-size: 1rem !important;
  min-height: unset !important;
  padding: 0.75rem !important;
}
.expense-table-modal--estimate .auto-complete__input__button {
  font-size: 1rem !important;
  padding: 0.75rem !important;
}
.expense-table-modal--estimate .auto-complete__popup input[type=text] {
  border: none;
}
.expense-table-modal input[type=text] {
  padding: 8px;
  border: 1px solid #cacaca;
  border-radius: 4px;
  width: 100%;
}
.expense-table-modal .expense-table-modal__amount-display {
  font-size: 18px;
  font-weight: 500;
}
.expense-table-modal .expense-table-modal__amount-display .expense-table-modal__label {
  margin-bottom: 4px;
}
.expense-table-modal .expense-table-modal__split-col {
  display: flex;
}
.expense-table-modal .expense-table-modal__date,
.expense-table-modal .expense-table-modal__currency {
  width: 50%;
  max-width: 200px;
}
.expense-table-modal .date-input {
  font-size: 18px;
}
.expense-table-modal__label {
  margin-bottom: 4px;
  color: #999999;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.expense-table-modal__label .linklike {
  color: #2872d3;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 8px;
}
.expense-table-modal__label--align-right {
  text-align: right;
}
.expense-table-modal__input {
  margin-bottom: 16px;
  font-size: 18px;
}
.expense-table-modal__input-smallmargin {
  margin-bottom: 4px; /* Stopgap fix until the new input modals are released */
  font-size: 18px;
}
.expense-table-modal__input__description input[type=text] {
  min-height: 48px;
}
.expense-table-modal .radio-input .form-label {
  padding: 0px 16px;
}
.expense-table-modal .radio-input .form-label span {
  margin-top: 0;
}
.expense-table-modal .currency-input input {
  border: none;
  outline: none;
}
.expense-table-row {
  cursor: pointer;
}

.expense-locked-modal .modal-dialog-bl__body-text {
  margin-bottom: 8px;
}

.time-budget-view .budget-table__container {
  overflow-y: auto;
}

.time-budgets-upgrade {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
}
.time-budgets-upgrade__graphic {
  height: 500px;
  width: 100%;
  border-bottom: 1px solid #cacaca;
  background-color: #fde4bb;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.time-budgets-upgrade__graphic img {
  display: inline-block;
}
.time-budgets-upgrade__content {
  max-width: 420px;
  padding-top: 64px;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.time-budgets-upgrade__content ul {
  margin-top: 14px;
  padding-left: 20px;
  line-height: 1.4;
}
.time-budgets-upgrade__header {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 12px;
}
.time-budgets-upgrade__action-panel {
  background-color: #f2f2f2;
  margin-top: 32px;
  padding: 24px 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.time-budgets-upgrade__action-panel__title {
  font-weight: 600;
  text-align: center;
  margin-bottom: 22px;
}

.export-link {
  display: flex;
  justify-content: flex-end;
}
.export-link a {
  text-decoration: underline;
}

.timesheet .centered-column {
  padding-bottom: 0;
}

.intuit__page-header {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 12px;
}
.intuit__page-sub-header {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}
.intuit__page-body {
  font-size: 18px;
  margin: 12px 0;
}
.intuit__panel {
  background: #f2f2f2;
  padding: 19px 24px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  margin: 4px 0 4px 0;
}
.intuit__panel__note {
  color: #999999;
  margin: -6px 0 24px 24px;
}
.intuit__panel .action-button, .intuit__panel .login__form-button {
  margin-top: 8px;
}
.intuit__panel--syncing {
  padding: 0 24px;
}
.intuit__results {
  padding: 0;
  position: relative;
  margin-left: 32px;
}
.intuit__results__icon {
  position: absolute;
  margin: 0;
  top: 0;
  left: -32px;
}
.intuit__results__icon .loading-icon {
  margin: 3px 0 0 -3px;
}
.intuit__results__icon .bl-icon--done,
.intuit__results__icon .bl-icon--delete {
  font-size: 40px;
  margin-left: -14px;
  margin-top: -9px;
  position: absolute;
}
.intuit__results__header {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
.intuit__results__sub-header {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
}
.intuit__results__body {
  margin-bottom: 8px;
  font-size: 16px;
}
.intuit__results .action-button--link, .intuit__results .action-button--link-medium, .intuit__results .action-button--link-small, .intuit__results .action-button--link-quiet, .intuit__results .action-button--link-quiet-small, .intuit__results .action-button--link-quiet-ultra-small, .intuit__results .action-button--link-ultra-quiet, .intuit__results .action-button--link-ultra-quiet-small, .intuit__results .action-button--link-ultra-quiet-ultra-small {
  display: block;
  margin: 0 0 16px 0;
}

.intuit-sync {
  padding: 0;
}
.intuit-sync__header {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
}
.intuit-sync__body-text {
  font-size: 18px;
  margin: 12px 0;
}
.intuit-sync__panel {
  padding: 12px;
  background-color: #f2f2f2;
  border-radius: 3px;
}
.intuit-sync > section {
  margin-bottom: 40px;
}
.intuit-sync__import-in-progress-panel {
  padding: 16px 0;
  display: flex;
  align-items: center;
}
.intuit-sync__import-in-progress-panel .loading-icon {
  margin: 0;
}
.intuit-sync__import-in-progress-panel .intuit-sync__status-text {
  font-size: 18px;
  margin-left: 16px;
}
.intuit-sync .data-table table {
  table-layout: auto;
}
.intuit-sync .data-table table .data-table__row:first-child td {
  border-top: none;
}
.intuit-sync .section-group--tax-workflows .data-table {
  margin-top: 20px;
}
.intuit-sync__tax-import-counts {
  display: flex;
  flex-direction: row;
}
.intuit-sync__tax-import-counts > * {
  margin-right: 24px;
}
.intuit-sync__tax-import-counts--unlinked {
  color: #d61407;
}
.intuit-sync__tax-import-counts--importing {
  color: #999999;
}
.intuit-sync .tax-workflows-list .data-table {
  max-width: 900px;
}

.intuit-setup-assistant {
  padding-top: 112px;
  margin: 0 auto;
  max-width: 640px;
}
.intuit-setup-assistant__app-title {
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin: auto;
}
.intuit-setup-assistant .intuit__page-header {
  font-size: 32px;
  margin-bottom: 12px;
}
.intuit-setup-assistant .intuit__page-sub-header {
  font-size: 24px;
  margin-bottom: 12px;
}
.intuit-setup-assistant .intuit__page-body {
  font-size: 22px;
  margin: 12px 0;
}
.intuit-setup-assistant .intuit__page-footer__skip-button {
  margin-right: 20px;
}
.intuit-setup-assistant--step4 {
  max-width: 900px;
}
.intuit-setup-assistant--step2 {
  max-width: 1100px;
}
.intuit-setup-assistant--step0 ol {
  border-top: 1px solid #ddd;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 12px;
  padding-top: 23px;
}
.intuit-setup-assistant--step0 ol p {
  font-size: 18px;
  font-weight: 400;
  margin-top: 8px;
  margin-bottom: 24px;
}
.intuit-setup-assistant__step-bar {
  border-top: 1px solid #ddd;
  padding-top: 16px;
  margin-top: 32px;
  align-items: center;
  position: relative;
}
.intuit-setup-assistant__step-bar__label {
  z-index: -1;
  flex-grow: 1;
  color: #999999;
  font-size: 18px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 26px;
}
.intuit-setup-assistant__step-bar .action-button, .intuit-setup-assistant__step-bar .login__form-button {
  font-size: 18px;
}
.intuit-setup-assistant__step-bar .action-button--link, .intuit-setup-assistant__step-bar .action-button--link-medium, .intuit-setup-assistant__step-bar .action-button--link-small, .intuit-setup-assistant__step-bar .action-button--link-quiet, .intuit-setup-assistant__step-bar .action-button--link-quiet-small, .intuit-setup-assistant__step-bar .action-button--link-quiet-ultra-small, .intuit-setup-assistant__step-bar .action-button--link-ultra-quiet, .intuit-setup-assistant__step-bar .action-button--link-ultra-quiet-small, .intuit-setup-assistant__step-bar .action-button--link-ultra-quiet-ultra-small {
  height: 40px;
}
.intuit-setup-assistant__step-bar .action-button--primary, .intuit-setup-assistant__step-bar .login__form-button {
  float: right;
}
.intuit__panel + .intuit-setup-assistant__step-bar {
  margin-top: 32px;
}
.intuit-setup-assistant__intuit-logo {
  margin: 30px 0;
}
.intuit-setup-assistant .intuit-import-client-list {
  max-width: 650px;
  margin: 0 auto;
}
.intuit-setup-assistant__lacerte-logo {
  padding: 14px 18px;
  background-color: #f2f2f2;
  margin-top: 12px;
  border-radius: 3px;
}

.intuit-setup-assistant-header {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 56px;
  background-color: #000;
  z-index: 50;
}

.co-brand-intuit .intuit-setup-assistant-header__logo {
  opacity: 1;
  margin: 0;
  width: 138px;
  height: 33px;
  top: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iMCAwIDEyOCAzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJQcm9Db25uZWN0LUludGVncmF0aW9uLVRhc2stIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSW50dWl0LVByYWN0aWNlLU1hbmFnZW1lbnQt4oCTLVByb0Nvbm5lY3QtU3luYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY0LjAwMDAwMCwgLTEyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPGltYWdlIGlkPSJMb2dvLVByYWN0aWNlTWFuYWdlbWVudC0xY29sb3Itd2hpdGUtMjUweDYwIiB4PSI1OSIgeT0iMTIiIHdpZHRoPSIxMzgiIGhlaWdodD0iMzMiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBUG9BQUFBOENBWUFBQUJQWGFlVUFBQUFCR2RCVFVFQUFMR09mUHRSa3dBQUFFUmxXRWxtVFUwQUtnQUFBQWdBQVlkcEFBUUFBQUFCQUFBQUdnQUFBQUFBQTZBQkFBTUFBQUFCQUFFQUFLQUNBQVFBQUFBQkFBQUErcUFEQUFRQUFBQUJBQUFBUEFBQUFBRExJZkJJQUFBUktFbEVRVlI0QWUyZENaUlV4UldHUlFHRnFLZ3NLaXBwaEFPdWlCSGNOL0JFSW5GWGpMdWppU1luR3JmRU5ab1FKUnBqVHRSb0VqV2c0eExqZGdRMzNHVVUxTGl3U0JSRlVFY3dDcTZvZ0FvSStmN0p1M0lwMyt2cG5xV25uYTcvbkgvcTFyMjEzcXA2NzFYMTY1NDJ5NVl0V3lraWVpQjZvSFY3b0cyWmQ2OHI3VHNOOW9WVDRSVndIaXhIREtOUkI4QkY4SHI0Qkl5SUhpZ0xEN1FwOHp2NmVMeTBzL1BVdmNqN3VuaTVpR3JUM2E0eFM1RTNoNjg2WFJTakIxck1BeXUzV00zMVY5eU9KSDZSSzhmZytyTzFTSXBCUWEzeTYrNkJMa2FqQjFyTUErVzgwQmZqbGRyQU05T0RlTGxFWDB0cHlDc3B1cWlLSG1nUkQ1VHpRcGREam9aekVzL01Jancra2NzdEdFV0Q3a3dhOVJYaEgySGNveWNPaVVITGU2RGM5K2p5MENwd1BmZ3UxTjYzbk5HWnhpMkJuNVJ6STJQYktzOERwVnJvRytQYWphQk96R2ZDQlRBaWVpQjZvRVFlS1BUanRjTm96MW11VFpjaS85UEZqMEErdzhWbFV4cDk1SFFCM0FRYXZrRFFZNjdLZThlVWhQb0k3VFlYTDFRY1NrS1Zzd2JVS2IySDJieE9jaUZwUjVKdWdNdm8reHphWExKTThSNHN2OG0wUmtQMFFETjZvTkNGM29VMmJPWGEwZFhKRWhYMzlocmlGOEx6WUlqVlVCd0o5NFE3d1psUTZBQjlHWFhLQXY2MFQ5TG9FVC9NYjdhd21FTFM5ZzdLODMwT2JXSDVhZkVwYWNxb2l4NG9oUWNLWGVqRnRrVWZOL1dySjFNMzdEZkFuV0Y4UGE4ZVowVno5RUJqUE5CY0M5MFcrVFFhcDdmWjlQRlRIL2hyMkFNYWRrVFlGZXFFV20rVXZRVTk5Q1R4SGFmNERQa2pGNWU0SklpWElxcFBBbnhiOWVTd2ZsQ3h0OHYwUVdDUDBlaUJrbm1ndVJhNk92QXNIQXdYS2dKcTRLTlFpMzlWYU5BK1dndGQraHowcUNaeWpGTmNoM3lxaTdlVWVHaFFjWC9pa3dOZExvakhhUFJBaTNsZzVXYXMrVVRLdGtWdTFieUJvTmRZUFRiMWtTaEhEMFFQTkwwSG1tdWh6NmFwRXpPYSs1OUF2MllRajlIb2dlaUJKdlpBY3kzMDJqenQvRFNQTFpxaUI2SUhtc0VEemJYUWx6WkRXMk9SMFFQUkF3MzBRSE10OUFZMnA4bXp0Y2tvTVV1ZmtUeXFvd2UrM1I1b1RRczk3U2xpbll6aDZaV2hqK3JvZ1ZicGdkYTAwTFgzRHhmNzFobWpwbGQ2STZJSEtzWURyV21oYTlCZUNrYnVaT0o2dGRaRGIrS2Q1QlZSamg1bzdSNW96aGRtV3NKMyt1S0l2WlduK3JlRVQ4R1JVRjhkMVNJL0RtYTlBNDhwSW5xZzlYbWd0UzMwcXhnaXZhaXp0aHNxUGI3LzFjVWwxa0s5Y3F2WGNrdUZ2YWxJVDFEM3dYQ0xVYW8yeEhvcTFBT3Q3ZEY5THVONEZOUWl6c0tIR0liQno3TVNOSU5lRjVRQnNEZlVOL1lpb2dkSzZvRkM3K2h2MEtxN1hjdGVkN0pFeGIwOTNDdjc1TVdrblVUR3RWem04SzA2Wi9wYXZCOUpkL0VSY0Mrb3I4VUtlaDMzTm5nKy9DOGNCMnVoSVh4ZGR3S0dlV1lrRFB2c1RIWGJBdDkvYjVOY0MvV2xGdmw3Q295SUhpaXBCMHIxQ3pNbDdaU3JUSHR4L1F5VndscTRCRVpFRDFTY0IxcjdRcSs0QVkwZGpoNUk4MEJyMjZPbjlUSHFvZ2NxM2dOeG9WZjhGSWdPcUFRUHhJVmVDYU1jKzFqeEhvZ0x2ZUtuUUhSQUpYZ2dMdlJLR09YWXg0cjNRRnpvRlQ4Rm9nTXF3UU54b1ZmQ0tNYytWcndINGtLditDa1FIVkFKSG9nTHZSSkdPZmF4NGoxUTZMdnVlb1cwWTRxM3ZrUlh5aStIcERTaDBTcjVZRk9vWDY3MTc3WTN1dUFHRktCL0ZhWC9DK2VoTCtpRTcrRjd1MlQ5azR0MmdUTHRoemlDSkRGYUtSNG85STUrTkE3NU9JV2FnQXZnYy9BYzZMK0FRclRzb1VVK0hrNkZzK0Eyc0NXaDc4K0hmbjZ5bmdacERLZW41T3RSVDc1b3JpQVBGTHJRODdsRWQvcUI4Q0tvYjVmMWhkOFc5S1NoMnllTjFaMzBoMlhZY0YxOHRzalRyajJ3YlpESEhrM1JBM1UvaEZDc0cvNUZodFBnTCtHRmNBeTBiNFZ0aUR3S2xoT3FhWXoraWFPNE8vVFExMjhmU1JUNm52cGQzbGhHOG5GNTJ1TC9aVldlWk5IVUNqeGc4N2kyMkw0VXVrZjM1VDVNcE5vcmtBZkJ4eE9kZmxoQkMvN3RKRjdPd1ZjMGJnalVZNjUrdEVML3U3MWM4QTRONlo0MDVnaEMvVC81eFVuY2dqVVJEa3dpZXVSZkZhYWRwU1JKWWxDcEhtaUtSM2Y1Ymh6MEN6dmYvckFEYWJzcVV3RDkxcnIwM2FBT3BRcUIycS8wYWVVVmtsOXBkSlY4QzlhM3lMV0F0UEMwbU9xRDBtNEExZGVHWWdZWm4wNHlxNDk3cFJSMENEcXI0eWJrOEVLUWtxWHVRcUFMY1VNdUNPdVNUd2QvaGNCOFVFdzk2b3Q4M0pBYmtOVm4vaWlralVxalEweU5WVmFkbWx2Rm5EM0pQeXJQZnZBRXNTQm9MdXUzRTRyTlYzRGhCU1dzSjVIdUxKMWRHdDFkaENrSlJ4S3E4L2ZDQmZCNWFORFR3R2o0Q1h3UHpvWHpvWDViN1hzd0RmMVFhZ3VoZXBSZStmVG9mUjNzQllVTG9PcmZWNUVFYW9lMXllNld0NlhvTEwwV3RiWW8rc1VjdFZ1L1RLTlBHWjZGZW1UV3hjbWdBVG9iVG9OS3F3dWYrdkVVYk9qZVgvMHhIR3VDQzZ1Y3JMNWxRUlBvWWpnRHFtMnprMUJ0UFJtR0YzenpuWHkxRWRSQnEzdzhCMXFmQmlLSDZJcGlCSHdWbWc4VUtuNDZUTHVBeTRkVlVIVXRoUEt4OHR3S2RjTzRESVpqaHFvT3hmcmNqN1htN04raDVwM0dTdU9xT1NWZnFaMW5RL1ZYL2RZOFV4LzJnV25vZ0ZMcGxVYitVWG5xdzNnNEZJYXdkc2l1czZHcjRHZnczU1FjUTVpREJ1dS94VFYzVFhlWUtmT0d5NVl0VzZrQS9vUTBoaW9FeTdNSzhrQTREaHJtSUxTRlNtUDROOEkwaXhEV1F0a3Zkcm8wY1NIS25hRFZwN0FLTG9KWldJQ2hCNnpPU3BEb2M0UXFiNHBMWnpycHU4SVhuQzFOdkF5bDBuYUdFOU1TT04xWnlFcWJqLzFkK2hya05lRDhSTGVZVUcyeS9MMFR2WUxuRXYwOHA4c2xPcFg1a2RPbmlkY2thYTNzYXBmb2RpZDdVV1BURjFxZXpaRGY5d2xTNUJ0ZGV1WFRENTljRDdPZzhpWTVZdzdaNm11SXovMVlQK2pLOWVKa0lsZDRoWk8vUXQ0TFdoc1Vkb012d256NEZVYWZ4OXJ4Q2ZxSE1qTFdvbDh6eVplUnBFNzlpeVNOTC84YjhqY1VHWm44UXRjQWEwS0phVGdHcFpVYjJwOUJjVDQ4UFVtek5lRm5VQlAxVUtpSnN5MGNDUTI2U0ZoNU95REwyWVl4Q0FmQWcrRm9xQXZBajZIUzd3K0h3eW5RVUkwZ25iZ1dYQWw2ZXk3UlNmOFlOTHlEY0FyVUlKOExQNEJQUUUwMnBmV0RkVDF4VFhvdDBsM2hkQ2dzaGVxdjBtZXhQelpERFlMU1hXY0t3bE1UbmZRWE9QMEppWDZlMCtVU25TN0dEMEJOcXVGd0FOd0VIZy85d3ZSdHE4Ym1NWmJJL3ZCSStJWXozSUNzdG9pcVp3elVlSTZBdWdGb1BJK0Y3MExEOWdpV1IyTmwwTGhlRHZlQWU4SnJZSWdjQ3N2YkVKOVBDUXJVaGZvSDhCd1kzanhlUmFmK2FuNXAzaHAwNGJFMktIelVESVNqb1BxOE90d056b1NDK3JZVnRIeGhPLzZCYlNnOENXcWNETFpPaHFNUURmTVFUTGNkc3BXYkdXWWFnc3grb1Z0bFlUZ0x4U0ZCUHA5R25kRVZQS3hUaTBLVEpOUlBRR2ZvaENEN0k2WWdISm5vZkw0K0ticHFsMmYzRkx0M2VpNnhhN0laUGtYb0NYMDlHeEZ2bitoMkpEVGNnZURUU2RhRU4yalJobllmNzI4SkNXdVN0RHM3M2RSRXR6SmhiYUpmUUtpTGlzclJCRERrRUtRVE5mRTJkbkhUSDRIT2NBYUM2YXROU1RnZSt2SDV2clBOUnJZOENqdkNYb0ZPK29PZ1lUaUM1ZkVYalo4N3ZkazE4VDF5UkdScnFNLzlXRitabEdWMS9jbFZwSnZaQnM0dWVhbXoyM3pjemVsdVFiYXlMTnpCMmE5MmR0OE9yMWMrallQaFBnUXJTNkdoRnNIcjY1WGI1bjJ1VHpjK2dscDdPMEduMXRwVFRZSVQ0QktZQmUzemRQQVZRbVZwejdFTDdBMjd3bzV3UFdoWUcyRVJIR1FLd3Q4NjJjVFhUR2hrNlBmVTExUFdtMEY1czEzYzc4SG1vcTl5Tm9tcnVQaU9UaTVVbEYvVnJ6NXdTNmh6aTdYZ2Q2R2cvWjcyZC9tZ2ZhUEdSdjdyQjNWZUloL25vRUc2Tk55TVV1TnNHR2NDb2ZhWEh0cGp5emU3d2Y2d08xUTkxbGJFcjhkMVkrU2VVb0QzNE5WMTBvcC8va2IwTExqaGl1b1Y5cjBOOWJuT0FEejh1ZEdUR0RTdkRaSTFCbjBUaGVhajl2WitucnhQdkFwNnRIV1JYWjNzeFJ0OEJQbHhGMS9keVkwU2ZVTUtMZWdXRWxZWG1qaEpwME1HL2R4eGlFMVFYQTZIaElhVXVBYmJGbzNLOHdPUmtyeFJLaDFBR1NhYmtCSGFaSlg1eEl3MHBzNWFUR2JQQ25Vbzk0ZkVXRVdvaFc0WWFVSkcyQjc5ZVZDSGJwMHkwdVJUYXlGNUxDSHlLZFJobG9mRzVseDRHdFJDeU1KcWlVRVhBWU11OWtzdDRrTHBYb1FhZTQrbThIazRmNzUwRmN4eHNvbGZtT0RDSGs2V2YvT2hXNFpSYzlualF4OXBLcmtoQzcwaGRTOUt5ZFFGbmE2Y3VvTUx1cUtPaGJweUxvUnkzQ0JvMEYzSm9BbXJpZVh2TkdacmlsQW5zSWJ3cm1WNkM5Vld3N01JYVpQRTdMNWMweFVTNnFyL2U2ZytIdzV0c2J5Q2JCL0JJYWJpTDJoL21sZytJdFFUd0ZTb2R1b3A0UkpZTEphbFpMZ1VuUmE1TUE5YVBlOGdhMkgrR1hyb1ZOclEyWVNVTUcyQmxNTG5LVTM1aHNwZkhKN0JxaWVUTFBqK1pxVnBObjJwRm5wYUJ3NUdhWXY4ZHVSRG9aOUFwd2FaNWhLWEl6WHdIZUVRT0JiV0IzK25hRmRmNHNTdXU4aFJpVHlNOE1wRVRndTAyQXdQSWd5M2lBc2JlMUhTb2xSZjk0RitVWXh5ZGFTSnE2SThMakhvSXJNVmZEdUpLempFeVkwUjI1RDVaMGtCdXVOdkRXdVR1SUw5bkd5aS9LWTJkWUJid2dId0JlaWg5a29mb2hRK0QrdE1pNy9zbEJxZkVTNXU0c29JZmc2YXZxU2hHdEZTOFB1UDJUVENML0k5aWU4YU5Fek8wcDNOY0MzQzVoWWgxQUk0SDdaM09vbitVV2lMd0pZVjFkM0lIdFYyUWY0ZDlMN1NSV2xuS053QjdjcCtGbkk0cVFlaW13R1ZwekVJRi9WaUNydXhuZ0xWWnJ1NHFUOSsrNlFubFRQcnlWK29XVGNNWFZRRUxkNzM2NlQvLzlFNDYzd21oTnJqMjYrTHZWL1UyeEsvQytvaUVxSlVQZy9yRGVOcWg4WkJPQmZ1WFNjdC83TUQ0a3lvbTBWVFlFRlN5UHFFL29KZmY5a0ZudDc1VS9lcUF2UG9KTkJRaXhDZURHNWpSa0o5L0RBR1hnN3ZoMHVnUjQ2STh1dTA4MlZuVUQ1OS9EWU9Mb0RDUGRCT3hKVm5tSlFKRmhNcXZjcXc5dmdUVUt0SHR2REVWNThxUEF4blFFRW5zNE9oMHA0SlBYUTZQaHBPOUVwa25jSmF2V2xoZjVlK0pramJqdmdjWjA4NzRaL243TGtrLy9OT054MzVLcWhQTEh4WlNpTGZXNXVxcFVpd1A2SHBMYlI2RkpydUNjdEErQnBVUGRmQ3Q2R0h5clk4WFpEbFZ3K2R4TC9sRlU3T0lWdmVodmg4U2taWktsUDlORlFqV0QwV1p1VTkxeklsb2RLbGpmMjJyc3lzc2xSWExpbEhRUTIwK2hVK0ttVUNqWjk4dmkvMGFWTGxWR1ZLeHVaWTZLcjdiT2cvdGlCYUJ6bmk1a1JXa0lQVzF2V1F4MHFaZ2NmUWQ0YVd2aTJ5ZDVCbHM0OUk4amxkL1o1bkdZSlEraDlCcStjVTVQbEJHb3QranBEMjhaSGx0YkMvWlNDc2dhYTM4RkpuSDVKaTkyM05KWFo5ZkJrdUpoV2pObDBrSWNIbGhGWlB0U2tKOTNkNnMxczlDazNYQi9sTkdPSUxGTDl4U3BWdGVSVDJnUG9JTDRRdTlwZkFGNTFoWFdTZnQxaWZUM0ZsNVlLeTFFOUROWUt2UjNLK3ZLZGpYMmlaZzFCejRnVG95OHRYVnM3bHJ3bnliVWZjYm1pVzdPZ2dqYS9uYTdtTkVoVUFIZHJzbUtTYlFLakhrVUpRbFNTYVQzaG5Sb2ErNlBlRnZhQWUrNTZCbzZIMmVadEJRWGxWaG9jZTg0YkMzbEI3NERmaFEzQThES0ZIU3oxUzYzRlE4aHRRai81NjdGTGQ2MEFoclo1TzZBK0EyOEcxNGNkd0lsUmFIVHA1NkhGS2FkVTJuWXdyN1dRNEd2ckhXYUtwVUR2VUhrSDc4Z2ZycE9WL3VpTnFXNk5CdXdtR2U3L0QwZG5XeGZkRisrQ0RZRC9ZQ2I0RzlkZ3BuMXA5MDVDZmc0SzJKZktyOERpY1ZTY3QvMlAxTEVKMXkzSjEzWDc3UU9KYlFmWC9kWGdyMVBicFlDaG83a3lvazFiOG83SFJOa250czc1cm5IUTYzaDBLMmg2b1RvOWlmSjV2ckh0UTZPQ2s0TFEyNXN1cmJGMmcrcjROWEJOK0RDZkJ1MkU0OXZuS1dwMzA1aXZ6QTZxdnNTR1N4aklIRjhKcXFLMWhYaFM2MFBNV0VvM1JBNDN3Z0Jidmx4bjVkYkd4U1R3ZGVaT01kRkZkandkMFdCTVJQZEJTSHRBVDBrdHdPTlNkekVOM1JYOEFPZG9ibzF5Y0IrSWR2VGgveGRSTjV3R2RwdXV4ZHAra3lQbUVUOExaVUkvamUwQmRDQVI5dE5vUHZxZElSUEVlYUZ0OGxwZ2plcUJKUEtDRi9oVGNEZXJ1clR1NnpseEN2STFpUHhnWGVlaVpJdUx4amw2RXMyTFNadkhBYXBRNkNBNkFQYUVPNC9RWnV3N2hub1lQd0t3OVBLYUlRandRRjNvaFhvcHBvZ2UrNVI3NEg2TFhYVWY2YnQxSUFBQUFBRWxGVGtTdVFtQ0MiPjwvaW1hZ2U+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  position: absolute;
  left: 16px;
}

body.setup-assistant .global-nav-bar,
body.setup-assistant .app-menu,
body.setup-assistant .app-header,
body.setup-assistant .notification-banner {
  display: none;
}

body.setup-assistant.menu-open .main.container {
  padding: 0;
}

body.setup-assistant.notification-banner-active .main.container {
  top: 0;
}

.proconnect-client-list .loading-icon {
  margin-left: 4px;
  margin-top: 24px;
}
.proconnect-client-list .proconnect-client-list__item--saving {
  opacity: 0.3;
}
.proconnect-client-list .proconnect-client-list__item--has-link {
  cursor: pointer;
}
.proconnect-client-list .triage-paginator {
  border-top: 1px solid #ddd;
}
.proconnect-client-list .proconnect-client-list__list__header {
  display: flex;
}
.proconnect-client-list .proconnect-client-list__list__header > div {
  font-weight: 400;
  text-transform: uppercase;
  color: #999999;
  font-size: 13px;
  text-align: left;
  padding: 4px 0 12px 0;
  vertical-align: bottom;
  width: 50%;
}
.proconnect-client-list .proconnect-client-list__list__header > div:last-child {
  margin-left: 64px;
}
.proconnect-client-list .proconnect-client-list__list__row {
  display: flex;
  border-top: 1px solid #e6e6e6;
}
.proconnect-client-list .proconnect-client-list__list__col {
  display: flex;
  flex-grow: 1;
  width: calc(50% - 35px);
  min-width: calc(50% - 35px);
  padding: 10px 0;
  align-items: center;
  color: #000;
}
.proconnect-client-list .proconnect-client-list__list__col--external > div:first-child {
  flex-basis: 150px;
}
.proconnect-client-list .proconnect-client-list__list__col--external > div:last-child {
  flex-basis: 50px;
}
.proconnect-client-list .proconnect-client-list__arrow-indicator,
.proconnect-client-list .proconnect-client-list__drop-down {
  justify-self: flex-end;
}
.proconnect-client-list .avatar-with-label {
  flex-grow: 1;
  min-width: 50%;
}
.proconnect-client-list .proconnect-client-list__email {
  flex-grow: 1;
}
.proconnect-client-list .proconnect-client-list__karbon-email {
  flex-grow: 1;
}
.proconnect-client-list .entity-icon--avatar-with-label {
  flex-grow: 1;
  min-width: 50%;
}
.proconnect-client-list .proconnect-client-list__arrow-indicator {
  color: #dadada;
  padding-right: 0;
  width: 70px;
  text-align: center;
  padding-top: 11px;
}

.proconnect-external-client-list__intro-text {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 18px;
  margin-top: 18px;
}
.proconnect-external-client-list .data-table .drop-down-button--modal .drop-down-button__toggle {
  width: 12px;
}
.proconnect-external-client-list .proconnect-external-client-list__inactive-client {
  color: #999999;
}

.proconnect-external-client-list .data-table td.proconnect-external-client-list__sync-off {
  color: #999999;
}

.proconnect-external-client-list .data-table td.proconnect-external-client-list__sync {
  color: #000;
}
.proconnect-external-client-list .data-table td.proconnect-external-client-list__sync .human-time-ago {
  color: #000;
}

.proconnect-duplicates .intuit__page-body {
  margin-bottom: 16px;
}
.proconnect-duplicates__list__header {
  display: flex;
  border-bottom: 1px solid #e6e6e6;
}
.proconnect-duplicates__list__header > div {
  color: #999999;
  font-size: 13px;
  font-weight: 400;
  padding: 4px 0 8px 0;
  text-align: left;
  text-transform: uppercase;
  vertical-align: bottom;
  width: 40%;
}
.proconnect-duplicates__list__header > div:last-child {
  margin-left: 64px;
}

.proconnect-duplicate-item {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  transition: height 0.2s linear;
  height: auto;
}
.proconnect-duplicate-item__client {
  width: 20%;
  padding-top: 16px;
  padding-left: 0;
}
.proconnect-duplicate-item--has-link {
  cursor: pointer;
}
.proconnect-duplicate-item__email {
  padding-top: 23px;
  width: 20%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 1;
  flex-grow: 1;
  display: block;
  padding-right: 4px;
}
.proconnect-duplicate-item__match-section {
  padding-top: 9px;
  display: flex;
  width: 60%;
}
.proconnect-duplicate-item__panel-container {
  flex-grow: 1;
  margin: 0 0 0 8px;
  overflow: hidden;
  flex-shrink: 1;
}
.proconnect-duplicate-item__body {
  margin: 6px 0 4px 0;
}
.proconnect-duplicate-item__match-action {
  margin-top: 8px;
}
.proconnect-duplicate-item__panel {
  margin-bottom: 8px;
  background-color: #f2f2f2;
  border-radius: 5px;
  padding: 8px 16px;
}
.proconnect-duplicate-item__options {
  margin-top: 4px;
}
.proconnect-duplicate-item__option {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
.proconnect-duplicate-item__option .avatar-with-label {
  min-width: 30%;
  margin-right: 16px;
}
.proconnect-duplicate-item__option .avatar-with-label .avatar {
  margin-right: 8px;
}
.proconnect-duplicate-item__option .radio-input {
  margin: 0;
}
.proconnect-duplicate-item__option .radio-input .form-label {
  padding: 0;
}
.proconnect-duplicate-item__option-details {
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.proconnect-duplicate-item__create-new-contact {
  color: #999999;
  padding-bottom: 12px;
}
.proconnect-duplicate-item__email-list {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 1;
  flex-grow: 1;
  display: block;
}

.proconnect-duplicate-item--saving {
  opacity: 0.5;
}

.proconnect-duplicate-item--removing {
  opacity: 0;
}

.proconnect-contact-sync-settings .form-block {
  margin: 24px 0 40px 0;
}
.proconnect-contact-sync-settings__contact-types-checkboxes {
  margin-top: 24px;
  display: inline-block;
}
.proconnect-contact-sync-settings__contact-types-checkboxes .form-label {
  padding-bottom: 0;
}
.proconnect-contact-sync-settings__contact-types-checkboxes .check-box {
  margin: 12px 0;
}
.proconnect-contact-sync-settings .loading-icon {
  margin-left: 4px;
  margin-top: 24px;
}

.tax-workflows-list .loading-icon {
  margin-left: 4px;
  margin-top: 24px;
}
.tax-workflows-list .data-table {
  margin-top: 24px;
}
.tax-workflows-list .data-table table {
  min-width: 600px;
}
.tax-workflows-list .look-ahead {
  margin: 0;
}
.import-tax-returns .form-block {
  margin: 0;
  width: 100%;
}
.import-tax-returns .form-block .radio-input .form-label {
  color: #000;
}
.import-tax-returns__status-mapping-container {
  max-width: 640px;
}
.import-tax-returns__panel {
  background: #f2f2f2;
  padding: 19px 24px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  margin: 4px 0 4px 0;
}
.import-tax-returns__panel__note {
  color: #999999;
  margin: -6px 0 24px 24px;
}
.import-tax-returns__panel .action-button, .import-tax-returns__panel .login__form-button {
  margin-top: 8px;
}
.import-tax-returns__results {
  padding: 0;
  position: relative;
  margin-left: 32px;
}
.import-tax-returns__results__icon {
  position: absolute;
  margin: 0;
  top: 0;
  left: -32px;
}
.import-tax-returns__results__icon .loading-icon {
  margin: 3px 0 0 -3px;
}
.import-tax-returns__results__icon .bl-icon--done,
.import-tax-returns__results__icon .bl-icon--delete {
  font-size: 40px;
  margin-left: -14px;
  margin-top: -9px;
  position: absolute;
}
.import-tax-returns__results__header {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
.import-tax-returns__results__sub-header {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
}
.import-tax-returns__results__body {
  margin-bottom: 8px;
  font-size: 16px;
}
.import-tax-returns__results .action-button--link, .import-tax-returns__results .action-button--link-medium, .import-tax-returns__results .action-button--link-small, .import-tax-returns__results .action-button--link-quiet, .import-tax-returns__results .action-button--link-quiet-small, .import-tax-returns__results .action-button--link-quiet-ultra-small, .import-tax-returns__results .action-button--link-ultra-quiet, .import-tax-returns__results .action-button--link-ultra-quiet-small, .import-tax-returns__results .action-button--link-ultra-quiet-ultra-small {
  display: block;
  margin: 0 0 16px 0;
}
.import-tax-returns__results--syncing .import-tax-returns__results__body {
  padding-top: 4px;
}
.import-tax-returns .section-group__header + .import-tax-returns__panel {
  margin-top: 24px;
}
.import-tax-returns__panel + .dialog-action-bar {
  border-top: none;
  padding-top: 0;
  margin-top: 16px;
}

.intuit-invite-team__seats-info {
  font-size: 16px;
  font-weight: 600;
  margin-top: 24px;
}
.intuit-invite-team__user-list {
  border-top: 1px solid #ddd;
  margin: 24px 0;
  margin-bottom: 24px;
}
.intuit-invite-team__user {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  align-content: center;
}
.intuit-invite-team__user .avatar-with-label {
  flex-grow: 1;
}
.intuit-invite-team__user .intuit-invite-team__user__status {
  color: #999999;
  align-self: flex-end;
}
.intuit-invite-team__user .intuit-invite-team__user__status--active {
  color: rgb(106, 184, 56);
}

.work-item-tax-returns .data-table {
  margin: 16px 0;
}
.work-item-tax-returns td {
  color: #000;
}
.work-item-tax-returns__body-text {
  margin-bottom: 6px;
}
.work-item-tax-returns__pro-connect-link {
  margin-top: 6px;
}
.work-item-tax-returns__tax-year-modal .loading-icon {
  margin-top: 32px;
}
.work-item-tax-returns__dash {
  color: #999999;
}
.work-item-tax-returns__subtle {
  color: #999999;
}
.work-item-tax-returns section {
  min-height: 100px;
}
.work-item-tax-returns td.work-item-tax-returns__cell--empty {
  color: #999999;
}
.work-item-tax-returns__notice {
  padding-top: 6px;
}
.work-item-tax-returns__actions {
  padding-top: 18px;
}

.work-item-tax-returns__primary-return-row td {
  color: #000;
}

.work-item-tax-returns .work-item-tax-returns__unlinked-client-row .work-item-tax-returns__cell {
  text-decoration: line-through;
  color: #999999;
}

.task-tax-return-panel__title {
  text-transform: uppercase;
  font-size: 14px;
  color: #999999;
  font-weight: 500;
  margin-bottom: 8px;
}
.task-tax-return-panel__view-returns-action {
  margin-left: 4px;
  text-decoration: underline;
}

.intuit-status-mapping-list {
  margin: 32px 0;
}
.intuit-status-mapping-list .intuit-status-mapping-list__list__header {
  display: flex;
}
.intuit-status-mapping-list .intuit-status-mapping-list__list__header > div {
  font-weight: 400;
  text-transform: uppercase;
  color: #999999;
  font-size: 13px;
  text-align: left;
  padding: 4px 0 12px 0;
  vertical-align: bottom;
  width: 50%;
}
.intuit-status-mapping-list .intuit-status-mapping-list__list__header > div:last-child {
  margin-left: 64px;
}
.intuit-status-mapping-list .intuit-status-mapping-list__list__row {
  display: flex;
  border-top: 1px solid #e6e6e6;
}
.intuit-status-mapping-list .intuit-status-mapping-list__list__col {
  display: flex;
  flex-grow: 1;
  width: calc(50% - 35px);
  min-width: calc(50% - 35px);
  padding: 10px 0;
  align-items: center;
}
.intuit-status-mapping-list .selection-button {
  flex-grow: 1;
}
.intuit-status-mapping-list .status-button > .action-button, .intuit-status-mapping-list .status-button > .login__form-button {
  color: #000;
}
.intuit-status-mapping-list .selection-button.status-button--in-progress > .action-button, .intuit-status-mapping-list .selection-button.status-button--in-progress > .login__form-button {
  color: #000;
}
.intuit-status-mapping-list .intuit-status-mapping-list__arrow-indicator {
  justify-self: flex-end;
}
.intuit-status-mapping-list .intuit-status-mapping-list__arrow-indicator {
  color: #dadada;
  padding-right: 0;
  width: 70px;
  text-align: center;
  padding-top: 11px;
}

.intuit-support-link {
  display: inline;
  margin-right: -2px;
}
.intuit-support-link .action-button--link, .intuit-support-link .action-button--link-medium, .intuit-support-link .action-button--link-small, .intuit-support-link .action-button--link-quiet, .intuit-support-link .action-button--link-quiet-small, .intuit-support-link .action-button--link-quiet-ultra-small, .intuit-support-link .action-button--link-ultra-quiet, .intuit-support-link .action-button--link-ultra-quiet-small, .intuit-support-link .action-button--link-ultra-quiet-ultra-small {
  display: inline;
}

.task-tax-return-panel .data-table table {
  min-width: 0;
  table-layout: auto;
}

.create-return-modal__pre-loader {
  margin-top: 68px;
  margin-bottom: 68px;
}
.create-return-modal__section {
  margin-bottom: 16px;
}
.create-return-modal__client-name {
  margin-top: -6px;
  margin-bottom: 12px;
}
.create-return-modal__prior-years .radio-input .form-label {
  margin: 0;
  padding: 6px 0;
}
.create-return-modal__loader {
  position: absolute;
  margin: 16px 0 0 4px;
}

.global-nav-bar {
  position: relative;
  display: flex;
  color: #fff;
  margin-right: 20px;
}
.global-nav-bar.offline {
  top: 52px;
}
.global-nav-bar__item {
  font-size: 32px;
  position: relative;
  cursor: pointer;
  width: 24px;
  height: 32px;
  margin-left: 8px;
}

body.triage-has-new-items .global-nav-bar__triage-button:after {
  position: absolute;
  top: 3px;
  right: 3px;
  background-color: #d61407;
  width: 8px;
  height: 8px;
  border-radius: 6px;
  content: "";
  display: inline-block;
}

.stop-watch__icon {
  height: 30px;
}

.clock-divider__container {
  width: auto;
  margin-left: 12px;
}

.clock-divider__icon {
  height: 32px;
}

.global-nav-bar__triage-snoozed {
  display: flex;
  align-items: center;
  padding-left: 4px;
}

.server-save-errors {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  background-color: white;
  border: 2px solid red;
  border-radius: 4px;
}
.server-save-errors .title {
  width: 100%;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 12px 0;
}
.server-save-errors .message {
  padding: 12px;
}
.server-save-errors .bottom-bar {
  border-top: 1px solid #ccc;
  height: 58px;
  text-align: right;
  padding: 12px;
}
.server-save-errors .link {
  text-decoration: underline;
  cursor: pointer;
  color: #2872d3;
  padding-left: 12px;
}
.server-save-errors .server-errors {
  padding: 12px;
}
.server-save-errors .server-errors pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.invoice-details__layout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.invoice-details__spinner {
  margin-top: 40px;
  margin-left: 80px;
}

.glob-hr {
  margin-top: -1px;
}

.invoice-filter-bar {
  margin: 6px 4px;
}
.invoice-filter-bar .filter-pill {
  background-color: #f2f2f2;
}
.invoice-filter-bar .filter-pill:first-of-type {
  margin-left: 18px;
}

.frame-container > iframe,
.frame-container,
.monaco-editor.ember-view {
  width: 100%;
  height: 100%;
}

.frame-container > iframe {
  border: solid 1px #cacaca;
  border-radius: 4px;
  padding: 12px 0px;
}

.receivables.centered-column {
  padding-top: 0;
}

.receivables-filter-bar.todo-filter-bar .filter-bar__pill-container {
  padding: 10px 0;
}

.receivables-filter-bar .filter-bar__action-link {
  margin-left: 0;
}

.receivables-filter-bar .selectable-list__item {
  font-size: 16px;
}

.receivables-filter-bar .filter-pill {
  background-color: #f2f2f2;
  margin-right: 16px;
}

.engagements-filter-bar {
  margin: 6px 4px;
}
.engagements-filter-bar .filter-pill {
  background-color: #f2f2f2;
}
.engagements-filter-bar .filter-pill:first-of-type {
  margin-left: 18px;
}

/**
 * Hack to get the legacy components to match the styles of new design system components
 * Ideally, the modal should use the new design system components but this is a quick fix to get things consistent
 * because the modal uses a mix of legacy and new components
 * We're not using CSS modules because we need to override the styles of legacy components which isn't easy with CSS modules.
 */
:root {
  --new-input-height: calc(2.5rem - 2px);
}

.time-entry-fields .look-ahead {
  height: calc(var(--new-input-height) + 2px);
  margin-bottom: 0;
}
.time-entry-fields .look-ahead input {
  height: var(--new-input-height);
  font-size: 1rem;
  padding: 0 0.75rem;
}
.time-entry-fields .look-ahead.look-ahead--form-element.look-ahead--has-warning {
  margin-bottom: 1.5rem;
}
.time-entry-fields .look-ahead__clear {
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  font-size: 1.5rem;
  right: 0.5rem;
  color: var(--color-grey-500);
  cursor: pointer;
}
.time-entry-fields .look-ahead__spinner {
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  font-size: 1.5rem;
  right: 0.4rem;
  color: var(--color-grey-500);
  transform: scale(0.75) translateY(1px);
}
.time-entry-fields .look-ahead__spinner:before {
  border-width: 0 2px 2px 2px;
}
.time-entry-fields .pop-over__toggle {
  height: var(--new-input-height) !important;
  line-height: 1;
  padding: 0 0.75rem;
}
.time-entry-fields .date-input {
  height: var(--new-input-height) !important;
}
.time-entry-fields .date-input .date-input__calander-icon {
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2rem;
  transform: translateY(1px);
}
.time-entry-fields .date-input .date-input__calander-icon .bl-icon, .time-entry-fields .date-input .date-input__calander-icon .auto-complete-email__button--chevron, .time-entry-fields .date-input .date-input__calander-icon .timeline-item-header__shared-icon, .time-entry-fields .date-input .date-input__calander-icon .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .time-entry-fields .date-input .date-input__calander-icon .drop-down-button__toggle::after {
  top: unset;
}
.time-entry-fields .hr-min-input__entry input {
  height: var(--new-input-height) !important;
  font-size: unset;
  line-height: var(--new-input-height);
  padding: 0 0.5rem 0 0.75rem;
}
.time-entry-fields .hr-min-input__entry:after {
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1rem;
  line-height: 1;
}
.time-entry-fields .form-block .focussed-textarea textarea {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
}

.todo-header {
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
  background-color: #f2f2f2;
  padding-bottom: 16px;
  border-bottom: 1px solid #cacaca;
}

.todo-header.todo-header--assignments {
  padding-bottom: 0;
}

.todo-header__filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 1530px;
  width: 1530px;
  margin: 6px 12px;
  padding: 0 32px;
  min-height: 44px;
}
@media only screen and (max-width: 600px) {
  .todo-header__filters {
    padding: 0;
  }
  .todo-header__filters .todo-filter-bar {
    display: none;
  }
}

.todo-filter-bar .filter-bar__pill-container {
  padding: 4px 0;
}

.todo-assignment__infinity-loader {
  padding-top: 22px;
  padding-left: 70px;
  margin: 0;
  height: 74px;
}
.todo-assignment__infinity-loader .timeline-loader__header {
  margin-bottom: 12px;
  margin-left: 0;
}
.todo-assignment__infinity-loader .timeline-loader__line {
  margin-bottom: 16px;
}
.todo-assignment__infinity-loader .timeline-loader__line:nth-of-type(2), .todo-assignment__infinity-loader .timeline-loader__line:nth-of-type(3), .todo-assignment__infinity-loader .timeline-loader__line:nth-of-type(4) {
  display: none;
}

.page-header--todo {
  min-height: 200px;
}

.todo-first-note__modal {
  width: 400px;
}

.todo-empty-state__show-complete {
  text-align: center;
}
.todo-empty-state__show-complete .action-button--link, .todo-empty-state__show-complete .action-button--link-medium, .todo-empty-state__show-complete .action-button--link-small, .todo-empty-state__show-complete .action-button--link-quiet, .todo-empty-state__show-complete .action-button--link-quiet-small, .todo-empty-state__show-complete .action-button--link-quiet-ultra-small, .todo-empty-state__show-complete .action-button--link-ultra-quiet, .todo-empty-state__show-complete .action-button--link-ultra-quiet-small, .todo-empty-state__show-complete .action-button--link-ultra-quiet-ultra-small,
.todo-empty-state__show-complete .action-button--link:hover {
  background-color: none;
  color: #2872d3;
  cursor: pointer;
  outline: none;
  border: none;
  font-size: 1.1em;
}

/* most of this is resetting the drop-down-button component styling  */
.todo-colleague-selector {
  margin-right: 16px;
  margin-bottom: 1px;
}
.todo-colleague-selector .drop-down-button.drop-down-button--modal {
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  margin-left: auto;
  margin-right: auto;
  outline: 0;
}
.todo-colleague-selector .drop-down-button--modal {
  position: relative;
}
.todo-colleague-selector .drop-down-button--modal .drop-down-button__toggle {
  padding: 0;
  background: none;
  border: none;
  width: auto;
  font-size: 22px;
  font-weight: 600;
}
.todo-colleague-selector .drop-down-button--modal .drop-down-button__toggle:after {
  color: #000;
  font-size: 0.5rem;
  top: -4px;
}
.todo-colleague-selector .drop-down-button--modal .drop-down-button__toggle__label {
  color: #000;
  -webkit-user-select: none;
          user-select: none;
}
.todo-colleague-selector .drop-down-button--modal .drop-down-button__toggle__label:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  margin-left: 0;
  line-height: 12px;
  font-size: 26px;
  position: relative;
  top: 4px;
}
.todo-colleague-selector__pick-colleague {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .todo-colleague-selector__pick-colleague {
    width: 400px;
    transform: translateY(-120px);
  }
}

.period-selector__periods {
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 600px) {
  .period-selector__periods {
    padding: 0 8px;
  }
}
.period-selector .dropwell {
  flex-grow: 1;
  flex-basis: 0;
  margin: 0 6px;
}
.period-selector .dropwell:first-child {
  margin-left: 0;
}
.period-selector .dropwell:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  .period-selector .dropwell {
    margin: 0 4px;
  }
}
.period-selector .dropwell.dragover .period-item:not(.period-item--disable-drop) {
  color: #000;
  border: 2px solid #2872d3;
}
.period-selector__arrow {
  position: relative;
  width: 40px;
  height: 80px;
  cursor: pointer;
  border-radius: 3px;
  min-height: 80px;
  background-color: rgba(255, 255, 255, 0.5);
}
.period-selector__arrow:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  margin-left: 0;
  font-size: 26px;
  transform: rotate(90deg);
  top: 33px;
  position: absolute;
  line-height: 14px;
  left: 6px;
}
@media only screen and (max-width: 600px) {
  .period-selector__arrow {
    width: 30px;
  }
  .period-selector__arrow:after {
    left: 9px;
  }
}
.period-selector__arrow--disabled {
  cursor: pointer;
}
.period-selector__arrow--disabled:after {
  opacity: 0.2;
}
.period-selector__arrow--hidden {
  display: none;
}
.period-selector__arrow--left {
  margin-right: 6px;
}
@media only screen and (max-width: 600px) {
  .period-selector__arrow--left {
    margin-right: 4px;
  }
}
.period-selector__arrow--right {
  transform: rotate(180deg);
  margin-left: 6px;
}
@media only screen and (max-width: 600px) {
  .period-selector__arrow--right {
    margin-left: 4px;
  }
}
.period-selector__arrow:hover {
  background-color: rgb(255, 255, 255);
}
.period-selector__arrow--disabled:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.period-item {
  min-height: 80px;
  color: #2b2b2b;
  background-color: rgb(255, 255, 255);
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  border: 2px solid transparent;
}
.period-item__content {
  width: 100%;
  padding-top: 14px;
  position: relative;
}
.period-item .count {
  font-size: 32px;
  margin-top: -8px;
  -webkit-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 600px) {
  .period-item .count {
    font-size: 24px;
    margin-top: 0px;
  }
}
.period-item .new-count {
  position: absolute;
  border-radius: 3px;
  padding: 0 4px;
  font-weight: 600;
  top: 2px;
  right: -2px;
  font-size: 12px;
  opacity: 0;
  text-align: right;
  margin-top: 3px;
  margin-right: 7px;
  -webkit-user-select: none;
          user-select: none;
  color: #999999;
}
.period-item .new-count--visible {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.period-item .period-name {
  font-size: 16px;
  -webkit-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 600px) {
  .period-item .period-name {
    margin-top: -2px;
  }
}
.period-item.period-item--selected {
  color: #fff;
  background-color: #2872d3;
}
.period-item.period-item--selected .new-count {
  background-color: #fff;
  color: #2872d3;
}
.period-item--special-hover {
  color: rgba(255, 255, 255, 0.55);
  background-color: rgba(255, 255, 255, 0.3);
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.period-item .fade {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.period-item .fade2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeIn2;
  animation-name: fadeIn2;
}

.todo-assignment-list {
  width: 100%;
  margin-top: 0;
}
.todo-assignment-list .note-view--editing {
  margin-bottom: 24px;
}
.todo-assignment-list .sort-filter .tool-tip {
  overflow: visible;
  width: 100px;
  position: absolute;
  right: -10px;
  opacity: 0;
  transition: 0.2s ease-in;
  text-align: center;
}
.todo-assignment-list .sort-filter .tool-tip__inner {
  padding: 8px 12px;
  position: relative;
  display: inline-block;
  left: initial !important;
}
.todo-assignment-list .sort-filter--show-tool-tip .tool-tip {
  opacity: 1;
  z-index: 99;
}
.todo-assignment-list > ul {
  width: 100%;
  padding-left: 0;
  border-radius: 4px;
  margin: 0;
}
.todo-assignment-list > ul > li {
  list-style: none;
  display: block;
  position: relative;
}
.todo-assignment-list .context-menu {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 20px;
  margin-right: 12px;
}
.todo-assignment-list .context-menu .drop-down-button__toggle {
  background: white;
  width: 40px;
}
.todo-assignment-list .context-menu ul {
  right: 0;
}
.todo-assignment-list .context-menu li {
  border: none;
}
.todo-assignment-list .sortable-item:not(.sortable-item--repositioning) {
  transition: all 0.125s;
}
.todo-assignment-list .sortable-item.is-dragging {
  transition-property: none;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  z-index: 10;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.todo-assignment-list .sortable-item.is-dropping {
  transition-duration: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background: #ff6666;
  border: 1px solid #cccccc;
  z-index: 10;
}
.todo-assignment-list .sortable-item.insert-highlight {
  border-bottom: 2px solid #2872d3;
}
.todo-assignment-list .is-first-new {
  border-top: 1px solid #2872d3;
}
.todo-assignment-list .is-first-new::before {
  content: "NEW";
  font-size: 12px;
  color: white;
  line-height: 18px;
  border-radius: 2px;
  background-color: #2872d3;
  margin: -9px auto;
  display: flex;
  justify-content: center;
  position: relative;
  height: 18px;
  width: 40px;
  z-index: 1;
}
.todo-assignment-list .is-last-new {
  border-bottom: 1px solid #2872d3;
}
.todo-assignment-list .sort-button {
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIj4KICA8dGl0bGU+CiAgICBHcm91cAogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIGlkPSJHcm91cCI+CiAgICAgIDxwYXRoIGQ9Ik0xIDIwTDEgMjBDMSAzMC40OSA5LjUxIDM5IDIwIDM5IDMwLjQ5IDM5IDM5IDMwLjQ5IDM5IDIwIDM5IDkuNTEgMzAuNDkgMSAyMCAxIDkuNTEgMSAxIDkuNTEgMSAyMEwxIDIwWk0wIDIwQzAgOC45NSA4Ljk1IDAgMjAgMCAzMS4wNSAwIDQwIDguOTUgNDAgMjAgNDAgMzEuMDUgMzEuMDUgNDAgMjAgNDAgOC45NSA0MCAwIDMxLjA1IDAgMjBMMCAyMFoiIGlkPSJSZWN0YW5nbGUtMjYtQ29weSIgZmlsbD0iI0NBQ0FDQSIvPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5LUNvcHkiIGZpbGw9IiM5MjkyOTIiIHg9IjExIiB5PSIxMyIgd2lkdGg9IjIiIGhlaWdodD0iNiIgcng9IjEiLz4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS02OS1Db3B5IiBmaWxsPSIjOTI5MjkyIiB4PSIxMSIgeT0iMjMiIHdpZHRoPSIyIiBoZWlnaHQ9IjYiIHJ4PSIxIi8+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNjktQ29weSIgZmlsbD0iIzkyOTI5MiIgeD0iMTkiIHk9IjI1IiB3aWR0aD0iMiIgaGVpZ2h0PSI0IiByeD0iMSIvPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5LUNvcHktMiIgZmlsbD0iIzkyOTI5MiIgeD0iMTkiIHk9IjEzIiB3aWR0aD0iMiIgaGVpZ2h0PSIxMCIgcng9IjEiLz4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS02OS1Db3B5LTMiIGZpbGw9IiM5MjkyOTIiIHg9IjI3IiB5PSIxMyIgd2lkdGg9IjIiIGhlaWdodD0iNCIgcng9IjEiLz4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS02OS1Db3B5LTMiIGZpbGw9IiM5MjkyOTIiIHg9IjI3IiB5PSIxOSIgd2lkdGg9IjIiIGhlaWdodD0iMTAiIHJ4PSIxIi8+CiAgICAgIDxwYXRoIGQ9Ik0xMiAyMkwxMiAyMkMxMi41NSAyMiAxMyAyMS41NSAxMyAyMSAxMyAyMC40NSAxMi41NSAyMCAxMiAyMCAxMS40NSAyMCAxMSAyMC40NSAxMSAyMSAxMSAyMS41NSAxMS40NSAyMiAxMiAyMkwxMiAyMlpNMTIgMjRMMTIgMjRDMTAuMzQgMjQgOSAyMi42NiA5IDIxIDkgMTkuMzQgMTAuMzQgMTggMTIgMTggMTMuNjYgMTggMTUgMTkuMzQgMTUgMjEgMTUgMjIuNjYgMTMuNjYgMjQgMTIgMjRMMTIgMjRaIiBpZD0iT3ZhbC0yMy1Db3B5IiBmaWxsPSIjOTI5MjkyIi8+CiAgICAgIDxwYXRoIGQ9Ik0yMCAyNUwyMCAyNUMyMC41NSAyNSAyMSAyNC41NSAyMSAyNCAyMSAyMy40NSAyMC41NSAyMyAyMCAyMyAxOS40NSAyMyAxOSAyMy40NSAxOSAyNCAxOSAyNC41NSAxOS40NSAyNSAyMCAyNUwyMCAyNVpNMjAgMjdMMjAgMjdDMTguMzQgMjcgMTcgMjUuNjYgMTcgMjQgMTcgMjIuMzQgMTguMzQgMjEgMjAgMjEgMjEuNjYgMjEgMjMgMjIuMzQgMjMgMjQgMjMgMjUuNjYgMjEuNjYgMjcgMjAgMjdMMjAgMjdaIiBpZD0iT3ZhbC0yMy1Db3B5LTIiIGZpbGw9IiM5MjkyOTIiLz4KICAgICAgPHBhdGggZD0iTTI4IDE5TDI4IDE5QzI4LjU1IDE5IDI5IDE4LjU1IDI5IDE4IDI5IDE3LjQ1IDI4LjU1IDE3IDI4IDE3IDI3LjQ1IDE3IDI3IDE3LjQ1IDI3IDE4IDI3IDE4LjU1IDI3LjQ1IDE5IDI4IDE5TDI4IDE5Wk0yOCAyMUwyOCAyMUMyNi4zNCAyMSAyNSAxOS42NiAyNSAxOCAyNSAxNi4zNCAyNi4zNCAxNSAyOCAxNSAyOS42NiAxNSAzMSAxNi4zNCAzMSAxOCAzMSAxOS42NiAyOS42NiAyMSAyOCAyMUwyOCAyMVoiIGlkPSJPdmFsLTIzLUNvcHktMyIgZmlsbD0iIzkyOTI5MiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
}
.todo-assignment-list .sort-button-active {
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIj4KICA8dGl0bGU+CiAgICBHcm91cAogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDIwTDEgMjBDMSAzMC40OSA5LjUxIDM5IDIwIDM5IDMwLjQ5IDM5IDM5IDMwLjQ5IDM5IDIwIDM5IDkuNTEgMzAuNDkgMSAyMCAxIDkuNTEgMSAxIDkuNTEgMSAyMEwxIDIwWk0wIDIwQzAgOC45NSA4Ljk1IDAgMjAgMCAzMS4wNSAwIDQwIDguOTUgNDAgMjAgNDAgMzEuMDUgMzEuMDUgNDAgMjAgNDAgOC45NSA0MCAwIDMxLjA1IDAgMjBMMCAyMFoiIGlkPSJSZWN0YW5nbGUtMjYtQ29weSIgZmlsbD0iI0I1Mjg1NyIgb3BhY2l0eT0iMC41Ii8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5LUNvcHkiIGZpbGw9IiNCNTI4NTciIHg9IjExIiB5PSIxMyIgd2lkdGg9IjIiIGhlaWdodD0iNiIgcng9IjEiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNjktQ29weSIgZmlsbD0iI0I1Mjg1NyIgeD0iMTEiIHk9IjIzIiB3aWR0aD0iMiIgaGVpZ2h0PSI2IiByeD0iMSIvPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS02OS1Db3B5IiBmaWxsPSIjQjUyODU3IiB4PSIxOSIgeT0iMjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjQiIHJ4PSIxIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5LUNvcHktMiIgZmlsbD0iI0I1Mjg1NyIgeD0iMTkiIHk9IjEzIiB3aWR0aD0iMiIgaGVpZ2h0PSIxMCIgcng9IjEiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNjktQ29weS0zIiBmaWxsPSIjQjUyODU3IiB4PSIyNyIgeT0iMTMiIHdpZHRoPSIyIiBoZWlnaHQ9IjQiIHJ4PSIxIi8+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTY5LUNvcHktMyIgZmlsbD0iI0I1Mjg1NyIgeD0iMjciIHk9IjE5IiB3aWR0aD0iMiIgaGVpZ2h0PSIxMCIgcng9IjEiLz4KICAgIDxwYXRoIGQ9Ik0xMiAyMkwxMiAyMkMxMi41NSAyMiAxMyAyMS41NSAxMyAyMSAxMyAyMC40NSAxMi41NSAyMCAxMiAyMCAxMS40NSAyMCAxMSAyMC40NSAxMSAyMSAxMSAyMS41NSAxMS40NSAyMiAxMiAyMkwxMiAyMlpNMTIgMjRMMTIgMjRDMTAuMzQgMjQgOSAyMi42NiA5IDIxIDkgMTkuMzQgMTAuMzQgMTggMTIgMTggMTMuNjYgMTggMTUgMTkuMzQgMTUgMjEgMTUgMjIuNjYgMTMuNjYgMjQgMTIgMjRMMTIgMjRaIiBpZD0iT3ZhbC0yMy1Db3B5IiBmaWxsPSIjQjUyODU3Ii8+CiAgICA8cGF0aCBkPSJNMjAgMjVMMjAgMjVDMjAuNTUgMjUgMjEgMjQuNTUgMjEgMjQgMjEgMjMuNDUgMjAuNTUgMjMgMjAgMjMgMTkuNDUgMjMgMTkgMjMuNDUgMTkgMjQgMTkgMjQuNTUgMTkuNDUgMjUgMjAgMjVMMjAgMjVaTTIwIDI3TDIwIDI3QzE4LjM0IDI3IDE3IDI1LjY2IDE3IDI0IDE3IDIyLjM0IDE4LjM0IDIxIDIwIDIxIDIxLjY2IDIxIDIzIDIyLjM0IDIzIDI0IDIzIDI1LjY2IDIxLjY2IDI3IDIwIDI3TDIwIDI3WiIgaWQ9Ik92YWwtMjMtQ29weS0yIiBmaWxsPSIjQjUyODU3Ii8+CiAgICA8cGF0aCBkPSJNMjggMTlMMjggMTlDMjguNTUgMTkgMjkgMTguNTUgMjkgMTggMjkgMTcuNDUgMjguNTUgMTcgMjggMTcgMjcuNDUgMTcgMjcgMTcuNDUgMjcgMTggMjcgMTguNTUgMjcuNDUgMTkgMjggMTlMMjggMTlaTTI4IDIxTDI4IDIxQzI2LjM0IDIxIDI1IDE5LjY2IDI1IDE4IDI1IDE2LjM0IDI2LjM0IDE1IDI4IDE1IDI5LjY2IDE1IDMxIDE2LjM0IDMxIDE4IDMxIDE5LjY2IDI5LjY2IDIxIDI4IDIxTDI4IDIxWiIgaWQ9Ik92YWwtMjMtQ29weS0zIiBmaWxsPSIjQjUyODU3Ii8+CiAgPC9nPgo8L3N2Zz4=);
}
.todo-assignment-list .sorting-filtering {
  position: absolute;
  top: 70px;
  right: 20px;
  z-index: 1;
}

.todo-assignment-list__menu-option .drop-down-button__list {
  min-width: 200px;
  padding: 0;
}

.todo-assignment-list__menu-option .selectable-list {
  margin: 0 !important;
}

.todo-assignment-list__spacer {
  flex-grow: 1;
}

.todo-assignment-list__header {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.todo-assignment-list__header .add-note {
  flex-shrink: 0;
}
.todo-assignment-list__header .add-note button {
  font-size: 1.1em;
  -webkit-user-select: none;
          user-select: none;
}
.todo-assignment-list__header .show-completed {
  align-self: center;
}
.todo-assignment-list__header .show-completed .check-box__label {
  -webkit-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 600px) {
  .todo-assignment-list__header {
    padding: 0 16px;
  }
}

.todo-assignment-list__header__filter-notice {
  font-size: 18px;
  padding-left: 20px;
  padding-right: 12px;
}
@media only screen and (max-width: 600px) {
  .todo-assignment-list__header__filter-notice {
    display: none;
  }
}

.todo-assignment-list__clear-filters-link {
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}

.todo-assignment-list__due-date-picker-modal {
  background-color: rgba(0, 0, 0, 0);
}

@keyframes progressbudwidth {
  0% {
    width: 0;
    left: 0;
  }
  40% {
    width: 100%;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
.todo-assignment-list-item {
  height: 74px;
  background-color: white;
  display: flex;
  align-content: center;
  align-items: center;
  position: relative;
  padding-right: 16px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.todo-assignment-list-item .context-menu {
  transition: 0.1s ease-in;
}
.todo-assignment-list-item:hover .context-menu,
.todo-assignment-list-item .context-menu.drop-down-button--active {
  opacity: 1;
}
.todo-assignment-list-item.expanding {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 16px 0;
}
.todo-assignment-list-item.collapsing {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  margin: 0;
}
.todo-assignment-list-item.deleting {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  height: 0;
}
.todo-assignment-list-item--expanded {
  -webkit-user-select: auto;
          user-select: auto;
  display: block;
  background: none;
  padding-right: 0;
  height: auto;
  margin-top: 16px;
  margin-bottom: 16px;
}
.todo-assignment-list-item--expanded .checklist-item-summary {
  box-shadow: 4px 4px 15px #ccc;
}
.todo-assignment-list-item--expanded .checklist-item-summary .checklist-item-summary-header {
  background-color: #f9f9f9;
}
.todo-assignment-list-item--expanded .checklist-item-summary .checklist-item-summary-header .selectable-type-icon .selectable-type-icon__checkbox {
  border-color: #999999;
}
.todo-assignment-list-item--expanded .checklist-item-summary .checklist-item-summary-header .checklist-item-summary-header__item-description {
  margin-left: 0;
}
.todo-assignment-list-item--expanded .checklist-item-summary .checklist-item-summary-header .title {
  font-weight: 600;
}
.todo-assignment-list-item.completed,
.todo-assignment-list-item.completed .context-menu .drop-down-button__toggle {
  background: #f8f8f8;
}
.todo-assignment-list-item.completed .todo-assignment-list-item__title,
.todo-assignment-list-item.completed .context-menu .drop-down-button__toggle .todo-assignment-list-item__title {
  text-decoration: line-through;
  color: #999999;
}
.todo-assignment-list-item.completed .todo-assignment-list-item__status {
  min-width: 192px;
}
.todo-assignment-list-item .progress-bud {
  height: 2px;
  background-color: #2872d3;
  width: 25%;
  position: absolute;
  bottom: 0;
  left: 0;
  animation-duration: 1.8s;
  animation-name: progressbudwidth;
  animation-iteration-count: infinite;
}
.todo-assignment-list-item .is-first-new {
  border-top: 1px solid #2872d3;
}
.todo-assignment-list-item .is-first-new::before {
  content: "NEW";
  font-weight: 600;
  font-size: 12px;
  color: white;
  line-height: 18px;
  border-bottom-right-radius: 5px;
  background-color: #2872d3;
  display: flex;
  justify-content: center;
  position: absolute;
  height: 16px;
  width: 36px;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .todo-assignment-list-item .is-first-new {
    padding-right: 0;
  }
}
.todo-assignment-list-item .is-last-new {
  border-bottom: 1px solid #2872d3;
}
.todo-assignment-list-item--is-new::before {
  content: "NEW";
  font-weight: 600;
  font-size: 12px;
  color: white;
  line-height: 18px;
  border-bottom-right-radius: 5px;
  background-color: #2872d3;
  display: flex;
  justify-content: center;
  position: absolute;
  height: 17px;
  width: 30px;
  z-index: 1;
}
.todo-assignment-list-item--is-seen {
  opacity: 1;
}
.todo-assignment-list-item--is-seen::before {
  content: "NEW";
  font-weight: 600;
  font-size: 12px;
  color: white;
  line-height: 18px;
  border-bottom-right-radius: 5px;
  background-color: #2872d3;
  display: flex;
  justify-content: center;
  position: absolute;
  height: 17px;
  width: 30px;
  z-index: 1;
  transition: opacity 0.2s 1s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}

.task-details__content {
  background-color: white;
}

.todo-assignment-list-item__title {
  font-size: 1.1em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.todo-assignment-list-item__description {
  flex-grow: 1;
  margin-right: 24px;
  min-width: 0;
  max-width: 860px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.todo-assignment-list-item__subtitle {
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.todo-assignment-list-item__due-date {
  min-width: 104px;
  /* Open the date picker to the left, so it doesn't go off of the screen */
}
.todo-assignment-list-item__due-date .action-button, .todo-assignment-list-item__due-date .login__form-button {
  color: #999999;
}
.todo-assignment-list-item__due-date .pop-over__contents {
  left: -260px;
}

.todo-assignment-list-item--overdue .todo-assignment-list-item__due-date .action-button, .todo-assignment-list-item--overdue .todo-assignment-list-item__due-date .login__form-button {
  color: #d61407;
}

.todo-assignment-list-item--private .todo-assignment-list-item__title:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e953";
  font-size: 28px;
  line-height: 14px;
  color: #999999;
  left: -2px;
  position: relative;
  top: 7px;
}

.todo-assignment-list-item--private-unauthorized {
  cursor: default;
}
.todo-assignment-list-item--private-unauthorized .selectable-type-icon {
  opacity: 0.5;
}
.todo-assignment-list-item--private-unauthorized .todo-assignment-list-item__description .todo-assignment-list-item__title,
.todo-assignment-list-item--private-unauthorized .todo-assignment-list-item__description .todo-assignment-list-item__subtitle {
  color: #999999;
}

/* When there is anough room, allow the date picker to open to the right */
@media only screen and (min-width: 1455px) {
  .todo-assignment-list-item__due-date .pop-over__contents {
    left: 0;
  }
}
/* Only show 'set due date' when the list item is hovered */
.todo-assignment-list-item__due-date .pop-over {
  opacity: 0 !important;
  transition: 0.1s ease-in;
}
.todo-assignment-list-item__due-date .pop-over--active {
  opacity: 1 !important;
}
.todo-assignment-list-item--has-due-date .todo-assignment-list-item__due-date .pop-over, .todo-assignment-list-item:hover .todo-assignment-list-item__due-date .pop-over {
  opacity: 1 !important;
}

.todo-assignment-list-item__last-activity {
  color: #999999;
  min-width: 32px;
  text-align: center;
  display: none;
}

.todo-assignment-list-item__status .status-button .action-button, .todo-assignment-list-item__status .status-button .login__form-button,
.todo-assignment-list-item__status .status-button--in-progress .action-button,
.todo-assignment-list-item__status .status-button--in-progress .login__form-button {
  text-decoration: none;
}

.todo-assignment-list-item__status {
  display: none;
}

@media only screen and (min-width: 780px) {
  .todo-assignment-list-item__last-activity,
  .todo-assignment-list-item__status {
    display: block;
  }
  .todo-assignment-list-item.completed .todo-assignment-list-item__status {
    min-width: 224px;
  }
}
@media only screen and (min-width: 860px) {
  .todo-assignment-list-item__due-date {
    min-width: 136px;
  }
  .todo-assignment-list-item__status {
    min-width: 140px;
  }
  .todo-assignment-list-item__status .selectable-list {
    margin-bottom: 60px;
  }
  .todo-assignment-list-item__description {
    margin-right: 40px;
  }
  .todo-assignment-list-item.completed .todo-assignment-list-item__status {
    min-width: 308px;
  }
}
@media only screen and (max-width: 600px) {
  .todo-assignment-list-item__description {
    margin-right: 16px;
  }
  .todo-assignment-list-item__status,
  .todo-assignment-list-item__due-date,
  .todo-assignment-list-item__last-activity {
    display: none;
  }
  .todo-assignment-list-item--overdue .todo-assignment-list-item__due-date {
    min-width: 30px;
    color: #2872d3;
    margin-right: 16px;
    font-size: 0.875em;
    text-transform: uppercase;
  }
}
/*
 * karbon-sortable
 */
.karbon-sortable-list .todo-assignment-list-item {
  border-bottom: none;
}

.dragging .todo-assignment-list-item {
  background-color: #f2f2f2;
  border-color: #333aaa;
  opacity: 1;
  color: #f2f2f2;
}
.dragging .todo-assignment-list-item .todo-assignment-list-item__description,
.dragging .todo-assignment-list-item .todo-assignment-list-item__subtitle,
.dragging .todo-assignment-list-item .todo-assignment-list-item__last-activity {
  background-color: #f2f2f2;
  color: #f2f2f2;
}
.dragging .todo-assignment-list-item .todo-assignment-list-item__status button {
  background-color: #f2f2f2;
  color: #f2f2f2;
}
.dragging .todo-assignment-list-item .todo-assignment-list-item__due-date button {
  background-color: #f2f2f2;
  color: #f2f2f2;
}
.dragging .todo-assignment-list-item .todo-assignment-list__menu-option button {
  background-color: #f2f2f2;
  color: #f2f2f2;
}
.dragging .todo-assignment-list-item .selectable-type-icon__icon,
.dragging .todo-assignment-list-item .selectable-type-icon__checkbox {
  opacity: 0;
}

.todo-assignment-list .spacer {
  border-top: 1px solid #e6e6e6;
}
.todo-assignment-list .droppable--below {
  border-bottom: 1px solid #aa3a3a;
}
.todo-assignment-list .droppable--above {
  border-top: 1px solid #aa3a3a;
}

.grouped-assignment-list__header {
  display: flex;
  align-items: flex-end;
}
.grouped-assignment-list__header:first-of-type .grouped-assignment-list__header-title {
  padding-top: 0;
}
.grouped-assignment-list__header-title {
  padding-top: 24px;
  padding-bottom: 12px;
  font-size: 1.1em;
}
@media only screen and (max-width: 600px) {
  .grouped-assignment-list__header-title {
    margin-left: 16px;
  }
}
.grouped-assignment-list li {
  border-bottom: 1px solid #e6e6e6;
}

.selectable-type-icon {
  height: 45px;
  min-width: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.selectable-type-icon__checkbox {
  width: 17px;
  height: 17px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.selectable-type-icon__checkbox.active {
  background: #fff;
  color: #000;
}
.selectable-type-icon__checkbox.active:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  color: #999999;
  width: 24px;
  height: 24px;
  font-size: 21px;
  line-height: 24px;
  position: relative;
  top: -4px;
  left: -3px;
  font-weight: bold;
}
.selectable-type-icon__checkbox__emailTask {
  width: 17px;
  height: 17px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.selectable-type-icon__checkbox__emailTask:not(:hover) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDNDMCAxLjM0IDEuMzQgMCAzIDBIMTNDMTQuNjYgMCAxNiAxLjM0IDE2IDNWOUMxNiAxMC42NiAxNC42NiAxMiAxMyAxMkgzQzEuMzQgMTIgMCAxMC42NiAwIDlWM1pNMyAxLjVIMTNDMTMuNTc0NCAxLjUgMTQuMDcyMiAxLjgyMDkxIDE0LjMyNDMgMi4yOTM2OEw4LjAwMDAxIDYuNjgwMDRMMS42NzU2OSAyLjI5MzY3QzEuOTI3NzkgMS44MjA5MSAyLjQyNTU4IDEuNSAzIDEuNVpNMS41IDQuMDAwMDNWOUMxLjUgOS44MyAyLjE3IDEwLjUgMyAxMC41SDEzQzEzLjgzIDEwLjUgMTQuNSA5LjgzIDE0LjUgOVY0LjAwMDA0TDguMDAwMDEgOC41MDAwNEwxLjUgNC4wMDAwM1oiIGZpbGw9IiMwRDBEMEQiIGZpbGwtb3BhY2l0eT0iMSIvPgo8L3N2Zz4K");
  background-size: 17px 17px;
}
.selectable-type-icon__checkbox__emailTask.active:not(:hover) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDNDMCAxLjM0IDEuMzQgMCAzIDBIMTNDMTQuNjYgMCAxNiAxLjM0IDE2IDNWOUMxNiAxMC42NiAxNC42NiAxMiAxMyAxMkgzQzEuMzQgMTIgMCAxMC42NiAwIDlWM1pNMyAxLjVIMTNDMTMuNTc0NCAxLjUgMTQuMDcyMiAxLjgyMDkxIDE0LjMyNDMgMi4yOTM2OEw4LjAwMDAxIDYuNjgwMDRMMS42NzU2OSAyLjI5MzY3QzEuOTI3NzkgMS44MjA5MSAyLjQyNTU4IDEuNSAzIDEuNVpNMS41IDQuMDAwMDNWOUMxLjUgOS44MyAyLjE3IDEwLjUgMyAxMC41SDEzQzEzLjgzIDEwLjUgMTQuNSA5LjgzIDE0LjUgOVY0LjAwMDA0TDguMDAwMDEgOC41MDAwNEwxLjUgNC4wMDAwM1oiIGZpbGw9IiMwRDBEMEQiIGZpbGwtb3BhY2l0eT0iMC42Ii8+Cjwvc3ZnPgo=");
  background-size: 17px 17px;
}
.selectable-type-icon__checkbox__emailTask:hover {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.selectable-type-icon__checkbox__emailTask.active:hover {
  background: #fff;
  color: #000;
}
.selectable-type-icon__checkbox__emailTask.active:hover:before {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  color: #999999;
  width: 24px;
  height: 24px;
  font-size: 21px;
  line-height: 24px;
  position: relative;
  top: -4px;
  left: -3px;
  font-weight: bold;
}
.selectable-type-icon--disabled .selectable-type-icon__checkbox {
  border: 1px solid #eee;
}
.selectable-type-icon .workitem-assignment {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+T3ZhbCAzNSBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMzUtQ29weS0zIiBmaWxsPSIjMkEyQTJBIiBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiPjwvY2lyY2xlPiAgICAgICAgPHBhdGggZD0iTTI3LjAwMSwxNS4xMjY2NDkxIEwyMy45OSwxNS4xMjY2NDkxIEwyMy45OSwxMiBMMTYuMDczLDEyIEwxNi4wNzMsMTUuMTI2NjQ5MSBMMTMsMTUuMTI2NjQ5MSBDMTEuODk2LDE1LjEyNjY0OTEgMTEsMTYuMDEzMTkyNiAxMSwxNy4xMDU1NDA5IEwxMSwyNS4wMjExMDgyIEMxMSwyNi4xMTQ0NDU5IDExLjg5NiwyNyAxMywyNyBMMjcuMDAxLDI3IEMyOC4xMDUsMjcgMjksMjYuMTE0NDQ1OSAyOSwyNS4wMjExMDgyIEwyOSwxNy4xMDU1NDA5IEMyOSwxNi4wMTMxOTI2IDI4LjEwNSwxNS4xMjY2NDkxIDI3LjAwMSwxNS4xMjY2NDkxIEwyNy4wMDEsMTUuMTI2NjQ5MSBaIE0xOCwxNCBMMjIsMTQgTDIyLDE1IEwxOCwxNSBMMTgsMTQgWiBNMjcsMjUgTDEzLDI1IEwxMywyMC45NiBMMjYuOTg5MDAwOCwyMC45NiBMMjYuOTg5MDAwOCwxOC45NiBMMTMsMTguOTYgTDEzLDE3IEwyNywxNyBMMjcsMjUgTDI3LDI1IFoiIGlkPSJXb3JrLUNvcHktNCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPiAgICA8L2c+PC9zdmc+);
}
.selectable-type-icon .workitem-assignment.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgd29yay1jb21wbGV0ZQogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgIDxnIGlkPSJ3b3JrLWNvbXBsZXRlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQ0FDQUNBIj4KICAgICAgPHBhdGggZD0iTTIwIDM5TDIwIDM5QzMwLjQ5IDM5IDM5IDMwLjQ5IDM5IDIwIDM5IDkuNTEgMzAuNDkgMSAyMCAxIDkuNTEgMSAxIDkuNTEgMSAyMCAxIDMwLjQ5IDkuNTEgMzkgMjAgMzlMMjAgMzlaTTIwIDQwTDIwIDQwQzguOTUgNDAgMCAzMS4wNSAwIDIwIDAgOC45NSA4Ljk1IDAgMjAgMCAzMS4wNSAwIDQwIDguOTUgNDAgMjAgNDAgMzEuMDUgMzEuMDUgNDAgMjAgNDBMMjAgNDBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiLz4KICAgICAgPHBhdGggZD0iTTI3IDE1LjEzTDIzLjk5IDE1LjEzIDIzLjk5IDEyIDE2LjA3IDEyIDE2LjA3IDE1LjEzIDEzIDE1LjEzQzExLjkgMTUuMTMgMTEgMTYuMDEgMTEgMTcuMTFMMTEgMjUuMDJDMTEgMjYuMTEgMTEuOSAyNyAxMyAyN0wyNyAyN0MyOC4xMSAyNyAyOSAyNi4xMSAyOSAyNS4wMkwyOSAxNy4xMUMyOSAxNi4wMSAyOC4xMSAxNS4xMyAyNyAxNS4xM0wyNyAxNS4xM1pNMTguMDcgMTMuOThMMjEuOTkgMTMuOTggMjEuOTkgMTUgMTguMDcgMTUgMTguMDcgMTMuOThaTTI3IDI1LjAyTDEzIDI1LjAyIDEzIDIxLjAyIDI2Ljk5IDIxLjAyIDI2Ljk5IDE5LjA0IDEzIDE5LjA0IDEzIDE3LjExIDI3IDE3LjExIDI3IDI1LjAyIDI3IDI1LjAyWiIgaWQ9IldvcmstQ29weS00IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=);
}
.selectable-type-icon .emailconversation-assignment {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgZW1haWwKICA8L3RpdGxlPgogIDxkZXNjPgogICAgQ3JlYXRlZCB3aXRoIFNrZXRjaC4KICA8L2Rlc2M+CiAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICA8ZyBpZD0iZW1haWwiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPgogICAgICA8cGF0aCBkPSJNMjAgMzlMMjAgMzlDMzAuNDkgMzkgMzkgMzAuNDkgMzkgMjAgMzkgOS41MSAzMC40OSAxIDIwIDEgOS41MSAxIDEgOS41MSAxIDIwIDEgMzAuNDkgOS41MSAzOSAyMCAzOUwyMCAzOVpNMjAgNDBMMjAgNDBDOC45NSA0MCAwIDMxLjA1IDAgMjAgMCA4Ljk1IDguOTUgMCAyMCAwIDMxLjA1IDAgNDAgOC45NSA0MCAyMCA0MCAzMS4wNSAzMS4wNSA0MCAyMCA0MEwyMCA0MFoiIGlkPSJTaGFwZSIgZmlsbD0iI0NBQ0FDQSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgICA8cGF0aCBkPSJNMTMgMTUuMDFMMTMgMTUuMDEgMTMgMjQuOTlDMTMgMjUgMTMgMjUgMTMgMjVMMjcgMjVDMjcgMjUgMjcgMjUgMjcgMjQuOTlMMjcgMTUuMDFDMjcgMTUgMjcgMTUgMjcgMTVMMTMgMTVDMTMgMTUgMTMgMTUgMTMgMTUuMDFMMTMgMTUuMDFaTTExIDE1LjAxQzExIDEzLjkgMTEuODkgMTMgMTMgMTNMMjcgMTNDMjguMTEgMTMgMjkgMTMuOSAyOSAxNS4wMUwyOSAyNC45OUMyOSAyNi4xIDI4LjExIDI3IDI3IDI3TDEzIDI3QzExLjg5IDI3IDExIDI2LjEgMTEgMjQuOTlMMTEgMTUuMDFaTTEzIDE4TDIwIDIzLjI1IDI3IDE4IDI3IDE1LjUgMjAgMjAuNzUgMTMgMTUuNSAxMyAxOFoiIGlkPSJTaGFwZSIgZmlsbD0iIzQ0NDQ0NCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
}
.selectable-type-icon .emailconversation-assignment.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgZW1haWwtY29tcGxldGUKICA8L3RpdGxlPgogIDxkZXNjPgogICAgQ3JlYXRlZCB3aXRoIFNrZXRjaC4KICA8L2Rlc2M+CiAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICA8ZyBpZD0iZW1haWwtY29tcGxldGUiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNDQUNBQ0EiPgogICAgICA8cGF0aCBkPSJNMjAgMzlMMjAgMzlDMzAuNDkgMzkgMzkgMzAuNDkgMzkgMjAgMzkgOS41MSAzMC40OSAxIDIwIDEgOS41MSAxIDEgOS41MSAxIDIwIDEgMzAuNDkgOS41MSAzOSAyMCAzOUwyMCAzOVpNMjAgNDBMMjAgNDBDOC45NSA0MCAwIDMxLjA1IDAgMjAgMCA4Ljk1IDguOTUgMCAyMCAwIDMxLjA1IDAgNDAgOC45NSA0MCAyMCA0MCAzMS4wNSAzMS4wNSA0MCAyMCA0MEwyMCA0MFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgICA8cGF0aCBkPSJNMTMgMTUuMDFMMTMgMTUuMDEgMTMgMjQuOTlDMTMgMjUgMTMgMjUgMTMgMjVMMjcgMjVDMjcgMjUgMjcgMjUgMjcgMjQuOTlMMjcgMTUuMDFDMjcgMTUgMjcgMTUgMjcgMTVMMTMgMTVDMTMgMTUgMTMgMTUgMTMgMTUuMDFMMTMgMTUuMDFaTTExIDE1LjAxQzExIDEzLjkgMTEuODkgMTMgMTMgMTNMMjcgMTNDMjguMTEgMTMgMjkgMTMuOSAyOSAxNS4wMUwyOSAyNC45OUMyOSAyNi4xIDI4LjExIDI3IDI3IDI3TDEzIDI3QzExLjg5IDI3IDExIDI2LjEgMTEgMjQuOTlMMTEgMTUuMDFaTTEzIDE4TDIwIDIzLjI1IDI3IDE4IDI3IDE1LjUgMjAgMjAuNzUgMTMgMTUuNSAxMyAxOFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
}
.selectable-type-icon .noteconversation-assignment {
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgbm90ZQogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgIDxnIGlkPSJub3RlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4KICAgICAgPHBhdGggZD0iTTIwIDM5TDIwIDM5QzMwLjQ5IDM5IDM5IDMwLjQ5IDM5IDIwIDM5IDkuNTEgMzAuNDkgMSAyMCAxIDkuNTEgMSAxIDkuNTEgMSAyMCAxIDMwLjQ5IDkuNTEgMzkgMjAgMzlMMjAgMzlaTTIwIDQwTDIwIDQwQzguOTUgNDAgMCAzMS4wNSAwIDIwIDAgOC45NSA4Ljk1IDAgMjAgMCAzMS4wNSAwIDQwIDguOTUgNDAgMjAgNDAgMzEuMDUgMzEuMDUgNDAgMjAgNDBMMjAgNDBaIiBpZD0iU2hhcGUiIGZpbGw9IiNDQUNBQ0EiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiLz4KICAgICAgPHBhdGggZD0iTTI2IDEyTDE0IDEyQzEyLjkgMTIgMTIgMTIuOSAxMiAxNEwxMiAyNkMxMiAyNy4xMSAxMi45IDI4IDE0IDI4TDI2IDI4QzI3LjEgMjggMjggMjcuMTEgMjggMjZMMjggMTRDMjggMTIuOSAyNy4xIDEyIDI2IDEyWk0xNCAxNEwyNiAxNCAyNiAyNiAxNCAyNiAxNCAxNFpNMTcgMjIuOThMMjMgMjIuOThDMjMuNTUgMjIuOTggMjQgMjIuNTMgMjQgMjEuOTggMjQgMjEuNDMgMjMuNTUgMjAuOTggMjMgMjAuOThMMTcgMjAuOThDMTYuNDUgMjAuOTggMTYgMjEuNDMgMTYgMjEuOTggMTYgMjIuNTMgMTYuNDUgMjIuOTggMTcgMjIuOThaTTE3IDE4Ljk4TDIzIDE4Ljk4QzIzLjU1IDE4Ljk4IDI0IDE4LjUzIDI0IDE3Ljk4IDI0IDE3LjQzIDIzLjU1IDE2Ljk4IDIzIDE2Ljk4TDE3IDE2Ljk4QzE2LjQ1IDE2Ljk4IDE2IDE3LjQzIDE2IDE3Ljk4IDE2IDE4LjUzIDE2LjQ1IDE4Ljk4IDE3IDE4Ljk4WiIgaWQ9Ik5vdGUtQ29weSIgZmlsbD0iIzQ0NDQ0NCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
}
.selectable-type-icon .noteconversation-assignment.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSI+CiAgPHRpdGxlPgogICAgbm90ZS1jb21wbGV0ZQogIDwvdGl0bGU+CiAgPGRlc2M+CiAgICBDcmVhdGVkIHdpdGggU2tldGNoLgogIDwvZGVzYz4KICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgIDxnIGlkPSJub3RlLWNvbXBsZXRlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQ0FDQUNBIj4KICAgICAgPHBhdGggZD0iTTIwIDM5TDIwIDM5QzMwLjQ5IDM5IDM5IDMwLjQ5IDM5IDIwIDM5IDkuNTEgMzAuNDkgMSAyMCAxIDkuNTEgMSAxIDkuNTEgMSAyMCAxIDMwLjQ5IDkuNTEgMzkgMjAgMzlMMjAgMzlaTTIwIDQwTDIwIDQwQzguOTUgNDAgMCAzMS4wNSAwIDIwIDAgOC45NSA4Ljk1IDAgMjAgMCAzMS4wNSAwIDQwIDguOTUgNDAgMjAgNDAgMzEuMDUgMzEuMDUgNDAgMjAgNDBMMjAgNDBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiLz4KICAgICAgPHBhdGggZD0iTTI2IDEyTDE0IDEyQzEyLjkgMTIgMTIgMTIuOSAxMiAxNEwxMiAyNkMxMiAyNy4xMSAxMi45IDI4IDE0IDI4TDI2IDI4QzI3LjEgMjggMjggMjcuMTEgMjggMjZMMjggMTRDMjggMTIuOSAyNy4xIDEyIDI2IDEyWk0xNCAxNEwyNiAxNCAyNiAyNiAxNCAyNiAxNCAxNFpNMTcgMjIuOThMMjMgMjIuOThDMjMuNTUgMjIuOTggMjQgMjIuNTMgMjQgMjEuOTggMjQgMjEuNDMgMjMuNTUgMjAuOTggMjMgMjAuOThMMTcgMjAuOThDMTYuNDUgMjAuOTggMTYgMjEuNDMgMTYgMjEuOTggMTYgMjIuNTMgMTYuNDUgMjIuOTggMTcgMjIuOThaTTE3IDE4Ljk4TDIzIDE4Ljk4QzIzLjU1IDE4Ljk4IDI0IDE4LjUzIDI0IDE3Ljk4IDI0IDE3LjQzIDIzLjU1IDE2Ljk4IDIzIDE2Ljk4TDE3IDE2Ljk4QzE2LjQ1IDE2Ljk4IDE2IDE3LjQzIDE2IDE3Ljk4IDE2IDE4LjUzIDE2LjQ1IDE4Ljk4IDE3IDE4Ljk4WiIgaWQ9Ik5vdGUtQ29weSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
}

.selectable-type-icon--has-icon .selectable-type-icon__checkbox {
  display: none;
}

.selectable-type-icon--has-icon:hover .selectable-type-icon__icon {
  display: none;
}
.selectable-type-icon--has-icon:hover .selectable-type-icon__checkbox {
  display: block;
}

.selectable-type-icon--hide-icon .selectable-type-icon__checkbox,
.selectable-type-icon--hide-icon:hover .selectable-type-icon__checkbox {
  display: block !important;
}
.selectable-type-icon--hide-icon .selectable-type-icon__icon,
.selectable-type-icon--hide-icon:hover .selectable-type-icon__icon {
  display: none !important;
}

.assignment-banner {
  background-color: #f8f8f8;
  color: #000;
  font-size: 16px;
}
.assignment-banner-summary {
  padding: 0 16px;
  line-height: 48px;
  border-top: 1px solid #e6e6e6;
  color: #999999;
  cursor: pointer;
}
.assignment-banner-summary__status {
  color: #999999;
}
.assignment-banner-summary__status--inprogress {
  color: rgb(106, 184, 56);
}
.assignment-banner-panel {
  height: auto;
  padding: 16px;
  border-top: 1px solid #e6e6e6;
  cursor: pointer;
}
.assignment-banner-panel__content {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 20px;
  border-radius: 3px;
}
.assignment-banner-row {
  margin-bottom: 8px;
  display: flex;
}
.assignment-banner-row .selectable-list {
  margin-bottom: 60px;
}
.assignment-banner-row:last-child {
  margin: 0;
}
.assignment-banner-row__label {
  min-width: 100px;
}
.assignment-banner-row__field {
  color: #2872d3;
  cursor: pointer;
}
.assignment-banner-row__info {
  color: #999999;
}
.assignment-banner-row__unassign {
  text-decoration: underline;
}
.assignment-banner-row__unassign:hover {
  text-decoration: none;
}
.assignment-banner-row__unassigning {
  text-decoration: none;
  color: #bbb;
}
.assignment-banner__due-date-popover {
  border: none;
}
.assignment-banner__due-date button,
.assignment-banner__due-date button:focus {
  height: auto;
  border: none;
  padding: 0;
}

.work-item-details-header {
  display: flex;
}
.work-item-details-header .selectable-type-icon {
  height: 74px;
}

.work-item-details-header__meta {
  padding: 16px 16px 16px 0;
  width: 100%;
  min-height: 74px;
  color: #333;
  background-color: #fff;
}

.work-item-details-header__title {
  font-weight: 600;
  font-size: 18px;
}

.work-item-details-header__subtitle {
  font-size: 16px;
}

.work-item-details {
  padding: 0;
  border: 1px solid #e7e3ed;
  box-shadow: 4px 4px 15px #ccc;
  background-color: #fff;
  font-size: 1em;
}

.work-item-details__latest-event {
  display: flex;
  padding: 16px;
  border-top: 1px solid #e7e3ed;
}

.work-item-details__latest-event-body {
  width: 100%;
  padding: 12px;
}

.checklist-item-summary {
  padding: 0;
}
.checklist-item-summary--completed .checklist-item-summary-header__item-description .title {
  text-decoration: line-through;
}
.checklist-item-summary .triage-controls {
  background: none;
  position: absolute;
  top: 19px;
}
.checklist-item-summary .task-details-info-tray .task-details__tag {
  display: none;
}
.checklist-item-summary-header {
  padding: 16px 16px 16px 0;
  width: 100%;
  min-height: 74px;
  color: #333;
  background-color: #f9f9f9;
  display: flex;
  align-content: center;
  align-items: center;
}
.checklist-item-summary-header .drop-down-button--modal button {
  background-color: inherit;
}
.checklist-item-summary-header .summary-associations {
  padding-top: 0px;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
}
.checklist-item-summary-header .summary-associations a {
  color: #444;
  text-decoration: underline;
}
.checklist-item-summary-header .summary-associations a:hover {
  text-decoration: none;
}
.checklist-item-summary-header .summary-associations .association {
  min-height: 32px;
  margin-right: 16px;
  display: flex;
  align-items: center;
}
.checklist-item-summary-header .summary-associations .association .fake-link {
  color: #000;
  text-decoration: underline;
}
.checklist-item-summary-header .summary-associations .association .fake-link:hover {
  text-decoration: none;
}
.checklist-item-summary-header .summary-associations .association .association-icon {
  display: inline-block;
  position: relative;
  margin-top: 2px;
  margin-left: -6px;
}
.checklist-item-summary-header .summary-associations .association .association-label {
  display: inline-block;
  position: relative;
}
.checklist-item-summary-header .summary-associations .association .assignment-badge {
  background: #2872d3;
  color: #fff;
  border-radius: 3px;
  padding: 0 8px;
  display: flex;
  margin-top: -1px;
  align-items: center;
}
.checklist-item-summary-header .summary-associations .association .assignment-badge .association-icon {
  margin-top: -2px;
  margin-bottom: -4px;
}
.checklist-item-summary-header__subtitle {
  font-size: 16px;
  color: #999999;
}
.checklist-item-summary-header__subtitle__item {
  margin-right: 8px;
}
.checklist-item-summary-header__item-description {
  margin-left: -12px;
  flex: 1;
}
.checklist-item-summary-header__item-description .title-container {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.checklist-item-summary-header__item-description .title {
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  margin-right: 60px;
}
.checklist-item-summary-header .drop-down-button--modal .drop-down-button__list {
  right: 5px;
}
.checklist-item-summary-header .drop-down-button--modal.drop-down-button--ellipsis .drop-down-button__toggle:before {
  position: relative;
}
.checklist-item-summary-header .drop-down-button--modal .drop-down-button__toggle {
  width: auto;
}
.checklist-item-summary-header .drop-down-button--modal .drop-down-button__toggle:after {
  border-right: 1px rgba(153, 153, 153, 0.2) solid;
}
.checklist-item-summary-header .drop-down-button--right-padding {
  padding-right: 10px;
}

@keyframes groupprogressbudwidth {
  0% {
    width: 0;
    left: 0;
  }
  40% {
    width: 100%;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
.group-assignments {
  /* put space between spinner & last section if it's collapsed */
}
.group-assignments .group-progress-bud {
  height: 2px;
  background-color: #2872d3;
  width: 25%;
  position: relative;
  bottom: 0;
  left: 0;
  animation-duration: 1.8s;
  animation-name: groupprogressbudwidth;
  animation-iteration-count: infinite;
}
.group-assignments .todo-assignment-list-item {
  border-bottom: 1px solid #e6e6e6;
}
.group-assignments > ul {
  width: 100%;
  padding-left: 0;
  border-radius: 4px;
  margin: 0;
}
.group-assignments > ul > li {
  list-style: none;
  border-bottom: none;
  display: block;
  position: relative;
}
.group-assignments > ul > li:last-child {
  border-bottom: 0;
}
.group-assignments .sortable-item:not(.sortable-item--repositioning) {
  transition: all 0.125s;
}
.group-assignments .sortable-item.is-dragging {
  transition-property: none;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  z-index: 10;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.group-assignments .sortable-item.is-dropping {
  transition-duration: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background: #ff6666;
  border: none;
  z-index: 10;
}
.group-assignments .sortable-item.insert-highlight {
  border-bottom: none;
}
.group-assignments:last-of-type .group-header--collapsed {
  padding-bottom: 16px;
}

.group-header {
  color: #000;
  height: 64px;
  line-height: 48px;
  padding-top: 16px;
  padding-left: 16px;
  position: relative;
  display: flex;
  cursor: pointer;
  background: #f2f2f2 no-repeat 0 67%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxMCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmV4cGFuZGVkPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC0yLUNvcHkiIGZpbGw9IiM0NDQ0NDQiIHBvaW50cz0iMCAwIDUgOCAxMCAwIj48L3BvbHlnb24+ICAgIDwvZz48L3N2Zz4=);
}
.group-header--collapsed {
  position: relative;
  border-bottom: 1px solid #d7d7d7;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmNvbGxhcHNlZDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMiIgZmlsbD0iIzQ0NDQ0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDUuMDAwMDAwKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC00LjAwMDAwMCwgLTUuMDAwMDAwKSAiIHBvaW50cz0iLTEgMSA0IDkgOSAxIj48L3BvbHlnb24+ICAgIDwvZz48L3N2Zz4=);
}
.group-header__title {
  font-size: 20px;
}
.group-header__item-count {
  color: #999999;
  padding-left: 8px;
}
.group-header:hover .context-menu,
.group-header .context-menu.drop-down-button--active {
  opacity: 1;
}
.group-header__menu-option .drop-down-button__list {
  min-width: 200px;
  padding: 0;
}
.group-header__menu-option .selectable-list {
  margin: 0 !important;
}
.group-header__menu-option .selectable-list li {
  line-height: normal;
}
.group-header__menu-option .drop-down-button__toggle {
  background: transparent !important;
}
.group-header__menu-option.context-menu {
  margin-top: 20px;
}

.centered-column.full-width-on-all {
  max-width: none;
}

.reports-header {
  font-size: 24px;
  line-height: 1.4em;
  margin-top: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 600px) {
  .reports-header {
    padding-left: 16px;
  }
}

.reports-header ~ .reports-header {
  margin-top: 40px;
}

.insights-filter-bar {
  margin-bottom: 12px;
  margin-left: -4px;
}
.insights-filter-bar .filter-pill {
  background-color: #f2f2f2;
}

.insights-filter-bar-no-margin {
  margin: 0;
}

body.insights__work .tab-bar__link.active,
body.insights__email .tab-bar__link.active {
  background-color: #fff !important;
}
@media only screen and (max-width: 600px) {
  body.insights__work .centered-column,
  body.insights__email .centered-column {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 980px-divide(1/16)) {
  body.insights__work .leaderboard-view--email-colleague .nav-bar,
  body.insights__email .leaderboard-view--email-colleague .nav-bar {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: stretch;
  }
}
@media only screen and (max-width: 700px-divide(1/16)) {
  body.insights__work .leaderboard-view--email-client .nav-bar,
  body.insights__email .leaderboard-view--email-client .nav-bar {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: stretch;
  }
}

.insights__header {
  margin: 8px 0 12px 0;
  color: black;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.insights__header-container {
  position: relative;
}

.insights__free-trial-notice {
  font-weight: 500;
  position: absolute;
  right: 7px;
  top: 4px;
  font-size: 18px;
}

.insights__free-trial-notice--expired {
  background-color: #fcea82;
  padding: 4px 16px;
  border-radius: 3px;
  top: 0;
}

.leaderboard-view-wrapper {
  position: relative;
}

.insights__upgrade-leaderboard-link {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
}

.insights__trial-modal .modal-dialog-bl__body-text {
  margin: 0 0 12px 0;
}
.insights__trial-modal ul {
  margin: 12px 0;
}
.insights__trial-modal strike {
  display: block;
  margin-bottom: 3px;
}

.insights-report-view .dashboard-tile,
.insights-report-view .insights-report-view__empty-chart,
.insights-report-view .insights-chart {
  border: 2px solid #ddd;
  border-radius: 3px;
}
.insights-report-view .insights-report-view__empty-chart {
  color: #999999;
  padding-top: 200px;
  text-align: center;
}
.insights-report-view .insights-chart .insights-report-view__empty-chart {
  border: none;
}

.insights-dashboard {
  min-height: 1023px;
  margin-bottom: 32px;
}
.insights-dashboard .insights-chart {
  margin: 8px 0;
  position: relative;
}
.insights-dashboard .insights-chart .tool-tip-shell {
  margin-left: -32px;
  margin-top: -12px;
  position: absolute;
  right: 4px;
  top: 20px;
}
.insights-dashboard .insights-chart .tool-tip-shell .bl-icon, .insights-dashboard .insights-chart .tool-tip-shell .auto-complete-email__button--chevron, .insights-dashboard .insights-chart .tool-tip-shell .timeline-item-header__shared-icon, .insights-dashboard .insights-chart .tool-tip-shell .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .insights-dashboard .insights-chart .tool-tip-shell .drop-down-button__toggle::after {
  position: relative;
  font-size: 28px;
  line-height: 2px;
  top: 6px;
  color: #cacaca;
}
.insights-dashboard .insights-chart .tool-tip-shell .tool-tip__inner {
  width: 300px;
  white-space: normal;
}
.insights-dashboard .insights-chart .tool-tip-shell .tool-tip {
  top: auto;
  bottom: auto;
  transform: translate(-100%, -100%);
  margin-top: -35px;
}
.insights-dashboard__row {
  display: flex;
  flex-direction: row;
  margin: 8px -4px;
}
.insights-dashboard__row > *,
.insights-dashboard__row > .insights-chart {
  margin: 0 4px;
  flex-grow: 1;
  flex-basis: 1px;
}
@media only screen and (max-width: 600px) {
  .insights-dashboard__row:not(.insights-dashboard__row--twin-responsive) {
    flex-direction: column;
    margin: 0;
    margin-bottom: -8px;
  }
  .insights-dashboard__row:not(.insights-dashboard__row--twin-responsive) > .dashboard-tile {
    margin: 0 0 8px 0;
  }
}
.insights-dashboard__row--twin-responsive {
  flex-direction: column;
}
.insights-dashboard__row--twin-responsive .insights-chart {
  width: calc(100% - 8px);
  margin-top: 8px;
}
.insights-dashboard__row--twin-responsive .insights-chart:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 900px) {
  .insights-dashboard__row--twin-responsive {
    flex-direction: row;
  }
  .insights-dashboard__row--twin-responsive .insights-chart {
    width: calc(50% - 8px);
    margin-top: 0;
  }
}

.insights-no-permission__intro-header {
  font-weight: 600;
  text-align: center;
  margin: 16px 0 16px 0;
  font-size: 18px;
}
.insights-no-permission__intro-message {
  text-align: center;
  max-width: 320px;
  margin: 0 auto;
}

.leaderboard-selector {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 715px) {
  .leaderboard-selector {
    justify-content: flex-start;
    margin-top: 5px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .leaderboard-selector {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.leaderboard-selector .button {
  flex: 1 1 auto;
  padding-left: 24px;
  padding-right: 24px;
  height: 48px;
  font-size: 18px;
  line-height: 18px;
  border: 0px;
  border-radius: 0px;
  margin-right: 1px;
}
@media only screen and (max-width: 715px) {
  .leaderboard-selector .button {
    width: 33.3%;
  }
}
.leaderboard-selector button:not(.selected) {
  background-color: #fff;
  border-color: #e2e2e2;
  color: #333;
  border: 0px;
  border-left: 1px solid #e2e2e2;
}
.leaderboard-selector button:first-of-type {
  border-radius: 4px 0px 0px 4px;
  border-left: 0px;
}
.leaderboard-selector button:last-of-type {
  border-radius: 0px 4px 4px 0px;
}

.work-filter-bar {
  display: flex;
  align-items: flex-end;
  margin-bottom: -33px;
}
@media only screen and (max-width: 600px) {
  .work-filter-bar {
    margin-right: 16px;
    margin-bottom: 20px;
  }
}
.work-filter-bar .button {
  height: 40px;
  font-size: 18px;
}
.work-filter-bar__month-pulldown {
  width: 180px;
}
.work-filter-bar__month-pulldown div:first-of-type {
  display: none;
}
.work-filter-bar__apply {
  border: 0;
}
.work-filter-bar__apply .button {
  padding-left: 32px;
  padding-right: 32px;
  line-height: 18px;
  border: 0px;
}
.work-filter-bar__fill {
  flex-grow: 2;
}
.work-filter-bar__drop-down {
  max-width: 180px;
  position: relative;
}
.work-filter-bar__drop-down:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #fff;
  right: 16px;
  top: 50%;
  position: absolute;
  margin-top: -6px;
}
.work-filter-bar__drop-down.drop-down-button--active:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e952";
  font-size: 26px;
  line-height: 14px;
}
.work-filter-bar__drop-down .drop-down-button__toggle {
  width: 100%;
  height: 40px;
  text-align: left;
  color: #000;
  margin-bottom: 0;
}
@media only screen and (min-width: 601px) {
  .work-filter-bar__drop-down .drop-down-button__toggle,
  .work-filter-bar__drop-down .drop-down-button__toggle input {
    border-radius: 3px;
  }
}
.work-filter-bar__drop-down .drop-down-button__toggle.enabled {
  color: #fff;
  background: #2872d3;
}
.work-filter-bar__drop-down .drop-down-button__list .action-button, .work-filter-bar__drop-down .drop-down-button__list .login__form-button {
  width: 100%;
}
.work-filter-bar__drop-down .drop-down-button__list {
  margin-top: 0;
  width: 100%;
}

.date-selection {
  display: flex;
  align-items: flex-end;
  margin-bottom: -33px;
}
@media only screen and (max-width: 600px) {
  .date-selection {
    margin-right: 16px;
    margin-bottom: 20px;
  }
}
.date-selection .button {
  height: 40px;
  font-size: 18px;
}
.date-selection__month-pulldown {
  width: 180px;
}
.date-selection__month-pulldown div:first-of-type {
  display: none;
}
.date-selection__apply {
  border: 0;
}
.date-selection__apply .button {
  padding-left: 32px;
  padding-right: 32px;
  line-height: 18px;
  border: 0px;
}
.date-selection__fill {
  flex-grow: 2;
}
.date-selection__drop-down {
  max-width: 180px;
  position: relative;
}
.date-selection__drop-down:after {
  pointer-events: none;
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
  font-size: 26px;
  color: #fff;
  right: 8px;
  top: 36%;
  position: absolute;
  margin-top: -6px;
}
.date-selection__drop-down.drop-down-button--active:after {
  font-family: "bl-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 32px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e952";
  font-size: 26px;
  line-height: 14px;
}
.date-selection__drop-down .drop-down-button__toggle {
  width: 100%;
  height: 40px;
  text-align: left;
  color: #000;
  margin-bottom: 0;
}
@media only screen and (min-width: 601px) {
  .date-selection__drop-down .drop-down-button__toggle,
  .date-selection__drop-down .drop-down-button__toggle input {
    border-radius: 3px;
  }
}
.date-selection__drop-down .drop-down-button__toggle.enabled {
  color: #fff;
  background: #2872d3;
}
.date-selection__drop-down .drop-down-button__list .action-button, .date-selection__drop-down .drop-down-button__list .login__form-button {
  width: 100%;
}
.date-selection__drop-down .drop-down-button__list {
  margin-top: 0;
  width: 100%;
}

.colleague-leaderboard-view {
  margin: 6px 0 21px 0;
}
.colleague-leaderboard-view .dashboard-chart {
  height: 600px;
}
.colleague-leaderboard-view__empty-chart {
  width: 100%;
  height: 70%;
  font-size: 1.1em;
  margin: 0 auto 18px auto;
  border-radius: 3px;
  background-color: White;
  text-align: center;
  padding: 36px 0;
}
.colleague-leaderboard-view__loading {
  height: 200px;
}
.colleague-leaderboard-view__loading .loading-icon .loading-icon__spinner {
  margin-top: 80px;
}

.client-leaderboard-view {
  margin: 6px 0 21px 0;
}
.client-leaderboard-view .dashboard-chart {
  height: 600px;
}
.client-leaderboard-view__empty-chart {
  width: 100%;
  height: 70%;
  font-size: 1.1em;
  margin: 0px auto 18px auto;
  border-radius: 3px;
  background-color: White;
  text-align: center;
  padding: 36px 0;
}
.client-leaderboard-view__loading {
  height: 400px;
}
.client-leaderboard-view__loading .loading-icon .loading-icon__spinner {
  margin-top: 80px;
}

.work-dashboard {
  margin: 21px 0;
}
.work-dashboard__empty-chart {
  width: 100%;
  height: 70%;
  font-size: 1.8em;
  margin: 18px auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #efefef;
  text-align: center;
  padding: 36px 0;
}
.work-dashboard__loading {
  height: 400px;
}
.work-dashboard__tiles-thirds {
  display: flex;
  width: 100%;
  padding-bottom: 6px;
}
.work-dashboard__tiles-halves {
  display: flex;
  width: 100%;
  padding-top: 6px;
}

.insights-chart {
  background-color: #fff;
  border-radius: 3px;
  padding-top: 4px;
}
.insights-chart__header {
  padding: 2px 16px 0;
}

.dashboard-chart {
  height: 400px;
  padding-top: 12px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 40px;
}

.dashboard-tile {
  height: 160px;
  padding: 8px;
  background-color: #fff;
  border-radius: 3px;
  display: flex;
}
.dashboard-tile .tool-tip-shell {
  margin-right: -4px;
  margin-left: -24px;
}
.dashboard-tile .tool-tip-shell .bl-icon, .dashboard-tile .tool-tip-shell .auto-complete-email__button--chevron, .dashboard-tile .tool-tip-shell .timeline-item-header__shared-icon, .dashboard-tile .tool-tip-shell .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .dashboard-tile .tool-tip-shell .drop-down-button__toggle::after {
  position: relative;
  font-size: 28px;
  line-height: 2px;
  top: 6px;
  color: #cacaca;
}
.dashboard-tile .tool-tip-shell .tool-tip__inner {
  width: 300px;
  white-space: normal;
}
.dashboard-tile .tool-tip-shell .tool-tip {
  top: auto;
  bottom: auto;
  transform: translate(-100%, -100%);
  margin-top: -35px;
}
.dashboard-tile--contents {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dashboard-tile--main {
  text-align: center;
  font-size: 4.5em;
  font-weight: 400;
  line-height: 1em;
  color: #000;
}
@media only screen and (max-width: 900px-divide(1/16)) {
  .dashboard-tile--main {
    font-size: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .dashboard-tile--main {
    font-size: 44px;
  }
}
.dashboard-tile--main-title {
  margin-bottom: 0px;
  text-align: center;
  font-size: 1.1em;
  margin-top: 4px;
  color: #000;
}
.dashboard-tile--sub {
  text-align: center;
  font-size: 1.1em;
  margin-bottom: 10px;
  color: #999999;
}
.dashboard-tile--sub .increase {
  color: green;
  margin-top: -15px;
  margin-right: 1px;
  position: relative;
}
.dashboard-tile--sub .increase .bl-icon--insight-up {
  position: absolute;
  left: -22px;
  top: -4px;
}
.dashboard-tile--sub .decrease {
  color: red;
  margin-top: -15px;
  margin-right: 1px;
  position: relative;
}
.dashboard-tile--sub .decrease .bl-icon--insight-down {
  position: absolute;
  left: -22px;
  top: -4px;
}
.dashboard-tile__status-bar {
  margin-top: 12px;
  height: 40px;
  width: 100%;
  background-color: #f4f4f4;
}
.dashboard-tile__status-bar .simple-status-bar__completion {
  background-color: #e9e9e9;
}
.dashboard-tile__status-bar__progress-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 11px;
}
.dashboard-tile.center {
  margin-left: 6px;
  margin-right: 6px;
}
.dashboard-tile.left {
  margin-right: 6px;
}

.paged-insights-chart {
  position: relative;
  min-height: 661px;
  margin-top: 8px;
  border: 2px solid #ddd;
  border-radius: 3px;
}
.paged-insights-chart .selectable-list__item {
  white-space: nowrap;
}
.paged-insights-chart .triage-paginator {
  margin-right: 36px;
  margin-bottom: 15px;
  margin-top: -42px;
}
.paged-insights-chart .tool-tip-shell {
  position: absolute;
  top: 10px;
  right: 4px;
}
.paged-insights-chart .tool-tip-shell .bl-icon, .paged-insights-chart .tool-tip-shell .auto-complete-email__button--chevron, .paged-insights-chart .tool-tip-shell .timeline-item-header__shared-icon, .paged-insights-chart .tool-tip-shell .checklist-relative-due-date-input--minimal .drop-down-button__toggle::after, .checklist-relative-due-date-input--minimal .paged-insights-chart .tool-tip-shell .drop-down-button__toggle::after {
  position: relative;
  font-size: 28px;
  line-height: 2px;
  top: 6px;
  color: #cacaca;
}
.paged-insights-chart .tool-tip-shell .tool-tip__inner {
  width: 300px;
  white-space: normal;
}
.paged-insights-chart .tool-tip-shell .tool-tip {
  top: auto;
  bottom: auto;
  transform: translate(-100%, -100%);
  margin-top: -35px;
}
.paged-insights-chart__container {
  flex-grow: 1;
}
.paged-insights-chart__view-selector-containter {
  padding-top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.paged-insights-chart__title {
  color: #999999;
  font-size: 18px;
  padding: 8px 24px 8px 0;
}
.paged-insights-chart__view-selector {
  color: #999999;
}
.paged-insights-chart__view-selector > .action-button.action-button--inline, .paged-insights-chart__view-selector > .action-button--inline.login__form-button {
  color: #999999;
  font-weight: 400;
}
.paged-insights-chart__empty-chart {
  width: 100%;
  font-size: 18px;
  color: #999999;
  margin: 0px auto 18px auto;
  text-align: center;
  padding: 300px 0 0 0;
}

.leaderboard-view {
  margin: 0 0 32px 0;
}
.leaderboard-view__header {
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 0px;
  margin-top: 40px;
}
@media only screen and (max-width: 600px) {
  .leaderboard-view__header {
    padding-left: 16px;
  }
}
.leaderboard-view .nav-bar {
  margin: 0 0 6px 0;
}
.leaderboard-view .dashboard-chart {
  height: 600px;
}
.leaderboard-view__empty-chart {
  width: 100%;
  height: 70%;
  font-size: 1.1em;
  margin: 0 auto 18px auto;
  border-radius: 3px;
  background-color: White;
  text-align: center;
  padding: 36px 0;
}
.leaderboard-view__loading {
  height: 200px;
}
.leaderboard-view__loading .loading-icon .loading-icon__spinner {
  margin-top: 80px;
}

.work-reports-view__restricted-filter-action {
  padding-bottom: 4px;
  margin-left: 18px;
}

/**
This is a modified version of styles copied from
https://raw.githubusercontent.com/mainmatter/ember-promise-modals/v2.0.0/addon/styles/ember-promise-modals.css

Changes include removal of the use of `transform: translate` which breaks layouts using <khq-overlay>
**/
:root {
  /* The named -duration and -delay variables will be lowered to near zero when using the setupPromiseModals test helper  */
  --epm-animation-backdrop-in-duration: 0.001s;
  --epm-animation-backdrop-out-duration: 0.001s;
  --epm-animation-modal-in-duration: 0.001s;
  --epm-animation-modal-out-duration: 0.001s;
  --epm-animation-backdrop-in-delay: 0.001s;
  --epm-animation-backdrop-out-delay: 0.001s;
  --epm-animation-modal-in-delay: 0.001s;
  --epm-animation-modal-out-delay: 0.001s;
  --epm-animation-backdrop-in: var(--epm-animation-backdrop-in-duration) ease
    var(--epm-animation-backdrop-in-delay) forwards epm-backdrop-in;
  --epm-animation-backdrop-out: var(--epm-animation-backdrop-out-duration) ease
    var(--epm-animation-backdrop-out-delay) forwards epm-backdrop-out;
  --epm-animation-modal-in: var(--epm-animation-modal-in-duration) ease-out
    var(--epm-animation-modal-in-delay) forwards epm-modal-in;
  --epm-animation-modal-out: var(--epm-animation-modal-out-duration) ease-out
    var(--epm-animation-modal-out-delay) forwards epm-modal-out;
  --epm-backdrop-background: rgba(0, 0, 0, 0.4);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --epm-animation-backdrop-in-duration: 0s;
    --epm-animation-backdrop-out-duration: 0s;
    --epm-animation-modal-in-duration: 0s;
    --epm-animation-modal-out-duration: 0s;
    --epm-animation-backdrop-in-delay: 0s;
    --epm-animation-backdrop-out-delay: 0s;
    --epm-animation-modal-in-delay: 0s;
    --epm-animation-modal-out-delay: 0s;
  }
}
.epm-scrolling-disabled {
  overflow: hidden;
}

.epm-backdrop,
.epm-modal-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.epm-backdrop {
  background-color: var(--epm-backdrop-background);
  opacity: 0;
  animation: var(--epm-animation-backdrop-in);
  animation-delay: var(--epm-animation-backdrop-in-delay);
  animation-duration: var(--epm-animation-backdrop-in-duration);
  z-index: 101;
}

.epm-modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  z-index: 102;
}

.epm-animating .epm-modal-container {
  overflow: unset;
}

.epm-modal {
  margin: auto;
  opacity: 0;
  animation: var(--epm-animation-modal-in);
  animation-delay: var(--epm-animation-modal-in-delay);
  animation-duration: var(--epm-animation-modal-in-duration);
  -webkit-overflow-scrolling: touch; /* momentum-based scrolling for Safari on iOS */
}

.epm-backdrop.epm-out {
  opacity: 1;
  animation: var(--epm-animation-backdrop-out);
  animation-delay: var(--epm-animation-backdrop-out-delay);
  animation-duration: var(--epm-animation-backdrop-out-duration);
  pointer-events: none;
}

.epm-modal.epm-out {
  opacity: 1;
  animation: var(--epm-animation-modal-out);
  animation-delay: var(--epm-animation-modal-out-delay);
  animation-duration: var(--epm-animation-modal-out-duration);
  pointer-events: none;
}

@keyframes epm-backdrop-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes epm-backdrop-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes epm-modal-in {
  0% {
    opacity: 0;
  }
  72% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes epm-modal-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * Lexical Editor Styles
 *
 * These are the default base styles used in the editor and are based off the classes in khq-editor__theme.ts. 
 * This stylesheet is exported and is to be applied in the host app as the contenteditable div needs to remain in the Light Dom (browser selection issues).
 * In can also be used to inline these styles (e.g with Juice) when exporting HTML for emails.
 */
.khq-editor__paragraph {
  font-family: sans-serif;
  margin: 0;
  font-size: 16px;
  color: #000000;
}

.khq-editor__text-bold {
  font-weight: 600;
}

.khq-editor__text-italic {
  font-style: italic;
}

.khq-editor__text-underline {
  text-decoration-line: underline;
}

.khq-editor__text-strikethrough {
  text-decoration-line: line-through;
}

.khq-editor__text-underlineStrikethrough {
  text-decoration-line: underline line-through;
}

.khq-editor__link {
  text-decoration: underline;
  color: blue;
}

.khq-editor__nestedlistitem {
  list-style-type: none;
}

.khq-editor__ul1 {
  list-style-type: disc;
  margin-left: 1rem;
  padding: 0;
  font-family: Arial;
  padding-inline-start: 0;
}

.khq-editor__ul2 {
  list-style-type: circle;
  margin-left: 2rem;
  padding: 0;
  padding-inline-start: 0;
}

.khq-editor__ul3 {
  list-style-type: square;
  margin-left: 3rem;
  padding: 0;
  padding-inline-start: 0;
}

.khq-editor__ul4 {
  list-style-type: square;
  margin-left: 4rem;
  padding: 0;
  padding-inline-start: 0;
}

.khq-editor__ul5 {
  list-style-type: square;
  margin-left: 5rem;
  padding: 0;
  padding-inline-start: 0;
}

.khq-editor__ol1 {
  list-style-type: decimal;
  margin-left: 1rem;
  font-family: Arial;
  padding: 0;
  padding-inline-start: 0;
}

.khq-editor__ol2 {
  list-style-type: upper-alpha;
  margin-left: 2rem;
  padding: 0;
  padding-inline-start: 0;
}

.khq-editor__ol3 {
  list-style-type: lower-alpha;
  margin-left: 3rem;
  padding: 0;
  padding-inline-start: 0;
}

.khq-editor__ol4 {
  list-style-type: upper-roman;
  margin-left: 4rem;
  padding: 0;
  padding-inline-start: 0;
}

.khq-editor__ol5 {
  list-style-type: lower-roman;
  margin-left: 5rem;
  padding: 0;
  padding-inline-start: 0;
}

blockquote.khq-editor__quote {
  margin-left: 2rem;
  padding-left: 0.8rem;
  border-left: 4px solid #aaa;
}

.grid-content {
  margin: 0;
  padding: 0;
}

.app-content {
  width: 100%;
}

.loading .app-loading-header {
  min-height: 163px;
}

.appcues-tooltip-container {
  width: 450px !important;
}

.main.container {
  overflow: auto;
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  scrollbar-gutter: stable;
}
@media only screen and (max-width: 600px) {
  .main.container {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

body pre {
  /*
    Prevent content within pre tags from pushing out the layout AB#31587
    This can include email content but also various other parts of the app
    such as task descriptions, notes and anywhere you can edit rich text, 
    hence the global rule.
  */
  white-space: pre-wrap;
}

body.my-week .main.container {
  scrollbar-gutter: stable;
}

#side-panel {
  display: none;
}

#tooltip-overlays {
  overflow: visible;
  width: 0;
  height: 0;
}

body.show-side-panel #side-panel {
  transition: width ease-out 0.4s;
  z-index: 1;
  display: block;
  position: absolute;
  top: 56px;
  right: 0;
  width: 410px;
  bottom: 0;
  background: white;
}

body.show-side-panel-collapsed #side-panel {
  transition: width ease-in 0.2s;
  z-index: 1;
  display: block;
  position: absolute;
  top: 56px;
  right: 0;
  width: 51px;
  bottom: 0;
  background: white;
}

body.show-side-panel .main.container {
  transition: right ease-in 0.4s;
  right: 410px;
  z-index: 1;
}

body.show-side-panel-collapsed .main.container {
  transition: right ease-out 0.2s;
  right: 51px;
  z-index: 1;
}

@media screen and (max-width: 900px) {
  :is(body.show-side-panel, body.show-side-panel-collapsed) #side-panel {
    display: none;
  }
  :is(body.show-side-panel, body.show-side-panel-collapsed) .main.container {
    right: 0;
  }
}
@media only screen and (max-width: 600px) {
  body.prevent-scrolling .main.container {
    -webkit-overflow-scrolling: auto;
  }
}

body.conversation .main.container {
  top: 0;
}

body.conversation.menu-open .main.container,
body.login.menu-open .main.container {
  padding-left: 0px;
}

.notification-container {
  transition: left 0.3s;
}

.loading-screen-bg {
  height: calc(100vh - 56px);
}

.loading-screen-bg--white {
  background-color: #fff;
}

html.prevent-scrolling,
.ember-application.prevent-scrolling {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  html.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded,
  html.prevent-scrolling .email-timeline-item > .email-conversation--expanded,
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded,
  .ember-application.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded,
  .ember-application.prevent-scrolling .email-timeline-item > .email-conversation--expanded,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded {
    z-index: 50;
    padding-top: 0;
    padding-bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  html.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .timeline-item-header,
  html.prevent-scrolling .email-timeline-item > .email-conversation--expanded .timeline-item-header,
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .timeline-item-header,
  .ember-application.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .timeline-item-header,
  .ember-application.prevent-scrolling .email-timeline-item > .email-conversation--expanded .timeline-item-header,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .timeline-item-header {
    position: sticky;
    top: -16px;
    z-index: 49;
    padding: 0;
    min-height: 20px;
  }
  html.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .conversation-view__reply-button,
  html.prevent-scrolling .email-timeline-item > .email-conversation--expanded .conversation-view__reply-button,
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .conversation-view__reply-button,
  .ember-application.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .conversation-view__reply-button,
  .ember-application.prevent-scrolling .email-timeline-item > .email-conversation--expanded .conversation-view__reply-button,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .conversation-view__reply-button {
    position: sticky;
    bottom: -1px;
    margin-top: -1px;
    border-top: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
    border-radius: 0;
    width: 100%;
  }
  html.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .conversation-view__reply-button,
  html.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .conversation-view__reply-button .conversation-view__reply-button-label,
  html.prevent-scrolling .email-timeline-item > .email-conversation--expanded .conversation-view__reply-button,
  html.prevent-scrolling .email-timeline-item > .email-conversation--expanded .conversation-view__reply-button .conversation-view__reply-button-label,
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .conversation-view__reply-button,
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .conversation-view__reply-button .conversation-view__reply-button-label,
  .ember-application.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .conversation-view__reply-button,
  .ember-application.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .conversation-view__reply-button .conversation-view__reply-button-label,
  .ember-application.prevent-scrolling .email-timeline-item > .email-conversation--expanded .conversation-view__reply-button,
  .ember-application.prevent-scrolling .email-timeline-item > .email-conversation--expanded .conversation-view__reply-button .conversation-view__reply-button-label,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .conversation-view__reply-button,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .conversation-view__reply-button .conversation-view__reply-button-label {
    cursor: pointer;
  }
  html.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .email-action-bar.triage-action-bar,
  html.prevent-scrolling .email-timeline-item > .email-conversation--expanded .email-action-bar.triage-action-bar,
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .email-action-bar.triage-action-bar,
  .ember-application.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .email-action-bar.triage-action-bar,
  .ember-application.prevent-scrolling .email-timeline-item > .email-conversation--expanded .email-action-bar.triage-action-bar,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .email-action-bar.triage-action-bar {
    left: 0;
    margin: inherit 0;
  }
  html.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .timeline-item-header__primary-title,
  html.prevent-scrolling .email-timeline-item > .email-conversation--expanded .timeline-item-header__primary-title,
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .timeline-item-header__primary-title,
  .ember-application.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .timeline-item-header__primary-title,
  .ember-application.prevent-scrolling .email-timeline-item > .email-conversation--expanded .timeline-item-header__primary-title,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .timeline-item-header__primary-title {
    margin-top: 83px;
    padding-right: 16px;
    padding-left: 16px;
    height: auto;
    white-space: initial;
  }
  html.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .timeline-item-header__secondary-title,
  html.prevent-scrolling .email-timeline-item > .email-conversation--expanded .timeline-item-header__secondary-title,
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .timeline-item-header__secondary-title,
  .ember-application.prevent-scrolling .email-assignment.triage-item--expanded > .email-conversation--expanded .timeline-item-header__secondary-title,
  .ember-application.prevent-scrolling .email-timeline-item > .email-conversation--expanded .timeline-item-header__secondary-title,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .timeline-item-header__secondary-title {
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
  }
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .email-view--new,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .email-view--new {
    background: #fff;
  }
  html.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .timeline-item-header,
  .ember-application.prevent-scrolling .timeline-email-assignment > .email-conversation--expanded .timeline-item-header {
    border-bottom: 0;
  }
}

@media only screen and (max-width: 600px) {
  .full-width-on-small,
  .centered-column.full-width-on-small {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
}
div,
button {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.triage-compact #main-container,
.delegated-triage #main-container,
.delegated-sent #main-container,
.delegated-cleared #main-container,
.delegated-low-priority #main-container {
  scrollbar-gutter: auto;
}
.triage-compact .grid-block,
.delegated-triage .grid-block,
.delegated-sent .grid-block,
.delegated-cleared .grid-block,
.delegated-low-priority .grid-block {
  height: 100%;
}
.triage-compact .grid-container.app-content,
.delegated-triage .grid-container.app-content,
.delegated-sent .grid-container.app-content,
.delegated-cleared .grid-container.app-content,
.delegated-low-priority .grid-container.app-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}