body[data-theme=light-mode] {
  --white: #ffffff;
  --black: #0a0a0a;
  --light100: #d8e3f4;
  --light200: #c3cad5;
  --light300: #a4a8af;
  --light400: #9498a0;
  --light500: #7e828a;
  --light600: #676c74;
  --dark100: #565d75;
  --dark200: #40475e;
  --dark300: #282d3e;
  --dark400: #262b3b;
  --dark450: #1a1b28;
  --dark500: #0f101a;
  --dark600: #00060f;
  --dark700: #000205;
}

:root {
  --main-text: #0a0a0a;
  --secondary-text: #565d75;
  --tertiary-text: #676c74;
  --inverted-text: #ffffff;
  --bg: linear-gradient(0deg, #EEEEEE, #FBFBFB);
  --bg-2: #ffffff;
  --input: #fbfbfb;
  --input-2: #e8e8e8;
  --input-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.8);
  --nav-icon: #282d3e;
  --tr-odd: #FFFFFF;
  --tr-even: transparent;
  --card: #ffffff;
  --card200: #f4f4f4;
  --card-shadow-2: 0px 1px 4px -1px #000;
  --filter: #0000000a;
  --filter-dark: #0000002c;
  --chat-bg: #e1e1e1;
  --chat-navigation-bg: #f8f8f8;
  --chat-item-hover: #fff;
  --chat-item-active: #eaeaea;
  --chat-item-text: #52596D;
  --chat-item-text-hover: #52596D;
  --chat-accent: #00949C;
  --chat-accent-hover: #2CADB5;
  --chat-bubble-system: #F1F0F0;
  --chat-bubble-user: #ffffff;
  --scroll-track:linear-gradient(to right, transparent 2px, #F1F0F0 3px, #F1F0F0 3px, transparent 4px);
  --scroll-thumb:#e1e1e1;
  --dropdown: #ffffff;
  --dropdown-shadow: -1px 4px 12px -4px rgba(0,0,0,1);
  --dropdown-add-icon: #9498a0;
  --workflow-widget-bg: #f7f7f7;
  --card-shadow: 1px 2px 3px 2px #c4c4c4;
  --quick-notes-bg: linear-gradient(180deg, #ffffff, #f1f1f1);
  --item-even: linear-gradient(
    90deg,
    transparent,
    rgba(#fff, 0.03) 50%,
    transparent
  );
  --item-odd: linear-gradient(
    90deg,
    transparent,
    rgba(#fff, 0.06) 50%,
    transparent
  );
  --bg-border: #c3cad5;
  --border-xl: 1px solid #c3cad5;
  --border-light: 1px solid #9498a0;
  --border-medium: 2px solid #282d3e;
  --border-dark: 1px solid #262b3b;
  --bg-light: #ffffff;
  --bg-medium: #e1e1e1;
  --bg-dark: #cacaca;
  --separator: #D2D4DB;
  --quick-link: #727B95;
  --accent-3: #233b73;
  --accent-4: #3b5caa;
  --primary-green: #4ca05a;
  --report-icon: rgba(0,0,0, 0.32);
}

body[data-theme=dark-mode] {
  --main-text: #ffffff;
  --secondary-text: #d8e3f4;
  --tertiary-text: #D8DDF0;
  --inverted-text: #0a0a0a;
  --bg: linear-gradient(0deg, #262B3B, #1E212E 50%);
  --bg-2: #262b3b;
  --input: #40475e;
  --input-2: #262B3B;
  --card: #383E50;
  --card200: #565d75;
  --input-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);
  --nav-icon: #a4a8af;
  --tr-odd: #383E50;
  --tr-even: transparent;
  --filter: #ffffff15;
  --filter--dark: #ffffff65;
  --dropdown: linear-gradient(0deg, #383E50, #4D5367);
  --dropdown-shadow: -1px 4px 12px -4px rgba(0,0,0,1);
  --dropdown-add-icon: #9498a0;
  --separator: #616676;
  --quick-link: #727B95;
  --filter-modal-bg:linear-gradient(0deg, #262B3B, #1E212E 50%);
  --filter-input-bg: #40475e;
  --chat-bg: #262b3b;
  --chat-navigation-bg: #1e212e;
  --chat-item-hover: #505A76;
  --chat-item-active: #383E50;
  --chat-item-text: #70778A;
  --chat-item-text-hover: #ffffff;
  --chat-accent: #00949C;
  --chat-accent-hover: #2CADB5;
  --chat-bubble-system: #383E50;
  --chat-bubble-user: #505A76;
  --scroll-track:linear-gradient(to right, transparent 2px, #383E50 3px, #383E50 3px, transparent 4px);
  --scroll-thumb:#585f77;
  --workflow-widget-bg: #323c56;
  --card-shadow: 1px 2px 3px 2px #0000004d;
  --quick-notes-bg: linear-gradient(180deg, #262b3b, #1a1b28 50%);
  --item-even: linear-gradient(
    90deg,
    transparent,
    rgba(#fff, 0.03) 50%,
    transparent
    );
  --item-odd: linear-gradient(
    90deg,
    transparent,
    rgba(#fff, 0.06) 50%,
    transparent
    );
  --border-xl: 1px solid #40475e;
  --border-light: 1px solid #282d3e;
  --border-medium: 2px solid #262b3b;
  --border-dark: 1px solid #0f101a;
  --bg-border: #282d3e;
  --bg-light: #0f101a;
  --bg-medium: #00060f;
  --bg-dark: #000205;
  --accent-3: #233b73;
  --accent-4: #3b5caa;
  --primary-green: #88EB98;
  --report-icon: rgba(255,255,255, 0.42);
}

.login-mode {
  --bg-color-1: #f9f9f9;
  --bg-color-2: #efefef;
  --bg: linear-gradient(0deg, var(--bg-color-2), var(--accent-2) 50%);
}

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Manrope", sans-serif;
  letter-spacing: 0.5px;
  font-size: 1.6rem;
  background: var(--bg);
  background-attachment: fixed;
  color: var(--main-text);
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  cursor: pointer;
  width: 6px;
  background: var(--scroll-track);
  background-size: 6px 100%;
  border-radius: 5px;
  overflow: hidden;
}
body::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 1px;
  width: 6px;
}
body::-webkit-scrollbar-track {
  background: var(--scroll-track);
  background-size: 6px 100%;
  border-radius: 5px;
  width: 7px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

.page_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  overflow: visible;
  position: relative;
}

.page_header::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.page_header--record {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.page_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
  margin-bottom: 16px;
}

.page_actions.wide {
  width: 100%;
}

.page_actions.float {
  position: absolute;
  bottom: 0;
  right: 0;
}

.page_actions h2 {
  padding: 0;
  margin: 0;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 3.6rem;
}

.page_actions h3 {
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 200;
}

.page_actions .page-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 2rem;
}

.page_actions .record_name {
  font-size: 3.2rem;
  margin-bottom: 1rem;
}

.page_actions .record_title {
  font-size: 2.4rem;
  margin-bottom: 2rem;
  color: var(--secondary-text);
}

.page_actions .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2.4rem;
}

.page_actions.wide .button-container {
  position: relative;
  width: 100%;
}

.page_actions .button-container .record-view-li-icon {
  margin-left: 26px;
}

.button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-container .record-view-li-icon {
  margin-left: 26px;
}

.settings-header {
  padding: 3rem 0;
}

.bc-section-header {
  padding-bottom: 4px;
  text-transform: uppercase;
  font-size: 2.4rem;
  letter-spacing: 2px;
  color: var(--primary-green);
  margin-bottom: 10px;
  display: block;
  width: 100%;
}

.bc-section-header a {
  color: var(--tertiary-text);
}

.bc-section-header.with-handler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-section-header.with-handler .input-container {
  background: none;
}

.flex-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-form-row .col-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-form-row .col-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-form-row .col-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-form-row .col-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.flex-form-row .col-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.flex-form-row .col-6 {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  flex: 6;
}

.flex-form-row .col-7 {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7;
}

.flex-form-row .col-8 {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8;
}

.flex-form-row .col-9 {
  -webkit-box-flex: 9;
  -ms-flex: 9;
  flex: 9;
}

.flex-form-row .col-10 {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  flex: 10;
}

.flex-form-row .col-11 {
  -webkit-box-flex: 11;
  -ms-flex: 11;
  flex: 11;
}

.flex-form-row .col-12 {
  -webkit-box-flex: 12;
  -ms-flex: 12;
  flex: 12;
}

.user-profile {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: (minmax(min-content, max-content)) [6];
  grid-template-rows: repeat(
    6,
    minmax(-webkit-min-content, -webkit-max-content)
  );
  grid-template-rows: repeat(6, minmax(min-content, max-content));
  grid-gap: 20px;
}

svg.social-icon path,
svg.social-icon ellipse,
svg.contact-icon path,
svg.contact-icon ellipse {
  fill: var(--tertiary-text);
  opacity: 0.4;
}

svg.social-icon:hover path,
svg.social-icon:hover ellipse,
svg.contact-icon:hover path,
svg.contact-icon:hover ellipse {
  opacity: 1;
}

svg.page-navigation path {
  fill: var(--tertiary-text);
}

svg.page-navigation__active path {
  fill: var(--primary-green);
}

svg.trash path {
  fill: #f95e5e;
}

svg g#upload-icon path {
  fill: var(--tertiary-text);
}

svg.avatar-dropdown-icon {
  padding-right: 2rem;
}

svg.avatar-dropdown-icon path {
  fill: #6cc67b;
}

svg.avatar-dropdown-icon.user {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
}

svg.list-item-edit-icon path {
  fill: var(--tertiary-text);
}

.bc-btn {
  display: inline-block;
  padding: 8px 12px;
  border: none;
  background: none;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--main-text);
  margin-right: 12px;
  cursor: pointer;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: auto;
}

.bc-btn:hover {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: var(--filter);
}

.bc-btn.min-width {
  min-width: 94px;
  text-align: center;
}

.bc-quick-link-icon svg path {
  fill: var(--quick-link);
}

.bc-svg-icon {
  color: #598aff;
  opacity: 0.8;
}

.bc-svg-icon svg {
  height: 24px;
}

.bc-svg-icon svg path {
  fill: #598aff;
}

.bc-svg-icon:hover {
  opacity: 1;
}

.bc-svg-icon.trash {
  opacity: 0.8;
}

.bc-svg-icon.trash svg path {
  fill: #f95e5e;
}

.bc-svg-icon.trash:hover {
  opacity: 1;
}

.bc-svg-icon.kanban svg {
  width: 18px;
  margin-left: 2rem;
}

.bc-btn_attached {
  -ms-flex-negative: 3;
  flex-shrink: 3;
  display: inline-block;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0 12px;
  border: none;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  white-space: nowrap;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--primary-green)),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, var(--primary-green), #4ca05a);
  color: var(--inverted-text);
}

.bc-table-btn {
  font-size: 2.4rem;
  cursor: pointer;
}

.bc-btn_views {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 2rem;
  color: var(--tertiary-text);
  fill: var(--tertiary-text);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 1px;
}

.bc-btn_views span {
  display: inline-block;
  padding: 0 1rem;
  max-width: 218px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bc-btn_upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px dashed var(--blue-bg);
  width: 431px;
  padding: 26px;
  margin: auto;
  color: var(--blue-bg);
}

.bc-btn_upload label {
  display: block;
  color: inherit;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-btn_upload label svg {
  height: 122px;
  width: 122px;
}

.bc-btn_upload label svg path {
  fill: var(--blue-bg);
  -webkit-transition: fill 0.1s ease-in-out;
  transition: fill 0.1s ease-in-out;
}

.bc-btn_upload label span {
  display: block;
  margin: auto;
}

.bc-btn_upload:hover {
  color: var(--secondary-text);
  background: var(--blue-bg);
}

.bc-btn_upload:hover svg path {
  fill: var(--secondary-text);
  -webkit-transition: fill 0.1s ease-in-out;
  transition: fill 0.1s ease-in-out;
}

.bc-btn_upload.active {
  border-style: solid;
  color: #598aff;
  background: transparent;
}

.bc-btn_upload.active svg path {
  fill: #598aff;
}

.bc-btn.in-grid {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.bc-btn_search-filter {
  background: #598aff;
  color: var(--white);
  opacity: 0.4;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

.bc-btn_search-filter:hover {
  -webkit-transition: none;
  transition: none;
}

.filter-button-container.active .bc-btn_search-filter {
  opacity: 0.8;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

.bc-btn_clear-filter {
  background: #f95e5e;
  color: var(--white);
  opacity: 0.4;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

.bc-btn_clear-filter:hover {
  -webkit-transition: none;
  transition: none;
}

.bc-btn_back {
  background-color: rgb(135 129 129 / 20%);
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  width: 160px;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  color: var(--main-text);
}
.bc-btn_back.narrow {
  width: 100px;
}
.bc-btn_back:before {
  content: "←";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-text);
  right: 0;
  top: -1px;
  opacity: 0;
  height: 100%;
  width: 40px;
  transition: all 0.2s linear 0s;
}
.bc-btn_back:hover {
  background-color: rgb(135 129 129 / 40%);
  color: var(--main-text);
  text-indent: -20px;
  text-decoration: none;
}
.bc-btn_back:focus{
  color: var(--main-text);
  outline: none;
  text-decoration: none;
}
.bc-btn_back:hover:before {
  opacity: 1;
  text-indent: 0px;
}

.vartical-margin {
  margin: 2rem 0;
}

.

.filter-button-container.active .bc-btn_clear-filter {
  opacity: 0.8;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

button.editable-cancel {
  border: none;
}

button.editable-submit {
  border: none;
}

button#add-email-field,
button#add-phone-field {
  background: var(--main-text);
  margin-left: 2.4rem;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#6cc67b),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, #6cc67b, #4ca05a);
  padding: 0;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  color: var(--input);
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-btn_success,
button.editable-submit,
.fc-scroller-harness button,
.fc-button-group button,
.fc-button-active button,
a.bc-btn_success {
  background: var(--primary-green);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#6cc67b),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, #6cc67b, #4ca05a);
  color: var(--inverted-text);
  text-decoration: none;
}

.bc-btn_success:hover,
button.editable-submit:hover,
.fc-scroller-harness button:hover,
.fc-button-group button:hover,
.fc-button-active button:hover,
a.bc-btn_success:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4ca05a),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, #4ca05a, #4ca05a);
  border-color: #4ca05a;
  text-decoration: none;
}

.bc-btn_success.outline,
button.outline.editable-submit,
.fc-scroller-harness button.outline,
.fc-button-group button.outline,
.fc-button-active button.outline {
  background: none;
  color: var(--primary-green);
}

.bc-btn_success.outline:hover,
button.outline.editable-submit:hover,
.fc-scroller-harness button.outline:hover,
.fc-button-group button.outline:hover,
.fc-button-active button.outline:hover {
  color: var(--primary-green);
}

.bc-btn_success.soft,
button.soft.editable-submit,
.fc-scroller-harness button.soft,
.fc-button-group button.soft,
.fc-button-active button.soft {
  border: none;
  background: var(--input);
  color: var(--main-text);
}

.bc-btn_success.soft:hover,
button.soft.editable-submit:hover,
.fc-scroller-harness button.soft:hover,
.fc-button-group button.soft:hover,
.fc-button-active button.soft:hover {
  background: #4ca05a;
}

.bc-btn_danger,
button.editable-cancel,
a.bc-btn_danger {
  background: transparent;
  color: #f95e5e;
  text-decoration: none;
}

.bc-btn_danger:hover,
button.editable-cancel:hover,
a.bc-btn_danger:hover {
  background: rgba(249, 94, 94, 0.6);
  color: var(--white);
  text-decoration: none;
}

.bc-btn_danger.outline,
button.outline.editable-cancel {
  background: transparent;
}

.bc-btn_danger.outline:hover,
button.outline.editable-cancel:hover {
  color: #f95e5e;
}

.bc-btn_danger.soft,
button.soft.editable-cancel {
  background: rgba(249, 94, 94, 0.1);
}

.bc-btn_danger.soft:hover,
button.soft.editable-cancel:hover {
  background: rgba(249, 94, 94, 0.2);
  color: #f95e5e;
}

.bc-btn_action,
a.bc-btn_action {
  background: rgba(215, 178, 27, 0.15);
  color: #d7b21b;
  text-decoration: none;
}

.bc-btn_action svg,
a.bc-btn_action svg {
  margin-left: 8px;
}

.bc-btn_action svg path,
a.bc-btn_action svg path {
  fill: #d7b21b;
}

.bc-btn_action:hover,
a.bc-btn_action:hover {
  background: rgba(215, 178, 27, 0.6);
  border-color: rgba(215, 178, 27, 0.6);
  color: var(--white);
  text-decoration: none;
}

.bc-btn_action:hover svg path,
a.bc-btn_action:hover svg path {
  fill: var(--white);
}

.bc-btn_action.outline {
  background: none;
}

.bc-btn_action.outline:hover {
  color: #d7b21b;
}

.bc-table-actions {
  color: rgba(215, 178, 27, 0.8) !important;
}

.bc-table-actions:hover {
  color: #d7b21b !important;
}

.bc-btn_tertiary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  color: #f16fdb;
  margin: 0;
}

.bc-btn_tertiary svg {
  margin-right: 8px;
}

.bc-btn_tertiary svg path {
  fill: #f16fdb;
}

.bc-btn_tertiary:hover {
  background: rgba(241, 111, 219, 0.6);
  color: var(--white);
}

.bc-btn_pipeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  color: #f79e19;
  margin: 0;
}

.bc-btn_pipeline svg {
  margin-right: 8px;
}

.bc-btn_pipeline svg path {
  fill: #f79e19;
}

.bc-btn_pipeline:hover {
  background: rgba(247, 158, 25, 0.6);
  color: var(--white);
}

.bc-btn_columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #598aff;
  margin: 0;
}

.bc-btn_columns svg {
  margin-right: 8px;
}

.bc-btn_columns svg path {
  fill: #598aff;
}

.bc-btn_columns:hover {
  background: rgba(89, 138, 255, 0.6);
  color: var(--white);
}

.bc-row,
table tbody tr,
.bc-table tbody tr,
#bc_list_table tbody tr:nth-child(odd),
#te_list_table tbody tr:nth-child(odd),
#bc_list_table tbody tr:nth-child(even),
#te_list_table tbody tr:nth-child(even),
#accordion .ui-accordion-content .table tr {
  font-family: "Manrope", sans-serif;
  border: none !important;
}

.bc-row:nth-child(odd),
table tbody tr:nth-child(odd),
.bc-table tbody tr:nth-child(odd),
#bc_list_table tbody tr:nth-child(odd),
#te_list_table tbody tr:nth-child(odd),
#accordion .ui-accordion-content .table tr:nth-child(odd) {
  background: var(--tr-odd);
}

.bc-row:nth-child(even),
table tbody tr:nth-child(even),
.bc-table tbody tr:nth-child(even),
#bc_list_table tbody tr:nth-child(even),
#te_list_table tbody tr:nth-child(even),
#accordion .ui-accordion-content .table tr:nth-child(even) {
  background: var(--tr-even);
}

.bc-th,
table thead th,
.bc-table thead th,
.dataTable th,
#bc_list_table th,
#te_list_table th,
#accordion .ui-accordion-content .table tr th {
  font-family: "Manrope", sans-serif;
  border-bottom: none !important;
  color: var(--secondary-text);
  padding: 10px 1rem;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}

.bc-td,
.dataTable td,
#accordion .ui-accordion-content .table tr td {
  border: none;
  background: none;
  color: var(--main-text);
}

.bc-td a,
.dataTable td a,
#accordion .ui-accordion-content .table tr td a {
  color: inherit;
}

.bc-td a:hover,
.dataTable td a:hover,
#accordion .ui-accordion-content .table tr td a:hover {
  text-decoration: underline;
}

table.dataTable thead th {
  padding: 10px 1rem;
}

table,
.bc-table {
  font-size: 1.4rem;
}

table thead th,
.bc-table thead th {
  border: none;
}

table tbody tr,
.bc-table tbody tr {
  width: 100%;
}

table tbody tr th,
.bc-table tbody tr th {
  position: relative;
}

table tbody tr td,
.bc-table tbody tr td {
  color: var(--main-text);
  padding-left: 1rem;
  padding-right: 1rem;
}

table tbody tr td div.circle,
.bc-table tbody tr td div.circle {
  height: 42px;
  width: 42px;
  border: 3px solid var(--secondary-text);
}

table tbody tr td .dropdown-toggle,
.bc-table tbody tr td .dropdown-toggle {
  display: none;
}

table.note-history-table.bc-table thead tr th {
  border-bottom: var(--border-medium);
  background: var(--bg);
}

table.note-history-table.bc-table thead tbody tr td:nth-child(odd) {
  background: var(--tr-even);
}

table.note-history-table.bc-table thead tbody tr td:nth-child(even) {
  background: var(--tr-odd);
}

.bc-table {
  border-spacing: 16px;
}

.bc-table tbody tr td {
  background: var(--input);
}

.bc-table tbody tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bc-table tbody tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bc-table td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bc-report-table thead th {
  font-weight: 800;
}

.bc-report-table tbody tr td {
  padding: 1rem;
  color: var(--main-text);
}

.user_activity_report {
  text-align: right;
}

.user_activity_report th {
  text-align: inherit;
}

.user_activity_report .notes_by_action {
  padding-top: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

.user_activity_report .user_activity_totals {
  font-weight: 700;
  font-size: 18px;
}

table.sales-playbook-table {
  table-layout: fixed;
}

table.sales-playbook-table thead th {
  text-align: center;
}

table.sales-playbook-table tbody td {
  max-width: 200px;
  height: 100px;
  padding: 1rem;
}

table.sales-playbook-table tbody td .editable-click {
  height: 100%;
  position: relative;
  background: var(--input);
}

table.sales-playbook-table tbody td .editable-click a {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0.25;
  line-height: 20px;
}

table.sales-playbook-table tbody td .editable-click:hover {
  border-radius: 4px;
}

table.sales-playbook-table tbody td:first-child {
  text-align: right;
  letter-spacing: 1px;
  padding-right: 1rem;
  font-size: 16px;
  font-size: 1.8rem;
}

.bc-row,
table tbody tr,
.bc-table tbody tr,
#bc_list_table tbody tr:nth-child(odd),
#te_list_table tbody tr:nth-child(odd),
#bc_list_table tbody tr:nth-child(even),
#te_list_table tbody tr:nth-child(even),
#accordion .ui-accordion-content .table tr {
  font-family: "Manrope", sans-serif;
  border: none !important;
}

.bc-row:nth-child(odd),
table tbody tr:nth-child(odd),
.bc-table tbody tr:nth-child(odd),
#bc_list_table tbody tr:nth-child(odd),
#te_list_table tbody tr:nth-child(odd),
#accordion .ui-accordion-content .table tr:nth-child(odd) {
  background: var(--tr-odd);
}

.bc-row:nth-child(even),
table tbody tr:nth-child(even),
.bc-table tbody tr:nth-child(even),
#bc_list_table tbody tr:nth-child(even),
#te_list_table tbody tr:nth-child(even),
#accordion .ui-accordion-content .table tr:nth-child(even) {
  background: var(--tr-even);
}

.bc-th,
table thead th,
.bc-table thead th,
.dataTable th,
#bc_list_table th,
#te_list_table th,
#accordion .ui-accordion-content .table tr th {
  font-family: "Manrope", sans-serif;
  border-bottom: none !important;
  color: var(--secondary-text);
  padding: 10px 1rem;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}

.bc-td,
.dataTable td,
#accordion .ui-accordion-content .table tr td {
  border: none;
  background: none;
  color: var(--main-text);
}

.bc-td a,
.dataTable td a,
#accordion .ui-accordion-content .table tr td a {
  color: inherit;
}

.bc-td a:hover,
.dataTable td a:hover,
#accordion .ui-accordion-content .table tr td a:hover {
  text-decoration: underline;
}

table.dataTable thead th {
  padding: 10px 1rem;
}

table,
.bc-table {
  font-size: 1.4rem;
}

table thead th,
.bc-table thead th {
  border: none;
}

table tbody tr,
.bc-table tbody tr {
  width: 100%;
}

table tbody tr th,
.bc-table tbody tr th {
  position: relative;
}

table tbody tr td,
.bc-table tbody tr td {
  color: var(--main-text);
  padding-left: 1rem;
  padding-right: 1rem;
}

table tbody tr td div.circle,
.bc-table tbody tr td div.circle {
  height: 42px;
  width: 42px;
  border: 3px solid var(--secondary-text);
}

table tbody tr td .dropdown-toggle,
.bc-table tbody tr td .dropdown-toggle {
  display: none;
}

table.note-history-table.bc-table thead tr th {
  border-bottom: var(--border-medium);
  background: var(--bg);
}

table.note-history-table.bc-table thead tbody tr td:nth-child(odd) {
  background: var(--tr-even);
}

table.note-history-table.bc-table thead tbody tr td:nth-child(even) {
  background: var(--tr-odd);
}

.bc-table {
  border-spacing: 16px;
}

.bc-table tbody tr td {
  background: var(--input);
}

.bc-table tbody tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bc-table tbody tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bc-table td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bc-report-table thead th {
  font-weight: 800;
}

.bc-report-table tbody tr td {
  padding: 1rem;
  color: var(--main-text);
}

.user_activity_report {
  text-align: right;
}

.user_activity_report th {
  text-align: inherit;
}

.user_activity_report .notes_by_action {
  padding-top: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

.user_activity_report .user_activity_totals {
  font-weight: 700;
  font-size: 18px;
}

table.sales-playbook-table {
  table-layout: fixed;
}

table.sales-playbook-table thead th {
  text-align: center;
}

table.sales-playbook-table tbody td {
  max-width: 200px;
  height: 100px;
  padding: 1rem;
}

table.sales-playbook-table tbody td .editable-click {
  height: 100%;
  position: relative;
  background: var(--input);
}

table.sales-playbook-table tbody td .editable-click a {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0.25;
  line-height: 20px;
}

table.sales-playbook-table tbody td .editable-click:hover {
  border-radius: 4px;
}

table.sales-playbook-table tbody td:first-child {
  text-align: right;
  letter-spacing: 1px;
  padding-right: 1rem;
  font-size: 16px;
  font-size: 1.8rem;
}

#bc_list_table_wrapper {
  opacity: 0;
}

#bc_list_table_wrapper .filter__active {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(var(--accent-3)),
    to(var(--accent-4))
  );
  background: linear-gradient(0deg, var(--accent-3), var(--accent-4));
}

#bc_list_table_length,
#te_list_table_length,
#bc_jobs_tab_list_length,
#bc_report_table_length {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: var(--main-text);
  font-weight: 200 !important;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
}

#bc_list_table_length select,
#te_list_table_length select,
#bc_jobs_tab_list_length select,
#bc_report_table_length select {
  padding: 0 5px;
  border-bottom: none;
  cursor: pointer;
  color: inherit;
  font-family: "Manrope", sans-serif;
}

#bc_list_table_length select::after,
#te_list_table_length select::after,
#bc_jobs_tab_list_length select::after,
#bc_report_table_length select::after {
  content: ">";
}

#bc_list_table_length select option,
#te_list_table_length select option,
#bc_jobs_tab_list_length select option,
#bc_report_table_length select option {
  background: var(--filter-input-bg) !important;
  color: var(--main-text);
}

#bc_list_table_length label,
#te_list_table_length label,
#bc_jobs_tab_list_length label,
#bc_report_table_length label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 200 !important;
}

#bc_list_table_filter,
#te_list_table_filter,
#bc_report_table_filter {
  display: none;
}

#bc_list_table_processing,
#te_list_table_processing {
  display: none;
}

#bc_jobs_tab_list_info,
#bc_list_table_info,
#te_list_table_info {
  color: var(--secondary-text);
}

#bc_list_table_info,
#te_list_table_info {
  position: fixed;
  bottom: 0;
  background: var(--bg);
  left: 0;
  width: 50%;
  height: 50px;
  padding-left: 50px;
}

#bc_list_table_paginate,
#te_list_table_paginate {
  position: fixed;
  bottom: 0;
  background: var(--bg);
  right: 0;
  padding-right: 50px;
  width: 50%;
  height: 50px;
}

#bc_list_table_paginate a.paginate_button,
#te_list_table_paginate a.paginate_button {
  border: none;
  color: var(--secondary-text) !important;
}

#bc_list_table_paginate a.paginate_button:hover,
#te_list_table_paginate a.paginate_button:hover {
  background: rgba(var(--primary-green), 0.2);
}

#bc_list_table_paginate a.current,
#te_list_table_paginate a.current {
  color: var(--inverted-text) !important;
  background: var(--primary-green);
}

#bc_list_table_paginate a.current:hover,
#te_list_table_paginate a.current:hover {
  background: var(--primary-green);
}

#bc_jobs_tab_list_paginate #bc_jobs_tab_list_previous,
#bc_jobs_tab_list_paginate #bc_jobs_tab_list_next {
  color: var(--secondary-text) !important;
}

#bc_jobs_tab_list_filter {
  color: var(--secondary-text) !important;
}

.dataTables_scroll {
  margin-bottom: 50px;
}

.dataTables_scroll .dataTables_scrollHead {
  cursor: pointer;
}

.dataTables_scroll .dataTables_scrollHead th {
  border-bottom: var(--border-light) !important;
}

.dataTables_scroll .dataTables_scrollHead th span.glyphicon-remove {
  display: inline-block;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  color: #f95e5e !important;
}

.dataTables_scroll .dataTables_scrollHead th span.column-sort {
  display: inline-block;
  z-index: 9;
}

.dataTables_scroll .dataTables_scrollHead th span.column-sort .sort-btn {
  color: var(--secondary-text);
}

.dataTables_scroll .dataTables_scrollHead th.filtering {
  border-bottom: 2px solid var(--primary-green) !important;
}

.dataTables_scroll .dataTables_scrollBody {
  scrollbar-color: rgba(89, 138, 255, 0.8) var(--bg);
  border: none !important;
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track {
  background: var(--bg);
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-corner {
  background: var(--bg);
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: rgba(89, 138, 255, 0.8);
  border: 3px solid var(--bg);
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
  background: rgba(89, 138, 255, 0.8);
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  table.list-view__table
  thead
  tr
  th:nth-child(2) {
  width: 40px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  thead
  th:nth-child(2) {
  width: 40px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td {
  font-size: 14px;
  font-weight: 400;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td
  div.record-links {
  margin-top: 8px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td
  div.record-links
  a {
  margin-right: 8px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td
  div.record-links
  svg {
  width: 16px;
  height: 16px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td:nth-child(2) {
  width: 40px;
}

#bc_list_table,
#te_list_table {
  table-layout: fixed;
  width: 100% !important;
  margin: 0;
  font-size: 1.3rem;
}

#bc_list_table tbody tr,
#te_list_table tbody tr {
  width: 100%;
}

#bc_list_table tbody tr td,
#te_list_table tbody tr td {
  width: 100%;
  padding-left: 1rem;
}

#bc_list_table tbody tr td div.circle,
#te_list_table tbody tr td div.circle {
  height: 42px;
  width: 42px;
  border: none;
}

#bc_list_table tbody tr td div.circle .profile-pic,
#te_list_table tbody tr td div.circle .profile-pic {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#bc_list_table tbody tr td .dropdown-toggle,
#te_list_table tbody tr td .dropdown-toggle {
  display: none;
}

#bc_list_table tbody tr td a,
#te_list_table tbody tr td a {
  color: var(--main-text);
}

#bc_list_table tbody tr td a .table-icon,
#te_list_table tbody tr td a .table-icon {
  width: 28px;
  opacity: 0.4;
}

#bc_list_table tbody tr td a .table-icon:hover,
#te_list_table tbody tr td a .table-icon:hover {
  opacity: 0.8;
}

table.dataTable td.dataTables_empty {
  text-align: left !important;
  font-size: 2.4rem;
  color: var(--tertiary-text);
  padding: 2.4rem;
}

input,
.field-container_row .input-container ul.tagit li.tagit-new,
.select2-container .select2-search input.select2-search__field,
select {
  background: transparent;
  border: none;
  font-family: "Manrope", sans-serif;
  color: var(--main-text);
  letter-spacing: 1px;
  font-weight: 400;
  padding: 4px 12px;
  width: 100%;
}

input:focus,
.field-container_row .input-container ul.tagit li.tagit-new:focus,
.select2-container .select2-search input.select2-search__field:focus,
textarea:focus,
select:focus {
  outline: none;
}

textarea {
  font-family: "Manrope", sans-serif !important;
  border: none;
  background: var(--input);
  color: var(--main-text);
  padding: 1rem;
  font-size: 1.6rem;
  width: 100%;
  resize: none;
}

input[type="checkbox"],
.field-container_row .input-container ul.tagit li.tagit-new[type="checkbox"],
.select2-container .select2-search input.select2-search__field[type="checkbox"],
input[type="radio"],
.field-container_row .input-container ul.tagit li.tagit-new[type="radio"],
.select2-container .select2-search input.select2-search__field[type="radio"] {
  border: none;
}

input[type="number"]::-webkit-inner-spin-button,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="number"]::-webkit-inner-spin-button,
.select2-container
  .select2-search
  input.select2-search__field[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="number"]::-webkit-outer-spin-button,
.select2-container
  .select2-search
  input.select2-search__field[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"],
.field-container_row .input-container ul.tagit li.tagit-new[type="number"],
.select2-container .select2-search input.select2-search__field[type="number"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield;
}

label.list-view-checkbox {
  position: relative;
}

label.list-view-checkbox input.powerEditCheckboxes,
label.list-view-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li.powerEditCheckboxes.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  label.list-view-checkbox
  li.powerEditCheckboxes.tagit-new,
label.list-view-checkbox
  .select2-container
  .select2-search
  input.powerEditCheckboxes.select2-search__field,
.select2-container
  .select2-search
  label.list-view-checkbox
  input.powerEditCheckboxes.select2-search__field,
label.list-view-checkbox input#bc_checkAllCheckboxes,
label.list-view-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li#bc_checkAllCheckboxes.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  label.list-view-checkbox
  li#bc_checkAllCheckboxes.tagit-new {
  opacity: 0;
  height: 100%;
  width: 100%;
}

label.list-view-checkbox input.powerEditCheckboxes:checked ~ .svg-wrapper,
label.list-view-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li.powerEditCheckboxes.tagit-new:checked
  ~ .svg-wrapper,
.field-container_row
  .input-container
  ul.tagit
  label.list-view-checkbox
  li.powerEditCheckboxes.tagit-new:checked
  ~ .svg-wrapper,
label.list-view-checkbox
  .select2-container
  .select2-search
  input.powerEditCheckboxes.select2-search__field:checked
  ~ .svg-wrapper,
label.list-view-checkbox input#bc_checkAllCheckboxes:checked ~ .svg-wrapper,
label.list-view-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li#bc_checkAllCheckboxes.tagit-new:checked
  ~ .svg-wrapper,
.field-container_row
  .input-container
  ul.tagit
  label.list-view-checkbox
  li#bc_checkAllCheckboxes.tagit-new:checked
  ~ .svg-wrapper,
label.list-view-checkbox
  .select2-container
  .select2-search
  input#bc_checkAllCheckboxes.select2-search__field:checked
  ~ .svg-wrapper {
  -webkit-animation: checkboxChecked 0.1s ease-in-out 0s 1 none;
  animation: checkboxChecked 0.1s ease-in-out 0s 1 none;
}

label.list-view-checkbox
  input.powerEditCheckboxes:checked
  ~ .svg-wrapper:active,
label.list-view-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li.powerEditCheckboxes.tagit-new:checked
  ~ .svg-wrapper:active,
.field-container_row
  .input-container
  ul.tagit
  label.list-view-checkbox
  li.powerEditCheckboxes.tagit-new:checked
  ~ .svg-wrapper:active,
label.list-view-checkbox
  .select2-container
  .select2-search
  input.powerEditCheckboxes.select2-search__field:checked
  ~ .svg-wrapper:active,
label.list-view-checkbox
  input#bc_checkAllCheckboxes:checked
  ~ .svg-wrapper:active,
label.list-view-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li#bc_checkAllCheckboxes.tagit-new:checked
  ~ .svg-wrapper:active,
.field-container_row
  .input-container
  ul.tagit
  label.list-view-checkbox
  li#bc_checkAllCheckboxes.tagit-new:checked
  ~ .svg-wrapper:active,
label.list-view-checkbox
  .select2-container
  .select2-search
  input#bc_checkAllCheckboxes.select2-search__field:checked
  ~ .svg-wrapper:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

label.list-view-checkbox
  input.powerEditCheckboxes:checked
  ~ .svg-wrapper::after,
label.list-view-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li.powerEditCheckboxes.tagit-new:checked
  ~ .svg-wrapper::after,
.field-container_row
  .input-container
  ul.tagit
  label.list-view-checkbox
  li.powerEditCheckboxes.tagit-new:checked
  ~ .svg-wrapper::after,
label.list-view-checkbox
  .select2-container
  .select2-search
  input.powerEditCheckboxes.select2-search__field:checked
  ~ .svg-wrapper::after,
label.list-view-checkbox
  input#bc_checkAllCheckboxes:checked
  ~ .svg-wrapper::after,
label.list-view-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li#bc_checkAllCheckboxes.tagit-new:checked
  ~ .svg-wrapper::after,
.field-container_row
  .input-container
  ul.tagit
  label.list-view-checkbox
  li#bc_checkAllCheckboxes.tagit-new:checked
  ~ .svg-wrapper::after,
label.list-view-checkbox
  .select2-container
  .select2-search
  input#bc_checkAllCheckboxes.select2-search__field:checked
  ~ .svg-wrapper::after {
  content: url("../../images/icons/svg/checkbox/on.svg");
}

label.list-view-checkbox div.svg-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  height: 16px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

label.list-view-checkbox div.svg-wrapper:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

label.list-view-checkbox div.svg-wrapper::after {
  content: url("../../images/icons/svg/checkbox/off.svg");
}

select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: auto;
}

option {
  background: var(--input);
  color: var(--main-text);
}

.selectdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify-between;
  -ms-flex-pack: justify-between;
  justify-content: justify-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--input);
  padding-right: 12px;
  border-radius: 4px;
  position: relative;
}
.selectdiv select:hover,
.selectdiv__arrow:hover, 
.selectdiv:hover {
  cursor: pointer;
}

.selectdiv:after {
  content: ">";
  display: inline-block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 2.4rem;
  color: var(--main-text);
  z-index: 0;
  pointer-events: inherit;
}

.restart-flo-block .selectdiv:after {
  display: none;
}

.restart-flo-block option:hover {
  background: var(--primary-green);
}
.restart-flo-block .selectdiv {
  width: 105px;
  height: 30px;
}
.restart-flo-block .selectdiv:hover .selectdiv__arrow path {
  fill: var(--primary-green);
}
.restart-flo-block .selectdiv select {
  position: absolute;
  width: 100%;
  z-index: 11;
}
#restart-container .selectdiv__arrow {
  position: absolute;
  /* position: relative; */
  right:0;
  top: 3px;
  width: 25px;
  height: 30px;
  z-index: 10;
}

.restart-flo-block .selectdiv__arrow path {
  fill:var(--main-text);
}

#client_locations {
  font-size: 1.4rem;
}

.field-container_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.6rem;
  margin-bottom: 12px;
}

.field-container_row label {
  font-size: 1.4rem;
  color: var(--primary-green);
  padding: 1px 0px;
  margin: 0;
  margin-bottom: 4px;
  font-weight: 400;
}

.field-container_row .input-container {
  width: 100%;
  border-bottom: none;
  border-radius: 4px;
  -webkit-box-shadow: var(--input-shadow);
  box-shadow: var(--input-shadow);
  border-left: 2px solid transparent;
  background: var(--input);
  position: relative;
  color: var(--main-text);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.field-container_row .input-container.disabled {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.field-container_row .input-container.disabled textarea {
  background: none;
}

.field-container_row .input-container.disabled:focus-within {
  border-left-color: transparent;
}

.field-container_row .input-container:focus-within {
  border-left: 2px solid var(--primary-green);
  border-bottom: 2px solid var(--primary-green);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.field-container_row .input-container textarea {
  background: var(--input);
}

.field-container_row .input-container input,
.field-container_row .input-container ul.tagit li.tagit-new,
.field-container_row
  .input-container
  .select2-container
  .select2-search
  input.select2-search__field,
.select2-container
  .select2-search
  .field-container_row
  .input-container
  input.select2-search__field,
.field-container_row .input-container select,
.field-container_row .input-container textarea {
  display: inline-block;
  border-radius: 0 4px 4px 0;
  border: none;
  padding: 6px 12px;
  width: 100%;
  color: var(--main-text);
}

.field-container_row .input-container input::-webkit-input-placeholder,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new::-webkit-input-placeholder,
.field-container_row
  .input-container
  .select2-container
  .select2-search
  input.select2-search__field::-webkit-input-placeholder,
.select2-container
  .select2-search
  .field-container_row
  .input-container
  input.select2-search__field::-webkit-input-placeholder,
.field-container_row .input-container select::-webkit-input-placeholder,
.field-container_row .input-container textarea::-webkit-input-placeholder {
  color: var(--tertiary-text);
  opacity: 1;
}

.field-container_row .input-container input:-ms-input-placeholder,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new:-ms-input-placeholder,
.field-container_row
  .input-container
  .select2-container
  .select2-search
  input.select2-search__field:-ms-input-placeholder,
.select2-container
  .select2-search
  .field-container_row
  .input-container
  input.select2-search__field:-ms-input-placeholder,
.field-container_row .input-container select:-ms-input-placeholder,
.field-container_row .input-container textarea:-ms-input-placeholder {
  color: var(--tertiary-text);
  opacity: 1;
}

.field-container_row .input-container input::-ms-input-placeholder,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new::-ms-input-placeholder,
.field-container_row
  .input-container
  .select2-container
  .select2-search
  input.select2-search__field::-ms-input-placeholder,
.select2-container
  .select2-search
  .field-container_row
  .input-container
  input.select2-search__field::-ms-input-placeholder,
.field-container_row .input-container select::-ms-input-placeholder,
.field-container_row .input-container textarea::-ms-input-placeholder {
  color: var(--tertiary-text);
  opacity: 1;
}

.field-container_row .input-container input::placeholder,
.field-container_row .input-container ul.tagit li.tagit-new::placeholder,
.field-container_row
  .input-container
  .select2-container
  .select2-search
  input.select2-search__field::placeholder,
.select2-container
  .select2-search
  .field-container_row
  .input-container
  input.select2-search__field::placeholder,
.field-container_row .input-container select::placeholder,
.field-container_row .input-container textarea::placeholder {
  color: var(--tertiary-text);
  opacity: 1;
}

.field-container_row .input-container input option,
.field-container_row .input-container ul.tagit li.tagit-new option,
.field-container_row
  .input-container
  .select2-container
  .select2-search
  input.select2-search__field
  option,
.select2-container
  .select2-search
  .field-container_row
  .input-container
  input.select2-search__field
  option,
.field-container_row .input-container select option,
.field-container_row .input-container textarea option {
  color: var(--main-text);
}

.field-container_row .input-container input option:hover,
.field-container_row .input-container ul.tagit li.tagit-new option:hover,
.field-container_row .input-container select option:hover,
.field-container_row .input-container textarea option:hover {
  background-color: var(--primary-green) !important;
}

.field-container_row .input-container input option:checked,
.field-container_row .input-container ul.tagit li.tagit-new option:checked,
.field-container_row .input-container select option:checked,
.field-container_row .input-container textarea option:checked {
  background-color: var(--primary-green);
}

.field-container_row .input-container input option.option_default,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  option.option_default,
.field-container_row .input-container select option.option_default,
.field-container_row .input-container textarea option.option_default {
  color: var(--tertiary-text);
}

.field-container_row .input-container .span_no-input {
  padding: 6px 12px;
}

.field-container_row .input-container .input-group-addon {
  background: none;
  border: none;
  color: var(--primary-green);
}

.field-container_row .input-container div[id$="results"] {
  position: absolute;
  background: var(--bg-medium) !important;
  color: var(--main-text);
}

.field-container_row .input_no-border {
  border-left: none;
  border-radius: 2px;
}

.field-container_row .input-container_attached {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-container_row .bc-quill-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background: var(--input);
}

.field-container_row .bc-quill-actions .bc-quill-actions-btn {
  padding: 6px;
  border: var(--border-light);
  color: var(--tertiary-text);
  margin: 5px;
  font-size: 1.4rem;
  border-radius: 2px;
  cursor: pointer;
}

.field-container_row .bc-quill-actions .bc-quill-actions-btn:hover {
  background: var(--bg-medium);
  color: var(--secondary-text);
}

.field-container_row .bc-quill-actions .bc-quill-actions-btn .dropdown-menu {
  -webkit-box-shadow: var(--dropdown-shadow);
  box-shadow: var(--dropdown-shadow);
}

.field-container_row .ql-container {
  max-height: 600px;
}

.field-container_row.hide {
  display: none;
}

#bc_button_quickPost {
  width: auto;
  margin: 10px 0 20px 0;
  letter-spacing: 2px;
  font-size: 1.8rem;
}

.bc-quick-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-quick-form .field-container_row {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.bootstrap-datetimepicker-widget {
  background: var(--accent-4);
}

.bc-radio-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: var(--bg-medium);
}

.bc-radio-container .bc-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
}

.bc-radio-container .bc-radio label {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.bc-radio-container .bc-radio input[type="radio"],
.bc-radio-container
  .bc-radio
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="radio"],
.field-container_row
  .input-container
  ul.tagit
  .bc-radio-container
  .bc-radio
  li.tagit-new[type="radio"] {
  visibility: hidden;
}

.bc-radio-container .bc-radio input[type="radio"] + label,
.bc-radio-container
  .bc-radio
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="radio"]
  + label,
.field-container_row
  .input-container
  ul.tagit
  .bc-radio-container
  .bc-radio
  li.tagit-new[type="radio"]
  + label,
.bc-radio-container
  .bc-radio
  .select2-container
  .select2-search
  input.select2-search__field[type="radio"]
  + label {
  color: var(--secondary-text);
  margin: 0;
}

.bc-radio-container .bc-radio input[type="radio"]:checked + label,
.bc-radio-container
  .bc-radio
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="radio"]:checked
  + label,
.field-container_row
  .input-container
  ul.tagit
  .bc-radio-container
  .bc-radio
  li.tagit-new[type="radio"]:checked
  + label,
.bc-radio-container
  .bc-radio
  .select2-container
  .select2-search
  input.select2-search__field[type="radio"]:checked
  + label {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--primary-green)),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, var(--primary-green), #4ca05a);
  color: var(--inverted-text);
  font-weight: 700;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.none-selected {
  color: var(--secondary-text);
}

.bc-checkbox-collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bc-checkbox {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 5px;
  position: relative;
}

.bc-checkbox input[type="checkbox"],
.bc-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="checkbox"],
.field-container_row
  .input-container
  ul.tagit
  .bc-checkbox
  li.tagit-new[type="checkbox"],
.bc-checkbox
  .select2-container
  .select2-search
  input.select2-search__field[type="checkbox"],
.select2-container
  .select2-search
  .bc-checkbox
  input.select2-search__field[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.bc-checkbox label {
  color: var(--tertiary-text);
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 1.4rem;
  text-align: center;
  padding: 6px;
  border: 1px solid var(--tertiary-text);
  border-radius: 2px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.bc-checkbox input[type="checkbox"]:checked + label,
.bc-checkbox
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="checkbox"]:checked
  + label,
.field-container_row
  .input-container
  ul.tagit
  .bc-checkbox
  li.tagit-new[type="checkbox"]:checked
  + label,
.bc-checkbox
  .select2-container
  .select2-search
  input.select2-search__field[type="checkbox"]:checked
  + label {
  color: var(--white);
  background: rgba(89, 138, 255, 0.6);
  border: 1px solid #598aff;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.bc-checkbox_full-width {
  width: 100%;
}

.bc-checkbox_disabled {
  text-align: left;
}

.bc-checkbox_disabled label {
  text-align: inherit;
  border: none;
}

.bc-checkbox_small label {
  font-size: 1.25rem;
}

ul.dropdown-menu {
  background: var(--quick-notes-bg);
  color: var(--secondary-text);
  max-height: 300px;
  overflow: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

ul.dropdown-menu::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

ul.dropdown-menu li {
  color: inherit;
}

ul.dropdown-menu li a {
  color: inherit;
}

ul.dropdown-menu li a:hover {
  background: var(--primary-green);
}

.editable-container {
  display: block !important;
  height: 100%;
  width: 100%;
}

.editable-container > div {
  height: 100%;
}

.editable-container .editableform {
  height: 100%;
  width: 100%;
}

.editable-container .editableform .form-group {
  height: 100%;
  width: 100%;
}

.editable-container .editableform .form-group > div:nth-child(1) {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.editable-container
  .editableform
  .form-group
  > div:nth-child(1)
  .editable-input {
  width: 100%;
  height: 100%;
}

.editable-container
  .editableform
  .form-group
  > div:nth-child(1)
  .editable-input
  textarea {
  width: 100%;
  height: 100%;
  height: 100px;
}

.editable-container
  .editableform
  .form-group
  > div:nth-child(1)
  .editable-buttons {
  margin-bottom: -11px;
  position: absolute;
  bottom: 50%;
  left: 100%;
}

.editable-container
  .editableform
  .form-group
  > div:nth-child(1)
  .editable-buttons
  .btn {
  padding: 0 0.25rem;
}

.bc-editable-input {
  max-height: 60px;
}

label.label-to-the-left {
  display: inline-block;
  padding-right: 10px;
  font-weight: 600;
}

@-webkit-keyframes checkboxChecked {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  75% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes checkboxChecked {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  75% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.field-container_row .input-container ul.tagit {
  background: transparent !important;
  border: none;
}

.field-container_row .input-container ul.tagit li {
  margin: 0;
}

.field-container_row .input-container ul.tagit li.tagit-new {
  display: inline-block;
  border-radius: 4px;
  border: none;
  margin: 0;
  padding: 0;
  padding-left: 6px;
  padding-right: 6px;
  width: 100%;
  margin-top: 10px;
  border: none;
  background: inherit;
  color: var(--main-text);
}

.field-container_row .input-container ul.tagit li.tagit-new input,
.field-container_row .input-container ul.tagit li.tagit-new li.tagit-new {
  background: inherit;
  width: 100%;
  margin: 0;
  padding: 0;
}

.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  input::-webkit-input-placeholder,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  li.tagit-new::-webkit-input-placeholder {
  color: var(--tertiary-text);
  font-size: 1.4rem;
}

.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  input:-ms-input-placeholder,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  li.tagit-new:-ms-input-placeholder {
  color: var(--tertiary-text);
  font-size: 1.4rem;
}

.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  input::-ms-input-placeholder,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  li.tagit-new::-ms-input-placeholder {
  color: var(--tertiary-text);
  font-size: 1.4rem;
}

.field-container_row .input-container ul.tagit li.tagit-new input::placeholder,
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  li.tagit-new::placeholder {
  color: var(--tertiary-text);
  font-size: 1.4rem;
}

.field-container_row .input-container ul.tagit li.tagit-new option {
  background: var(--bg);
  color: var(--main-text);
}

.field-container_row .input-container ul.tagit li.tagit-new option:hover {
  background: var(--primary-green) !important;
}

.field-container_row .input-container ul.tagit li.tagit-new option:checked {
  background: var(--primary-green);
  color: var(--dropdown);
}

.field-container_row
  .input-container
  ul.tagit
  li.tagit-new
  option.option_default {
  color: var(--bg-medium);
}

.field-container_row .input-container ul.tagit li.tagit-choice {
  font-family: "Manrope", sans-serif;
  background: var(--quick-notes-bg);
  border: none;
  color: var(--main-text);
  font-size: 1.6rem;
  margin: 5px 12px 5px 0;
  padding-right: 26px;
  -webkit-box-shadow: var(--tagit-shadow);
  box-shadow: var(--tagit-shadow);
  border-radius: 2px;
  width: auto;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}

.field-container_row .input-container ul.tagit li.tagit-choice .tagit-label {
  font-family: "Manrope", sans-serif;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--main-text);
}

.field-container_row .input-container ul.tagit li.tagit-choice .tagit-close {
  width: 20px;
  height: 20px;
  top: 50%;
  right: 6px;
  margin-top: -8px;
}

.field-container_row
  .input-container
  ul.tagit
  li.tagit-choice
  .tagit-close:after {
  content: "\2715";
  position: absolute;
  top: 0;
  right: 0;
  color: #f95e5e;
  font-weight: 600;
  font-size: 10px;
}

.field-container_row
  .input-container
  ul.tagit
  li.tagit-choice
  .tagit-close
  .ui-icon-close {
  opacity: 0;
}

.ui-autocomplete[id^="ui-id"],
.tagit-autocomplete[id^="ui-id"] {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 400px;
  background: var(--dropdown);
  -webkit-box-shadow: var(--dropdown-shadow);
  box-shadow: var(--dropdown-shadow);
  border: none;
  font-family: inherit;
  color: var(--main-text);
  border-radius: 6px;
  font-size: 14px;
}

.ui-autocomplete[id^="ui-id"] li,
.tagit-autocomplete[id^="ui-id"] li {
  padding: 0.4rem 1rem;
  max-width: 400px;
}

.select2-container {
  background: none;
  width: 100%;
  padding: 3px 12px;
}

.select2-container .select2-search {
  width: 100%;
  background: inherit;
}

.select2-container
  .select2-search
  .field-container_row
  .input-container
  ul.tagit
  li.select2-search__field.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  .select2-container
  .select2-search
  li.select2-search__field.tagit-new,
.select2-container .select2-search input.select2-search__field {
  width: 100% !important;
  background: inherit;
  font-family: "Manrope", sans-serif;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: var(--border-light);
}

.select2-container .select2-selection {
  background: none;
  border: none;
}

.select2-container
  .select2-selection
  ul.select2-selection__rendered
  .select2-results__message,
.select2-container
  .select2-selection
  ul.select2-selection__rendered
  .select2-results__option {
  width: 100%;
}

.select2-container
  .select2-selection
  ul.select2-selection__rendered
  li.select2-results__message {
  font-size: 14px !important;
  color: var(--secondary-text) !important;
}

.select2-container
  .select2-selection
  ul.select2-selection__rendered
  .select2-selection__choice {
  border: none;
  color: var(--main-text);
  font-size: 1.6rem;
  margin: 5px 12px 5px 0;
  padding: 4px;
  padding-right: 10px;
  -webkit-box-shadow: var(--tagit-shadow);
  box-shadow: var(--tagit-shadow);
  background: var(--quick-notes-bg);
  border-radius: 2px;
  width: auto;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
  font-family: "Manrope", sans-serif;
}

.select2-container
  .select2-selection
  ul.select2-selection__rendered
  .select2-selection__choice
  .select2-selection__choice__remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 4px;
  position: relative;
  font-size: 17px;
  color: #f95e5e;
}

.select2-container
  .select2-selection
  ul.select2-selection__rendered
  .select2-selection__clear {
  width: 20px;
  height: 20px;
  padding: 4px;
  position: relative;
  font-size: 17px;
  color: #f95e5e;
}

.select2-container .select2-dropdown {
  border: none;
  background: var(--dropdown);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-box-shadow: var(--input-shadow);
  box-shadow: var(--input-shadow);
}

.select2-container .select2-dropdown .select2-search {
  background: none;
  overflow: hidden;
}

.select2-container
  .select2-dropdown
  .select2-results
  ul.select2-results__options {
  background: none;
  color: var(--main-text);
}

.select2-container
  .select2-dropdown
  .select2-results
  ul.select2-results__options
  li.select2-results__option {
  background: none;
  color: var(--main-text);
}

.select2-container
  .select2-dropdown
  .select2-results
  ul.select2-results__options
  li.select2-results__option--highlighted {
  background: var(--primary-green);
  color: var(--inverted-text);
}

.selection .select2-selection .select2-selection__rendered {
  color: var(--main-text);
}

.selection
  .select2-selection
  .select2-selection__rendered
  .select2-selection__placeholder {
  color: var(--main-text);
}

.selection .select2-selection .select2-selection__arrow {
  color: var(--main-text);
}

.ui-datepicker,
.bootstrap-datetimepicker-widget {
  background: var(--input);
  border: none;
}

.ui-datepicker .ui-datepicker-header,
.bootstrap-datetimepicker-widget .ui-datepicker-header {
  background: var(--main-gradient);
  border: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.bootstrap-datetimepicker-widget .ui-datepicker-header .ui-datepicker-title {
  color: var(--main-text);
}

.ui-datepicker table.ui-datepicker-calendar td a,
.bootstrap-datetimepicker-widget table.ui-datepicker-calendar td a {
  background: transparent;
  border: var(--border-medium);
  border-top: none;
  border-left: none;
  color: var(--main-text);
}

.ui-datepicker table.ui-datepicker-calendar td a:hover,
.bootstrap-datetimepicker-widget table.ui-datepicker-calendar td a:hover {
  color: var(--black);
  background: var(--primary-green);
}

.ui-datepicker table.ui-datepicker-calendar tbody tr,
.bootstrap-datetimepicker-widget table.ui-datepicker-calendar tbody tr {
  background: transparent !important;
}

.ui-datepicker .ui_tpicker_time_label{
  color: var(--secondary-text);
}

.ui-state-default, .ui-widget-content .ui-state-default{
  background: var(--main-gradient);
  color: var(--secondary-text);
  border-color: var(--secondary-text);
}
.ui-state-hover, .ui-widget-content .ui-state-hover{
  color: var(--secondary-text);
}

.bootstrap-datetimepicker-widget {
  width: 100%;
  inset: 0;
  display: block !important;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.prev,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.prev {
  text-align: center;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.picker-switch,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.next,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.next {
  text-align: center;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr
  th.dow,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr
  th.dow {
  text-align: right;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  tbody
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  tbody
  tr {
  background: transparent !important;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  tbody
  tr
  td.day,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  tbody
  tr
  td.day {
  cursor: pointer;
  border: var(--border-medium);
  border-top: none;
  border-left: none;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  tbody
  tr
  td.day:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  tbody
  tr
  td.day:hover {
  color: var(--black);
  background: var(--primary-green);
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  thead {
  background: var(--main-gradient);
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  thead
  tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  tr {
  width: 100%;
  height: 100%;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  td {
  width: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.33% 33.33% 33.33%;
  grid-template-columns: 33.33% 33.33% 33.33%;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  td
  span {
  border: var(--border-medium);
  border-top: none;
  border-left: none;
  padding: 5px;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  td
  span:hover {
  color: var(--black);
  background: var(--primary-green);
}

.bootstrap-datetimepicker-widget ul.list-unstyled .picker-switch table tbody tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .accordion-toggle
  table
  tbody
  tr {
  background: transparent !important;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
}

.bootstrap-datetimepicker-widget table tr {
  background: transparent !important;
}

.bootstrap-datetimepicker-widget table td {
  text-align: right;
}

.nav__iconbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: column;
  -ms-flex-pack: column;
  justify-content: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: fixed;
  left: 0;
  top: 80px;
  z-index: 9;
  padding: 1rem 1rem 1rem 0;
  padding-left: 2rem;
  height: 100%;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-top-right-radius: 8px;
  overflow: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.nav__iconbar:hover {
  background: var(--dropdown);
  -webkit-box-shadow: var(--dropdown-shadow);
  box-shadow: var(--dropdown-shadow);
}

.nav__iconbar .nav__btn {
  margin-top: 2rem;
  margin-bottom: 2rem;
  cursor: pointer;
}

.nav__iconbar .nav__btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--tertiary-text);
}

.nav__iconbar .nav__btn a:hover {
  color: var(--primary-green);
}

.nav__iconbar .nav__btn a svg {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.nav__iconbar .nav__btn a svg g#Layer_1 {
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .nav__icon--hover {
  fill: var(--primary-green);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.nav__iconbar .nav__btn a .nav__icon--hover g#Layer_1 {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.nav__iconbar .nav__btn a .nav__icon--hover g#talent path,
.nav__iconbar .nav__btn a .nav__icon--hover g#crm path,
.nav__iconbar .nav__btn a .nav__icon--hover g#job path,
.nav__iconbar .nav__btn a .nav__icon--hover g#report path,
.nav__iconbar .nav__btn a .nav__icon--hover g#document path,
.nav__iconbar .nav__btn a .nav__icon--hover g#task path,
.nav__iconbar .nav__btn a .nav__icon--hover g#appt path,
.nav__iconbar .nav__btn a .nav__icon--hover g#vendor path,
.nav__iconbar .nav__btn a .nav__icon--hover g#workflow path {
  fill: var(--primary-green);
}

.nav__iconbar .nav__btn a .outer-icon_loading-1 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.08333s;
  animation-delay: 0.08333s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-1 g#talent.inner-icon_loading-1,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#crm.inner-icon_loading-1,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#job.inner-icon_loading-1,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#report.inner-icon_loading-1,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#document.inner-icon_loading-1,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#task.inner-icon_loading-1,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#appt.inner-icon_loading-1,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#vendor.inner-icon_loading-1,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-1
  g#workflow.inner-icon_loading-1 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.08333s;
  animation-delay: 0.08333s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-1
  g#talent.inner-icon_loading-1
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#crm.inner-icon_loading-1 path,
.nav__iconbar .nav__btn a .outer-icon_loading-1 g#job.inner-icon_loading-1 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-1
  g#report.inner-icon_loading-1
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-1
  g#document.inner-icon_loading-1
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-1
  g#task.inner-icon_loading-1
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-1
  g#appt.inner-icon_loading-1
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-1
  g#vendor.inner-icon_loading-1
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-1
  g#workflow.inner-icon_loading-1
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .outer-icon_loading-2 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.16667s;
  animation-delay: 0.16667s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-2 g#talent.inner-icon_loading-2,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#crm.inner-icon_loading-2,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#job.inner-icon_loading-2,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#report.inner-icon_loading-2,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#document.inner-icon_loading-2,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#task.inner-icon_loading-2,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#appt.inner-icon_loading-2,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#vendor.inner-icon_loading-2,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-2
  g#workflow.inner-icon_loading-2 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.16667s;
  animation-delay: 0.16667s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-2
  g#talent.inner-icon_loading-2
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#crm.inner-icon_loading-2 path,
.nav__iconbar .nav__btn a .outer-icon_loading-2 g#job.inner-icon_loading-2 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-2
  g#report.inner-icon_loading-2
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-2
  g#document.inner-icon_loading-2
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-2
  g#task.inner-icon_loading-2
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-2
  g#appt.inner-icon_loading-2
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-2
  g#vendor.inner-icon_loading-2
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-2
  g#workflow.inner-icon_loading-2
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .outer-icon_loading-3 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-3 g#talent.inner-icon_loading-3,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#crm.inner-icon_loading-3,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#job.inner-icon_loading-3,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#report.inner-icon_loading-3,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#document.inner-icon_loading-3,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#task.inner-icon_loading-3,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#appt.inner-icon_loading-3,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#vendor.inner-icon_loading-3,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-3
  g#workflow.inner-icon_loading-3 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-3
  g#talent.inner-icon_loading-3
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#crm.inner-icon_loading-3 path,
.nav__iconbar .nav__btn a .outer-icon_loading-3 g#job.inner-icon_loading-3 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-3
  g#report.inner-icon_loading-3
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-3
  g#document.inner-icon_loading-3
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-3
  g#task.inner-icon_loading-3
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-3
  g#appt.inner-icon_loading-3
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-3
  g#vendor.inner-icon_loading-3
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-3
  g#workflow.inner-icon_loading-3
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .outer-icon_loading-4 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-4 g#talent.inner-icon_loading-4,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#crm.inner-icon_loading-4,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#job.inner-icon_loading-4,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#report.inner-icon_loading-4,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#document.inner-icon_loading-4,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#task.inner-icon_loading-4,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#appt.inner-icon_loading-4,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#vendor.inner-icon_loading-4,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-4
  g#workflow.inner-icon_loading-4 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-4
  g#talent.inner-icon_loading-4
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#crm.inner-icon_loading-4 path,
.nav__iconbar .nav__btn a .outer-icon_loading-4 g#job.inner-icon_loading-4 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-4
  g#report.inner-icon_loading-4
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-4
  g#document.inner-icon_loading-4
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-4
  g#task.inner-icon_loading-4
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-4
  g#appt.inner-icon_loading-4
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-4
  g#vendor.inner-icon_loading-4
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-4
  g#workflow.inner-icon_loading-4
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .outer-icon_loading-5 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.41667s;
  animation-delay: 0.41667s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-5 g#talent.inner-icon_loading-5,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#crm.inner-icon_loading-5,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#job.inner-icon_loading-5,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#report.inner-icon_loading-5,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#document.inner-icon_loading-5,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#task.inner-icon_loading-5,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#appt.inner-icon_loading-5,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#vendor.inner-icon_loading-5,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-5
  g#workflow.inner-icon_loading-5 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.41667s;
  animation-delay: 0.41667s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-5
  g#talent.inner-icon_loading-5
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#crm.inner-icon_loading-5 path,
.nav__iconbar .nav__btn a .outer-icon_loading-5 g#job.inner-icon_loading-5 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-5
  g#report.inner-icon_loading-5
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-5
  g#document.inner-icon_loading-5
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-5
  g#task.inner-icon_loading-5
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-5
  g#appt.inner-icon_loading-5
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-5
  g#vendor.inner-icon_loading-5
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-5
  g#workflow.inner-icon_loading-5
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .outer-icon_loading-6 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-6 g#talent.inner-icon_loading-6,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#crm.inner-icon_loading-6,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#job.inner-icon_loading-6,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#report.inner-icon_loading-6,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#document.inner-icon_loading-6,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#task.inner-icon_loading-6,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#appt.inner-icon_loading-6,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#vendor.inner-icon_loading-6,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-6
  g#workflow.inner-icon_loading-6 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-6
  g#talent.inner-icon_loading-6
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#crm.inner-icon_loading-6 path,
.nav__iconbar .nav__btn a .outer-icon_loading-6 g#job.inner-icon_loading-6 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-6
  g#report.inner-icon_loading-6
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-6
  g#document.inner-icon_loading-6
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-6
  g#task.inner-icon_loading-6
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-6
  g#appt.inner-icon_loading-6
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-6
  g#vendor.inner-icon_loading-6
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-6
  g#workflow.inner-icon_loading-6
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .outer-icon_loading-7 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.58333s;
  animation-delay: 0.58333s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-7 g#talent.inner-icon_loading-7,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#crm.inner-icon_loading-7,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#job.inner-icon_loading-7,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#report.inner-icon_loading-7,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#document.inner-icon_loading-7,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#task.inner-icon_loading-7,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#appt.inner-icon_loading-7,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#vendor.inner-icon_loading-7,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-7
  g#workflow.inner-icon_loading-7 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.58333s;
  animation-delay: 0.58333s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-7
  g#talent.inner-icon_loading-7
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#crm.inner-icon_loading-7 path,
.nav__iconbar .nav__btn a .outer-icon_loading-7 g#job.inner-icon_loading-7 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-7
  g#report.inner-icon_loading-7
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-7
  g#document.inner-icon_loading-7
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-7
  g#task.inner-icon_loading-7
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-7
  g#appt.inner-icon_loading-7
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-7
  g#vendor.inner-icon_loading-7
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-7
  g#workflow.inner-icon_loading-7
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .outer-icon_loading-8 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.66667s;
  animation-delay: 0.66667s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-8 g#talent.inner-icon_loading-8,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#crm.inner-icon_loading-8,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#job.inner-icon_loading-8,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#report.inner-icon_loading-8,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#document.inner-icon_loading-8,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#task.inner-icon_loading-8,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#appt.inner-icon_loading-8,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#vendor.inner-icon_loading-8,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-8
  g#workflow.inner-icon_loading-8 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.66667s;
  animation-delay: 0.66667s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-8
  g#talent.inner-icon_loading-8
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#crm.inner-icon_loading-8 path,
.nav__iconbar .nav__btn a .outer-icon_loading-8 g#job.inner-icon_loading-8 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-8
  g#report.inner-icon_loading-8
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-8
  g#document.inner-icon_loading-8
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-8
  g#task.inner-icon_loading-8
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-8
  g#appt.inner-icon_loading-8
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-8
  g#vendor.inner-icon_loading-8
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-8
  g#workflow.inner-icon_loading-8
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .outer-icon_loading-9 {
  -webkit-animation-name: nav-icon-loading;
  animation-name: nav-icon-loading;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar .nav__btn a .outer-icon_loading-9 g#talent.inner-icon_loading-9,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#crm.inner-icon_loading-9,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#job.inner-icon_loading-9,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#report.inner-icon_loading-9,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#document.inner-icon_loading-9,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#task.inner-icon_loading-9,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#appt.inner-icon_loading-9,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#vendor.inner-icon_loading-9,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-9
  g#workflow.inner-icon_loading-9 {
  -webkit-animation-name: nav-icon-loading-color;
  animation-name: nav-icon-loading-color;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-9
  g#talent.inner-icon_loading-9
  path,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#crm.inner-icon_loading-9 path,
.nav__iconbar .nav__btn a .outer-icon_loading-9 g#job.inner-icon_loading-9 path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-9
  g#report.inner-icon_loading-9
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-9
  g#document.inner-icon_loading-9
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-9
  g#task.inner-icon_loading-9
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-9
  g#appt.inner-icon_loading-9
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-9
  g#vendor.inner-icon_loading-9
  path,
.nav__iconbar
  .nav__btn
  a
  .outer-icon_loading-9
  g#workflow.inner-icon_loading-9
  path {
  fill: inherit;
}

.nav__iconbar .nav__btn a .nav__name {
  display: none;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  padding: 0.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  height: 100%;
  font-size: 1.8rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 0px 50px 50px 0px;
}

.nav__iconbar .nav__btn a .nav__name--hover {
  display: block;
}

.nav__iconbar .nav__btn .sub-menu {
  display: none;
  direction: rtl;
}

.nav__iconbar .nav__btn .sub-menu li {
  font-weight: 300;
}

.nav__iconbar .nav__btn .sub-menu li a {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: 4rem;
  padding: 0.25rem 1rem;
  width: 100%;
}

.nav__iconbar::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.tabs_one-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 12px;
}

.tabs_two-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: (minmax(min-content, max-content)) [10];
  grid-template-rows: repeat(
    10,
    minmax(-webkit-min-content, -webkit-max-content)
  );
  grid-template-rows: repeat(10, minmax(min-content, max-content));
  grid-column-gap: 20px;
  grid-row-gap: 12px;
  width: 100%;
}

.tabs_three-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: (minmax(min-content, max-content)) [6];
  grid-template-rows: repeat(
    6,
    minmax(-webkit-min-content, -webkit-max-content)
  );
  grid-template-rows: repeat(6, minmax(min-content, max-content));
  grid-gap: 12px;
}

.tabs_four-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: (minmax(min-content, max-content)) [6];
  grid-template-rows: repeat(
    6,
    minmax(-webkit-min-content, -webkit-max-content)
  );
  grid-template-rows: repeat(6, minmax(min-content, max-content));
  grid-gap: 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.tabs_six-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 12px;
}

.tabs_eight-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [8];
  grid-template-columns: repeat(8, 1fr);
  -ms-grid-rows: (minmax(min-content, max-content)) [6];
  grid-template-rows: repeat(
    6,
    minmax(-webkit-min-content, -webkit-max-content)
  );
  grid-template-rows: repeat(6, minmax(min-content, max-content));
  grid-gap: 12px;
}

@-webkit-keyframes icon-hover {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes icon-hover {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes icon-leave {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}

@keyframes icon-leave {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes nav-icon-loading {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: rotate(1);
    transform: rotate(1);
  }
}

@keyframes nav-icon-loading {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: rotate(1);
    transform: rotate(1);
  }
}

@-webkit-keyframes nav-icon-loading-color {
  0% {
    fill: var(--main-text);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    fill: var(--primary-green);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    fill: var(--main-text);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes nav-icon-loading-color {
  0% {
    fill: var(--main-text);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    fill: var(--primary-green);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    fill: var(--main-text);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.bc-dropdown button.nav__plus-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  font-size: 3.2rem;
  font-weight: 600;
  background: var(--bg);
  background: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.bc-dropdown button.nav__plus-btn:hover {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.bc-dropdown button.nav__plus-btn:focus {
  color: var(--primary-green);
}

.bc-dropdown button.nav__avatar-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: none;
}

.bc-dropdown button.nav__avatar-btn img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 4rem;
}

.bc-dropdown button.nav__avatar-btn span {
  padding-left: 1rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bc-dropdown {
  position: relative;
}

.bc-dropdown > ul {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top;
  transform-origin: top;
  position: absolute;
  background: var(--dropdown);
  border-radius: 5px;
  min-width: 240px;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-box-shadow: var(--dropdown-shadow);
  box-shadow: var(--dropdown-shadow);
  z-index: 100;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none;
  overflow: hidden;
  font-weight: 400;
  cursor: pointer;
}

.bc-dropdown > ul > a {
  padding-bottom: 1rem;
}

.bc-dropdown > ul a {
  color: inherit;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.bc-dropdown > ul li {
  border-bottom: 1px solid transparent;
}

.bc-dropdown > ul li span.link {
  display: inline-block;
  color: var(--primary-green);
  opacity: 0;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-animation: link 1000ms ease 500ms 1 forwards;
  animation: link 1000ms ease 500ms 1 forwards;
}

.bc-dropdown > ul li:hover {
  color: var(--primary-green);
}

.bc-dropdown > ul[data-dropdown="actions"] li,
.bc-dropdown > ul[data-dropdown="views"] li {
  padding: 1rem;
}

.bc-dropdown > ul[data-dropdown="actions"] li a,
.bc-dropdown > ul[data-dropdown="views"] li a {
  width: 100%;
  height: 100%;
}

.bc-dropdown > ul[data-dropdown="user"] {
  min-width: 240px;
  z-index: 100;
}

.bc-dropdown > ul[data-dropdown="user"] li a {
  padding: 2.4rem;
  display: inline-block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-dropdown > ul[data-dropdown="add"] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  width: 320px;
  padding: 0 1rem 1rem 1rem;
  background: var(--dropdown);
}

.bc-dropdown > ul[data-dropdown="add"] li.add-nav-item_flex {
  margin-top: 1rem;
  color: var(--tertiary-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  width: 100%;
  border-bottom: 1px solid var(--separator);
  padding: 1rem;
  border-radius: 4px 4px 0px 0px;
}

.bc-dropdown > ul[data-dropdown="add"] li.add-nav-item_flex > ul li {
  margin: 2rem 0;
  border-bottom: none;
}

.bc-dropdown > ul[data-dropdown="add"] li.add-nav-item_flex svg {
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.bc-dropdown > ul[data-dropdown="add"] li.add-nav-item_flex svg path {
  fill: var(--tertiary-text);
}

.bc-dropdown > ul[data-dropdown="add"] li.add-nav-item_flex:hover svg {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.bc-dropdown > ul[data-dropdown="add"] li.add-nav-item_flex:hover svg path {
  fill: var(--primary-green);
}

.bc-dropdown > ul li.add-nav-item_default {
  height: 120px;
  width: 100%;
}

.bc-dropdown > ul li.add-nav-item_default > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.bc-dropdown > ul li.add-nav-item_default > a svg {
  margin-bottom: 10px;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.bc-dropdown > ul li.add-nav-item_default > a svg path {
  fill: var(--tertiary-text);
}

.bc-dropdown > ul li.add-nav-item_default > a:hover > svg {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.bc-dropdown > ul li.add-nav-item_default > a:hover > svg path {
  fill: #6cc67b;
}

.bc-dropdown > ul li.add-nav-item_default:nth-child(2) {
  border-bottom: 1px solid var(--separator);
  border-right: 1px solid var(--separator);
}

.bc-dropdown > ul li.add-nav-item_default:nth-child(3) {
  border-bottom: 1px solid var(--separator);
}

.bc-dropdown > ul li.add-nav-item_default:nth-child(4) {
  border-right: 1px solid var(--separator);
}

ul[data-dropdown="actions"].swipe-out {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
  opacity: 0;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}

@-webkit-keyframes link {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes link {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.bc_login_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

nav.nav__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

nav.nav__bar .nav_one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
  background: none;
  z-index: 0;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

nav.nav__bar .nav_one.backdrop {
  background: var(--bg);
  -webkit-box-shadow: 0px 0px 20px -4px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 20px -4px rgba(255, 255, 255, 0.1);
}

nav.nav__bar .nav_one .nav-icon_active path {
  fill: var(--primary-green);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

nav.nav__bar .nav_one .bc-nav-item {
  margin-left: 20px;
  margin-right: 20px;
}

nav.nav__bar .nav_one .logo-btn_lockup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav.nav__bar .nav_one .logo-btn_lockup > a {
  overflow: hidden;
  max-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav.nav__bar .nav_one .global_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 300px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  border: 1px solid var(--separator);
  border-radius: 4px;
}

nav.nav__bar .nav_one .global_search input,
nav.nav__bar
  .nav_one
  .global_search
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  nav.nav__bar
  .nav_one
  .global_search
  li.tagit-new {
  width: 200px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 32px;
  color: inherit;
  padding-left: 2rem !important;
  border: none;
  z-index: 1;
  border-right: none;
  background: var(--card);
  letter-spacing: 1px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

nav.nav__bar .nav_one .global_search input:focus,
nav.nav__bar
  .nav_one
  .global_search
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new:focus,
.field-container_row
  .input-container
  ul.tagit
  nav.nav__bar
  .nav_one
  .global_search
  li.tagit-new:focus {
  border-right: none;
}

nav.nav__bar .nav_one .global_search button {
  height: 32px;
  z-index: 0;
  font-family: inherit;
  color: var(--main-text);
  letter-spacing: 1px;
  font-weight: 700;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background: var(--input);
  color: var(--secondary-text);
  border: none;
  border-radius: 0px 2px 2px 0px;
  font-size: 1.25rem;
}

nav.nav__bar .nav_one #quick-posts-btn {
  cursor: pointer;
}

.quick-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  height: 100vh;
  width: 650px;
  -webkit-box-shadow: var(--dropdown-shadow);
  box-shadow: var(--dropdown-shadow);
  color: var(--main-text);
  background: var(--dropdown);
  border-radius: 5px;
  padding: 1rem;
  z-index: 99;
}

.quick-posts::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.quick-posts .quick-posts-selections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 2rem 0;
  margin: 0;
}

.quick-posts
  .quick-posts-selections
  #select2-quick_post_primary_record-container {
  height: 100%;
}

.quick-posts .quick-posts-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 2rem 0;
}

.quick-posts .quick-posts-search .field-container_row {
  margin-bottom: 0;
}

.quick-posts .quick-posts-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.quick-posts .quick-posts-container .ql-toolbar {
  border-bottom: none;
  background: none;
}

.quick-posts .quick-posts-container #quick_note_comments {
  background: transparent;
  font-family: "Manrope", sans-serif;
  color: var(--main-text);
  font-size: 1.6rem;
  padding: 2rem;
}

.quick-posts .quick-posts-options .field-container_row .input-container {
  background: var(--input-2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.quick-posts
  .quick-posts-options
  .field-container_row
  .input-container
  textarea {
  background: inherit;
}

nav.nav__bar.login-screen {
  background: transparent;
}

.nav__scroll {
  background: var(--bg);
}

.nav__company-logo {
  width: 120px;
  margin-right: 3rem;
}

.bear__logo {
  width: 200px;
}

ul {
  list-style: none;
}

ul .nav-item {
  cursor: pointer;
  padding: 8px 16px;
}

.nav__avatar-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav__avatar-btn img {
  margin-right: 10px;
  border: none;
}

.nav__avatar-btn div.avatar-arrow {
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-clip-path: polygon(50% 80%, 0 20%, 100% 20%);
  clip-path: polygon(50% 80%, 0 20%, 100% 20%);
  background: var(--nav-icon);
  width: 14px;
  height: 14px;
}

.toggle {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 48px;
  height: 24px;
  background: var(--input);
  border-radius: 100px;
  border: 4px solid var(--input);
  cursor: pointer;
  -webkit-box-shadow: var(--input-shadow);
  box-shadow: var(--input-shadow);
}

.flex {
  margin-left: 1rem;
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex .option {
  margin-left: 1rem;
  margin-right: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
}

.flex .slider {
  position: absolute;
  /* background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#6cc67b),
    to(#4ca05a)
  ); */
  background: linear-gradient(180deg, #6cc67b, #4ca05a);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  left: 0px;
  top: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-box-shadow: var(--toggle-shadow);
  box-shadow: var(--toggle-shadow);
}

.flex .slider__all, 
.flex .slider__yes {
  left: 24px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

#restart-container .workflow-step-wait-field input[type=number] {
  appearance: none;
}

#restart-container {
  position: relative;
}

#restart-container label {
  position: absolute;
  top: -22px;
}

.bc_workflowNameInput {
  text-overflow: ellipsis;
}
.restart-flo-block {
  /* position: absolute; */
  /* right: 0;
  top: 0; */
  /* background: var(--filter); */
  margin: 1rem;
  /* flex-direction: column; */
}
.restart-flo-block .workflow-wait-container .workflow-step-wait-field {
  font-size: 1.2rem;
}
.restart-flo-block .workflow-wait-container #set-restart-delay {
  background: #74af77;
}
.restart-flo-block .workflow-wait-container #set-restart-delay:hover {
  background: var(--primary-green);
}
nav.nav__bar .nav_one .global_search.active {
  -webkit-box-shadow: var(--input-shadow);
  box-shadow: var(--input-shadow);
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

nav.nav__bar .nav_one .global_search.active input,
nav.nav__bar
  .nav_one
  .global_search.active
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  nav.nav__bar
  .nav_one
  .global_search.active
  li.tagit-new {
  background: var(--input);
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

nav.nav__bar .nav_one .global_search.active button {
  background: var(--primary-green);
  color: var(--inverted-text);
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

#bc-quick-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  height: 100vh;
  width: 650px;
  -webkit-box-shadow: var(--dropdown-shadow);
  box-shadow: var(--dropdown-shadow);
  color: var(--main-text);
  background: var(--dropdown);
  border-radius: 5px;
  padding: 1rem;
  z-index: 101;
}

#bc-quick-posts::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

#bc-quick-posts .quick-posts-selections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 2rem 0;
  margin: 0;
}

#bc-quick-posts
  .quick-posts-selections
  #select2-quick_post_primary_record-container {
  height: 100%;
}

#bc-quick-posts .quick-posts-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 2rem 0;
}

#bc-quick-posts .quick-posts-search .field-container_row {
  margin-bottom: 0;
}

#bc-quick-posts .quick-posts-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

#bc-quick-posts .quick-posts-container .ql-toolbar {
  border-bottom: none;
  background: none;
}

#bc-quick-posts .quick-posts-container #quick_note_comments {
  background: transparent;
  font-family: "Manrope", sans-serif;
  color: var(--main-text);
  font-size: 1.6rem;
  padding: 2rem;
}

#bc-quick-posts .quick-posts-options .field-container_row .input-container {
  background: var(--input-2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

#bc-quick-posts
  .quick-posts-options
  .field-container_row
  .input-container
  textarea {
  background: inherit;
}

.quick-posts_enter {
  -webkit-animation: quick-posts-enter 0.3s ease-in-out 0s 1 forwards;
  animation: quick-posts-enter 0.3s ease-in-out 0s 1 forwards;
}

.quick-posts_leave {
  -webkit-animation: quick-posts-leave 0.3s ease-in-out 0s 1 forwards;
  animation: quick-posts-leave 0.3s ease-in-out 0s 1 forwards;
}

@-webkit-keyframes quick-posts-enter {
  0% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes quick-posts-enter {
  0% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes quick-posts-leave {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
}

@keyframes quick-posts-leave {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
}

@media (max-width: 1108px) {
  nav.nav__bar .nav_one .logo-btn_lockup #plus-btn-dropdown,
  nav.nav__bar .nav_one .logo-btn_lockup #quick-posts-btn,
  nav.nav__bar .nav_one .logo-btn_lockup .fileinput-button {
    display: none;
  }
}

@media (max-width: 858px) {
  nav.nav__bar .nav_one .logo-btn_lockup a[href="/manage/index.php"] {
    display: none;
  }
}

@media (max-width: 694px) {
  nav.nav__bar .nav_one .logo-btn_lockup {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  nav.nav__bar .nav_one .logo-btn_lockup:first-child {
    display: none;
  }
}

#bc-loader {
  display: block;
  width: 200px;
  height: 200px;
  margin: 8rem auto;
  z-index: 2;
  position: relative;
  -webkit-perspective: 200px;
  perspective: 200px;
}

#bc-loader .square {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 30px;
  margin-left: 30px;
  height: 60px;
  width: 60px;
  background: var(--primary-green);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

#bc-loader .square1 {
  -webkit-animation: flip1 1.8s ease-in-out infinite;
  animation: flip1 1.8s ease-in-out infinite;
}

#bc-loader .square2 {
  -webkit-animation: flip2 1.8s ease-in-out infinite;
  animation: flip2 1.8s ease-in-out infinite;
  opacity: 0.5;
}

#bc_btn_loader_wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#bc_btn_loader_wrapper:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid white;
  border-radius: 50%;
  -webkit-animation: bc_btn_loader 800ms ease-out 0s infinite forwards;
  animation: bc_btn_loader 800ms ease-out 0s infinite forwards;
}

@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
  }
  25% {
    -webkit-transform: rotateX(180deg) rotateY(0);
    transform: rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: rotateX(0) rotateY(0);
    transform: rotateX(0) rotateY(0);
  }
  75% {
    -webkit-transform: rotateX(0) rotateY(180deg);
    transform: rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
  }
}

@keyframes flip1 {
  0% {
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
  }
  25% {
    -webkit-transform: rotateX(180deg) rotateY(0);
    transform: rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: rotateX(0) rotateY(0);
    transform: rotateX(0) rotateY(0);
  }
  75% {
    -webkit-transform: rotateX(0) rotateY(180deg);
    transform: rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
  }
}

@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: rotateX(0) rotateY(0);
    transform: rotateX(0) rotateY(0);
  }
  25% {
    -webkit-transform: rotateX(0) rotateY(180deg);
    transform: rotateX(0) rotateY(180deg);
  }
  50% {
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: rotateX(180deg) rotateY(0);
    transform: rotateX(180deg) rotateY(0);
  }
  100% {
    -webkit-transform: rotateX(0) rotateY(0);
    transform: rotateX(0) rotateY(0);
  }
}

@keyframes flip2 {
  0% {
    -webkit-transform: rotateX(0) rotateY(0);
    transform: rotateX(0) rotateY(0);
  }
  25% {
    -webkit-transform: rotateX(0) rotateY(180deg);
    transform: rotateX(0) rotateY(180deg);
  }
  50% {
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: rotateX(180deg) rotateY(0);
    transform: rotateX(180deg) rotateY(0);
  }
  100% {
    -webkit-transform: rotateX(0) rotateY(0);
    transform: rotateX(0) rotateY(0);
  }
}

@-webkit-keyframes bc_btn_loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes bc_btn_loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.bc-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border: none;
  padding: 1rem 2rem;
}

.bc-modal-header h2,
.bc-modal-header h4 {
  font-size: 2.4rem;
  font-weight: 200;
  margin-bottom: 0;
  padding-bottom: 0;
}

.bc-modal-header button.close {
  color: var(--main-text);
  justify-self: flex-end;
}

.bc-modal-sub-header {
  margin-bottom: 1.2rem;
}

.modal-search-bar {
  width: 100%;
  margin: 0;
}

.modal-content {
  background: var(--bg);
}

.modal-content.ui-resizable {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  overflow-y: scroll;
}

.modal-content.ui-resizable::-webkit-scrollbar {
  display: none;
}

.modal-content .field-container_row {
  margin-left: 8px;
  margin-right: 8px;
}

.bc-modal-body,
.bc-modal-body form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: none;
  padding: 1.2rem;
  padding-bottom: 2.4rem;
  padding: 1rem 2rem 2.4rem 2rem;
  font-weight: 200;
  margin: 0 auto;
}

.bc-modal-body .records-selected {
  border: 1px solid var(--tertiary-text);
  color: var(--tertiary-text);
  padding: 0.4rem 0.8rem;
  font-size: 14px;
  border-radius: 2px;
  margin-bottom: 1.6rem;
}

.bc-modal-body .records-selected.active {
  color: var(--primary-green);
  border-color: var(--primary-green);
}

.bc-modal-body .bc-view-name {
  font-size: 2.4rem;
  font-weight: 700;
  padding: 1.2rem 0 2.4rem 0;
}

.bc-modal-body .save-current-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.bc-modal-body .or-separator {
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--tertiary-text);
  width: 100%;
}

.bc-modal-body .or-separator .border-style {
  height: 1px;
  background: var(--separator);
  width: 160px;
}

.bc-modal-body .or-separator .or-text {
  margin: 1rem;
}

.bc-modal-body .save-new-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.bc-modal-body .bulk-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-modal-body .status-lead-owner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-modal-body .status-lead-owner > div,
.bc-modal-body form .status-lead-owner > div {
  width: 50%;
}

.bc-modal-body .bc-btn {
  margin: 0;
  min-width: 200px;
  max-width: 260px;
  text-align: center;
}

.bc-modal-footer {
  border: none;
  padding: 1rem 2rem;
}

.bc-modal-form-footer {
  padding: 2rem 0.75rem;
}

.bc-modal-top {
  width: 880px !important;
}

.bc-modal-top .modal-content {
  background: var(--bg);
}

.bc-modal-top .modal-content .ui-icon {
  display: none;
}

#describe_records_selected_to_add_to_workflow {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2.4rem 0;
}

#describe_records_selected_to_add_to_workflow .workflow-stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 1.6rem;
}

#describe_records_selected_to_add_to_workflow
  .workflow-stat
  .workflow-stat-number {
  font-size: 4rem;
  font-weight: 800;
}

#describe_records_selected_to_add_to_workflow .workflow-stat.msg {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  margin-left: 4px;
  margin-right: 4px;
}

#describe_records_selected_to_add_to_workflow .workflow-stat .warning {
  display: block;
  font-size: 14px;
  color: #f95e5e;
  font-weight: 700;
}

.column-check-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  width: 100%;
}

.bc-record-content {
  position: relative;
}

.bc-record-content .close {
  position: absolute;
  left: 10px;
  top: 10px;
  color: var(--main-text);
  margin: 0;
}

.bc-modal-qualification-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

#modal_viewRecord .modal-body {
  border: none;
  color: transparent;
}

#modal_viewRecord .modal-body #iframe_viewRecord {
  border: none;
  color: transparent;
}

#iframe_viewRecord {
  border: none;
  height: 100%;
  width: 100%;
}

#modal_viewRecord .modal-header {
  height: 5vh;
}

#modal_viewRecord .modal-body {
  height: 95vh;
  margin: 0 !important;
  padding: 0 !important;
}

.modal-body .bc_div_generatedGraphic {
  margin-top: 16px;
  padding: 36px auto;
  text-align: center;
}

.modal-body .bc_div_generatedGraphic .share .bc_div_linkedinShareForm {
  margin-bottom: 24px;
  text-align: left;
  max-height: 0px;
  overflow: hidden;
  -webkit-animation: open-share-form 1000ms ease 0ms 1 forwards;
  animation: open-share-form 1000ms ease 0ms 1 forwards;
}

.modal-body
  .bc_div_generatedGraphic
  .share
  .bc_div_linkedinShareForm
  .bc_shareFormButtonContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-body
  .bc_div_generatedGraphic
  .share
  .bc_div_linkedinShareForm
  .bc_shareFormButtonContainer
  button {
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 24px;
}

.modal-body
  .bc_div_generatedGraphic
  .share
  .bc_div_linkedinShareForm
  .bc_shareFormButtonContainer
  button.bc_button_showConfirmShareButton {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.modal-body
  .bc_div_generatedGraphic
  .share
  .bc_div_linkedinShareForm
  .bc_shareFormButtonContainer
  button.bc_button_showConfirmShareButton.exit {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 0;
}

.modal-body
  .bc_div_generatedGraphic
  .share
  .bc_div_linkedinShareForm
  .bc_shareFormButtonContainer
  .bc_confirmContainer {
  display: none;
}

.modal-body
  .bc_div_generatedGraphic
  .share
  .bc_div_linkedinShareForm
  .bc_shareFormButtonContainer
  .bc_confirmContainer.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-body
  .bc_div_generatedGraphic
  .share
  .bc_div_linkedinShareForm
  .bc_shareFormButtonContainer
  .bc_confirmContainer
  button.bc_button_cancelLinkedinShare {
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-animation: share-btn-enter 500ms ease-in-out 250ms 1 forwards;
  animation: share-btn-enter 500ms ease-in-out 250ms 1 forwards;
}

.modal-body
  .bc_div_generatedGraphic
  .share
  .bc_div_linkedinShareForm
  .bc_shareFormButtonContainer
  .bc_confirmContainer
  button.bc_button_submitLinkedinShareForm {
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-animation: share-btn-enter 500ms ease-in-out 0ms 1 forwards;
  animation: share-btn-enter 500ms ease-in-out 0ms 1 forwards;
}

.modal-body .bc_div_regenerateGraphicBtn {
  text-align: right;
}

.modal-body .bc_div_regenerateGraphicBtn button {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: button-show 1000ms ease 0ms 1 forwards;
  animation: button-show 1000ms ease 0ms 1 forwards;
}

.bc_bearShareCredits {
  display: inline-block;
  background-color: #d7b21b;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--inverted-text);
  margin-right: 24px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5);
}

.bc_bearShareCredits.danger {
  background-color: #f95e5e;
  color: var(--main-text);
}

@-webkit-keyframes button-show {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes button-show {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes open-share-form {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 600px;
  }
}

@keyframes open-share-form {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 600px;
  }
}

@-webkit-keyframes share-btn-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes share-btn-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.ql-toolbar {
  height: auto;
  border: none !important;
  background: inherit;
  height: auto;
  left: 0;
  width: 100%;
}

.ql-container {
  border: none !important;
  width: 100%;
  background: var(--input);
  color: var(--main-text);
  overflow: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: auto;
  border-bottom-right-radius: 6px;
}

.ql-container::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.ql-container .ql-editor {
  color: inherit;
  color: var(--main-text) !important;
  font-family: "Manrope", sans-serif;
  min-height: 200px;
}

.field-container_row input-container .ql-editor:focus {
  background: var(--bg-medium);
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}

.ql-mention-list-container {
  width: auto;
  margin: 0 auto;
  position: absolute;
  top: 40px;
  letter-spacing: 0.5px;
  color: var(--inverted-text);
  right: 10px;
  height: auto;
  max-height: 80%;
  border: none;
  background: transparent;
  overflow-y: scroll;
  min-width: 110px;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.ql-mention-list::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.ql-mention-list-container .ql-mention-list {
  background: var(--dropdown);
  background: var(--quick-notes-bg);
  border: var(--border-light);
  max-height: 400px;
  height: auto;
  /* overflow-y: scroll; */
}

.ql-editor {
  padding-right: 120px;
}

.ql-mention-list-container::-webkit-scrollbar {
  background: #000000;
  width: 4px;
}
.ql-mention-list-container::-webkit-scrollbar-thumb {
  background: #ffffffd0;
  border-radius: 4px;
}
.ql-mention-list-container::-webkit-scrollbar-track {
  background: #ffffff2c;
}

.ql-mention-list-container .ql-mention-list .ql-mention-list-item {
  font-size: 1.4rem;
  padding: 2px 1.6rem;
  color: var(--main-text);
  background: none;
  font-family: "Manrope", sans-serif;
  min-height: 44px;
  line-height: 1.8rem;
  display:flex;
  align-items: center;
  height: auto !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.ql-mention-list-container .ql-mention-list .selected {
  background: var(--primary-green);
  color: var(--inverted-text);
}

.ql-toolbar .ql-stroke {
  fill: none;
  stroke: var(--secondary-text);
}

.ql-toolbar .ql-fill {
  fill: var(--secondary-text);
  stroke: none;
}

.ql-toolbar .ql-picker {
  color: var(--secondary-text);
}

.ql-toolbar .ql-picker-options {
  background: var(--bg) !important;
}

.ql-toolbar .ql-picker-item {
  border: 1px solid var(--bg) !important;
}

.ql-merge-tags {
  min-width: 112px;
}

.ql-merge-tags .ql-picker-label::before {
  content: "Merge Tags";
}
.ql-record-tags .ql-picker-label::before {
  content: "Record Tags";
  min-width: 150px;
}

.ql-toolbar .ql-picker-options {
  color: var(--main-text);
}

span.mention {
  margin: 0 6px;
  line-height: 2;
  font-weight: 700;
  color: var(--inverted-text);
}

span.mention > span > span:last-child {
  display: none;
}

span.mention a:hover {
  color: var(--white);
  text-decoration: none;
}

.note-ref_lead,
span.mention[data-id^="L"] {
  background: var(--primary-green);
  border-radius: 2px;
}

.note-ref_candidate,
span.mention[data-id^="CA"] {
  background: #598aff;
  border-radius: 2px;
}

.note-ref_contact,
span.mention[data-id^="CO"] {
  background: #8e69f3;
  border-radius: 2px;
}

.note-ref_job,
span.mention[data-id^="J"] {
  background: #d7b21b;
  border-radius: 2px;
}

.note-ref_company,
span.mention[data-id^="CM"] {
  background: #f79e19;
  border-radius: 2px;
}

.note-ref_opportunity,
span.mention[data-id^="O"] {
  background: #f16fdb;
  border-radius: 2px;
}

.note-ref_submission,
span.mention[data-id^="S"] {
  background: #8e69f3;
}

.note-ref_placement,
span.mention[data-id^="P"] {
  background: #cbf72d;
}

.note-ref_workflow,
span.mention[data-id^="W"] {
  background: #dc73ff;
  border-radius: 2px;
}

.note-ref_campaign,
span.mention[data-id^="CP"] {
  background: #2df7f7;
  border-radius: 2px;
}


.ui-datepicker,
.bootstrap-datetimepicker-widget {
  background: var(--quick-notes-bg);
  border: none;
  font-family: inherit;
  -webkit-box-shadow: var(--dropdown-shadow);
  box-shadow: var(--dropdown-shadow);
  width: auto;
}

.ui-datepicker .ui-datepicker-header,
.bootstrap-datetimepicker-widget .ui-datepicker-header {
  background: var(--main-gradient);
  background: var(--filter);
  border-radius: 2px;
  border: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.bootstrap-datetimepicker-widget .ui-datepicker-header .ui-datepicker-next {
  color: white;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.bootstrap-datetimepicker-widget .ui-datepicker-header .ui-datepicker-title {
  color: var(--secondary-text);
  font-weight: 400;
}

.ui-datepicker table.ui-datepicker-calendar th,
.bootstrap-datetimepicker-widget table.ui-datepicker-calendar th {
  color: var(--secondary-text);
}

.ui-datepicker table.ui-datepicker-calendar td,
.bootstrap-datetimepicker-widget table.ui-datepicker-calendar td {
  font-weight: 200;
  padding: 0.4rem;
}

.ui-datepicker table.ui-datepicker-calendar td a,
.bootstrap-datetimepicker-widget table.ui-datepicker-calendar td a {
  padding: 0.8rem;
  background: transparent;
  border: var(--border-medium);
  border-top: none;
  border-left: none;
  color: var(--main-text);
  font-weight: 200;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}

.ui-datepicker table.ui-datepicker-calendar td a:hover,
.bootstrap-datetimepicker-widget table.ui-datepicker-calendar td a:hover {
  background: var(--input);
  border-color: #6cc67b;
}

.ui-datepicker table.ui-datepicker-calendar tbody tr,
.bootstrap-datetimepicker-widget table.ui-datepicker-calendar tbody tr {
  background: transparent !important;
}

.bootstrap-datetimepicker-widget {
  width: 100%;
  inset: 0;
  display: block !important;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr {
  color: var(--secondary-text);
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.prev,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.prev {
  text-align: center;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.picker-switch,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.next,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr:nth-child(1)
  th.next {
  text-align: center;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  thead
  tr
  th.dow,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  thead
  tr
  th.dow {
  text-align: right;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  tbody
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  tbody
  tr {
  background: transparent !important;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  table.table-condensed
  tbody
  tr
  td.day,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  table.table-condensed
  tbody
  tr
  td.day {
  cursor: pointer;
  border: var(--border-medium);
  border-top: none;
  border-left: none;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  thead,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  thead {
  background: var(--main-gradient);
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  thead
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  thead
  tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  tr {
  width: 100%;
  height: 100%;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  td,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  td {
  width: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.33% 33.33% 33.33%;
  grid-template-columns: 33.33% 33.33% 33.33%;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  td
  span,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  td
  span {
  border: var(--border-medium);
  border-top: none;
  border-left: none;
  padding: 5px;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-months
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-years
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .collapse
  .datepicker
  .datepicker-decades
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-months
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-years
  td
  span:hover,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .in
  .datepicker
  .datepicker-decades
  td
  span:hover {
  background: var(--primary-green);
}

.bootstrap-datetimepicker-widget ul.list-unstyled .picker-switch table tbody tr,
.bootstrap-datetimepicker-widget
  ul.list-unstyled
  .accordion-toggle
  table
  tbody
  tr {
  background: transparent !important;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
}

.bootstrap-datetimepicker-widget table tr {
  background: transparent !important;
}

.bootstrap-datetimepicker-widget table td {
  text-align: right;
}

.bc-row,
table tbody tr,
.bc-table tbody tr,
#bc_list_table tbody tr:nth-child(odd),
#te_list_table tbody tr:nth-child(odd),
#bc_list_table tbody tr:nth-child(even),
#te_list_table tbody tr:nth-child(even),
#accordion .ui-accordion-content .table tr {
  font-family: "Manrope", sans-serif;
  border: none !important;
}

.bc-row:nth-child(odd),
table tbody tr:nth-child(odd),
.bc-table tbody tr:nth-child(odd),
#bc_list_table tbody tr:nth-child(odd),
#te_list_table tbody tr:nth-child(odd),
#accordion .ui-accordion-content .table tr:nth-child(odd) {
  background: var(--tr-odd);
}

.bc-row:nth-child(even),
table tbody tr:nth-child(even),
.bc-table tbody tr:nth-child(even),
#bc_list_table tbody tr:nth-child(even),
#te_list_table tbody tr:nth-child(even),
#accordion .ui-accordion-content .table tr:nth-child(even) {
  background: var(--tr-even);
}

.bc-th,
table thead th,
.bc-table thead th,
.dataTable th,
#bc_list_table th,
#te_list_table th,
#accordion .ui-accordion-content .table tr th {
  font-family: "Manrope", sans-serif;
  border-bottom: none !important;
  color: var(--secondary-text);
  padding: 10px 1rem;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}

.bc-td,
.dataTable td,
#accordion .ui-accordion-content .table tr td {
  border: none;
  background: none;
  color: var(--main-text);
}

.bc-td a,
.dataTable td a,
#accordion .ui-accordion-content .table tr td a {
  color: inherit;
}

.bc-td a:hover,
.dataTable td a:hover,
#accordion .ui-accordion-content .table tr td a:hover {
  text-decoration: underline;
}

table.dataTable thead th {
  padding: 10px 1rem;
}

table,
.bc-table {
  font-size: 1.4rem;
}

table thead th,
.bc-table thead th {
  border: none;
}

table tbody tr,
.bc-table tbody tr {
  width: 100%;
}

table tbody tr th,
.bc-table tbody tr th {
  position: relative;
}

table tbody tr td,
.bc-table tbody tr td {
  color: var(--main-text);
  padding-left: 1rem;
  padding-right: 1rem;
}

table tbody tr td div.circle,
.bc-table tbody tr td div.circle {
  height: 42px;
  width: 42px;
  border: 3px solid var(--secondary-text);
}

table tbody tr td .dropdown-toggle,
.bc-table tbody tr td .dropdown-toggle {
  display: none;
}

table.note-history-table.bc-table thead tr th {
  border-bottom: var(--border-medium);
  background: var(--bg);
}

table.note-history-table.bc-table thead tbody tr td:nth-child(odd) {
  background: var(--tr-even);
}

table.note-history-table.bc-table thead tbody tr td:nth-child(even) {
  background: var(--tr-odd);
}

.bc-table {
  border-spacing: 16px;
}

.bc-table tbody tr td {
  background: var(--input);
}

.bc-table tbody tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bc-table tbody tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bc-table td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bc-report-table thead th {
  font-weight: 800;
}

.bc-report-table tbody tr td {
  padding: 1rem;
  color: var(--main-text);
}

.user_activity_report {
  text-align: right;
}

.user_activity_report th {
  text-align: inherit;
}

.user_activity_report .notes_by_action {
  padding-top: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

.user_activity_report .user_activity_totals {
  font-weight: 700;
  font-size: 18px;
}

table.sales-playbook-table {
  table-layout: fixed;
}

table.sales-playbook-table thead th {
  text-align: center;
}

table.sales-playbook-table tbody td {
  max-width: 200px;
  height: 100px;
  padding: 1rem;
}

table.sales-playbook-table tbody td .editable-click {
  height: 100%;
  position: relative;
  background: var(--input);
}

table.sales-playbook-table tbody td .editable-click a {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0.25;
  line-height: 20px;
}

table.sales-playbook-table tbody td .editable-click:hover {
  border-radius: 4px;
}

table.sales-playbook-table tbody td:first-child {
  text-align: right;
  letter-spacing: 1px;
  padding-right: 1rem;
  font-size: 16px;
  font-size: 1.8rem;
}

.bc-tab-default {
  background: transparent;
  border: none;
  color: var(--bg-medium);
}

.bc-tab-default a {
  color: inherit;
  font-size: 1.6rem;
}

.bc-tab-active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#6cc67b),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, #6cc67b, #4ca05a);
  color: var(--main-text);
}

.bc-tab-active a {
  color: inherit;
  font-size: 1.6rem;
}

#accordion .ui-accordion-header {
  background: var(--input);
  color: var(--primary-green);
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
}

#accordion .ui-accordion-content {
  background: transparent;
  border: none;
  border-bottom: var(--border-medium);
  -webkit-box-shadow: inset 0px -51px 90px -100px rgba(255, 255, 255, 0.35);
  box-shadow: inset 0px -51px 90px -100px rgba(255, 255, 255, 0.35);
  min-height: 240px;
}

#accordion .ui-accordion-content .table tr td {
  background: transparent;
  border: none;
}

.search-accordion {
  margin-top: 2.4rem;
}

.bc-row,
table tbody tr,
.bc-table tbody tr,
#bc_list_table tbody tr:nth-child(odd),
#te_list_table tbody tr:nth-child(odd),
#bc_list_table tbody tr:nth-child(even),
#te_list_table tbody tr:nth-child(even),
#accordion .ui-accordion-content .table tr {
  font-family: "Manrope", sans-serif;
  border: none !important;
}

.bc-row:nth-child(odd),
table tbody tr:nth-child(odd),
.bc-table tbody tr:nth-child(odd),
#bc_list_table tbody tr:nth-child(odd),
#te_list_table tbody tr:nth-child(odd),
#accordion .ui-accordion-content .table tr:nth-child(odd) {
  background: var(--tr-odd);
}

.bc-row:nth-child(even),
table tbody tr:nth-child(even),
.bc-table tbody tr:nth-child(even),
#bc_list_table tbody tr:nth-child(even),
#te_list_table tbody tr:nth-child(even),
#accordion .ui-accordion-content .table tr:nth-child(even) {
  background: var(--tr-even);
}

.bc-th,
table thead th,
.bc-table thead th,
.dataTable th,
#bc_list_table th,
#te_list_table th,
#accordion .ui-accordion-content .table tr th {
  font-family: "Manrope", sans-serif;
  border-bottom: none !important;
  color: var(--secondary-text);
  padding: 10px 1rem;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}

.bc-td,
.dataTable td,
#accordion .ui-accordion-content .table tr td {
  border: none;
  background: none;
  color: var(--main-text);
}

.bc-td a,
.dataTable td a,
#accordion .ui-accordion-content .table tr td a {
  color: inherit;
}

.bc-td a:hover,
.dataTable td a:hover,
#accordion .ui-accordion-content .table tr td a:hover {
  text-decoration: underline;
}

table.dataTable thead th {
  padding: 10px 1rem;
}

table,
.bc-table {
  font-size: 1.4rem;
}

table thead th,
.bc-table thead th {
  border: none;
}

table tbody tr,
.bc-table tbody tr {
  width: 100%;
}

table tbody tr th,
.bc-table tbody tr th {
  position: relative;
}

table tbody tr td,
.bc-table tbody tr td {
  color: var(--main-text);
  padding-left: 1rem;
  padding-right: 1rem;
}

table tbody tr td div.circle,
.bc-table tbody tr td div.circle {
  height: 42px;
  width: 42px;
  border: 3px solid var(--secondary-text);
}

table tbody tr td .dropdown-toggle,
.bc-table tbody tr td .dropdown-toggle {
  display: none;
}

table.note-history-table.bc-table thead tr th {
  border-bottom: var(--border-medium);
  background: var(--bg);
}

table.note-history-table.bc-table thead tbody tr td:nth-child(odd) {
  background: var(--tr-even);
}

table.note-history-table.bc-table thead tbody tr td:nth-child(even) {
  background: var(--tr-odd);
}

.bc-table {
  border-spacing: 16px;
}

.bc-table tbody tr td {
  background: var(--input);
}

.bc-table tbody tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bc-table tbody tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bc-table td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bc-report-table thead th {
  font-weight: 800;
}

.bc-report-table tbody tr td {
  padding: 1rem;
  color: var(--main-text);
}

.user_activity_report {
  text-align: right;
}

.user_activity_report th {
  text-align: inherit;
}

.user_activity_report .notes_by_action {
  padding-top: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

.user_activity_report .user_activity_totals {
  font-weight: 700;
  font-size: 18px;
}

table.sales-playbook-table {
  table-layout: fixed;
}

table.sales-playbook-table thead th {
  text-align: center;
}

table.sales-playbook-table tbody td {
  max-width: 200px;
  height: 100px;
  padding: 1rem;
}

table.sales-playbook-table tbody td .editable-click {
  height: 100%;
  position: relative;
  background: var(--input);
}

table.sales-playbook-table tbody td .editable-click a {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0.25;
  line-height: 20px;
}

table.sales-playbook-table tbody td .editable-click:hover {
  border-radius: 4px;
}

table.sales-playbook-table tbody td:first-child {
  text-align: right;
  letter-spacing: 1px;
  padding-right: 1rem;
  font-size: 16px;
  font-size: 1.8rem;
}

#bc_list_table_wrapper {
  opacity: 0;
}

#bc_list_table_wrapper .filter__active {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(var(--accent-3)),
    to(var(--accent-4))
  );
  background: linear-gradient(0deg, var(--accent-3), var(--accent-4));
}

#bc_list_table_length,
#te_list_table_length,
#bc_jobs_tab_list_length,
#bc_report_table_length {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: var(--main-text);
  font-weight: 200 !important;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
}

#bc_list_table_length select,
#te_list_table_length select,
#bc_jobs_tab_list_length select,
#bc_report_table_length select {
  padding: 0 5px;
  border-bottom: none;
  cursor: pointer;
  color: inherit;
  font-family: "Manrope", sans-serif;
}

#bc_list_table_length select::after,
#te_list_table_length select::after,
#bc_jobs_tab_list_length select::after,
#bc_report_table_length select::after {
  content: ">";
}

#bc_list_table_length select option,
#te_list_table_length select option,
#bc_jobs_tab_list_length select option,
#bc_report_table_length select option {
  background: var(--filter-input-bg) !important;
  color: var(--main-text);
}

#bc_list_table_length label,
#te_list_table_length label,
#bc_jobs_tab_list_length label,
#bc_report_table_length label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 200 !important;
}

#bc_list_table_filter,
#te_list_table_filter,
#bc_report_table_filter {
  display: none;
}

#bc_list_table_processing,
#te_list_table_processing {
  display: none;
}

#bc_jobs_tab_list_info,
#bc_list_table_info,
#te_list_table_info {
  color: var(--secondary-text);
}

#bc_list_table_info,
#te_list_table_info {
  position: fixed;
  bottom: 0;
  background: var(--bg);
  left: 0;
  width: 50%;
  height: 50px;
  padding-left: 50px;
}

#bc_list_table_paginate,
#te_list_table_paginate {
  position: fixed;
  bottom: 0;
  background: var(--bg);
  right: 0;
  padding-right: 50px;
  width: 50%;
  height: 50px;
}

#bc_list_table_paginate a.paginate_button,
#te_list_table_paginate a.paginate_button {
  border: none;
  color: var(--secondary-text) !important;
}

#bc_list_table_paginate a.paginate_button:hover,
#te_list_table_paginate a.paginate_button:hover {
  background: rgba(var(--primary-green), 0.2);
}

#bc_list_table_paginate a.current,
#te_list_table_paginate a.current {
  color: var(--inverted-text) !important;
  background: var(--primary-green);
}

#bc_list_table_paginate a.current:hover,
#te_list_table_paginate a.current:hover {
  background: var(--primary-green);
}

#bc_jobs_tab_list_paginate #bc_jobs_tab_list_previous,
#bc_jobs_tab_list_paginate #bc_jobs_tab_list_next {
  color: var(--secondary-text) !important;
}

#bc_jobs_tab_list_filter {
  color: var(--secondary-text) !important;
}

.dataTables_scroll {
  margin-bottom: 50px;
}

.dataTables_scroll .dataTables_scrollHead {
  cursor: pointer;
}

.dataTables_scroll .dataTables_scrollHead th {
  border-bottom: var(--border-light) !important;
}

.dataTables_scroll .dataTables_scrollHead th span.glyphicon-remove {
  display: inline-block;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  color: #f95e5e !important;
}

.dataTables_scroll .dataTables_scrollHead th span.column-sort {
  display: inline-block;
  z-index: 9;
}

.dataTables_scroll .dataTables_scrollHead th span.column-sort .sort-btn {
  color: var(--secondary-text);
}

.dataTables_scroll .dataTables_scrollHead th.filtering {
  border-bottom: 2px solid var(--primary-green) !important;
}

.dataTables_scroll .dataTables_scrollBody {
  scrollbar-color: rgba(89, 138, 255, 0.8) var(--bg);
  border: none !important;
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track {
  background: var(--bg);
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-corner {
  background: var(--bg);
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: rgba(89, 138, 255, 0.8);
  border: 3px solid var(--bg);
}

.dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
  background: rgba(89, 138, 255, 0.8);
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  table.list-view__table
  thead
  tr
  th:nth-child(2) {
  width: 40px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  thead
  th:nth-child(2) {
  width: 40px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td {
  font-size: 14px;
  font-weight: 400;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td
  div.record-links {
  margin-top: 8px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td
  div.record-links
  a {
  margin-right: 8px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td
  div.record-links
  svg {
  width: 16px;
  height: 16px;
}

#bc_list_table_wrapper
  .dataTables_scroll
  .dataTables_scrollBody
  table#bc_list_table
  tbody
  td:nth-child(2) {
  width: 40px;
}

#bc_list_table,
#te_list_table {
  table-layout: fixed;
  width: 100% !important;
  margin: 0;
  font-size: 1.3rem;
}

#bc_list_table tbody tr,
#te_list_table tbody tr {
  width: 100%;
}

#bc_list_table tbody tr td,
#te_list_table tbody tr td {
  width: 100%;
  padding-left: 1rem;
}

#bc_list_table tbody tr td div.circle,
#te_list_table tbody tr td div.circle {
  height: 42px;
  width: 42px;
  border: none;
}

#bc_list_table tbody tr td div.circle .profile-pic,
#te_list_table tbody tr td div.circle .profile-pic {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#bc_list_table tbody tr td .dropdown-toggle,
#te_list_table tbody tr td .dropdown-toggle {
  display: none;
}

#bc_list_table tbody tr td a,
#te_list_table tbody tr td a {
  color: var(--main-text);
}

#bc_list_table tbody tr td a .table-icon,
#te_list_table tbody tr td a .table-icon {
  width: 28px;
  opacity: 0.4;
}

#bc_list_table tbody tr td a .table-icon:hover,
#te_list_table tbody tr td a .table-icon:hover {
  opacity: 0.8;
}

table.dataTable td.dataTables_empty {
  text-align: left !important;
  font-size: 2.4rem;
  color: var(--tertiary-text);
  padding: 2.4rem;
}

.bc-thin-container {
  width: 90%;
  margin: 2rem auto;
}

.settings-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(244px, 302px)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(244px, 302px));
  margin: 1rem 0 2.4rem 0;
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  background: var(--card);
  -webkit-box-shadow: var(--card-shadow-2);
  box-shadow: var(--card-shadow-2);
  border-radius: 10px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.settings-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 3.2rem 0;
}

.settings-form-container {
  height: 80vh;
}

.settings_grid-active {
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
}

.settings-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: inline-block;
  margin: 10px;
}

.settings-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  display: inline-block;
  padding: 1.6rem 0rem;
  color: var(--secondary-text);
  font-size: 1.8rem;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  letter-spacing: 1px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}

.settings-item a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--primary-green);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.settings-item a:hover {
  color: var(--main-text);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.settings-item a:hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.report-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: auto;
  margin: 4.2rem;
  position: relative;
  font-size: 2.4rem;
}

.report-item svg {
  height: 82px;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 1000ms ease;
  transition: -webkit-transform 1000ms ease;
  transition: transform 1000ms ease;
  transition: transform 1000ms ease, -webkit-transform 1000ms ease;
}

.report-item svg path {
  fill: var(--report-icon);
}

.report-item:hover svg {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.report-item p {
  margin: 2rem 0;
}

.report-item a {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  height: 100%;
  width: 100%;
}

.settings-item.shrink {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.settings-sub-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.settings_header {
  font-weight: 700;
  color: var(--main-text);
  padding-bottom: 0.8rem;
  padding-top: 0.8rem;
  width: 100%;
  padding-left: 0.8rem;
  margin: 0;
  margin-top: 4.2rem;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.settings_header-active {
  color: #6cc67b;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.settings-sub-container > div {
  width: 100%;
}

.user-profile-container {
  width: 80%;
  margin: 0 auto;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.profile-field {
  font-size: 1.8rem;
}

.profile-field .input-container input,
.profile-field .field-container_row .input-container ul.tagit li.tagit-new,
.field-container_row .profile-field .input-container ul.tagit li.tagit-new,
.profile-field
  .input-container
  .select2-container
  .select2-search
  input.select2-search__field,
.select2-container
  .select2-search
  .profile-field
  .input-container
  input.select2-search__field,
.profile-field .input-container select {
  background: transparent;
  border-left: none;
}

.settings_option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
  width: 90%;
  margin: 2.4rem auto;
}

.settings_option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 2.4rem;
  margin: 0rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--main-text);
  border-bottom: 1px solid var(--separator);
  padding: 2.2rem 0;
}

.settings_option .editable-input select,
.settings_option .editable-input input,
.settings_option
  .editable-input
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  .settings_option
  .editable-input
  li.tagit-new,
.settings_option
  .editable-input
  .select2-container
  .select2-search
  input.select2-search__field,
.select2-container
  .select2-search
  .settings_option
  .editable-input
  input.select2-search__field {
  padding: 0 0 0 2.4rem;
  margin: 0rem;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--main-text);
  border-bottom: var(--border-medium);
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.settings_option .editable-input select {
  font-size: 1.4rem;
}

.settings_option:nth-child(odd) {
  background: none;
}

.settings_option:nth-child(even) {
  background: none;
}

.settings_option .option_edit-btn {
  font-weight: 300;
  font-size: 1.6rem;
  color: inherit;
}

.settings-option.small {
  font-size: 1.8rem;
}

.settings_option.new {
  padding-right: 2rem;
}

.settings_option.new form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.settings_option.new form input[name="name"],
.settings_option.new
  form
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[name="name"],
.field-container_row
  .input-container
  ul.tagit
  .settings_option.new
  form
  li.tagit-new[name="name"] {
  color: var(--main-text);
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding: 0;
}

.settings_option.new form input[type="submit"],
.settings_option.new
  form
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="submit"],
.field-container_row
  .input-container
  ul.tagit
  .settings_option.new
  form
  li.tagit-new[type="submit"] {
  width: auto;
  margin-right: 1.25rem;
}

.settings_option.new button#remove_new_settings_option {
  background: none;
  border: none;
}

.option_edit-btn,
.editable {
  border-bottom: none !important;
}

.settings-container-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.manage-settings-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 600px;
  height: 100%;
  margin: 0 auto;
}

.manage-settings-form .bc-btn {
  font-size: 2.4rem;
}

.manage-settings-form.large .input-container {
  font-size: 3.2rem;
}

input[name^="delivery"] + label[for^="method"],
.field-container_row
  .input-container
  ul.tagit
  li.tagit-new[name^="delivery"]
  + label[for^="method"],
.select2-container
  .select2-search
  input.select2-search__field[name^="delivery"]
  + label[for^="method"] {
  color: var(--secondary-text);
}

.bc-users-dropdown {
  width: 500px;
}

.bc-form-header {
  width: auto;
}

.question {
  font-size: 1.8rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.question .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.question .left .question-number {
  font-size: 2rem;
  background: #6cc67b;
  width: 28px;
  height: 28px;
  padding: 16px;
  color: var(--inverted-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 900;
}

.question .left .question-number.relative {
  position: relative;
  top: 0;
  left: 0;
}

.question .left p {
  margin-left: 16px;
  font-weight: 200;
}

.question .right {
  margin-right: 16px;
}

.question .right p {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #6cc67b;
}

.settings-btn-container {
  min-width: 135px;
}

.bc-edit-icon-wrapper {
  margin-left: 2rem;
}

.bc-edit-icon-wrapper svg {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

.bc-edit-icon-wrapper svg path {
  fill: var(--secondary-text);
}

form.editableform .form-group .editable-input .editable-clear-x {
  display: none;
  right: auto;
  left: 0;
  cursor: pointer;
}

.linkedin-user--container p.linkedin-user--not-connected,
.linkedin-user--container p.linkedin-user--connected {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.8rem 2rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.4rem;
  color: var(--white);
}

.linkedin-user--container p.linkedin-user--not-connected svg,
.linkedin-user--container p.linkedin-user--connected svg {
  margin-right: 12px;
}

.linkedin-user--container p.linkedin-user--not-connected svg path,
.linkedin-user--container p.linkedin-user--connected svg path {
  fill: var(--white);
}

.linkedin-user--container p.linkedin-user--not-connected {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f95e5e),
    to(#f95e5e)
  );
  background: linear-gradient(180deg, #f95e5e, #f95e5e);
}

.linkedin-user--container p.linkedin-user--connected {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#598aff),
    to(#598aff)
  );
  background: linear-gradient(180deg, #598aff, #598aff);
}

.linkedin-user--container a.linkedin-user--btn {
  display: block;
  text-align: right;
  margin-top: 1rem;
  width: 100%;
  font-size: 1.4rem;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.linkedin-user--container a.linkedin-user--btn:after {
  display: inline-block;
  content: "";
  color: #6cc67b;
  padding-left: 4px;
}

.linkedin-user--container a.linkedin-user--btn:hover {
  color: #6cc67b;
}

.linkedin-user--container a.linkedin-user--btn:hover:after {
  content: ">";
  max-width: 20px;
}

textarea#template {
  line-height: 2em;
}

textarea#question {
  font-size: 24px;
  line-height: 2em;
}

.bc-login-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  max-width: 800px;
  margin: auto;
}

.login-form-wrapper {
  position: relative;
}

.login-form {
  -webkit-animation: login 600ms ease-in-out 0ms 1 forwards;
  animation: login 600ms ease-in-out 0ms 1 forwards;
  background: var(--card);
  border-radius: 8px;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2),
    0px 0px 32px -12px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2),
    0px 0px 32px -12px rgba(0, 0, 0, 0.2);
  height: 440px;
  padding: 3.2rem;
  min-width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}

.login-form .login_header {
  color: var(--primary-green);
  letter-spacing: 2px;
  font-size: 3.2rem;
  font-weight: 300;
  text-align: center;
}

.login-form .field-container_row label {
  color: var(--secondary-text);
}

.login-image-container {
  position: absolute;
  bottom: -25%;
  right: 0;
  z-index: -1;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.login-image {
  -webkit-filter: invert(0%);
  filter: invert(0%);
  opacity: 0.1;
}

.link-to-website {
  border: 1px solid #598aff;
}

.link-to-website span {
  padding-left: 10px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.link-to-website:hover span {
  padding-left: 20px;
}

.copyright {
  margin-top: 2rem;
  font-size: 14px;
  color: var(--secondary-text);
}

@-webkit-keyframes login {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes login {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.workflows-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.workflow-tabs-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.workflow-tabs-header button#add-workflow {
  font-size: 24px;
  -webkit-transform-origin: center;
  transform-origin: center;
  margin-right: 20px;
  color: var(--secondary-text);
  border: none;
  background: none;
  -webkit-transform: rotate(0deg) scale(1.6);
  transform: rotate(0deg) scale(1.6);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.workflow-tabs-header button#add-workflow:hover {
  color: var(--main-text);
}

.workflow-tabs-header button#add-workflow.cancel {
  color: #f95e5e;
  -webkit-transform: rotate(405deg) scale(1.6);
  transform: rotate(405deg) scale(1.6);
}

.workflow-tabs {
  width: 100%;
  margin-right: 1.25rem;
  border: none !important;
}

.workflow-list-wrapper {
  height: 400px;
  background: none;
  width: 100%;
}

.workflow-aside {
  background: var(--filter);
  height: 400px;
  border-radius: 4px;
  width: 25%;
  margin-top: 71px;
}

.workflow-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: var(--card);
  margin-bottom: 1.25rem;
  border-radius: 4px;
  padding: 0.8rem;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  padding-left: 2rem;
  border: 1px solid transparent;
  -webkit-box-shadow: var(--card-shadow-2);
  box-shadow: var(--card-shadow-2);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.workflow-list-item .workflow-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.workflow-list-item .workflow-actions button:not(.btn) {
  background: none;
  border: none;
  padding: 1rem 2.8rem;
  border-left: 2px solid var(--filter);
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.workflow-list-item .workflow-actions button:not(.btn) svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.workflow-list-item .workflow-actions button:not(.btn):hover {
  background-color: var(--filter);
}

.workflow-list-item .workflow-actions button:not(.btn):hover:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.workflow-list-item .workflow-actions button[class^="bc_buttonCampaign"] {
  color: var(--primary-green);
}

.workflow-list-item .workflow-actions span.option_edit-btn a {
  color: #f95e5e;
}

.workflow-list-item .highlight-green {
  color: var(--primary-green);
  padding: 0 1rem;
}
.workflow-list-item .open-workflow-link {
  color: var(--main-text);
}
.workflow-list-item .open-workflow-link:hover {
  color: var(--primary-green);
}
.workflow-list-item + .workflow-statistics,
.workflow-list-item + .workflow-statistics + .workflow-summary {
  display: none;
  width: 100%;
  background: var(--bg-input);
  padding: 1rem;
  position: relative;
  top: -15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: var(--card-shadow-2);
}

.workflow-list-item + .workflow-statistics.show,
.workflow-list-item + .workflow-statistics + .workflow-summary.show {
  display: flex;
}

.workflow-statistics .workflow-step {
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem;
}
.workflow-statistics .workflow-step a {
  color: var(--main-text);
}
.workflow-statistics .workflow-step a:hover {
  color: var(--primary-green);
}
.workflow-statistics .workflow-step:not(:last-child) {
  border-bottom: 1px solid var(--separator);
}

.workflow-statistics .workflow-step span:not(:last-child):after {
  content: "|";
  display: inline-block;
  margin: 0 2rem;
}
.workflow-list-item .total_number_of_cultivating_records {
  margin-right: 2rem;
}


.workflow-list-item .flo-owner {
  /* width: 100px;
  text-align: right;
  display: inline-block; */

  margin-left: 20px;
}

.workflow-list-item:nth-child(1) {
  -webkit-animation: search-item 1000ms ease 0.08333s 1 forwards;
  animation: search-item 1000ms ease 0.08333s 1 forwards;
}

.workflow-list-item:nth-child(2) {
  -webkit-animation: search-item 1000ms ease 0.16667s 1 forwards;
  animation: search-item 1000ms ease 0.16667s 1 forwards;
}

.workflow-list-item:nth-child(3) {
  -webkit-animation: search-item 1000ms ease 0.25s 1 forwards;
  animation: search-item 1000ms ease 0.25s 1 forwards;
}

.workflow-list-item:nth-child(4) {
  -webkit-animation: search-item 1000ms ease 0.33333s 1 forwards;
  animation: search-item 1000ms ease 0.33333s 1 forwards;
}

.workflow-list-item:nth-child(5) {
  -webkit-animation: search-item 1000ms ease 0.41667s 1 forwards;
  animation: search-item 1000ms ease 0.41667s 1 forwards;
}

.workflow-list-item:nth-child(6) {
  -webkit-animation: search-item 1000ms ease 0.5s 1 forwards;
  animation: search-item 1000ms ease 0.5s 1 forwards;
}

.workflow-list-item:nth-child(7) {
  -webkit-animation: search-item 1000ms ease 0.58333s 1 forwards;
  animation: search-item 1000ms ease 0.58333s 1 forwards;
}

.workflow-list-item:nth-child(8) {
  -webkit-animation: search-item 1000ms ease 0.66667s 1 forwards;
  animation: search-item 1000ms ease 0.66667s 1 forwards;
}

.workflow-list-item:nth-child(9) {
  -webkit-animation: search-item 1000ms ease 0.75s 1 forwards;
  animation: search-item 1000ms ease 0.75s 1 forwards;
}

.workflow-list-item:nth-child(10) {
  -webkit-animation: search-item 1000ms ease 0.83333s 1 forwards;
  animation: search-item 1000ms ease 0.83333s 1 forwards;
}

.workflow-list-item:nth-child(11) {
  -webkit-animation: search-item 1000ms ease 0.91667s 1 forwards;
  animation: search-item 1000ms ease 0.91667s 1 forwards;
}

.workflow-list-item:nth-child(12) {
  -webkit-animation: search-item 1000ms ease 1s 1 forwards;
  animation: search-item 1000ms ease 1s 1 forwards;
}

.workflow-list-item:nth-child(13) {
  -webkit-animation: search-item 1000ms ease 1.08333s 1 forwards;
  animation: search-item 1000ms ease 1.08333s 1 forwards;
}

.workflow-list-item:nth-child(14) {
  -webkit-animation: search-item 1000ms ease 1.16667s 1 forwards;
  animation: search-item 1000ms ease 1.16667s 1 forwards;
}

.workflow-list-item:nth-child(15) {
  -webkit-animation: search-item 1000ms ease 1.25s 1 forwards;
  animation: search-item 1000ms ease 1.25s 1 forwards;
}

.workflow-list-item:nth-child(16) {
  -webkit-animation: search-item 1000ms ease 1.33333s 1 forwards;
  animation: search-item 1000ms ease 1.33333s 1 forwards;
}

.workflow-list-item:nth-child(17) {
  -webkit-animation: search-item 1000ms ease 1.41667s 1 forwards;
  animation: search-item 1000ms ease 1.41667s 1 forwards;
}

.workflow-list-item:nth-child(18) {
  -webkit-animation: search-item 1000ms ease 1.5s 1 forwards;
  animation: search-item 1000ms ease 1.5s 1 forwards;
}

.workflow-list-item:nth-child(19) {
  -webkit-animation: search-item 1000ms ease 1.58333s 1 forwards;
  animation: search-item 1000ms ease 1.58333s 1 forwards;
}

.workflow-list-item:nth-child(20) {
  -webkit-animation: search-item 1000ms ease 1.66667s 1 forwards;
  animation: search-item 1000ms ease 1.66667s 1 forwards;
}
.workflow-list-item:nth-child(n + 20) {
  -webkit-animation: search-item 1000ms ease 1.75s 1 forwards;
  animation: search-item 1000ms ease 1.75s 1 forwards;
}


.workflow-list-item.new-form {
  position: relative;
  max-height: 0;
  -webkit-transition: margin 1000ms;
  transition: margin 1000ms;
  -webkit-animation: new-form 500ms ease 0s 1 forwards,
    search-item 1000ms ease 300ms 1 forwards;
  animation: new-form 500ms ease 0s 1 forwards,
    search-item 1000ms ease 300ms 1 forwards;
}

.workflow-list-item.new-form:focus-within {
  border-color: var(--primary-green);
}

.workflow-list-item.new-form label[for="new-workflow"] {
  margin: 0;
  width: 85%;
}

.workflow-list-item.new-form input#new-workflow,
.workflow-list-item.new-form
  .field-container_row
  .input-container
  ul.tagit
  li#new-workflow.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  .workflow-list-item.new-form
  li#new-workflow.tagit-new {
  width: 85%;
  font-family: inherit;
  padding: 0;
  margin: 0;
}

.workflow-list-item.new-form input[type="submit"],
.workflow-list-item.new-form
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="submit"],
.field-container_row
  .input-container
  ul.tagit
  .workflow-list-item.new-form
  li.tagit-new[type="submit"],
.workflow-list-item.new-form
  .select2-container
  .select2-search
  input.select2-search__field[type="submit"],
.select2-container
  .select2-search
  .workflow-list-item.new-form
  input.select2-search__field[type="submit"] {
  width: auto;
  border: none;
  background: var(--bg);
  position: absolute;
  right: 20px;
  font-size: 16px;
  color: var(--main-text);
  padding: 0.2rem 1rem;
  border-radius: 2px;
  opacity: 0;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-animation: enter-btn 500ms ease 0s 1 forwards;
  animation: enter-btn 500ms ease 0s 1 forwards;
}

.workflow-list-item.new-form input[type="submit"].exit,
.workflow-list-item.new-form
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="submit"].exit,
.field-container_row
  .input-container
  ul.tagit
  .workflow-list-item.new-form
  li.tagit-new[type="submit"].exit {
  -webkit-animation: exit-btn 500ms ease 0s 1 forwards;
  animation: exit-btn 500ms ease 0s 1 forwards;
}

.workflow-list-item .editable-input select,
.workflow-list-item .editable-input input,
.workflow-list-item
  .editable-input
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  .workflow-list-item
  .editable-input
  li.tagit-new,
.workflow-list-item
  .editable-input
  .select2-container
  .select2-search
  input.select2-search__field,
.select2-container
  .select2-search
  .workflow-list-item
  .editable-input
  input.select2-search__field {
  padding: 0 0 0 2.4rem;
  margin: 0rem;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--main-text);
  border-bottom: var(--border-medium);
  background: transparent;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.workflow-list-item .editable-input select {
  font-size: 1.4rem;
}

.workflow-wait-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: 8px;
  margin-left: auto;
}

.workflow-wait-container label {
  font-size: 14px;
  font-weight: 200;
  padding-bottom: 4px;
  margin-bottom: 0;
  color: var(--tertiary-text);
}

.workflow-wait-container .workflow-step-wait-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  background: var(--input);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-size: 18px;
  -webkit-box-shadow: 1px 2px 2px 0px #0000004d;
  box-shadow: 1px 2px 2px 0px #0000004d;
}

.workflow-wait-container .workflow-step-wait-field input,
.workflow-wait-container
  .workflow-step-wait-field
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  .workflow-wait-container
  .workflow-step-wait-field
  li.tagit-new,
.workflow-wait-container
  .workflow-step-wait-field
  .select2-container
  .select2-search
  input.select2-search__field,
.select2-container
  .select2-search
  .workflow-wait-container
  .workflow-step-wait-field
  input.select2-search__field,
.workflow-wait-container .workflow-step-wait-field div.selectdiv {
  background: var(--filter);
  margin: 4px;
  border-radius: 4px;
  padding: 0 4px;
  border: 1px solid var(--input-2);
}

.workflow-wait-container .workflow-step-wait-field input,
.workflow-wait-container
  .workflow-step-wait-field
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  .workflow-wait-container
  .workflow-step-wait-field
  li.tagit-new,
.workflow-wait-container
  .workflow-step-wait-field
  .select2-container
  .select2-search
  input.select2-search__field,
.select2-container
  .select2-search
  .workflow-wait-container
  .workflow-step-wait-field
  input.select2-search__field,
.workflow-wait-container .workflow-step-wait-field select {
  padding: 0;
}

.workflow-wait-container .workflow-step-wait-field input,
.workflow-wait-container
  .workflow-step-wait-field
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  .workflow-wait-container
  .workflow-step-wait-field
  li.tagit-new,
.workflow-wait-container
  .workflow-step-wait-field
  .select2-container
  .select2-search
  input.select2-search__field,
.select2-container
  .select2-search
  .workflow-wait-container
  .workflow-step-wait-field
  input.select2-search__field {
  max-width: 60px;
  text-align: center;
}

.workflow-wait-container .workflow-step-wait-field input[type="submit"],
.workflow-wait-container
  .workflow-step-wait-field
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="submit"],
.field-container_row
  .input-container
  ul.tagit
  .workflow-wait-container
  .workflow-step-wait-field
  li.tagit-new[type="submit"],
.workflow-wait-container
  .workflow-step-wait-field
  .select2-container
  .select2-search
  input.select2-search__field[type="submit"],
.select2-container
  .select2-search
  .workflow-wait-container
  .workflow-step-wait-field
  input.select2-search__field[type="submit"] {
  background: var(--primary-green);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#6cc67b),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, #6cc67b, #4ca05a);
  color: var(--inverted-text);
  color: var(--main-text);
  font-family: "Manrope", sans-serif;
  font-size: 1.6rem;
  border-color: transparent;
}

.empty-workflow-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3.2rem;
  margin-top: 2rem;
}

.empty-workflow-container svg path {
  fill: var(--tertiary-text);
}

.empty-workflow-container > img.enter {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-animation: user-message-enter 1000ms ease 0.1s 1 forwards;
  animation: user-message-enter 1000ms ease 0.1s 1 forwards;
}

.empty-workflow-container > img.exit {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation: user-message-exit 1000ms ease 0s 1 forwards;
  animation: user-message-exit 1000ms ease 0s 1 forwards;
}

.empty-workflow-container > div.enter {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-animation: user-message-enter 1000ms ease 0.3s 1 forwards;
  animation: user-message-enter 1000ms ease 0.3s 1 forwards;
}

.empty-workflow-container > div.exit {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation: user-message-exit 1000ms ease 0s 1 forwards;
  animation: user-message-exit 1000ms ease 0s 1 forwards;
}

.empty-workflow-container p {
  font-weight: 200;
  color: var(--teritary-text);
  margin-bottom: 1rem;
}

.empty-workflow-container p span.workflow-type {
  text-transform: capitalize;
}

.empty-workflow-container p:first-child {
  font-weight: 600;
  color: var(--main-text);
}

.empty-workflow-container img {
  height: 160px;
  margin-right: 4.2rem;
}

.workflow-step-bubble-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.workflow-step-bubble-container .workflow-step-bubble {
  position: relative;
  width: 42px;
  height: 42px;
  background: var(--input);
  border-radius: 50%;
  margin-right: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 200;
  -webkit-box-shadow: 1px 2px 2px 0px #0000004d;
  box-shadow: 1px 2px 2px 0px #0000004d;
  color: var(--tertiary-text);
  cursor: pointer;
}

.workflow-step-bubble-container .workflow-step-bubble:not(:last-child):before {
  content: "";
  position: absolute;
  width: 35px;
  background: var(--input);
  height: 5px;
  left: 100%;
  -webkit-box-shadow: 1px 2px 2px 0px #0000004d;
  box-shadow: 1px 2px 2px 0px #0000004d;
}

.workflow-step-bubble-container .workflow-step-bubble.active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--primary-green)),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, var(--primary-green), #4ca05a);
  color: var(--inverted-text);
}

.workflow-step-bubble-container .workflow-step-bubble.new {
  font-size: 14px;
}

.manage-workflows_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--input);
}

.manage-workflows_header .manage-workflows_toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.manage-workflows_header .manage-workflows_toolbar button,
.manage-workflows_header .manage-workflows_toolbar a {
  text-transform: uppercase;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 1.5px;
  margin: 0 2rem;
  background: none;
  border: none;
  display: flex;
}

.manage-workflows_header .manage-workflows_toolbar button svg,
.manage-workflows_header .manage-workflows_toolbar a svg {
  margin-right: 1rem;
  height: 32px;
}

.manage-workflows_header .manage-workflows_toolbar button svg g#settings,
.manage-workflows_header .manage-workflows_toolbar a svg g#settings {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}

.manage-workflows_header .manage-workflows_toolbar button svg path,
.manage-workflows_header .manage-workflows_toolbar a svg path {
  fill: var(--main-text);
}

.manage-workflows_header .manage-workflows_toolbar button.active,
.manage-workflows_header .manage-workflows_toolbar a.active {
  color: #6cc67b;
}

.manage-workflows_header .manage-workflows_toolbar button.active svg path,
.manage-workflows_header .manage-workflows_toolbar a.active svg path {
  fill: var(--primary-green);
}

.workflow-step-form-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@-webkit-keyframes user-message-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes user-message-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes user-message-exit {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes user-message-exit {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@-webkit-keyframes search-item {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes search-item {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes new-form {
  to {
    max-height: 200px;
  }
}

@keyframes new-form {
  to {
    max-height: 200px;
  }
}

@-webkit-keyframes enter-btn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes enter-btn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes exit-btn {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@keyframes exit-btn {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.workflow-steps-wrapper {
  margin-bottom: 2.4rem;
  padding-left: 42px;
  position: relative;
}

.workflow-steps-wrapper:before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 2px solid var(--primary-green);
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
}

.workflow-steps-wrapper:after {
  content: "";
  width: 2px;
  height: 100%;
  background: #4ca05a;
  display: inline-block;
  position: absolute;
  top: calc(24px + 2px);
  left: 11px;
}

.workflow-steps-wrapper .workflow-steps-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.workflow-steps-wrapper .workflow-steps-header button {
  background: none;
  border: none;
  margin-left: 1rem;
  color: var(--main-text);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
}

.workflow-steps-wrapper .workflow-steps-header button svg {
  margin-left: 1.2rem;
}
.workflow-steps-wrapper .workflow-steps-header span.step {
  font-size: 2rem;
}

.workflow-steps-wrapper .workflow-steps .workflow-step {
  border-radius: 5px;
  background: var(--card);
  -webkit-box-shadow: var(--card-shadow-2);
  box-shadow: var(--card-shadow-2);
  margin-top: 1rem;
  margin-top: 1rem;
  padding: 1rem 2rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px (1fr) [3];
  grid-template-columns: 80px repeat(3, 1fr);
  color: var(--tertiary-text);
  position: relative;
}

.workflow-steps-wrapper .workflow-steps .workflow-step .workflow-sender {
  text-align: right;
}

.workflow-steps-wrapper .workflow-steps .workflow-step a,
.workflow-steps-wrapper
  .workflow-steps
  .workflow-step
  button.bc_button_stepModal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.workflow-steps-wrapper .workflow-steps .workflow-step svg path {
  fill: var(--primary-green);
}

.workflow-steps-wrapper .workflow-steps .workflow-step .workflow-preview {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 534px;
  width: auto;
}

.workflow-steps-wrapper
  .workflow-steps
  .workflow-step
  .workflow-preview_primary {
  font-weight: 600;
  color: var(--main-text);
}

.workflow-steps-wrapper .workflow-steps .workflow-step .workflow-preview p {
  display: inline-block;
  margin-right: 1.25rem;
}

.workflow-steps-wrapper
  .workflow-steps
  .workflow-step
  .workflow-preview
  p.workflow-preview-subject {
  font-weight: 700;
}

.workflow-new-step {
  position: relative;
}

.workflow-new-step button {
  color: var(--primary-green);
  background: transparent;
  text-align: center;
  min-width: 216px;
  border-radius: 4px;
  border: 2px solid #4ca05a;
  padding: 0.4rem;
  display: inline-block;
  margin-left: 4.2rem;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 600;
  margin-top: 0.8rem;
}

.workflow-new-step:before {
  content: "";
  display: block;
  width: 63px;
  height: 62px;
  position: absolute;
  top: 0;
  right: 100%;
  border: 2px solid #4ca05a;
  border-color: transparent transparent transparent #4ca05a;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg) translate(75px, 29.25px);
  transform: rotate(-45deg) translate(75px, 29.25px);
}

span.workflow-step-template-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--primary-green);
  font-weight: 200;
}

span.workflow-step-template-name svg {
  width: 26px;
  margin-left: 1.25rem;
  margin-right: 1rem;
}

span.workflow-step-template-name svg path {
  fill: var(--primary-green);
}

h1.workflow-header {
  font-size: 16px;
  font-weight: 200;
  color: var(--primary-green);
  margin: 0;
  padding: 1.25rem;
}

.workflow-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem 0;
}

.workflow-form input.workflow-title,
.workflow-form
  .field-container_row
  .input-container
  ul.tagit
  li.workflow-title.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  .workflow-form
  li.workflow-title.tagit-new,
.workflow-form
  .select2-container
  .select2-search
  input.workflow-title.select2-search__field,
.select2-container
  .select2-search
  .workflow-form
  input.workflow-title.select2-search__field {
  background-color: var(--bg-light);
  border: var(--border-xl);
  font-size: 3.2rem;
  font-weight: 200;
  width: 50%;
  border-radius: 4px;
  margin-right: 1.25rem;
}

.workflow-form .workflow-type-radio {
  margin-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  max-width: 400px;
}

.workflow-form .workflow-type-radio .bc-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  min-width: 140px;
}

.workflow-form .workflow-type-radio .bc-radio label {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 6px 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.workflow-form .workflow-type-radio .bc-radio input[type="radio"],
.workflow-form
  .workflow-type-radio
  .bc-radio
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="radio"],
.field-container_row
  .input-container
  ul.tagit
  .workflow-form
  .workflow-type-radio
  .bc-radio
  li.tagit-new[type="radio"] {
  visibility: hidden;
}

.workflow-form .workflow-type-radio .bc-radio input[type="radio"] + label,
.workflow-form
  .workflow-type-radio
  .bc-radio
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="radio"]
  + label,
.field-container_row
  .input-container
  ul.tagit
  .workflow-form
  .workflow-type-radio
  .bc-radio
  li.tagit-new[type="radio"]
  + label,
.workflow-form
  .workflow-type-radio
  .bc-radio
  .select2-container
  .select2-search
  input.select2-search__field[type="radio"]
  + label {
  color: var(--secondary-text);
  margin: 0;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.workflow-form .workflow-type-radio .bc-radio input[type="radio"] + label:hover,
.workflow-form
  .workflow-type-radio
  .bc-radio
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="radio"]
  + label:hover,
.field-container_row
  .input-container
  ul.tagit
  .workflow-form
  .workflow-type-radio
  .bc-radio
  li.tagit-new[type="radio"]
  + label:hover,
.workflow-form
  .workflow-type-radio
  .bc-radio
  .select2-container
  .select2-search
  input.select2-search__field[type="radio"]
  + label:hover {
  background-color: var(--filter);
}

.workflow-form
  .workflow-type-radio
  .bc-radio
  input[type="radio"]:checked
  + label,
.workflow-form
  .workflow-type-radio
  .bc-radio
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="radio"]:checked
  + label,
.field-container_row
  .input-container
  ul.tagit
  .workflow-form
  .workflow-type-radio
  .bc-radio
  li.tagit-new[type="radio"]:checked
  + label,
.workflow-form
  .workflow-type-radio
  .bc-radio
  .select2-container
  .select2-search
  input.select2-search__field[type="radio"]:checked
  + label {
  border: 1px solid var(--primary-green);
  color: var(--primary-green);
  width: 100%;
  height: 100%;
  border-radius: 2px;
}

.workflow-step-form {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

h2.step-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

h2 span.workflow-step {
  display: inline-block;
  font-size: 3.2rem;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#6cc67b),
    to(#4ca05a)
  );
  background: linear-gradient(180deg, #6cc67b, #4ca05a);
  color: var(--white);
  width: 40px;
  height: 40px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 900;
  margin-right: 12px;
}

.template-wrapper {
  border: 1px solid var(--primary-green);
  padding: 1rem;
  border-radius: 2px;
}

.workflow-templates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.workflow-templates .workflow-template {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  margin: 5px;
  -webkit-transition: all 400ms;
  transition: all 400ms;
  cursor: pointer;
}

.workflow-templates .workflow-template h3 {
  font-weight: 200;
  letter-spacing: 1px;
}

.workflow-templates .workflow-template .workflow-template-wrapper {
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}

.workflow-templates .workflow-template .ql-container {
  background: none;
}

.workflow-templates .workflow-template .field-container_row {
  font-family: "Manrope", sans-serif;
}

.workflow-templates
  .workflow-template
  .field-container_row
  .input-container
  input,
.workflow-templates
  .workflow-template
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.workflow-templates
  .workflow-template
  .field-container_row
  .input-container
  select {
  font-family: "Manrope", sans-serif;
}

.workflow-templates .workflow-template p.bc-section-header {
  display: none;
}

.workflow-templates .workflow-template.selected {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 2;
  flex-basis: 2;
}

.workflow-templates .workflow-template.selected .ql-toolbar {
  display: block;
}

.workflow-templates .workflow-template.selected .field-container_row p.note {
  font-size: 14px;
  color: var(--tertiary-text);
  width: 90%;
  margin-top: 6px;
}

.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row[data-field="template"] {
  display: none;
}

.workflow-templates .workflow-template:not(.selected) .ql-toolbar {
  display: none;
}

.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row
  label {
  display: none;
}

.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row
  .input-container
  input,
.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new,
.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row
  .input-container
  select,
.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row
  .input-container
  textarea {
  padding-left: 0;
}

.workflow-templates .workflow-template:not(.selected) .ql-editor {
  padding: 0;
}

.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row[data-field="subject"]
  .input-container
  input,
.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row[data-field="subject"]
  .input-container
  ul.tagit
  li.tagit-new {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 10px;
}

.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row[data-field="from"] {
  border-top: var(--border-xl);
  padding-top: 18px;
}

.workflow-templates
  .workflow-template:not(.selected)
  .field-container_row[data-field="file"] {
  display: none;
}

.workflow-templates .workflow-template:not(.selected) .bc-section-header {
  display: block;
}

.workflow-step-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 30px;
  font-size: 2.4rem;
}

.workflow-step-header label {
  margin: 0;
  color: inherit;
}

.workflow-step-header input[type="submit"],
.workflow-step-header
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="submit"],
.field-container_row
  .input-container
  ul.tagit
  .workflow-step-header
  li.tagit-new[type="submit"],
.workflow-step-header
  .select2-container
  .select2-search
  input.select2-search__field[type="submit"],
.select2-container
  .select2-search
  .workflow-step-header
  input.select2-search__field[type="submit"] {
  width: auto;
}

.merge-tag-help {
  max-width: 600px;
  text-align: center;
}

.merge-tag-container {
  margin: 3.2rem auto;
  text-align: left;
  font-size: 2.4rem;
}

.merge-tag-container > a {
  margin-left: 1.8rem;
  font-weight: 900;
  color: var(--primary-green);
}

.merge-tag-example {
  color: var(--secondary-text);
  margin-left: 1.25rem;
  margin-top: 1rem;
  font-size: 1.6rem;
}

@media (max-width: 1400px) {
  .workflow-steps-wrapper .workflow-steps .workflow-step {
    display: block;
  }
  .workflow-steps-wrapper .workflow-steps .workflow-step .workflow-preview {
    max-width: 100%;
    margin: 1.25rem 0;
  }
}

.bc_bioTemplateList {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

form.bc_bioTemplateForm,
form.bc_workflowNameForm {
  padding: 2rem 0;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

form.bc_bioTemplateForm input.bc_bioTemplateNameInput,
form.bc_bioTemplateForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_bioTemplateNameInput.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  form.bc_bioTemplateForm
  li.bc_bioTemplateNameInput.tagit-new,
form.bc_bioTemplateForm
  .select2-container
  .select2-search
  input.bc_bioTemplateNameInput.select2-search__field,
.select2-container
  .select2-search
  form.bc_bioTemplateForm
  input.bc_bioTemplateNameInput.select2-search__field,
form.bc_bioTemplateForm input.bc_workflowNameInput,
form.bc_bioTemplateForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_workflowNameInput.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  form.bc_bioTemplateForm
  li.bc_workflowNameInput.tagit-new,
form.bc_bioTemplateForm
  .select2-container
  .select2-search
  input.bc_workflowNameInput.select2-search__field,
.select2-container
  .select2-search
  form.bc_bioTemplateForm
  input.bc_workflowNameInput.select2-search__field,
form.bc_workflowNameForm input.bc_bioTemplateNameInput,
form.bc_workflowNameForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_bioTemplateNameInput.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  form.bc_workflowNameForm
  li.bc_bioTemplateNameInput.tagit-new,
form.bc_workflowNameForm
  .select2-container
  .select2-search
  input.bc_bioTemplateNameInput.select2-search__field,
.select2-container
  .select2-search
  form.bc_workflowNameForm
  input.bc_bioTemplateNameInput.select2-search__field,
form.bc_workflowNameForm input.bc_workflowNameInput,
form.bc_workflowNameForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_workflowNameInput.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  form.bc_workflowNameForm
  li.bc_workflowNameInput.tagit-new,
form.bc_workflowNameForm
  .select2-container
  .select2-search
  input.bc_workflowNameInput.select2-search__field,
.select2-container
  .select2-search
  form.bc_workflowNameForm
  input.bc_workflowNameInput.select2-search__field {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  font-size: 4rem;
  font-weight: 700;
  padding: 0;
  margin: 0;
  width: auto;
  margin-right: 2rem;
}

form.bc_bioTemplateForm input.bc_bioTemplateNameInput:focus,
form.bc_bioTemplateForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_bioTemplateNameInput.tagit-new:focus,
.field-container_row
  .input-container
  ul.tagit
  form.bc_bioTemplateForm
  li.bc_bioTemplateNameInput.tagit-new:focus,
form.bc_bioTemplateForm input.bc_workflowNameInput:focus,
form.bc_bioTemplateForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_workflowNameInput.tagit-new:focus,
.field-container_row
  .input-container
  ul.tagit
  form.bc_bioTemplateForm
  li.bc_workflowNameInput.tagit-new:focus,
form.bc_workflowNameForm input.bc_bioTemplateNameInput:focus,
form.bc_workflowNameForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_bioTemplateNameInput.tagit-new:focus,
.field-container_row
  .input-container
  ul.tagit
  form.bc_workflowNameForm
  li.bc_bioTemplateNameInput.tagit-new:focus,
form.bc_workflowNameForm input.bc_workflowNameInput:focus,
form.bc_workflowNameForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_workflowNameInput.tagit-new:focus,
.field-container_row
  .input-container
  ul.tagit
  form.bc_workflowNameForm
  li.bc_workflowNameInput.tagit-new:focus {
  border-bottom: 1px solid var(--main-text);
  background: var(--filter);
}

form.bc_bioTemplateForm input.bc_updateBioTemplateNameBtn,
form.bc_bioTemplateForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_updateBioTemplateNameBtn.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  form.bc_bioTemplateForm
  li.bc_updateBioTemplateNameBtn.tagit-new,
form.bc_bioTemplateForm
  .select2-container
  .select2-search
  input.bc_updateBioTemplateNameBtn.select2-search__field,
.select2-container
  .select2-search
  form.bc_bioTemplateForm
  input.bc_updateBioTemplateNameBtn.select2-search__field,
form.bc_workflowNameForm input.bc_updateBioTemplateNameBtn,
form.bc_workflowNameForm
  .field-container_row
  .input-container
  ul.tagit
  li.bc_updateBioTemplateNameBtn.tagit-new,
.field-container_row
  .input-container
  ul.tagit
  form.bc_workflowNameForm
  li.bc_updateBioTemplateNameBtn.tagit-new,
form.bc_workflowNameForm
  .select2-container
  .select2-search
  input.bc_updateBioTemplateNameBtn.select2-search__field,
.select2-container
  .select2-search
  form.bc_workflowNameForm
  input.bc_updateBioTemplateNameBtn.select2-search__field {
  opacity: 0;
  -webkit-transform: scale(0.9) rotate(40deg);
  transform: scale(0.9) rotate(40deg);
  -webkit-animation: btn-enter 500ms ease-in-out 0ms 1 forwards;
  animation: btn-enter 500ms ease-in-out 0ms 1 forwards;
}

@-webkit-keyframes btn-enter {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateY(40deg);
    transform: scale(0.9) rotateY(40deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
  }
}

@keyframes btn-enter {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateY(40deg);
    transform: scale(0.9) rotateY(40deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
  }
}

.bc-calendar-container {
  width: 90%;
  margin: 40px auto;
  margin-top: 100px;
}

.fc-scroller-harness,
.fc-button-group,
.fc-button-active {
  z-index: 0;
}

.fc .fc-view-harness {
  -webkit-box-shadow: var(--calendar-shadow);
  box-shadow: var(--calendar-shadow);
}

.fc-toolbar-chunk button.fc-button,
.fc-toolbar-chunk button.fc-button-primary,
.fc-toolbar-chunk button.fc-button-active,
.fc-toolbar-chunk button.fc-today-button {
  background: rgba(89, 138, 255, 0.2) !important;
  border: none !important;
  color: #598aff !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  outline: none !important;
  opacity: 1 !important;
  cursor: pointer;
}

.fc-toolbar-chunk button.fc-button:hover,
.fc-toolbar-chunk button.fc-button-primary:hover,
.fc-toolbar-chunk button.fc-button-active:hover,
.fc-toolbar-chunk button.fc-today-button:hover {
  background: rgba(89, 138, 255, 0.4) !important;
  color: var(--white) !important;
  font-weight: 700;
  letter-spacing: 1px;
  outline: none;
  opacity: 1;
}

.fc-toolbar-chunk button.fc-button:active,
.fc-toolbar-chunk button.fc-button-primary:active,
.fc-toolbar-chunk button.fc-button-active:active,
.fc-toolbar-chunk button.fc-today-button:active {
  background: rgba(89, 138, 255, 0.2);
  color: #598aff;
  font-weight: 700;
  letter-spacing: 1px;
  outline: none;
  opacity: 1;
}

.fc-toolbar-chunk .fc-button-primary:not(:disabled).fc-button-active {
  background: rgba(89, 138, 255, 0.4) !important;
  color: var(--white) !important;
  font-weight: 700;
  letter-spacing: 1px;
  outline: none;
}

.fc-toolbar-chunk .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  background: rgba(89, 138, 255, 0.4);
}

.fc-toolbar-chunk .fc .fc-button-primary:disabled {
  border: none;
}

.fc-toolbar-chunk .fc .fc-button:disabled {
  opacity: 1;
}

#calendar {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 10px;
}

#calendar table {
  border-collapse: collapse;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: var(--border-light) !important;
}

.bc-calendar_hover {
  position: fixed;
}

.fc-h-event {
  border: none !important;
}

.fc-event-title-container {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(var(--accent-3)),
    to(var(--accent-4))
  );
  background: linear-gradient(0deg, var(--accent-3), var(--accent-4));
  border: none;
}

.fc-day-today {
  background: rgba(89, 138, 255, 0.1) !important;
}

.fc-daygrid-event-dot {
  border-color: var(--primary-green) !important;
}

.fc-popover {
  background: var(--bg) !important;
}

.fc-list-table tbody tr.fc-list-day th {
  background: none !important;
}

.fc-list-table tbody tr.fc-list-event {
  cursor: pointer;
}

.fc-list-table tbody tr.fc-list-event:hover td {
  background: none !important;
}

.pipeline-container {
  margin-top: 90px;
  margin-left: 90px;
  margin-bottom: 100px;
  margin-right: 90px;
}

.pipeline-container .page_actions {
  width: 1200px;
  margin: 0 auto;
}

.funnel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.funnel {
  margin: 50px auto 20px auto;
}

.view-label-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
  display: none;
}

.view-label-wrapper a {
  min-width: 25%;
}

.view-label-wrapper p.pipeline-view-more {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  padding-left: 24px;
  display: block;
  color: var(--main-text);
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

p.pipeline-view-more {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  padding-left: 24px;
  display: block;
  color: var(--main-text);
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  white-space: nowrap;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.arrow-1 {
  opacity: 0;
  -webkit-animation: arrow 1s ease-in-out 0.16667s infinite backwards;
  animation: arrow 1s ease-in-out 0.16667s infinite backwards;
}

.arrow-2 {
  opacity: 0;
  -webkit-animation: arrow 1s ease-in-out 0.33333s infinite backwards;
  animation: arrow 1s ease-in-out 0.33333s infinite backwards;
}

.arrow-3 {
  opacity: 0;
  -webkit-animation: arrow 1s ease-in-out 0.5s infinite backwards;
  animation: arrow 1s ease-in-out 0.5s infinite backwards;
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 1;
  }
}

@keyframes arrow {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 1;
  }
}

.bc_list--container {
  margin-top: 2rem;
}

.bc_list--container .bc_list--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc_list--container .bc_list--header p.bc_list--message {
  font-size: 24px;
  font-weight: 200;
}

.bc_list--container .bc_list--header p.bc_list--message.cancel {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  -webkit-animation: listForm-messageExit 500ms ease-in-out 0ms 1 forwards;
  animation: listForm-messageExit 500ms ease-in-out 0ms 1 forwards;
}

.bc_list--container .bc_list--header a.bc_list--toggle,
.bc_list--container .bc_list--header button.bc_list--toggle {
  font-size: 24px;
  -webkit-transform-origin: center;
  transform-origin: center;
  margin-right: 20px;
  color: var(--teritary-text);
  border: none;
  background: none;
  -webkit-transform: rotate(0deg) scale(1.6);
  transform: rotate(0deg) scale(1.6);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.bc_list--container .bc_list--header a.bc_list--toggle:hover,
.bc_list--container .bc_list--header button.bc_list--toggle:hover {
  color: var(--main-text);
}

.bc_list--container .bc_list--header a.bc_list--toggle.cancel,
.bc_list--container .bc_list--header button.bc_list--toggle.cancel {
  color: #f95e5e;
  -webkit-transform: rotate(405deg) scale(1.6);
  transform: rotate(405deg) scale(1.6);
}

.bc_list--container .bc_list--list {
  margin-top: 20px;
}

.bc_list--container .bc_list--list .bc_list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: var(--input);
  margin-bottom: 1.25rem;
  border-radius: 4px;
  padding: 0.8rem;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  padding-left: 2rem;
  border: 1px solid transparent;
  -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.bc_list--container .bc_list--list .bc_list--item .bc_list--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc_list--container .bc_list--list .bc_list--item .bc_list--actions button {
  background: none;
  border: none;
  padding: 1rem 2.8rem;
  border-left: 2px solid var(--filter);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bc_list--container .bc_list--list .bc_list--item .bc_list--actions button svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc_list--container
  .bc_list--list
  .bc_list--item
  .bc_list--actions
  button:hover {
  background-color: var(--filter);
}

.bc_list--container
  .bc_list--list
  .bc_list--item
  .bc_list--actions
  button:hover:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(1) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.08333s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.08333s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(2) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.16667s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.16667s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(3) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.25s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.25s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(4) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.33333s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.33333s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(5) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.41667s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.41667s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(6) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.5s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.5s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(7) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.58333s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.58333s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(8) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.66667s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.66667s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(9) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.75s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.75s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(10) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.83333s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.83333s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(11) {
  -webkit-animation: listForm-itemEnter 500ms ease 0.91667s 1 forwards;
  animation: listForm-itemEnter 500ms ease 0.91667s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(12) {
  -webkit-animation: listForm-itemEnter 500ms ease 1s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(13) {
  -webkit-animation: listForm-itemEnter 500ms ease 1.08333s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1.08333s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(14) {
  -webkit-animation: listForm-itemEnter 500ms ease 1.16667s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1.16667s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(15) {
  -webkit-animation: listForm-itemEnter 500ms ease 1.25s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1.25s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(16) {
  -webkit-animation: listForm-itemEnter 500ms ease 1.33333s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1.33333s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(17) {
  -webkit-animation: listForm-itemEnter 500ms ease 1.41667s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1.41667s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(18) {
  -webkit-animation: listForm-itemEnter 500ms ease 1.5s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1.5s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(19) {
  -webkit-animation: listForm-itemEnter 500ms ease 1.58333s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1.58333s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item:nth-child(20) {
  -webkit-animation: listForm-itemEnter 500ms ease 1.66667s 1 forwards;
  animation: listForm-itemEnter 500ms ease 1.66667s 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item.bc_list--form {
  display: none;
  position: relative;
  max-height: 0;
  -webkit-transition: margin 1000ms;
  transition: margin 1000ms;
  -webkit-animation: listForm-formCreate 500ms ease-in-out 0s 1 forwards,
    listForm-itemEnter 500ms ease-in-out 300ms 1 forwards;
  animation: listForm-formCreate 500ms ease-in-out 0s 1 forwards,
    listForm-itemEnter 500ms ease-in-out 300ms 1 forwards;
}

.bc_list--container .bc_list--list .bc_list--item.bc_list--form:focus-within {
  border-color: var(--primary-green);
}

.bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  label[for="new-workflow"] {
  margin: 0;
  width: 85%;
}

.bc_list--container .bc_list--list .bc_list--item.bc_list--form form {
  position: relative;
}

.bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  form
  input[type="submit"],
.bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  form
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="submit"],
.field-container_row
  .input-container
  ul.tagit
  .bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  form
  li.tagit-new[type="submit"],
.bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  form
  .select2-container
  .select2-search
  input.select2-search__field[type="submit"],
.select2-container
  .select2-search
  .bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  form
  input.select2-search__field[type="submit"] {
  display: none;
  width: auto;
  border: none;
  background: var(--bg);
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -16px;
  bottom: 50%;
  margin-bottom: -16px;
  font-size: 16px;
  color: var(--main-text);
  padding: 0.2rem 1rem;
  border-radius: 2px;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-animation: listForm-submitButtonEnter 500ms ease 0s 1 forwards;
  animation: listForm-submitButtonEnter 500ms ease 0s 1 forwards;
}

.bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  form
  input[type="submit"].exit,
.bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  form
  .field-container_row
  .input-container
  ul.tagit
  li.tagit-new[type="submit"].exit,
.field-container_row
  .input-container
  ul.tagit
  .bc_list--container
  .bc_list--list
  .bc_list--item.bc_list--form
  form
  li.tagit-new[type="submit"].exit {
  -webkit-animation: listForm-submitButtonExit 500ms ease 0s 1 forwards;
  animation: listForm-submitButtonExit 500ms ease 0s 1 forwards;
}

@-webkit-keyframes listForm-messageExit {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
  }
}

@keyframes listForm-messageExit {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
  }
}

@-webkit-keyframes listForm-itemEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes listForm-itemEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes listForm-submitButtonEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes listForm-submitButtonEnter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes listForm-submitButtonExit {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes listForm-submitButtonExit {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@-webkit-keyframes listForm-formCreate {
  to {
    max-height: 200px;
  }
}

@keyframes listForm-formCreate {
  to {
    max-height: 200px;
  }
}

.user-notification {
  background: var(--primary-green);
  color: var(--black);
  position: fixed;
  padding: 10px 12px;
  border-radius: 2px;
  bottom: 50px;
  right: 50px;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  -webkit-animation-name: notification;
  animation-name: notification;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 99;
}

.bc-user-note {
  font-size: 1.4rem;
  color: var(--bg);
}

.grid-container {
  position: relative;
}

.new-release-notification {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  color: var(--black);
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  width: 100%;
  border-radius: 2px;
  background: var(--primary-green);
  height: 0px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  max-width: 800px;
  -webkit-transform-origin: top;
  transform-origin: top;
  font-size: 1.6rem;
  -webkit-animation: new-release 0.5s ease-in-out 5s 1 forwards;
  animation: new-release 0.5s ease-in-out 5s 1 forwards;
}

.new-release-notification strong {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

@-webkit-keyframes new-release {
  from {
    height: 0px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    height: 100px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes new-release {
  from {
    height: 0px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  to {
    height: 100px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.bc-user-activity-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-user-activity-form .field-container_row {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.bc-user-activity-form .bc-btn {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 0;
}

.bc-report-category-wrapper {
  margin-top: 2rem;
  margin-bottom: 6rem;
}

.bc-report-category-card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bc-card {
  background: var(--input);
  -webkit-box-shadow: var(--card-shadow);
  box-shadow: var(--card-shadow);
}

.bc-report-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px;
  margin-left: 0;
  padding: 12px;
  border-radius: 4px;
  font-weight: 500;
  min-width: 160px;
  color: var(--main-text);
}

.bc-report-card .bc-report-card-value {
  font-size: 3.2rem;
}

.bc-report-card .bc-report-card-name {
  color: var(--main-text);
}

.bc-report-container {
  width: 90%;
  margin: 0 auto;
}

.bc-kanban-icon {
  width: 50px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-kanban-icon .bc-kanban-icon_board {
  width: 33.33%;
  height: 90%;
  border: var(--border-light);
  margin: auto 3px;
  border-radius: 3px;
  background: var(--bg-medium);
}

.bc-section-wrapper {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.profile-image {
  overflow: visible;
}

.profile-pic {
  border-radius: 50%;
}

.circle {
  width: 160px;
  height: 160px;
  border: none;
  background: var(--bg-light);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.circle img {
  opacity: 1;
  width: 60%;
  height: 60%;
}

.circle img[src=""] {
  opacity: 0;
}

.bc-input-error {
  font-size: 14px;
  margin-left: 24px;
  color: #f95e5e;
}


.gpt-visibility-show-input {
  margin-right: 15px;
}

@-webkit-keyframes notification {
  0% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    opacity: 0;
  }
}

@keyframes notification {
  0% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    opacity: 0;
  }
}

@-webkit-keyframes gradient {
  0% {
    stop-color: darkgray;
  }
  50% {
    stop-color: #6cc67b;
  }
  70% {
    stop-color: #4d8f58;
  }
  100% {
    stop-color: darkgray;
  }
}

@keyframes gradient {
  0% {
    stop-color: darkgray;
  }
  50% {
    stop-color: #6cc67b;
  }
  70% {
    stop-color: #4d8f58;
  }
  100% {
    stop-color: darkgray;
  }
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__value {
  color: var(--main-text) !important;
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__title {
  color: var(--primary-green) !important;
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__percentage {
  color: var(--tertiary-text) !important;
}

.button_convertToClient.separate_btn {
  background: #fd59e2;
  color: #fff;
  border: none;
  padding: 10px 12px;
  border-radius: 3px;
  cursor: pointer;
}
.button_convertToClient.separate_btn:hover {
    background: #e43ec8;
}
.bc-internal-notification.hidden {
  right: -100px;
}
.bc-internal-notification {
  position: fixed;
  top: 100px;
  right: 20px;  
  background: var(--primary-green);
  color: var(--main-text);
  padding: 10px;
  transition: right 1s ease-in-out;
  z-index: 1100;
}

.bc-internal-notification.danger {
  background: #f95e5e;
  color: var(--inverted-text);
}
.bc-internal-notification.agent::before {
  content: "🚀";
  font-size: 1.5em;
  display: inline-block;
  width: 20px;
  margin-right: 15px;
}

.bc-internal-notification.agent,
.button_triggerAgent {
  display: flex;
  align-items: center;
  border-radius: 7px;
  border: 2px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(
    to right,
    #401073,
    #1382d1,
    #55d306,
    #e7e70b,
    rgb(33, 231, 132)
  );
  animation: gradient 2s infinite;
}

.button_triggerAgent:hover {
  background-color: #00949C;
}

.bc-internal-notification.agent {
  background: #00949C;
  max-width: 350px;
  border-radius: 3px;
  border-width: 4px;
}
.add-to-workflow-stats.flex {
  align-items: flex-start;
}

.general-records-report {
  margin-bottom: 10px;
}

.list-of-records {
  max-height: 250px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.list-of-records a {
  font-size: 1.2rem;
  display: flex;
  padding: 5px 10px;
}

.list-of-records a:nth-child(2n + 1) {
  background: var(--bg-light);
}

#describe_records_selected_to_add_to_workflow .workflow-stat {
  align-items: flex-start;
  align-self: flex-start;
}

.unsuccessful .color-sign {
  color: #f95e5e;
}
.successful .color-sign {
  color: #6cc67b;
}

#button_modalAddToWorkflowSubmit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.flex-row {
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.restart-flo-block .option svg path{
  fill: var(--dropdown-add-icon);
}

.restart-flo-block .option.restart-flo.activated svg path{
  fill: var(--primary-green);
}


.restart-flo-block .option.restart-flo.activated svg {
  animation: rotateMe 10s linear infinite;
}

@keyframes rotateMe {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


.restart-flo-block .option.stop-flo.activated svg path{
  fill: #f95e5e;
}

.tooltip-container {
  position: relative;
  cursor: pointer;
}
.general-tooltip {
  position: absolute;
  width: max-content;
  max-width: 150px;
  align-self: baseline;
  display: none;
  border-radius: 3px;
  background: var(--bg-secondary);
  font-size: 10px;
  bottom: 40px;
  text-transform: none;
  padding: 5px;
  z-index: 12;
}
.general-tooltip.dark {
  background: var(--navbg);
}
.general-tooltip.bigger-font {
  font-size: 14px;
}
.general-tooltip.full-width {
  width: max-content;
  max-width: 100%;
}

.general-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 5%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--bg-secondary) transparent transparent transparent;
}
.general-tooltip.dark::after {
  border-color: var(--navbg) transparent transparent transparent;
}
.general-tooltip.large-triangle:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 30px;
  margin-left: -15px;
  border-width: 10px;
}
.general-tooltip.large-triangle {
  bottom: 55px;
}
.general-tooltip.dark-bg {
  background: var(--bg-gradient-primary);
  color: white;
}

.general-tooltip.dark-bg::after {
  border-color: var(--green-200) transparent transparent transparent;
}

.tooltip-container:hover > .general-tooltip {
  display: flex;
}


.general-tooltip.from-right {
  right: 20px;
}
.general-tooltip.from-right::after {
  left: 90%;
}

.warning-text-modal {
  font-size: 1.6rem;
  margin-top: 10px;
}

.flex.column {
  flex-direction: column;
  align-items: flex-start;
  margin: 10px 20px;
}

.list-with-checkmarks {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}

.list-with-checkmarks li::before {
  content: "✔";
  color: var(--primary-green);
  margin-right: 1rem;
}

:disabled {
  cursor: not-allowed !important;
}

.licences-btn {
  background: transparent;
  position: absolute;
  border: none;
}
/* .licences-btn.confirmLicenseUpdate path {
  fill: var(--primary-green);
} */
.licences-btn.removeLiecnseBtn path {
  fill: #f95e5e;
}
.existing-license:focus {
  border: 1px solid var(--primary-green);
}
.existing-license::placeholder {
  color: #000;
  opacity: 0.5;
}

#licenses .input-container {
  display: flex;
  align-items: center;
  margin: 10px 0;
  position: relative;
  padding-left: 5px;
}

#licenses {
  width: 100%;
}

#licenses .input-container label {
  min-width: 100px;
  max-width: 150px;
}

#licenses .input-container input {
  padding-right: 30px;
  display: inline-block;
  text-align: right;
}
/* #licenses .input-container input:focus {
  padding-right: 60px;

} */

/* #licenses .licences-btn.confirmLicenseUpdate {
  display: none;
  width: 20px;
  height: 20px;
  right: 35px;
} */

#licenses .licences-btn.removeLiecnseBtn {
  right: 5px;
}


.licences-btn {
  background: transparent;
  position: absolute;
  border: none;
}
/* .licences-btn.confirmLicenseUpdate path {
  fill: var(--primary-green);
} */
.licences-btn.removeLiecnseBtn path {
  fill: #f95e5e;
}
/* 
#licenses input.existing-license:focus + .licences-btn.confirmLicenseUpdate {
  display: block;
  border: 1px solid var(--primary-green);
  border-radius: 50%;
}

#licenses input.existing-license:focus + .licences-btn.confirmLicenseUpdate:hover {
  background: var(--primary-green);
}
#licenses input.existing-license:focus + .licences-btn.confirmLicenseUpdate:hover path {
  fill: #fff;
} */

#licenses .input-container {
  display: flex;
  align-items: center;
  margin: 10px 0;
  position: relative;
  padding-left: 5px;
}

#licenses {
  width: 100%;
}

#licenses .input-container label {
  min-width: 100px;
  max-width: 150px;
}

#licenses .input-container input {
  padding-right: 30px;
  display: inline-block;
  text-align: right;
}
/* #licenses .input-container input:focus {
  padding-right: 60px;

} */

/* #licenses .licences-btn.confirmLicenseUpdate {
  display: none;
  width: 20px;
  height: 20px;
  right: 35px;
} */

#licenses .licences-btn.removeLiecnseBtn {
  right: 5px;
}


.record-generic-link {
  display: block;
  border-radius: 3px;
  position: absolute;
  right: 20px;
  top: 26px;
  background-color: var(--input-2);
}

.record-generic-link svg {
  fill: var(--primary-green);
}

#compare_flo_to_job {
  display: flex;
  align-self: center;
  margin: 10px 0 20px;
  color: #ff5c68;
  font-weight: 500;
}

.summary-block-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-light);
  width: 200px;
}

.workflow-summary {
  display: flex;
  flex-wrap: wrap;
}

.summary-block-item.calendar .specific-stat-icon {
  background-image: url(../../svg/calendar.svg);
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.summary-block-item.calendar .specific-stat-icon svg path {
  fill: var(--main-text);
}

.summary-block-item.calendar:hover .specific-stat-icon svg path {
  fill: var(--primary-green);
}

.summary-block-item.calendar:hover .specific-stat-icon span {
  color: var(--primary-green);
}

.summary-block-item.calendar .specific-stat-icon .actual-date {
  position: absolute;
  left: 20px;
  top: 30px;
}

.entity-stats-container {
  display: flex;
  border: 3px solid var(--main-text);
  position: relative;
  height: 150px;
  margin: 10px 0;
  border-radius: 10px;
}

.entity-stats-container.leads {
  border-color: #83c2ae;
}
.entity-stats-container.other-entity {
  border-color: #f4aaaa;
}
.entity-stats-container.schedule {
  border-color: #6f729f;
}

 .stats-container .fc-daygrid-day-number,
 .stats-container .fc-list-day .fc-list-day-cushion a,
 .stats-container .fc .fc-col-header-cell-cushion  {
  color: var(--main-text);
}
.stats-container .fc-daygrid-dot-event .fc-event-title {
  font-weight: 400;
  color: #fff;
}

.stats-container .fc-daygrid-dot-event.step-1 .fc-event-title {
  background-color: #673ab7;
}

.stats-container .fc-daygrid-dot-event.step-2 .fc-event-title {
  background-color: #3f51b5;
}

.stats-container .fc-daygrid-dot-event.step-3 .fc-event-title {
  background-color: #8bc34a;
}

.stats-container .fc-daygrid-dot-event.step-4 .fc-event-title {
  background-color: #e91e63;
}

.stats-container .fc-daygrid-dot-event.step-5 .fc-event-title {
  background-color: #795548;
} 

.stats-container .fc-daygrid-dot-event.step-6 .fc-event-title {
  background-color: #ff9800;
}

.stats-container .fc-daygrid-dot-event.step-7 .fc-event-title {
  background-color: #9e9e9e;
}

.stats-container .fc-daygrid-dot-event.step-8 .fc-event-title {
  background-color: #00bcd4;
}

.stats-container .fc-daygrid-dot-event.step-9 .fc-event-title {
  background-color: #f44336;
}

.stats-container .fc-daygrid-dot-event.step-10 .fc-event-title {
  background-color: #e91ee7;
}

.stats-container .fc-daygrid-dot-event.step-11 .fc-event-title {
  background-color: #e0b02f;
}

.stats-container .fc-daygrid-dot-event.step-12 .fc-event-title {
  background-color: #3251ff;
}

.stats-container .fc-daygrid-dot-event.sent .fc-event-title {
  background-color: #7b7b7b !important;
}

.stats-container .fc-event-time,
.stats-container .fc-daygrid-event-dot {
  display: none;
}

.stats-container .fc-theme-standard .fc-scrollgrid,
.stats-container .fc-theme-standard .fc-list {
  border: none;
}

.canvas-container {
  display: flex;
  max-width: 250px;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  padding: 30px;
  flex-grow: 1;
}

.summary-block__label {
  font-size: 1.6rem;
  color: var(--main-text);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
}
.canvas-container .numeric-value {
  font-size: 3rem;
  height: 100px;
  width: 100px;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 50px);
  line-height: 100px;
  text-align: center;
  color: var(--primary-green);
}

.charts-container {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
  flex-wrap: wrap;
}

.team-item-container {
  display: flex;
  margin-top: 20px;
}

button.pagination-item {
  width: 30px;
  height: 30px;
  background: var(--bg-primary);
  border: 1px solid var(--primary-green);
  border-radius: 2px;
  margin-right: 7px;
  margin-top: 25px;
}

#new-team-form,
#submit-team-creation {
  display: none;
}
button.pagination-item:hover,
button.pagination-item.active {
  background: var(--primary-green);
  color: var(--bg-primary);
}

.team-item h3 {
  display: flex;
  align-items: center;
}

.flo-owner {
  color: #959595;
  margin-right: 10px;
  font-size: 12px;
}

select#teamCountPerPage {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  background: var(--bg-secondary);
  padding: 6px 12px;
  border-radius: 2px;
  position: absolute;
  right: 0;
}
#pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}



/* deep-reach-response-iframe */
body.iframe-body{
  background: #51556d;
  display: flex;
  margin: 20px;
  justify-content: center;
  align-items: center;
  color: #fbfbfb;
  font-size: 16px;
  font-weight: 600;
}

/*# sourceMappingURL=styles.css.map */

.filter-container.button-container {
  display: none;
}

.show-filter-button {
  border: 1px solid var(--primary-green);
  width: fit-content;
  justify-content: center;
  align-items: center;
  display: none;
}

.btn-filter-text {
  margin-left: 10px;
}

#table-container-report a:not(.disabled):hover {
  text-decoration: underline;
  color: var(--primary-green);
}

.ownership-item .selectdiv {
  width: 100%;
  display: flex;
  margin: 5px 10px 10px 0;
}

label[for="assign_all_to_one"] {
  border: 1px solid var(--primary-green);
  border-radius: 5px;
  padding: 10px 15px;
  margin-left: 15px;
}
label[for="assign_all_to_one"]:hover {
  background: var(--primary-green);
  color: var(--white);
}
.checkbox-container {
  display: flex;
  align-items: center;
  margin: 10px 15px;
  justify-content: right;
}

.ui-state-active{
	background: none !important;
	color: var(--main-text) !important;
	border: none !important;
	font-weight: 400 !important;
}

@media (min-width: 576px) {
  .modal-dialog {
      max-width: none;
  }
}

.input-group-text{
  background-color: transparent;
  border: none;
  color: var(--primary-green);
}

table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc{
  background-image: none !important;
}

button:focus{
  outline: none !important;
}

.dataTables_wrapper .dataTables_length select{
  border: none !important;
}
.dataTables_wrapper .dataTables_processing{
	z-index: 1000;
}
div.dataTables_processing>div:last-child>div{
	background: var(--primary-green);
}
/* Apply opacity to table when loading (only when processing is visible with display: block) */
.dataTables_wrapper:has(.dataTables_processing[style*="display: block"]) table,
.dataTables_wrapper:has(.dataTables_processing[style*="display: block"]) .dataTables_scrollBody,
.dataTables_wrapper:has(.dataTables_processing[style*="display: block"]) .dataTables_scrollHead {
	opacity: 0.5;
}

.ui-autocomplete[id^="ui-id"] li, .tagit-autocomplete[id^="ui-id"] li{
  max-width: none !important;
  padding: 0.4rem 5px;
}

.ui-autocomplete[id^="ui-id"], .tagit-autocomplete[id^="ui-id"]{
	scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

.ui-autocomplete[id^="ui-id"]::-webkit-scrollbar, .tagit-autocomplete[id^="ui-id"]::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.ui-autocomplete[id^="ui-id"]::-webkit-scrollbar-track, .tagit-autocomplete[id^="ui-id"]::-webkit-scrollbar-track {
	background: transparent;
}

.ui-autocomplete[id^="ui-id"]::-webkit-scrollbar-thumb, .tagit-autocomplete[id^="ui-id"]::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}

.ui-autocomplete[id^="ui-id"]::-webkit-scrollbar-thumb:hover, .tagit-autocomplete[id^="ui-id"]::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.5);
}

.dropdown-menu{
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.hidden {
  display: none !important;
}



li.ui-menu-item:has(.ui-state-active){
  background: var(--primary-green) !important;
  font-weight: bold !important;
  color: var(--white) !important;
}

.bc-radio-container .bc-radio input[type="radio"]{
  height: 0;
}

.bc_button_workflowSettings,
#remove_new_settings_option{
  color: var(--text-primary);
}