/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react--info-icon {
  color: #BCBBBC;
  font-size: 17px;
  line-height: 17px;
  display: inline;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.comp-with-validate-msg {
  display: none;
}
.validate .comp-with-validate-msg {
  display: block;
  color: #c00;
  font-size: 13px;
  margin-top: 4px;
}
.clear-input.material-icons {
  font-size: 17px;
  margin-right: 5px;
  color: #757575;
  cursor: pointer;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-search-input {
  border: 1px solid #A7A7A9;
  border-radius: 18px;
  font-size: 13px;
  width: 30px;
  height: 28px;
  display: flex;
  align-items: center;
  background-color: #fff;
  transition: width 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.react-search-input .clear-search-button.material-icons {
  position: absolute;
  right: 20px;
  font-size: 17px;
  color: #282828;
  top: 0;
}
.react-search-input.input-group {
  margin: 0;
}
.react-search-input.expandable {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0);
}
.react-search-input.expanded {
  width: 180px;
}
.react-search-input.expanded.expandable {
  background-color: rgba(255, 255, 255, 0.8);
}
.react-search-input .search-glass-icon {
  position: relative;
  color: #757575;
  margin-left: 0;
  margin-right: auto;
  font-size: 12px;
  padding: 3px 10px;
}
.react-search-input .reach-search-input-element {
  border: none;
  background: transparent;
  height: calc(100% - 10px);
  padding: 0px;
}
.react-search-input [placeholder] {
  text-overflow: ellipsis;
}
.react-search-input .info-icon-wrapper {
  line-height: 17px;
  margin-right: 10px;
}
.react-search-input .info-icon-wrapper .react--info-icon {
  font-size: 14px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.dropdown-multiple-selector {
  width: 150px;
  font-size: 14px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control {
  border: none;
  background: transparent;
  box-shadow: none;
  height: 22px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control .dropdown-multiple-selector__single-value {
  display: flex;
  align-items: center;
  height: 22px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control .dropdown-multiple-selector__single-value .icon {
  padding-right: 5px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control div.dropdown-multiple-selector__single-value ~ .dropdown-multiple-selector__single-value {
  display: none;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control:hover {
  border: none;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control .selected-size {
  padding: 0px 3px;
  background-color: #e1e1e1;
  width: 18px;
  margin-right: 3px;
  text-align: center;
  border-radius: 32px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control .selected-size:not(.all) {
  height: 18px;
  font-size: 11px;
  line-height: 18px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control .selected-size.all {
  background-color: transparent;
  border-radius: 0px;
  padding: 0;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control .text-label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control .fa-angle-down {
  margin-left: 7px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__indicator,
.dropdown-multiple-selector .dropdown-multiple-selector__indicators {
  display: none;
}
.dropdown-multiple-selector .dropdown-multiple-selector__control--is-focused .dropdown-multiple-selector__single-value {
  border-radius: 5px;
  background-color: rgba(216, 216, 216, 0.3);
}
.dropdown-multiple-selector .dropdown-multiple-selector__single-value {
  padding-left: 4px;
  padding-right: 4px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__single-value:hover {
  border-radius: 5px;
  background-color: rgba(216, 216, 216, 0.3);
}
.dropdown-multiple-selector .dropdown-multiple-selector__menu {
  margin-top: 0px;
  width: calc(100% + 30px);
}
.dropdown-multiple-selector .dropdown-multiple-selector__menu .dropdown-multiple-selector__menu-list {
  max-height: 300px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__menu .dropdown-option-react {
  background-color: transparent;
  padding: 5px 12px 5px 12px;
  position: relative;
  cursor: pointer;
}
.dropdown-multiple-selector .dropdown-multiple-selector__menu .dropdown-option-react i {
  margin-right: 8px;
}
.dropdown-multiple-selector .dropdown-multiple-selector__menu .dropdown-option-react .option-title-wrapper {
  width: 85%;
  display: flex;
  align-items: center;
}
.dropdown-multiple-selector .dropdown-multiple-selector__menu .dropdown-option-react:hover {
  background-color: #EEE;
}
.dropdown-multiple-selector .dropdown-multiple-selector__menu .dropdown-option-react .fa-check {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #757575;
  font-size: 13px;
}

.bouncy-arrow-icon {
  height: 0px;
  width: 16px;
  display: block;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}
.bouncy-arrow-icon .left-bar {
  position: absolute;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 8px;
  height: 2px;
  display: block;
  transform: rotate(39deg);
  float: right;
  border-radius: 2px;
}
.bouncy-arrow-icon .left-bar:after {
  content: "";
  background-color: gray;
  width: 8px;
  height: 2px;
  display: block;
  float: right;
  border-radius: 5px 8px 8px 5px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}
.bouncy-arrow-icon .right-bar {
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: 5px;
  width: 8px;
  height: 2px;
  display: block;
  transform: rotate(-39deg);
  float: right;
  border-radius: 2px;
}
.bouncy-arrow-icon .right-bar:after {
  content: "";
  background-color: gray;
  width: 8px;
  height: 2px;
  display: block;
  float: right;
  border-radius: 8px 5px 5px 8px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}
.bouncy-arrow-icon.open .left-bar:after {
  transform-origin: center center;
  transform: rotate(-78deg);
}
.bouncy-arrow-icon.open .right-bar:after {
  transform-origin: center center;
  transform: rotate(78deg);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-kpi-header-bar {
  display: flex;
  align-items: center;
  height: 60px;
  width: 100%;
  padding: 24px 16px 0 20px;
  box-sizing: border-box;
}
.account-kpi-header-bar .header-item {
  height: 40px;
  display: flex;
  flex-direction: column;
}
.account-kpi-header-bar .header-item:not(:last-child) {
  margin-right: 30px;
}
.account-kpi-header-bar .header-item .section-title {
  text-transform: uppercase;
  font-size: 10px;
  color: #757575;
}
.account-kpi-header-bar .dropdown-selector {
  width: 160px;
}
.account-kpi-header-bar .dropdown-selector .section-content {
  z-index: 2;
}
.account-kpi-header-bar .dropdown-selector .dropdown-multiple-selector {
  width: 100%;
}
.account-kpi-header-bar .dropdown-selector .dropdown-multiple-selector__control {
  height: auto;
  min-height: auto;
}
.account-kpi-header-bar .dropdown-selector .dropdown-multiple-selector__value-container {
  padding: 0;
}
.account-kpi-header-bar .dropdown-selector .dropdown-multiple-selector .sort-by-order-icon {
  margin-left: 5px;
}
.account-kpi-header-bar .dropdown-selector .dropdown-multiple-selector__menu {
  font-size: 13px;
  width: 150%;
  max-width: 350px;
}
.account-kpi-header-bar .period {
  width: 100px;
}
.account-kpi-header-bar .section-content .dropdown-multiple-selector__placeholder {
  font-size: 12px;
}
.account-kpi-header-bar .kpi-period-selector {
  width: 120px;
}
.account-kpi-header-bar .kpi-period-selector .section-content .popover-trigger-wrapper {
  display: flex;
  align-items: center;
}
.account-kpi-header-bar .kpi-period-selector .section-content .popover-trigger-wrapper button {
  padding: 0;
}
.account-kpi-header-bar .kpi-period-selector .section-content .popover-trigger-wrapper .kpi-paging-text {
  text-transform: none;
  font-size: 14px;
  color: #282828;
}
.account-kpi-header-bar .kpi-period-selector .section-content .popover-trigger-wrapper .arrow-down {
  padding-left: 5px;
}
.account-kpi-header-bar .kpi-period-selector .kpi-header-filter-popover {
  padding: 15px;
  margin-top: 10px;
  overflow: visible;
  border: 1px solid #E7E7E7;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.account-kpi-header-bar .kpi-period-selector .kpi-header-filter-popover.small-screen-popover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
.account-kpi-header-bar .display-types {
  width: 52px;
}
.account-kpi-header-bar .display-types .section-title {
  line-height: 12px;
  margin: 3px 0;
}
.account-kpi-header-bar .display-types .section-content {
  display: flex;
  justify-content: space-between;
}
.account-kpi-header-bar .display-types .section-content .display-types-icon {
  height: 25px;
  width: 25px;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  border-radius: 50%;
  color: #A4A4A4;
  cursor: pointer;
}
.account-kpi-header-bar .display-types .section-content .display-types-icon:hover.previous-value,
.account-kpi-header-bar .display-types .section-content .display-types-icon.selected.previous-value,
.account-kpi-header-bar .display-types .section-content .display-types-icon:hover.dimensions,
.account-kpi-header-bar .display-types .section-content .display-types-icon.selected.dimensions {
  color: #40AD90;
  background-color: rgba(64, 173, 144, 0.2);
}
.account-kpi-header-bar .right-container {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  width: 480px;
  margin-left: auto;
}
.account-kpi-header-bar .right-container .add-button-container {
  margin-top: 3px;
  margin-right: 20px;
}
.account-kpi-header-bar .right-container .add-button-container > button {
  height: 26px;
}
.account-kpi-header-bar .right-container .add-button-container > button > span {
  text-transform: none;
}
.account-kpi-header-bar .right-container .add-button-container > button > span > .fa {
  margin-right: 10px;
}
.account-kpi-header-bar .right-container .section-content {
  flex: 0 0 320px;
}
.account-kpi-header-bar .right-container .react-search-input {
  width: 100%;
  margin: 0;
}
.account-kpi-header-bar .daily-info {
  display: flex;
  align-self: flex-end;
}
.account-kpi-header-bar .daily-info .warning-icon {
  display: flex;
  margin-right: 10px;
  font-size: 17px;
  color: #F4C430;
}

/*
** --- Totango App (0-4999) ---
*/
/*
** --- Zeo App (5000-9999) ---
*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*General colors palette*/
/*team*/
/* mark as done */
/*health*/
/*tasks*/
/*o16n*/
/*segment chart*/
/*online/offline*/
/*positive/negative*/
/* retention */
/* task and touchpoint */
/*General elements*/
/*totango blue*/
/* Activity types */
/*Flat palette*/
/*social colors*/
/* provisioning */
/* product logo */
/*Functions*/
/* Mixins */
/* Font Mixins */
.account-gravatar-container {
  display: inline-block;
  vertical-align: middle;
}
.account-gravatar-container.contact .gravatar-wrapper .image-wrapper .gravatar-image {
  border-color: #3FAD90;
}
.account-gravatar-container .gravatar-wrapper {
  background-color: #BBBDC0;
  position: relative;
  margin-right: 5px;
  height: var(--size, 30px);
  width: var(--size, 30px);
  border-radius: var(--size, 30px);
}
.account-gravatar-container .gravatar-wrapper .avatar-loader {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.account-gravatar-container .gravatar-wrapper .image-wrapper {
  position: absolute;
  height: var(--size, 30px);
  width: var(--size, 30px);
}
.account-gravatar-container .gravatar-wrapper .image-wrapper img {
  vertical-align: baseline;
}
.account-gravatar-container .gravatar-wrapper .image-wrapper .gravatar-image {
  border: 2px solid #E8E8E8;
  height: var(--size, 30px);
  width: var(--size, 30px);
  border-radius: var(--size, 30px);
}
.account-gravatar-container .gravatar-wrapper .image-wrapper .gravatar-image.error {
  border: 2px solid #C0392B;
}
.account-gravatar-container .gravatar-wrapper .image-wrapper .gravatar-image.loading {
  border: 2px solid ;
  animation: loadingBorder 2s infinite;
}
@keyframes loadingBorder {
  0% {
    border-color: #E8E8E8;
  }
  50% {
    border-color: #b5b5b5;
  }
  100% {
    border-color: #E8E8E8;
  }
}
.account-gravatar-container .gravatar-wrapper .name-initials {
  color: #FFFFFF;
  font-size: 14px;
  line-height: var(--size, 30px);
  width: 100%;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.csat-rating img {
  height: 15px;
  width: 15px;
  margin: 0px 4px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.caps {
  text-transform: uppercase;
}
.lifecycle-dropdown__menu .lifecycle-dropdown-option {
  margin: 5px 0px;
  cursor: pointer;
  width: fit-content;
}
.lifecycle-dropdown-ember-container {
  line-height: 21px;
}
.lifecycle-dropdown-container {
  display: inline-block;
}
.lifecycle-dropdown-container .lifecycle-dropdown__control {
  height: 26px;
  line-height: 21px;
  width: 100%;
  border: none;
  border-radius: 50px;
  min-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  box-shadow: none;
  margin: auto;
  cursor: pointer;
}
.lifecycle-dropdown-container .lifecycle-dropdown__control .lifecycle-dropdown__value-container {
  height: 100%;
  padding: 0;
  width: 100%;
  flex: inherit;
}
.lifecycle-dropdown-container .lifecycle-dropdown__control input {
  position: absolute;
}
.lifecycle-dropdown-container .lifecycle-dropdown__control .lifecycle-dropdown__single-value {
  color: #fff;
  text-align: center;
  position: relative;
  max-width: none;
  font-size: 13px;
  width: 100%;
  padding: 0px;
  top: 0;
  transform: translateY(0);
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.lifecycle-dropdown-container .lifecycle-dropdown__control .react-round-label {
  width: 100%;
  padding-right: 30px;
}
.lifecycle-dropdown-container .lifecycle-dropdown__control:hover {
  border: none;
}
.lifecycle-dropdown-container .lifecycle-dropdown__control:hover .lifecycle-dropdown__indicator {
  color: navajowhite;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .lifecycle-dropdown-container .lifecycle-dropdown__indicators {
    display: inline-block;
  }
}
.lifecycle-dropdown-container .lifecycle-dropdown__indicator {
  color: #fff;
  position: absolute;
  right: 0;
}
.lifecycle-dropdown-container .lifecycle-dropdown__indicator-separator {
  display: none;
}

.html-parser-container {
  line-height: 21px;
}
.html-parser-container p {
  margin: 0px;
}
.html-parser-container.body1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.Toastify .toast-notification-container {
  z-index: 9998;
}
.toast-notification-container {
  width: 30% !important;
}
.toast-notification-container .toast-notify-container {
  min-height: auto;
  background: #fff;
  padding: 0;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.toast-notification-container .toast-notify-container.unsaved-segment-noti {
  width: 470px;
}
.toast-notification-container .toast-notify-container .text-holder {
  display: flex;
}
.toast-notification-container .toast-notify-container .text-holder .icon {
  padding: 0 15px;
  font-size: 26px;
  min-width: 54px;
  text-align: center;
  background-color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.toast-notification-container .toast-notify-container .text-holder .body {
  padding: 15px;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.toast-notification-container .toast-notify-container .text-holder .body .title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #333;
}
.toast-notification-container .toast-notify-container .text-holder .body .text-wrapper {
  color: #282828;
  display: flex;
  align-items: center;
}
.toast-notification-container .toast-notify-container .text-holder .body .text-wrapper .text {
  padding-top: 4px;
  padding-bottom: 4px;
}
.toast-notification-container .toast-notify-container .text-holder .body .text-wrapper .unsaved-changes-button-wrapper {
  margin-left: auto;
  margin-right: 0px;
}
.toast-notification-container .toast-notify-container .text-holder .body .text-wrapper .unsaved-changes-button-wrapper .MuiButton-root {
  padding: 3px 7px;
  margin-left: 3px;
  margin-right: 3px;
}
.toast-notification-container .toast-notify-container .text-holder .body .text-wrapper .unsaved-changes-button-wrapper .MuiButton-root .MuiButton-label {
  text-transform: uppercase;
}
.toast-notification-container .toast-notify-container .toast-notify-close-button {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 10px;
}
.toast-notification-container .toast-notify-container.info .body {
  background: #cdece4;
}
.toast-notification-container .toast-notify-container.info .icon {
  color: #40AD90;
}
.toast-notification-container .toast-notify-container.info .toast-notify-close-button {
  color: #40AD90;
  background: #cdece4;
}
.toast-notification-container .toast-notify-container.success .body {
  background: #cdece4;
}
.toast-notification-container .toast-notify-container.success .icon {
  color: #40AD90;
}
.toast-notification-container .toast-notify-container.success .toast-notify-close-button {
  color: #40AD90;
  background: #cdece4;
}
.toast-notification-container .toast-notify-container.error .body {
  background: #f3c4be;
}
.toast-notification-container .toast-notify-container.error .icon {
  color: #C23723;
}
.toast-notification-container .toast-notify-container.error .toast-notify-close-button {
  color: #C23723;
  background: #f3c4be;
}

/*
** --- Totango App (0-4999) ---
*/
/*
** --- Zeo App (5000-9999) ---
*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*General colors palette*/
/*team*/
/* mark as done */
/*health*/
/*tasks*/
/*o16n*/
/*segment chart*/
/*online/offline*/
/*positive/negative*/
/* retention */
/* task and touchpoint */
/*General elements*/
/*totango blue*/
/* Activity types */
/*Flat palette*/
/*social colors*/
/* provisioning */
/* product logo */
/*Functions*/
/* Mixins */
/* Font Mixins */
.react-round-label {
  border: none;
  border-radius: 50px;
  padding: 2px 14px;
  font-size: 13px;
  color: #FFFFFF;
  text-align: center;
  width: fit-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.popover-trigger-wrapper {
  display: inline-block;
  cursor: pointer;
}
.popover-root-disable-pointer-event {
  pointer-events: none;
}
.material-popper {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  padding: 2px;
  background-color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.chip-trigger.selected .chip {
  background-color: rgba(66, 180, 155, 0.1);
  border-color: #42B49B;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.chip-trigger.selected .chip:hover {
  background: transparent;
}
.chip-trigger.selected .chip:focus {
  background-color: rgba(66, 180, 155, 0.1);
}
.chip-trigger .chip {
  height: 28px;
  border-radius: 14px;
  padding: 2px 5px;
  font-size: 13px;
  line-height: 17px;
  border: 1px solid #868686;
  background: transparent;
}
.chip-trigger .chip.current-level {
  background-color: transparent;
  color: #282828;
}
.chip-trigger .chip.disabled .trigger-label {
  color: #757575;
}
.chip-trigger .chip.disabled .chip-trigger-label {
  padding-right: 12px;
}
.chip-trigger .trigger-label {
  display: flex;
  align-items: center;
  color: #282828;
}
.chip-trigger .trigger-label .material-icons {
  font-size: 15px;
}
.chip-trigger .trigger-label .material-icons,
.chip-trigger .trigger-label .fa {
  margin-left: 8px;
}
.chip-trigger .chip-trigger-label {
  padding-right: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.loading-indicator {
  text-align: center;
}
.loading-indicator .loading-indicator-wrapper {
  margin: 10px 0;
}
.loading-indicator .loading-indicator-wrapper .new-spinner {
  position: relative;
  top: 40%;
}
.loading-indicator .loading-indicator-wrapper .new-spinner .spinner {
  text-align: center;
}
.loading-indicator .loading-indicator-wrapper .new-spinner .spinner > div {
  width: 16px;
  height: 16px;
  background-color: #3FAD90;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}
.loading-indicator .loading-indicator-wrapper .new-spinner .spinner .bounce1 {
  animation-delay: -0.32s;
}
.loading-indicator .loading-indicator-wrapper .new-spinner .spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.filter-selector-footer {
  border-top: 1px solid #DADADA;
  height: 45px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.filter-selector-footer .apply-button,
.filter-selector-footer .cancel-button {
  font-size: 12px;
}
.filter-selector-footer .apply-button {
  margin-right: 10px;
  margin-left: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.filter-selector {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.filter-selector .trigger-label-title {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-selector .trigger-label-title i {
  margin-left: 5px;
  margin-right: 3px;
}
.filter-selector-new-value {
  display: flex;
  align-items: center;
  padding: 14px;
  cursor: pointer;
}
.filter-selector-new-value > i {
  font-size: 14px;
  color: #3FAD90;
}
.filter-selector-new-value-label {
  color: #282828;
  padding-left: 10px;
  line-height: 19px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-selector-new-value-label > span {
  padding-left: 5px;
  font-weight: bold;
}
.filter-selector-new-value-new {
  font-size: 10px;
  color: #B5B8BC;
  margin-left: auto;
}
.chip-trigger.filter-selector.transparent .chip {
  border: none;
  border-radius: 3px;
  background: transparent;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.chip-trigger.filter-selector.transparent .chip .chip-trigger-label {
  padding-left: 0px;
  padding-right: 0px;
}
.chip-trigger-popover.filter-selector-popover {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  min-width: 100px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.chip-trigger-popover.filter-selector-popover.multi {
  min-width: 200px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-search-input {
  height: 36px;
  border-bottom: 1px solid #DADADA;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-search-input input {
  border: none;
  width: 90%;
  height: 35px;
  padding-left: 15px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-search-input input:focus {
  outline: none;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-body {
  max-height: 300px;
  overflow: auto;
}
.chip-trigger-popover.filter-selector-popover .group .filter-selector-group-header {
  background-color: #F5F5F5;
  padding: 8px 7px 8px;
  margin: 0;
  text-transform: uppercase;
  color: #757575;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option {
  position: relative;
  cursor: pointer;
  padding-right: 10px;
  padding-left: 10px;
  height: 38px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option.search-msg {
  border-top: 1px solid #DADADA;
  cursor: default;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option.select-all {
  border-bottom: 1px solid #DADADA;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option.first-of-group {
  border-top: 1px solid #DADADA;
  margin-top: 2px;
  padding-top: 2px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option:hover,
.chip-trigger-popover.filter-selector-popover .filter-selector-option:focus {
  background-color: #EEEEEE;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option .singular-option {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option .selector-label-text {
  color: #282828;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option label.selector-checkbox-label-root {
  margin-bottom: 0px;
  height: 35px;
  width: 100%;
  padding-left: 6px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option label.selector-checkbox-label-root .selector-checkbox-root {
  font-size: 15px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option label.selector-checkbox-label-root .selector-checkbox-root input {
  margin-top: 0px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option label.selector-checkbox-label-root .selector-checkbox-root svg {
  font-size: 15px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option label.selector-checkbox-label-root .selector-checkbox-label {
  font-size: 13px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option .selector-label {
  padding-top: 4px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option .selector-label .selector-label-icon {
  margin-right: 9px;
  position: relative;
  top: 1px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option .selector-label .selector-label-icon .material-icons {
  font-size: 15px;
  position: relative;
  top: 2px;
}
.chip-trigger-popover.filter-selector-popover .filter-selector-option .MuiFormControlLabel-root {
  height: 30px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.multiValue-attr-content {
  max-width: 100%;
}
.multiValue-attr-content-inline-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 70px);
  min-width: 150px;
}
.multiValue-attr-content-inline-wrapper .show-less {
  flex-basis: 100%;
}
.multiValue-attr-content-inline-wrapper .link {
  width: 100%;
}
.multiValue-attr-content-vertical-item {
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiValue-attr-content-inline-item {
  font-weight: bold;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiValue-attr-content-text {
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.multiValue-attr {
  position: relative;
  min-width: 100px;
}
.multiValue-attr-search {
  width: 100% !important;
  height: 34px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #DADADA;
  margin: 0;
}
.multiValue-attr-select-all {
  height: 34px;
  border-bottom: 1px solid #DADADA;
  align-items: center;
  padding: 14px 12px;
}
.multiValue-attr-body {
  height: 118px;
  min-height: 118px;
  overflow-y: auto;
  margin: 2px 4px 2px 0;
}
.multiValue-attr-body::-webkit-scrollbar {
  width: 5px;
  background-color: #fff;
}
.multiValue-attr-body::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #DADADA;
}
.multiValue-attr-row {
  height: 30px;
  padding: 0 12px;
  align-items: center;
}
.multiValue-attr-buttons {
  height: 42px;
  padding: 2px 11px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #DADADA;
}
.multiValue-attr-buttons-cancel {
  width: 59px;
  height: 28px;
  margin-right: 4px !important;
}
.multiValue-attr-buttons-submit {
  width: 51px;
  height: 28px;
}
.multiValue-attr-trigger {
  color: #5DACD2;
}
.multiValue-attr-trigger:hover {
  text-decoration: underline;
}
.multiValue-attr-filter-selector {
  max-height: 1px;
}
.multiValue-attr-filter-selector .filter-selector-popover {
  max-height: 350px;
}
.multiValue-attr-filter-selector .filter-selector-popover .filter-selector-option .selector-label-text {
  display: block;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiValue-attr-filter-selector .filter-selector-body {
  max-height: 220px !important;
}
.multiValue-attr-filter-selector .action-buttons {
  display: none;
  position: absolute;
  width: auto;
  padding: 0 2px;
  top: 0;
  right: 2px;
  z-index: 1;
}
.multiValue-attr-filter-selector .action-buttons .action-button {
  border: none;
  background: transparent;
  color: #757575;
  padding: 1px 4px 2px;
}
.multiValue-attr-filter-selector .action-buttons .action-button > i {
  font-size: 12px;
}
.multiValue-attr-filter-selector .action-buttons .edit-icon.hide-edit {
  display: none;
}
.multiValue-attr-loading {
  margin-bottom: 20px;
}
.multiValue-attr:hover .action-buttons {
  display: block;
}
.multiValue-attr-segment-bulk-actions {
  max-width: 100%;
  padding: 5px 0 3px 10px;
  border: 1px solid #DCDCDC;
  background-color: #fff;
}
.multiValue-attr-segment-bulk-actions-select {
  position: absolute;
  top: 5px;
  right: 8px;
  font-size: 12px;
}
.multiValue-attr-segment-cell {
  max-width: 100%;
  padding-left: 10px;
  height: 50px;
}
.multiValue-attr-segment-cell .multiValue-attr-filter-selector .action-buttons .action-button {
  color: #282828;
}
.multiValue-attr-segment-cell .multiValue-attr-filter-selector .action-buttons .action-button > i {
  font-size: 14px;
}
.multiValue-attr-save-spin {
  color: #27AE60;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-status-attr {
  display: flex;
  align-items: center;
}
.account-status-attr span {
  margin-right: 4px;
}
.account-status-attr i.icon-free {
  color: #5DACD2;
}
.account-status-attr i.icon-paying {
  color: #27AE60;
}
.account-status-attr i.icon-cancel {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.product-logo-box .default-logo-box {
  width: 25px;
  height: 25px;
  position: relative;
}
.product-logo-box .default-logo-box .product-first-letter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-attribute__link {
  display: inline-block;
}
.edit-attribute__link .fa.disabled {
  color: #A4A4A4;
  padding: 0 6px;
}
.edit-attribute__button {
  border: none;
  background-color: transparent;
  outline: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-data-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 150px;
  max-width: 225px;
}
@media (min-width: 1444px) {
  .account-data-item {
    flex: 0 0 13.5%;
  }
}
@media (min-width: 1294px) and (max-width: 1443px) {
  .account-data-item {
    flex: 0 0 15.78%;
  }
}
@media (min-width: 1144px) and (max-width: 1293px) {
  .account-data-item {
    flex: 0 0 15.66%;
  }
}
@media (min-width: 994px) and (max-width: 1143px) {
  .account-data-item {
    flex: 0 0 18.66%;
  }
}
@media (min-width: 844px) and (max-width: 993px) {
  .account-data-item {
    flex: 0 0 23.66%;
  }
}
@media (min-width: 694px) and (max-width: 843px) {
  .account-data-item {
    flex: 0 0 31.33%;
  }
}
.account-data-item.hide-prev-value .curr-value {
  box-shadow: none;
}
.account-data-item.hide-prev-value .prev-value {
  display: none;
}
.account-data-item:hover .action-icons {
  display: block;
}
.account-data-item > * {
  display: flex;
  width: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
}
.account-data-item .action-icons {
  display: none;
  position: absolute;
  width: auto;
  padding: 0 2px;
  top: 32px;
  right: 2px;
  z-index: 1;
}
.account-data-item .action-icons .action-button {
  border: none;
  background: transparent;
  color: #757575;
  padding: 1px 4px 2px;
}
.account-data-item .action-icons .action-button > i {
  font-size: 12px;
}
.account-data-item .action-icons .edit-icon.hide-edit {
  display: none;
}
.account-data-item .lifecycle-dropdown-container {
  margin: auto auto auto 0;
  width: auto;
  max-width: 120px;
}
.account-data-item .lifecycle-dropdown-container .react-round-label {
  padding-right: 14px;
}
.account-data-item .curr-value {
  position: relative;
  top: 2px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 60px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
}
.account-data-item .curr-value .data-item-name {
  font-size: 12px;
  color: #757575;
}
.account-data-item .curr-value span:nth-of-type(2) {
  font-size: 15px;
  max-width: 120px;
  color: #282828;
}
@media (min-width: 1294px) and (max-width: 1443px) {
  .account-data-item .curr-value span:nth-of-type(2) {
    max-width: 135px;
  }
}
@media (min-width: 1144px) and (max-width: 1293px) {
  .account-data-item .curr-value span:nth-of-type(2) {
    max-width: 105px;
  }
}
@media (min-width: 994px) and (max-width: 1143px) {
  .account-data-item .curr-value span:nth-of-type(2) {
    max-width: 110px;
  }
}
@media (min-width: 844px) and (max-width: 993px) {
  .account-data-item .curr-value span:nth-of-type(2) {
    max-width: 140px;
  }
}
@media (min-width: 694px) and (max-width: 843px) {
  .account-data-item .curr-value span:nth-of-type(2) {
    max-width: 130px;
  }
}
.account-data-item .curr-value .lifecycle-dropdown-container .react-round-label {
  font-size: 15px;
}
.account-data-item .prev-value {
  min-height: 35px;
  border-radius: 0 0 8px 8px;
  background: #F5F5F5;
}
.account-data-item .prev-value span {
  font-size: 13px;
  color: #757575;
}
.account-data-item div span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-attr-data-item .owner .owner-name {
  max-width: 90px;
}
.account-attr-data-item .curr-value .account-status-attr span {
  font-size: 15px;
  color: #282828;
}
.account-attr-data-item .curr-value .owner .owner-name {
  font-size: 15px;
  color: #282828;
}
.account-attr-data-item .curr-value .react-round-label {
  max-width: calc(100% - 40px);
}
.account-attr-data-item .owner {
  display: flex;
  align-items: center;
}
.account-attr-data-item .owner .gravatar-wrapper {
  width: 25px;
  height: 25px;
}
.account-attr-data-item .owner .gravatar-wrapper .image-wrapper {
  width: 25px;
  height: 25px;
}
.account-attr-data-item .owner .gravatar-wrapper .image-wrapper .gravatar-image {
  width: 25px;
  height: 25px;
}
.account-attr-data-item .curr-value .html-parser-container,
.account-attr-data-item .prev-value .html-parser-container {
  max-width: calc(100% - 30px);
}
.account-attr-data-item .curr-value .html-parser-container a,
.account-attr-data-item .prev-value .html-parser-container a {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.account-attr-data-item .curr-value .multiValue-attr-content-inline-item,
.account-attr-data-item .prev-value .multiValue-attr-content-inline-item {
  max-width: 120px;
}
.account-attr-data-item .curr-value .multiValue-attr-filter-selector .action-buttons,
.account-attr-data-item .prev-value .multiValue-attr-filter-selector .action-buttons {
  right: -4px;
}
.account-attr-data-item .action-icons_multiValue {
  right: 25px;
}
.account-attr-data-item .edit-attribute__button {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.dimensions-view {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
  width: 100%;
}
.dimensions-view .dimension-data-item {
  display: flex;
  flex-direction: column;
}
.dimensions-view .dimension-data-item:not(:last-child) {
  margin-bottom: 35px;
}
.dimensions-view .dimension-data-item h3 {
  text-transform: uppercase;
  font-size: 14px;
  color: #5C5C5F;
  margin: 0 0 7px;
}
.dimensions-view .dimension-data-item .content {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 8px 10px;
  height: auto;
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background-color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-kpi-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px 24px;
  box-sizing: border-box;
}
.account-kpi-list.hide-prev-value .account-data-item {
  margin: 4px 2px;
}
.account-kpi-list .account-data-item {
  margin: 12px 5px;
}
.account-kpi-list .loading-indicator {
  width: 100%;
}
.kpi-no-result,
.kpi-loader {
  display: flex;
  flex-direction: column;
  margin: 40px auto;
}
.kpi-no-result p {
  font-size: 16px;
  color: #757575;
  margin-bottom: 18px;
  text-align: center;
}
.kpi-no-result img {
  width: 200px;
  margin: 0 auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-identifiers {
  padding: 0 16px 24px;
}
.account-identifiers__header {
  text-transform: uppercase;
  font-size: 14px;
  color: #5C5C5F;
  margin: 0 0 7px;
}
.account-identifiers__list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  list-style: none;
  box-sizing: border-box;
  padding: 8px 10px;
  height: auto;
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background-color: #fff;
}
.account-identifiers__listItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 10px;
  margin: 4px 2px;
  min-width: 150px;
  max-width: 225px;
  min-height: 60px;
}
@media (min-width: 1444px) {
  .account-identifiers__listItem {
    flex: 0 0 13.5%;
  }
}
@media (min-width: 1294px) and (max-width: 1443px) {
  .account-identifiers__listItem {
    flex: 0 0 15.78%;
  }
}
@media (min-width: 1144px) and (max-width: 1293px) {
  .account-identifiers__listItem {
    flex: 0 0 15.66%;
  }
}
@media (min-width: 994px) and (max-width: 1143px) {
  .account-identifiers__listItem {
    flex: 0 0 18.66%;
  }
}
@media (min-width: 844px) and (max-width: 993px) {
  .account-identifiers__listItem {
    flex: 0 0 23.66%;
  }
}
@media (min-width: 694px) and (max-width: 843px) {
  .account-identifiers__listItem {
    flex: 0 0 31.33%;
  }
}
.account-identifiers__name {
  font-size: 12px;
  text-transform: capitalize;
  color: #757575;
}
.account-identifiers__value {
  font-size: 15px;
  max-width: 120px;
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-header-all-info {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.account-header-all-info .account-kpi-header-bar {
  margin-bottom: 16px;
  position: sticky;
  z-index: 3;
  top: 198px;
  height: 72px;
  padding-bottom: 12px;
  background-color: #fff;
}
.account-header-all-info .account-gravatar-container {
  --size: 22px;
}
.account-header-all-info .account-gravatar-container .gravatar-wrapper {
  align-items: center;
  display: flex;
}
.account-header-all-info .account-gravatar-container .gravatar-wrapper .name-initials {
  font-size: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-header-recent-changes {
  display: flex;
  flex-direction: column;
  background: #fff;
}
.account-header-recent-changes .account-kpi-header-bar {
  margin-bottom: 16px;
  position: sticky;
  z-index: 3;
  top: 198px;
  height: 72px;
  padding-bottom: 12px;
  background-color: #fff;
}
.account-header-recent-changes .account-gravatar-container {
  --size: 22px;
}
.account-header-recent-changes .account-gravatar-container .gravatar-wrapper {
  align-items: center;
  display: flex;
}
.account-header-recent-changes .account-gravatar-container .gravatar-wrapper .name-initials {
  font-size: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.Table__pagination {
  margin: 12px 10px 10px;
}
.Table__pagination .paging-controller {
  margin-top: 10px;
  display: flex;
  float: right;
}
.Table__pagination .paging-controller .paging-text .paging-number {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.Table__pagination .paging-controller .paging-buttons {
  top: -8px;
}
.Table__pagination .paging-controller .paging-buttons .paging-btn {
  color: #282828;
  padding: 5px 5px;
}
.Table__pagination .paging-controller .paging-buttons .paging-btn.disabled {
  color: #757575;
}

.ReactTable{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;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;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-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline:none}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-webkit-box-flex:99999;-ms-flex:99999 1 auto;flex:99999 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;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-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline:none}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline:none;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;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-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);-webkit-transform:translateY(-52%);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.ReactTable.totango-table {
  width: 100%;
  min-height: 80px;
  table-layout: fixed;
  display: table;
  border: none;
}
.ReactTable.totango-table .rt-thead.-header {
  box-shadow: none;
  height: 40px;
}
.ReactTable.totango-table .rt-thead .rt-tr {
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  height: 100%;
}
.ReactTable.totango-table .rt-thead .rt-th {
  padding: 10px 0px 0px 10px;
  line-height: 21px;
  text-transform: capitalize;
  color: #282828;
  border-right: 1px solid #e8e8e8;
  font-size: 13px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.ReactTable.totango-table .rt-thead .rt-th:first-child {
  padding-left: 15px;
}
.ReactTable.totango-table .rt-thead .rt-th:last-child {
  padding-right: 15px;
  border-right: 1px solid #e8e8e8;
}
.ReactTable.totango-table .rt-thead .rt-th:focus {
  outline: none;
}
.ReactTable.totango-table .rt-thead .rt-th.-sort-asc,
.ReactTable.totango-table .rt-thead .rt-th.-sort-desc {
  box-shadow: none;
}
.ReactTable.totango-table .rt-tbody {
  overflow: visible;
}
.ReactTable.totango-table .rt-tbody .rt-td {
  padding: 15px 10px 15px 10px;
  border-right: 1px solid #e8e8e8;
  line-height: 21px;
}
.ReactTable.totango-table .rt-tbody .rt-td:first-child {
  padding-left: 15px;
}
.ReactTable.totango-table .rt-tbody .rt-td:last-child {
  padding-right: 15px;
  border-right: 1px solid #e8e8e8;
}
.ReactTable.totango-table .rt-tbody .loading-placeholder {
  height: 9px;
  margin: 6px 0;
}
.ReactTable.totango-table .rt-tbody .rt-tr-group {
  border-bottom: 1px solid #e8e8e8;
}
.ReactTable.totango-table .rt-tbody .rt-tr-group:last-child {
  border-bottom: none;
}
.ReactTable.totango-table .rt-tbody .rt-tr-group .rt-tr {
  align-items: center;
}
.ReactTable.totango-table.link-highlight .rt-tbody .rt-tr-group:hover {
  cursor: pointer;
  background-color: #5dacd214;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-information-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.account-information-list__dimensionItem {
  margin: 0 0 30px;
}
.account-information-list__dimensionItemHeader {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #282828;
  font-size: 18px;
}
.account-information-list__infoList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.account-information-list__infoItem {
  color: rebeccapurple;
}
.account-information-list__attributesTable .rt-table {
  overflow: visible;
}
.account-information-list__attributesTable .rt-thead {
  border-color: #dddddd !important;
}
.account-information-list__attributesTable .rt-thead .rt-tr {
  border-bottom-width: 2px !important;
}
.account-information-list__attributesTable .rt-thead .rt-th {
  font-family: Poppins-Regular, sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  color: #757575 !important;
  font-size: 11px !important;
  border: none !important;
}
.account-information-list__attributesTable .rt-tbody .rt-td {
  color: #757575;
  border: none !important;
}
.account-information-list .rt-tr {
  min-height: 35px;
}
.account-information-list .rt-tr .rt-td:nth-child(2) {
  color: #282828 !important;
}
.account-information-list .rt-tr .rt-td,
.account-information-list .rt-tr .rt-th {
  padding: 8px !important;
}
.account-information-list .rt-tr .rt-td:first-child,
.account-information-list .rt-tr .rt-th:first-child {
  padding-left: 0 !important;
}
.account-information-list .rt-tr .rt-td:nth-child(3),
.account-information-list .rt-tr .rt-th:nth-child(3) {
  margin-left: auto;
}
.account-information-list__button {
  border: none;
  background: transparent;
  color: #757575;
}
.account-information-list__button > i {
  font-size: 14px;
}
.account-information-list__searchContainer {
  margin: 10px 0 20px;
}
.account-information-list__searchContainer > div:first-child {
  width: 100%;
}
.account-information-list__typeCell {
  text-transform: capitalize;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.menu-selector {
  width: 816px;
  height: 450px;
}
.menu-selector .group-menu {
  width: 408px;
  height: 400px;
  overflow-y: auto;
}
.menu-selector .sub-group-tabs {
  height: 400px;
}
.menu-selector .search-box {
  height: 400px;
}
.menu-selector.with-sidebar-group .group-menu {
  width: 360px;
}
@media (max-height: 770px) {
  .menu-selector {
    width: 450px;
    height: 340px;
  }
  .menu-selector .group-menu {
    width: 225px;
    height: 290px;
    overflow-y: auto;
  }
  .menu-selector .sub-group-tabs {
    height: 290px;
  }
  .menu-selector .search-box {
    height: 290px;
  }
  .menu-selector.with-sidebar-group .group-menu {
    width: 177px;
  }
}
.selection-panel,
.menu-selector {
  overflow: hidden;
  position: relative;
}
.selection-panel .selection-panel-groups,
.menu-selector .selection-panel-groups {
  display: flex;
  width: 100%;
  transition: transform 0.1s;
}
.selection-panel .menu-item,
.menu-selector .menu-item {
  border: 1px solid #E7E7E7;
  border-radius: 13.5px;
  font-size: 13px;
  padding: 3px 8px 3px 8px;
  width: fit-content;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.selection-panel .menu-item:not(.disabled),
.menu-selector .menu-item:not(.disabled) {
  cursor: pointer;
}
.selection-panel .menu-item .material-icons,
.menu-selector .menu-item .material-icons {
  font-size: 15px;
}
.selection-panel .menu-item .material-icons.add,
.menu-selector .menu-item .material-icons.add {
  margin-left: 8px;
  color: #D8D8D8;
}
.selection-panel .menu-item .material-icons.check,
.menu-selector .menu-item .material-icons.check {
  margin-left: 8px;
}
.selection-panel .menu-item.account-scope,
.menu-selector .menu-item.account-scope {
  background-color: #E2F3EF;
  border-color: #40AC90;
}
.selection-panel .menu-item.account-scope .material-icons.add,
.menu-selector .menu-item.account-scope .material-icons.add {
  color: #40AC90;
}
.selection-panel .menu-item.account-scope:hover,
.menu-selector .menu-item.account-scope:hover {
  background-color: #f4faf9;
}
.selection-panel .menu-item.user-scope,
.menu-selector .menu-item.user-scope {
  border-color: #773CAB;
  background-color: #F1EBF6;
}
.selection-panel .menu-item.user-scope .material-icons.add,
.menu-selector .menu-item.user-scope .material-icons.add {
  color: #773CAB;
}
.selection-panel .menu-item.user-scope:hover,
.menu-selector .menu-item.user-scope:hover {
  background-color: #ffffff;
}
.selection-panel .menu-item.collection-scope,
.menu-selector .menu-item.collection-scope {
  border-color: #476ADB;
  background-color: #EBF6FC;
}
.selection-panel .menu-item.collection-scope .material-icons.add,
.menu-selector .menu-item.collection-scope .material-icons.add {
  color: #476ADB;
}
.selection-panel .menu-item.collection-scope:hover,
.menu-selector .menu-item.collection-scope:hover {
  background-color: #f2f4fc;
}
.selection-panel .menu-item.multiple-selected,
.menu-selector .menu-item.multiple-selected {
  background-color: #E2F3EF;
  border-color: #40AC90;
}
.selection-panel .group,
.menu-selector .group {
  padding: 8px 5px 8px 8px;
}
.selection-panel .group .add-group-icon,
.menu-selector .group .add-group-icon {
  visibility: hidden;
  margin-right: 8px;
  margin-top: 4px;
  margin-bottom: auto;
}
.selection-panel .group:hover .add-group-icon,
.menu-selector .group:hover .add-group-icon {
  visibility: visible;
}
.selection-panel .menu-search-wrapper,
.menu-selector .menu-search-wrapper {
  height: 50px;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
.selection-panel .menu-search-wrapper .Mui-focused fieldset,
.menu-selector .menu-search-wrapper .Mui-focused fieldset {
  border: none;
}
.selection-panel .menu-search-wrapper fieldset,
.menu-selector .menu-search-wrapper fieldset {
  border: none;
}
.selection-panel .menu-search-wrapper .search,
.menu-selector .menu-search-wrapper .search {
  color: #282828;
  font-size: 16px;
}
.selection-panel .attribute-type-icon,
.menu-selector .attribute-type-icon,
.selection-panel .fa,
.menu-selector .fa {
  font-size: 10px;
  line-height: 12px;
  margin-right: 7px;
}
.selection-panel .clear-icon,
.menu-selector .clear-icon {
  font-size: 17px;
  color: hsl(0, 0%, 80%);
  cursor: pointer;
}
.selection-panel .clear-icon:hover,
.menu-selector .clear-icon:hover {
  color: hsl(0, 0%, 60%);
}
.selection-panel .menu .selected,
.menu-selector .menu .selected {
  background-color: #EEEEEE;
}
.selection-panel .menu.group-menu,
.menu-selector .menu.group-menu {
  border-right: 1px solid #dddddd;
}
.selection-panel .menu .filters-menu,
.menu-selector .menu .filters-menu {
  border-radius: 2px;
}
.selection-panel .search-bar,
.menu-selector .search-bar {
  min-height: 30px;
  padding-left: 4px;
}
.selection-panel .title,
.menu-selector .title {
  text-transform: capitalize;
  padding-top: 10px;
  padding-bottom: 7px;
}
.selection-panel .title .fa,
.menu-selector .title .fa {
  margin-right: 6px;
  color: gray;
}
.selection-panel .panel-body-container,
.menu-selector .panel-body-container {
  display: flex;
}
.selection-panel .sub-group-tabs,
.menu-selector .sub-group-tabs {
  width: 96px;
  background-color: #F5F5F5;
  position: absolute;
  left: 0;
  z-index: 2;
  overflow-y: scroll;
  border-right: 1px solid #dddddd;
}
.selection-panel .sub-group-tabs .sub-group-button,
.menu-selector .sub-group-tabs .sub-group-button {
  min-height: 52px;
  color: #757575;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.selection-panel .sub-group-tabs .sub-group-button.selected,
.menu-selector .sub-group-tabs .sub-group-button.selected {
  background-color: #3FAD90;
  color: #fff;
}
.selection-panel .sub-group-tabs .sub-group-button.selected.user,
.menu-selector .sub-group-tabs .sub-group-button.selected.user {
  background-color: #773CAB;
}
.selection-panel .sub-group-tabs .sub-group-button.selected.collection,
.menu-selector .sub-group-tabs .sub-group-button.selected.collection {
  background-color: #476ADB;
}
.selection-panel .sub-group-tabs .sub-group-button.selected .fa,
.menu-selector .sub-group-tabs .sub-group-button.selected .fa {
  color: #fff;
}
.selection-panel .sub-group-tabs .sub-group-button.selected .fa.tp-icon,
.menu-selector .sub-group-tabs .sub-group-button.selected .fa.tp-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(77deg) brightness(103%) contrast(106%);
}
.selection-panel .sub-group-tabs .sub-group-button .fa,
.menu-selector .sub-group-tabs .sub-group-button .fa {
  font-size: 23px;
  margin: 6px 0;
}
.selection-panel .sub-group-tabs .sub-group-button .fa.tp-icon,
.menu-selector .sub-group-tabs .sub-group-button .fa.tp-icon {
  background-image: url('/img/assets/tp-icon.svg');
  background-repeat: no-repeat;
  background-size: 23px;
  width: 23px;
  height: 23px;
  filter: brightness(0) saturate(100%) invert(65%) sepia(2%) saturate(0%) hue-rotate(107deg) brightness(94%) contrast(89%);
}
.selection-panel .sub-group-tabs .sub-group-button .fa.fa-th-large,
.menu-selector .sub-group-tabs .sub-group-button .fa.fa-th-large {
  line-height: 22px;
}
.selection-panel .sub-group-tabs .sub-group-button .group-label,
.menu-selector .sub-group-tabs .sub-group-button .group-label {
  width: 100%;
  text-align: center;
  padding: 0px 5px;
  overflow-wrap: break-word;
}
.selection-panel .sub-group-tabs .filter-by,
.menu-selector .sub-group-tabs .filter-by {
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #757575;
  font-size: 10px;
  font-weight: 600;
}
.selection-panel .sub-group-tabs .filter-by .filter-icon,
.menu-selector .sub-group-tabs .filter-by .filter-icon {
  display: inline-block;
  width: 12px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url('/img/filter-icon.svg');
  background-size: 12px;
  margin-right: 3px;
}
.selection-panel .breadcrumbs-container,
.menu-selector .breadcrumbs-container {
  display: flex;
  align-items: center;
  padding: 0px 15px;
  height: 40px;
  border-bottom: 1px solid #dddddd;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.selection-panel .breadcrumbs-container .Table__pagination,
.menu-selector .breadcrumbs-container .Table__pagination {
  margin: 0px 0px 0px auto;
}
.selection-panel .breadcrumbs-container .Table__pagination .paging-controller,
.menu-selector .breadcrumbs-container .Table__pagination .paging-controller {
  margin-top: 0px;
}
.selection-panel .breadcrumbs-container .group-breadcrumbs,
.menu-selector .breadcrumbs-container .group-breadcrumbs {
  display: flex;
  align-items: flex-end;
}
.selection-panel .breadcrumbs-container .group-breadcrumbs .parent-breadcrumb,
.menu-selector .breadcrumbs-container .group-breadcrumbs .parent-breadcrumb {
  cursor: pointer;
}
.selection-panel .breadcrumbs-container .group-breadcrumbs .parent-breadcrumb:hover,
.menu-selector .breadcrumbs-container .group-breadcrumbs .parent-breadcrumb:hover {
  text-decoration: underline;
}
.selection-panel .breadcrumbs-container .paging-controller .paging-buttons,
.menu-selector .breadcrumbs-container .paging-controller .paging-buttons {
  top: 5px;
}
.selection-panel .search-box,
.menu-selector .search-box {
  padding: 0px 30px 30px 20px;
  width: 100%;
  overflow-y: auto;
}
.selection-panel .search-box .title,
.menu-selector .search-box .title {
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.selection-panel .search-box .item-label,
.menu-selector .search-box .item-label {
  text-transform: none;
}
.selection-panel .search-box .item-label .highlight,
.menu-selector .search-box .item-label .highlight {
  background-color: #d8d8d8;
}
.selection-panel .search-box .item-label.large-font,
.menu-selector .search-box .item-label.large-font {
  font-size: 16px;
  margin-top: 20px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.selection-panel .search-box .item-label .fa,
.menu-selector .search-box .item-label .fa {
  color: #757575;
}
.selection-panel .search-box .search-results-empty,
.menu-selector .search-box .search-results-empty {
  color: #757575;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-top: 35px;
}
.selection-panel .search-box .search-item-wrapper,
.menu-selector .search-box .search-item-wrapper {
  display: flex;
  align-items: center;
}
.selection-panel .search-box .search-item-wrapper .group-trace,
.menu-selector .search-box .search-item-wrapper .group-trace {
  color: #757575;
  font-size: 12px;
  margin-left: 17px;
}
.selection-panel .search-box .search-item-wrapper .group-trace .fa,
.menu-selector .search-box .search-item-wrapper .group-trace .fa {
  margin-right: 5px;
}
.selection-panel .search-box .search-result-wrapper,
.menu-selector .search-box .search-result-wrapper {
  padding: 5px 3px;
  margin-right: 7px;
  display: flex;
  align-items: center;
}
.selection-panel .search-box .search-result-wrapper .menu-item,
.menu-selector .search-box .search-result-wrapper .menu-item {
  margin-bottom: 0px;
}
.selection-panel .selection-panel-groups .group-menu .group-content,
.menu-selector .selection-panel-groups .group-menu .group-content {
  margin: 0px;
}
.selection-panel .selection-panel-groups .group-menu .group-content.is-group .group-name,
.menu-selector .selection-panel-groups .group-menu .group-content.is-group .group-name {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.selection-panel .selection-panel-groups .group-menu .group-content .group-name,
.menu-selector .selection-panel-groups .group-menu .group-content .group-name {
  font-size: 13px;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selection-panel .selection-panel-groups .group-menu .group-content .group-name .group-icon,
.menu-selector .selection-panel-groups .group-menu .group-content .group-name .group-icon {
  padding-right: 5px;
}
.selection-panel .selection-panel-groups .group-menu .group-content .group-name .group-items-count,
.menu-selector .selection-panel-groups .group-menu .group-content .group-name .group-items-count {
  color: #282828;
  font-size: 11px;
  margin-left: 7px;
  border-radius: 3px;
  background-color: #ededed;
  padding: 3px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-left: auto;
}
.selection-panel .selection-panel-groups .group-menu .group-content .group-name .group-name-label,
.menu-selector .selection-panel-groups .group-menu .group-content .group-name .group-name-label {
  display: flex;
  align-items: center;
}
.selection-panel .selection-panel-groups .group-menu .group-content .group-desc,
.menu-selector .selection-panel-groups .group-menu .group-content .group-desc {
  font-size: 12px;
  color: #757575;
}
.selection-panel .selection-panel-groups .group-menu .menu-item-wrapper,
.menu-selector .selection-panel-groups .group-menu .menu-item-wrapper {
  margin-left: 15px;
}
.selection-panel .selection-panel-groups .group-menu .menu-item-wrapper:first-child,
.menu-selector .selection-panel-groups .group-menu .menu-item-wrapper:first-child {
  margin-top: 10px;
}
.selection-panel .selection-panel-groups .group-menu .material-icons,
.menu-selector .selection-panel-groups .group-menu .material-icons {
  font-size: 18px;
}
.selection-panel .selection-panel-groups .group-menu .group-action-icon,
.menu-selector .selection-panel-groups .group-menu .group-action-icon {
  color: #757575;
  font-size: 12px;
  margin-left: 15px;
}
.accounts-selection-panel #menu-selector-group-list-0 .group-content .group-name {
  padding-left: 5px;
}
.accounts-selection-panel .menu-item {
  border: none;
  margin-bottom: 0;
  width: 100%;
}
.accounts-selection-panel .menu-item .product-logo-box {
  margin-right: 5px;
}
.accounts-selection-panel .menu-item .material-icons,
.accounts-selection-panel .menu-item .add {
  display: none;
}
.accounts-selection-panel .menu-item:hover {
  background-color: transparent;
  border-color: transparent;
}
.accounts-selection-panel .selection-panel-groups .group-menu {
  width: 544px;
}
.accounts-selection-panel .selection-panel-groups .group-menu:first-child {
  width: 272px;
}
.accounts-selection-panel .selection-panel-groups .group-menu .menu-item-wrapper {
  margin-left: 0;
  padding: 8px 0 8px 5px;
}
.accounts-selection-panel .selection-panel-groups .group-menu .menu-item-wrapper:first-child {
  margin-top: 0;
}
.accounts-selection-panel .selection-panel-groups .group-items-count {
  float: right;
}
.accounts-selection-panel .search-box {
  padding: 0 0 30px;
}
.accounts-selection-panel .search-box .title {
  margin-left: 15px;
}
.accounts-selection-panel .search-box .search-result-wrapper {
  padding: 7px 3px;
  margin-right: 0;
}
.accounts-selection-panel .search-box .search-result-wrapper .search-item-wrapper {
  margin-left: auto;
  margin-right: 0;
}
.accounts-selection-panel .search-box .search-result-wrapper .search-item-wrapper .group-trace {
  background-color: white;
  border: 1px solid #dddddd;
  font-size: 11px;
  color: #757575;
  border-radius: 3px;
  padding: 5px 6px 4px 6px;
  margin-right: 7px;
}
.accounts-selection-panel .search-box .search-result-wrapper .search-item-wrapper .group-trace .item-label {
  text-transform: uppercase;
}
.accounts-selection-panel .menu-item-wrapper:hover,
.accounts-selection-panel .search-result-wrapper:hover {
  background-color: #EEEEEE;
  border-color: #40AC90;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-health-icon {
  color: #8fcaef;
}
.account-health-icon.red {
  color: #c23824;
}
.account-health-icon.green {
  color: #26b27f;
}
.account-health-icon.yellow {
  color: #f7c900;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.accounts-menu {
  margin-top: 4px;
}
.accounts-menu.MuiPaper-root {
  width: auto;
  min-width: 330px;
}
.accounts-menu .account-health-icon {
  margin-right: 8px;
  font-size: 10px;
}
.accounts-menu .product-logo-box {
  margin-right: 8px;
}
.accounts-menu .account-name {
  margin-right: 8px;
  max-width: 350px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.accounts-menu .account-type-label {
  margin-left: auto;
  overflow: initial;
}
.accounts-menu .accounts-menu-item.disabled {
  opacity: 1;
}
.MuiPopover-paper.accounts-selection-popover {
  margin: 4px 0 0 15px;
}
.account-navigation-container .MuiBreadcrumbs-ol {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.account-navigation-container .MuiBreadcrumbs-separator {
  margin: 0 -8px;
}
.account-navigation-container li:last-child .account-chip.MuiChip-outlinedPrimary:before {
  display: none;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary {
  height: 28px;
  border-color: #d8d8d8;
  background-color: #F5F6F7;
  position: relative;
  transition: all 0.2s;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary .account-name {
  color: #282828;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary .dropdown-icon {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-right: 0;
  color: #282828;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary .account-health-icon {
  font-size: 8px;
  margin-right: 5px;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary .group-items-count {
  color: #282828;
  font-size: 11px;
  margin-left: 7px;
  border-radius: 3px;
  padding: 0 3px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.child-accounts {
  background-color: #fff;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary:before {
  content: '';
  height: 28px;
  width: 27px;
  margin-left: -5px;
  border-radius: 70px / 100px;
  border-right: 1px solid #d8d8d8;
  background: white;
  position: relative;
  left: 0;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.unknown {
  border-color: #8fcaef;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.unknown:before {
  border-right: 1px solid #8fcaef;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.red {
  border-color: #c23824;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.red:before {
  border-right: 1px solid #c23824;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.green {
  border-color: #26b27f;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.green:before {
  border-right: 1px solid #26b27f;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.yellow {
  border-color: #f7c900;
}
.account-navigation-container .account-chip.MuiChip-outlinedPrimary.yellow:before {
  border-right: 1px solid #f7c900;
}
.account-navigation-container .popover-trigger-wrapper {
  position: relative;
}
@media (max-height: 550px) {
  .account-navigation-container .popover-trigger-wrapper.popover-trigger-open {
    z-index: 1300;
  }
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.externalLinks.has-error > a > div,
.externalLinks.has-error > a > div > .fa {
  color: #C0392B !important;
}
.row.externalLinks_headerRow {
  margin-top: 0;
  padding-top: 10px;
  display: flex;
}
.externalLinks .icon-input {
  width: 32px;
  font-size: 16px;
  border-radius: 2px;
  padding: 3px 5px;
  text-align: center;
}
.bg-gray {
  background-color: #F5F5F5;
  color: #282828;
}
.externalLinks_input-container {
  padding: 0;
  position: relative;
  border-radius: 2px;
}
.externalLinks_input-container .MuiInputBase-root {
  min-height: 34px;
}
.externalLinks_input {
  height: 35px;
  line-height: 35px;
  border: 1px solid #dddddd;
}
.externalLinks_input:focus {
  border-color: #dddddd;
}
.externalLinks_input_error,
.externalLinks_input_has_error .MuiInputBase-root,
.externalLinks_input_has_error .MuiInputBase-root.Mui-focused,
.externalLinks_input_has_error .MuiFormControl-root,
.externalLinks_input_has_error .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
.externalLinks_input_has_error .MuiOutlinedInput-root:hover input,
.externalLinks_input_has_error .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #C0392B;
  color: #C0392B;
}
.externalLinks_input_error:focus {
  border-color: #C0392B;
}
.externalLinks_input_has_error .MuiInputLabel-formControl.MuiFormLabel-filled,
.externalLinks_input_has_error .MuiTextField-root label,
.externalLinks_input_has_error .MuiTextField-root label.Mui-focused {
  color: #C0392B;
}
.externalLinks_input > label,
.externalLinks-linkInput > label {
  background-color: #fff;
  padding: 0 5px;
}
.externalLinks-linkInput .MuiInputBase-input.MuiOutlinedInput-input {
  padding-right: 55px !important;
}
.externalLinks_btn-link {
  border: none;
  cursor: pointer;
  color: #5DACD2;
}
.externalLinks_btn-link:hover {
  text-decoration: none;
}
.externalLinks_text-error {
  color: #C0392B;
  font-size: 75%;
  background: #fff;
  padding: 0 5px;
}
.externalLink-controls-item {
  padding: 0 5px;
  cursor: pointer;
  line-height: 35px;
  z-index: 1;
}
.externalLink-controls-item.disabled {
  opacity: 0.7;
}
.externalLinks-inputLink-container {
  display: flex;
  align-items: center;
}
.externalLinks-inputLink-container .salesForceExternalLink-toggle {
  margin-left: 66px;
  position: relative;
}
.externalLinks-inputLink-container .salesForceExternalLink-toggle__text {
  padding-right: 10px;
}
.externalLinks-linkInput {
  line-height: 34px;
  border: none;
  margin-right: -55px !important;
  z-index: 0;
}
.externalLink-remove {
  color: #3FAD90;
  font-size: 16px;
}
.externalLinks_bold {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.externalLinks_muted {
  margin-left: 16px;
}
.externalLinks_iconHeader_container {
  padding-right: 0;
  padding-left: 10px;
  margin-right: 0;
}
.externalLinks_icon_container {
  padding-left: 11px;
  margin-top: 1px;
}
.externalLinks_icon {
  max-width: 20px;
  height: 20px;
}
.externalLinks-modal .account-type-na {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding: 0 10px;
  margin-right: 5px;
}
.externalLinks-modal .secondary-title {
  font-weight: bold;
}
.externalLinks-modal .account-type-section {
  margin: 10px 0;
}
.externalLinks-modal .accountType-container {
  margin: 0 0 10px 0;
  padding: 10px 0;
  border-bottom: 1px solid #e6e7e8;
}
.externalLinks-modal .account-type-label {
  display: inline;
  margin-left: 20px;
  padding: 10px 4px;
}

.restore-default-btn {
  margin-top: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.mobile-config-header {
  font-size: 14px;
  color: #262222;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.section-inner-title {
  font-size: 12px;
  color: #989a9d;
}
.cal-mobile-header {
  margin-top: 20px;
  margin-bottom: 8px;
}
.cal-mobile-container {
  display: flex;
  padding: 0 25px;
}
.cal-mobile-widgets {
  flex: 1;
  max-height: 100%;
  overflow-x: auto;
  border-top: 1px solid #ededed;
}
.cal-mobile-widgets .modal-section {
  padding: 0 !important;
  margin: 0 !important;
}
.cal-mobile-widget-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.cal-mobile-widget-item:last-child {
  margin-bottom: 0;
}
.cal-mobile-widget-item-children {
  padding: 0;
  border: 1px solid #cfcfcf;
  border-top: none;
}
.cal-mobile-widget-item-child {
  display: flex;
  height: 36px;
  font-size: 12px;
  align-items: center;
  padding-left: 15px;
  color: #6f6f72;
}
.cal-mobile-widget-item-child .animated-checkbox-wrapper {
  margin-left: 10px;
}
.cal-mobile-widget-item-child .animated-checkbox-label {
  margin-left: 25px !important;
}
.cal-mobile-widget-item-child:hover {
  background: #efefef;
}
.widget-row {
  padding: 10px 0 10px 15px;
  display: flex;
  font-size: 12px;
  height: 36px;
  align-items: center;
  background-color: #f5f6f7;
  border: 1px solid #cfcfcf;
  text-transform: uppercase;
  color: #757575;
}
.widget-row .animated-checkbox-wrapper:not(:first-child) {
  margin-left: 10px;
}
.widget-row .animated-checkbox-label {
  margin-left: 24px !important;
}
.widget-row:hover {
  background: #efefef;
}
.account-type-and-team-settings {
  padding-bottom: 10px;
}
.drag-handle {
  display: flex;
  width: 15px;
  padding-top: 2px;
  padding-left: 5px;
  cursor: pointer;
}
.no-hover .widget-row:hover {
  background-color: #F5F6F7;
}
.no-hover .cal-mobile-widget-item-child:hover {
  background-color: #fff;
}
.modal-section .cur-acc-and-team-container {
  display: flex;
  align-items: flex-start;
}
.modal-section .cur-acc-and-team-container .cur-container {
  flex: 1;
}
.modal-section .cur-acc-and-team-container .cur-container .cur-line-item {
  display: flex;
  align-items: center;
  padding: 0;
}
.modal-section .cur-acc-and-team-container .cur-container .cur-line-item .material-select-form-control {
  margin-left: 15px;
}
.modal-section .cur-acc-and-team-container .cur-container .cur-line-item .account-type-na {
  margin-left: 15px;
  margin-right: 10px;
}
.modal-section .cur-acc-and-team-container .cur-container .cur-line-item i {
  height: 18px;
  font-size: 15px;
}
.modal-section .accountType-container .material-select-form-control {
  width: 180px;
}
.modal-section .team-container {
  margin-left: 20px;
}
.modal-section .team-container .account-type-section {
  position: relative;
  flex-wrap: wrap;
}
.modal-section .team-container .account-type-section .all-teams-disclaimer-text {
  margin-top: 16px;
  font-size: 12px;
}
.modal-section .team-container .account-type-section .material-select-form-control {
  width: 180px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.animated-checkbox-wrapper {
  position: relative;
  display: flex;
  cursor: pointer;
}
.animated-checkbox-wrapper.disabled {
  cursor: not-allowed;
  color: #757575;
}
.animated-checkbox-wrapper .animated-checkbox-label {
  height: 18px;
  line-height: 21px;
}
.animated-checkbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
}
.animated-checkbox.disabled {
  opacity: 0.5;
}
.animated-checkbox:after {
  content: " ";
  display: block;
  width: inherit;
  height: inherit;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 50%;
  background-color: #3FAD90;
  transform: scale3d(0, 0, 1);
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 200ms;
}
.animated-checkbox.triggered polyline {
  stroke-dashoffset: 89.5;
  transition-delay: 100ms;
}
.animated-checkbox.triggered:after {
  z-index: 1;
  border-radius: 3px;
  transform: scale3d(1, 1, 1);
  transition: all 200ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition-delay: 0;
}
.animated-checkbox polyline {
  fill: none;
  stroke: #424950;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 108;
  stroke-dashoffset: 109;
  transition: all 350ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
  vector-effect: non-scaling-stroke;
}
.animated-checkbox svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.animated-checkbox svg polyline {
  stroke: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.material-select-form-control {
  background-color: #fff;
}
.material-select-form-control.Mui-focused .bouncy-arrow-icon .right-bar:after,
.material-select-form-control.Mui-focused .bouncy-arrow-icon .left-bar:after {
  background-color: hsl(0, 0%, 40%);
}
.material-select-form-control .bouncy-arrow-icon {
  position: absolute;
  top: 50%;
  right: 8px;
  height: 0px;
  pointer-events: none;
}
.material-select-form-control .bouncy-arrow-icon .right-bar:after,
.material-select-form-control .bouncy-arrow-icon .left-bar:after {
  background-color: hsl(0, 0%, 80%);
}
.material-select-form-control #select-label {
  padding-right: 30px;
}
.material-select-form-control #select-label:focus {
  background-color: inherit;
}
.select-menu-popover {
  transition: none;
}
.select-menu-popover .menu-select-paper {
  transition: none !important;
  max-height: 350px;
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.web-config-header {
  font-size: 14px;
  color: #262222;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.section-inner-title {
  font-size: 12px;
  color: #989a9d;
}
.cal-web-header {
  margin-top: 20px;
  margin-bottom: 8px;
}
.cal-web-container {
  display: flex;
}
.cal-web-widgets {
  flex: 1;
  max-height: 100%;
  overflow-x: auto;
  border-top: 1px solid #ededed;
}
.cal-web-widgets .modal-section {
  padding: 0 !important;
  margin: 0 !important;
}
.cal-web-widgets .widgets-section-content {
  padding: 10px;
}
.cal-web-widget-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.cal-web-widget-item:last-child {
  margin-bottom: 0;
}
.cal-web-widget-item-children {
  padding: 0;
  border: 1px solid #cfcfcf;
  border-top: none;
}
.cal-web-widget-item-children .widgets-section-container {
  margin-top: 10px;
}
.cal-web-widget-item-child {
  display: flex;
  height: 36px;
  font-size: 12px;
  align-items: center;
  color: #6f6f72;
}
.cal-web-widget-item-child .animated-checkbox-wrapper {
  margin-left: 10px;
}
.cal-web-widget-item-child .animated-checkbox-label {
  margin-left: 25px !important;
}
.cal-web-widget-item-child:hover {
  background: #efefef;
}
.widgets-section-container {
  border: 1px solid #cfcfcf;
}
.widgets-section-container .widgets-section-header {
  padding: 10px 0 10px 15px;
  display: flex;
  font-size: 12px;
  height: 36px;
  align-items: center;
  background-color: #f5f6f7;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #cfcfcf;
  text-transform: uppercase;
  color: #757575;
}
.widgets-section-container .widgets-section-content.t-grid {
  display: grid;
  grid-template-areas: "topWidget topWidget" "mediumWidgets sidebarWidgets";
  grid-gap: 10px;
}
.widgets-section-container .widgets-section-content.t-grid .cal-web-widget-item-children {
  grid-area: topWidget;
}
.widgets-section-container .widgets-section-content.t-grid .cal-web-widget-item-children .layout-settings-list-item.add-collection {
  margin: 10px 0 0 3px;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.widgets-section-container .widgets-section-content.t-grid .cal-web-widget-item-children .layout-settings-list-item.add-collection:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.widgets-section-container .widgets-section-content.t-grid .cal-web-widget-item-children .layout-settings-list-item.add-collection .fa {
  padding-right: 5px;
}
.widgets-section-container .widgets-section-content.t-grid .medium-widgets-container {
  grid-area: mediumWidgets;
}
.widgets-section-container .widgets-section-content.t-grid .medium-widgets-container > .widgets-section-content {
  overflow-y: auto;
  max-height: 400px;
}
.widgets-section-container .widgets-section-content.t-grid .sidebar-widgets-container {
  grid-area: sidebarWidgets;
}
.widgets-section-container .widgets-section-content .cal-web-widget-item-children {
  border: none;
  padding-top: 6px;
  padding-bottom: 4px;
}
.widget-row {
  padding: 10px 0 10px 15px;
  display: flex;
  font-size: 12px;
  height: 36px;
  align-items: center;
  background-color: #f5f6f7;
  border: 1px solid #cfcfcf;
  text-transform: uppercase;
  color: #757575;
}
.widget-row .animated-checkbox-wrapper:not(:first-child) {
  margin-left: 10px;
}
.widget-row .animated-checkbox-label {
  margin-left: 24px !important;
}
.widget-row:hover {
  background: #efefef;
}
.modal-section .team-container .account-type-section .all-teams-disclaimer-text.customizable-layout {
  bottom: -30px;
  line-height: 1;
}
.account-type-section .section-inner-title.customizable-layout {
  margin-right: 1rem;
}
.account-type-and-team-settings {
  padding-bottom: 10px;
}
.drag-handle {
  display: flex;
  width: 15px;
  padding-top: 2px;
  padding-left: 5px;
  cursor: pointer;
}
.no-hover .widget-row:hover {
  background-color: #f5f6f7;
}
.no-hover .cal-mobile-widget-item-child:hover {
  background-color: #ffffff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.threshold-editor-widget-container {
  position: absolute;
  z-index: 100;
  width: 360px;
  right: 10px;
  top: 40px;
  color: #757575;
  background: #fff;
  border: 1px solid #979797;
  border-radius: 2px;
}
.threshold-editor__header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding: 14px 15px;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 1px solid #979797;
  background-color: #d8d8d8;
  color: #282828;
  display: flex;
  justify-content: space-between;
}
.threshold-editor__controls-button {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 19px;
}
.threshold-editor__settings-overview {
  padding: 15px 15px 10px;
  border-bottom: 1px solid #e6e7e8;
}
.threshold-editor__settings-overview-header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  color: #282828;
  margin-bottom: 10px;
}
.threshold-editor__settings-overview-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.threshold-editor__settings-overview-container:last-child {
  margin-top: 5px;
}
.threshold-editor__settings-overview-name {
  color: #757575;
  text-transform: uppercase;
  margin-right: 10px;
}
.threshold-editor__settings-overview-name:not(.threshold-editor__settings-overview-name:first-child) {
  margin-right: 20px;
}
.threshold-editor__settings-overview-value_type {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding: 8px 12px;
  color: #a6a8aa;
  font-size: 11px;
  border: 1px solid #dddddd;
  text-transform: uppercase;
}
.threshold-editor__settings-overview-value_team {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #282828;
}
.threshold-editor__settings {
  padding: 15px 20px 15px 15px;
}
.threshold-editor__settings-header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  color: #282828;
}
.threshold-editor__settings-input-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.threshold-editor__settings-name {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.assets-list {
  margin-left: 15px;
}
.assets-list.no-margin {
  margin-left: 0;
}
.assets-list__title {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  margin-top: 20px;
  color: #282828;
}
.assets-list__title:after {
  content: '';
  display: block;
  margin-top: 4px;
  width: 100%;
  max-width: 550px;
  height: 2px;
  background: #e7e7e7;
}
.assets-list__list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 550px;
}
.assets-list__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
}
.assets-list__itemNameWrapper {
  max-width: 360px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assets-list__itemNameWrapper a {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: block;
  color: #282828;
  font-size: 13px;
  max-width: 390px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.assets-list__itemNameWrapper p {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: block;
  font-size: 12px;
  margin: 0;
  max-width: 390px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.assets-list__itemNameWrapper span {
  max-width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.assets-list__itemSize {
  margin-left: auto;
  margin-right: 56px;
}
.assets-list__item > i {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
  vertical-align: middle;
  border-radius: 50%;
  border: 2px solid #d8d8d8;
  margin-right: 15px;
}
.assets-list__item > i > img {
  max-width: 13px;
  margin-left: 2px;
}
.assets-list .action-icon {
  cursor: pointer;
}
.assets-list .action-icon:hover {
  color: #5DACD2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.MuiDialog-root .MuiBackdrop-root {
  background: rgba(247, 247, 247, 0.8);
}
.confirmation-dialog.full-screen .dialog-title .close {
  right: 15px;
  top: 15px;
}
.confirmation-dialog.full-screen .dialog-title .full-screen-btn {
  right: 40px;
  top: 8px;
}
.confirmation-dialog.full-screen .confirmation-dialog-paper {
  height: 100vh;
  overflow: auto;
}
.confirmation-dialog .unsaved-changes {
  margin-right: auto;
  color: #757575;
}
.confirmation-dialog .unsaved-changes:before {
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background-color: #F4C430;
  content: "";
  display: inline-block;
  margin-right: 4px;
}
.confirmation-dialog .dialog-title {
  position: relative;
  color: #282828;
  font-size: 20px;
  padding: 0px;
}
.confirmation-dialog .dialog-title .title {
  margin-right: 20px;
}
.confirmation-dialog .dialog-title .full-screen-btn,
.confirmation-dialog .dialog-title .new-tab-btn {
  position: absolute;
  right: 30px;
  cursor: pointer;
  top: 0px;
  opacity: 0.8;
}
.confirmation-dialog .dialog-title .full-screen-btn:hover,
.confirmation-dialog .dialog-title .new-tab-btn:hover {
  opacity: 1;
}
.confirmation-dialog .dialog-title .new-tab-btn {
  color: #282828;
  top: 2px;
}
.confirmation-dialog .dialog-title .new-tab-btn .material-icons {
  font-size: 20px;
}
.confirmation-dialog .close {
  position: absolute;
  right: 0px;
  top: 8px;
  cursor: pointer;
  color: #282828;
  margin-left: auto;
  opacity: 0.8;
  font-size: 20px;
  outline: 0;
}
.confirmation-dialog .close:hover {
  opacity: 1;
}
.confirmation-dialog .dialog-content {
  padding: 7px 0px;
}
.confirmation-dialog .confirmation-dialog-button {
  font-size: 14px;
}
.confirmation-dialog .confirmation-dialog-paper {
  padding: 32px;
  border-radius: 4px;
}
.confirmation-dialog h6 {
  font-size: 16px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-continue-modal button.close {
  display: none;
}
.react-continue-modal .confirmation-dialog-paper {
  width: 550px;
  height: 180px;
  padding: 16px 32px;
}
.react-continue-modal .confirmation-dialog-paper .dialog-title {
  margin-bottom: 20px;
}
.react-continue-modal .confirmation-dialog-paper .confirmation-msg {
  font-size: 16px;
  text-align: center;
}
.react-continue-modal .confirmation-dialog-paper .confirmation-msg .sure-question {
  margin-top: 10px;
}
.react-continue-modal .confirmation-dialog-paper .dialog-actions {
  margin: auto;
}
.react-continue-modal .confirmation-dialog-paper .dialog-actions .confirmation-dialog-button.cancel {
  color: red;
}
.react-continue-modal .confirmation-dialog-paper .dialog-actions .confirmation-dialog-button.cancel:hover {
  background-color: rgba(239, 61, 78, 0.07);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.material-tabs.MuiTabs-root,
.material-tabs .MuiTab-root {
  min-height: 35px;
}
.material-tabs .MuiTabs-indicator {
  height: 4px;
  background-color: #3FAD90;
}
.material-tabs .white-indicator {
  background-color: #fff;
}
.material-tabs .MuiTab-wrapper {
  text-transform: initial;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.material-tabs .MuiTab-labelIcon .MuiTab-wrapper > *:first-child {
  margin-right: 8px;
  margin-bottom: 0px;
}
.material-tabs .tab-title-container {
  display: flex;
  align-items: center;
}
.material-tabs .tab-title-icon {
  margin-right: 5px;
}
.react-tabs-container.tab-container {
  border: 1px solid #e6e7e8;
}
.react-tabs-container.tab-container .nav li.app-horizontal-nav-tab {
  border: none;
}
.react-tabs-container.tab-container .nav li.app-horizontal-nav-tab:after {
  content: '';
  display: block;
  margin: auto;
  height: 4px;
  width: 0;
  background: transparent;
  transition: width 0.35s ease, background-color 0.35s ease;
}
.react-tabs-container.tab-container .nav li.app-horizontal-nav-tab .nav-tab-label {
  text-align: center;
  padding: 7px 10px 3px 10px;
  color: #757575;
  line-height: 19px;
  font-size: 15px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
}
.react-tabs-container.tab-container .nav li.app-horizontal-nav-tab .nav-tab-label:hover {
  color: #727276;
}
.react-tabs-container.tab-container .nav li.app-horizontal-nav-tab.active-tab .nav-tab-label {
  color: #282828;
  box-shadow: none;
}
.react-tabs-container.tab-container .nav li.app-horizontal-nav-tab.active-tab:after {
  width: 100%;
  background: #3FAD90;
}
.react-tabs-container.tab-container .tab-content {
  border: none;
  box-shadow: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.beta-label {
  border-radius: 3px;
  border: 1px solid #19B698;
  color: #19B698;
  margin: 0px 8px;
  padding: 3px;
  font-size: 12px;
  background-color: #fff;
  line-height: 1;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.assets-uploader-uppy-container .uppy-Dashboard-inner {
  width: 100% !important;
}
.uppy-DashboardItem-avscan {
  font-size: 11px;
  line-height: 11px;
  font-weight: normal;
  margin-bottom: 4px;
}
.uppy-DashboardItem-avscan.warning {
  color: #F06630;
}
.uppy-DashboardItem-avscan.error {
  color: #C0392B;
}
.uppy-DashboardItem-avscan.success {
  color: #27AE60;
}
.has-infected-files .uppy-DashboardItem-progress .uppy-DashboardItem-progressIndicator svg,
[data-av-status="has-infected-files"] .uppy-DashboardItem-progress .uppy-DashboardItem-progressIndicator svg {
  display: none !important;
}
.has-infected-files .uppy-DashboardItem-progress .uppy-DashboardItem-progressIndicator .fa-exclamation-circle,
[data-av-status="has-infected-files"] .uppy-DashboardItem-progress .uppy-DashboardItem-progressIndicator .fa-exclamation-circle {
  color: #C0392B;
  font-size: 22px;
}
[data-av-scan-enabled="1"] .uppy-StatusBar-content .uppy-StatusBar-close-button {
  float: right;
  position: absolute;
  right: 12px;
}
[data-av-scan-enabled="1"] .uppy-StatusBar.is-complete .uppy-bottom-av-status-error {
  background-color: #fff !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar.in-progress .uppy-bottom-av-status-error {
  z-index: 2;
  background-color: #fafafa !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar-actions .uppy-bottom-av-status-error {
  background-color: #fafafa;
}
[data-av-scan-enabled="1"] .uppy-StatusBar-content,
[data-av-scan-enabled="1"] .uppy-StatusBar-actions {
  position: relative !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar-content .uppy-bottom-av-status-error,
[data-av-scan-enabled="1"] .uppy-StatusBar-actions .uppy-bottom-av-status-error {
  position: absolute;
  left: 12px;
  color: #C0392B;
}
[data-av-scan-enabled="1"] .uppy-StatusBar-content .uppy-bottom-av-status-error .fa-exclamation-circle,
[data-av-scan-enabled="1"] .uppy-StatusBar-actions .uppy-bottom-av-status-error .fa-exclamation-circle {
  font-size: 22px;
}
[data-av-scan-enabled="1"] .uppy-StatusBar-actions {
  width: 100%;
  margin: 0;
  right: 0 !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar-actions .uppy-bottom-av-status-in-progress + .uppy-StatusBar-actionBtn--upload {
  display: none !important;
}
[data-av-scan-enabled="1"] .uppy-bottom-av-status-in-progress {
  position: absolute;
  width: 100%;
  left: 12px;
  color: #F06630 !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar.is-waiting .uppy-StatusBar-close-button {
  display: none !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar.is-complete .uppy-StatusBar-actionBtn--upload {
  display: none !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar.is-complete .uppy-StatusBar-actions {
  display: none !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar.is-complete .uppy-bottom-av-status-in-progress {
  display: none !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar-done .uppy-StatusBar-actionBtn--upload {
  display: none !important;
}
[data-av-scan-enabled="1"] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  height: 65px !important;
}
.uppy-Root {
  font-family: inherit !important;
}
.uppy-Root *:focus {
  outline: none !important;
}
.uppy-Dashboard--wide .uppy-Dashboard-dropFilesTitle {
  font-size: 20px !important;
  color: #282828 !important;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.uppy-Dashboard--wide .uppy-DashboardTabs-title {
  font-size: 16px !important;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 58px !important;
  color: #282828 !important;
  margin-left: 20px !important;
  text-align: left !important;
}
.uppy-DashboardTabs {
  padding-bottom: 0 !important;
}
.uppy-Dashboard--wide .uppy-Dashboard-close {
  font-size: 18px !important;
  font-weight: 900;
  top: 23px !important;
  right: 27px !important;
  color: #282828 !important;
}
.uppy-Dashboard--wide .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  min-width: 163px !important;
  float: right !important;
  padding: 12px 22px !important;
}
.uppy-Dashboard-browse {
  color: #3FAD90 !important;
}
.uppy-Dashboard-browse:hover {
  color: #32a083 !important;
}
.uppy-Dashboard-browse:focus {
  border-bottom: 0 !important;
}
.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  border: 0 !important;
  height: 95px !important;
  background-color: #FAFAFA !important;
}
.uppy-StatusBar-actionBtn {
  font-size: 11px !important;
  border-radius: 1px !important;
}
.uppy-Dashboard--wide .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  padding: 11px 28px !important;
  width: auto !important;
  min-width: 163px !important;
  float: right !important;
  height: 37px !important;
  background-color: #3FAD90 !important;
}
.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  padding: 12px 22px !important;
  background-color: #3FAD90 !important;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  font-size: 13px !important;
  background-color: #3FAD90 !important;
}
.uppy-c-btn-primary,
.uppy-size--md .uppy-c-btn-primary {
  background-color: #3FAD90 !important;
  color: white !important;
  border-radius: 2px !important;
  margin-right: 15px !important;
  font-size: 13px !important;
  min-width: 120px !important;
  padding: 12px 35px !important;
}
.uppy-c-btn-primary:hover {
  background-color: #32a083 !important;
}
.uppy-c-btn-link,
.uppy-size--md .uppy-c-btn-link {
  color: #939598 !important;
  font-size: 13px !important;
  padding: 11px 28px !important;
  background-color: white !important;
  border: 1px solid #DCDCDC !important;
  border-radius: 2px !important;
  min-width: 120px !important;
}
.uppy-c-bstn-link:hover {
  text-decoration: none;
}
.uppy-c-btn-link:focus,
.uppy-c-btn-primary:focus {
  box-shadow: none !important;
  outline: none !important;
}
.uppy-c-textInput:focus {
  border-color: #3FAD90 !important;
  outline: none !important;
  box-shadow: 0 0 1px 1px rgba(63, 173, 144, 0.5) !important;
}
.uppy-DashboardFileCard-info {
  max-height: 42% !important;
  background-color: #FAFAFA !important;
}
.uppy-DashboardFileCard-label,
.uppy-size--md .uppy-DashboardFileCard-label {
  font-weight: normal !important;
  font-size: 13px !important;
}
.uppy-DashboardFileCard-preview {
  background-color: #f2f2f2 !important;
  border-bottom: 1px solid rgba(147, 147, 147, 0.1) !important;
}
.uppy-size--md .uppy-c-textInput {
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.uppy-c-textInput::placeholder {
  color: #DCDCDC !important;
}
.uppy-StatusBar-actions {
  right: 30px !important;
  z-index: 5004 !important;
  justify-content: flex-end !important;
}
.uppy-Dashboard-filesContainer {
  background-color: #FAFAFA;
}
.uppy-StatusBar-progress {
  background-color: #3FAD90 !important;
}
.uppy-DashboardContent-back {
  color: #3FAD90 !important;
}
.uppy-DashboardContent-addMore {
  stroke: white !important;
  color: white !important;
  width: 19px !important;
  height: 19px !important;
  background-color: #3FAD90 !important;
  border: 4px solid #3FAD90 !important;
  border-radius: 50%;
}
.uppy-size--md .uppy-DashboardContent-addMore {
  width: 19px !important;
  height: 19px !important;
}
.uppy-size--md .uppy-Dashboard-dropFilesTitle {
  font-size: 22px !important;
}
.uppy-DashboardFileCard-input {
  display: inline-block !important;
  vertical-align: baseline;
  width: 76% !important;
}
.uppy-StatusBar-done {
  justify-content: flex-end !important;
  width: 85%;
}
.uppy-StatusBar-close-button {
  color: white;
  border-radius: 2px;
  padding: 0 32px;
  height: 35px;
  background-color: #3FAD90 !important;
  margin-right: 25px;
  line-height: 34px;
  cursor: pointer;
  font-size: 13px;
}
.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  cursor: default !important;
  color: #3FAD90 !important;
}
.uppy-DashboardTab-btn:focus {
  outline: none !important;
}
.uppy-DashboardTab-btn:hover {
  color: #3FAD90 !important;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #3FAD90 !important;
}
.uppy-StatusBar.is-complete .uppy-StatusBar-content {
  width: 100%;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner {
  border-radius: 0 !important;
}
.uppy-Dashboard-uploadCount {
  background-color: #3FAD90 !important;
}
.uppy-DashboardItem.is-complete .progress {
  stroke: #3FAD90 !important;
  fill: #3FAD90 !important;
}
.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #3FAD90 !important;
}
.uppy-Dashboard-actions {
  flex-direction: row-reverse !important;
  border-top: none !important;
}
.uppy-size--md .uppy-Dashboard-actions {
  height: 95px !important;
}
.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  background-color: rgba(255, 255, 255, 0.85) !important;
  z-index: 5001 !important;
}
.uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 5002 !important;
  box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.3) !important;
}
.uppy-size--md .uppy-DashboardItem-name {
  overflow: hidden !important;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  line-height: 20px !important;
  padding-bottom: 6px !important;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img {
  width: 16px;
}
.uppy-ProviderBrowserItem-inner {
  font-size: 15px !important;
  font-weight: normal !important;
}
.uppy-ProviderBrowser-footer {
  flex-direction: row-reverse;
}
.uppy-DashboardContent-bar {
  flex-direction: row-reverse !important;
}
.uppy-size--md .uppy-ProviderBrowser-headerBar {
  height: auto !important;
}
.uppy-size--md .uppy-DashboardContent-back {
  font-size: 25px !important;
  font-weight: 300 !important;
  transform: scaleY(0.8);
}
.uppy-size--md .uppy-Provider-breadcrumbs {
  display: contents !important;
}
.uppy-Informer {
  z-index: 5004 !important;
}
.uppy-ProviderBrowser-header,
.uppy-ProviderBrowser-headerBar,
.uppy-ProviderBrowser-searchInput,
.uppy-DashboardItem-previewInnerWrap:after {
  z-index: 5001 !important;
}
.uppy-StatusBar-progress,
.uppy-StatusBar-content,
.uppy-ProviderBrowser-searchIcon,
.uppy-ProviderBrowser-searchClose,
.uppy-Dashboard-inner,
.uppy-Dashboard-next,
.uppy-DashboardItem-previewLink,
.uppy-DashboardItem-action,
.uppy-DashboardItem-progress,
.uppy-DashboardItem-progressNum {
  z-index: 5002 !important;
}
.uppy-DashboardContent-bar,
.uppy-DashboardContent-panel,
.uppy-Dashboard-progressBarContainer.is-active,
.uppy-DashboardFileCard {
  z-index: 5004 !important;
}
.uppy-Dashboard--modal .uppy-Dashboard-close {
  z-index: 5005 !important;
}
@media only screen and (min-width: 768px) {
  .uppy-Dashboard-inner {
    width: 600px;
    height: 450px;
    min-height: 450px !important;
    border-radius: 0 !important;
    z-index: 5002 !important;
  }
}
#drop-zone .uppy-Root {
  width: 100%;
  height: 100%;
  all: inherit !important;
  border: none !important;
}
#drop-zone .uppy-DragDrop-inner {
  align-self: center;
  margin: 0 auto !important;
  padding: 0 !important;
}
#drop-zone .uppy-DragDrop-inner svg {
  display: none !important;
}
#drop-zone .uppy-DragDrop-label {
  color: #282828;
  font-size: 20px !important;
  font-weight: normal;
}
#drop-zone .uppy-DragDrop-dragText {
  color: #19B698 !important;
}

.asset-name-component {
  display: flex;
  align-items: center;
}
.asset-name-component img {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}
.asset-name-component .name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.existing-assets-tab {
  padding: 20px 30px 30px;
  background-color: #FAFAFA;
  min-height: 450px;
  display: flex;
  flex-direction: column;
}
.existing-assets-tab .asset-name-component .name {
  max-width: calc(100% - 30px);
}
.existing-assets-tab_no-content {
  justify-content: center;
  align-items: center;
}
.existing-assets-tab__checkbox-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.existing-assets-tab__no-asset-message {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  color: #757575;
}
.existing-assets-tab__buttons-container {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 35px;
}
.existing-assets-tab__button {
  height: 35px;
  width: 120px;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  vertical-align: center;
  border-radius: 2px;
  border: none;
}
.existing-assets-tab__button_cancel {
  border: 1px solid #d8d8d8;
  color: #757575;
  background-color: #fff;
}
.existing-assets-tab__button_cancel:not(:last-child) {
  margin-right: 10px;
}
.existing-assets-tab__button_attach {
  background-color: #40AD90;
  color: #fff;
}
.existing-assets-tab .react-search-input {
  width: 100%;
  margin-bottom: 5px;
}
.existing-assets-tab .totango-table .rt-table {
  margin-top: 5px;
  margin-bottom: 20px;
}
.existing-assets-tab .rt-thead {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  height: 40px;
  border: 1px solid #E7E7E7 !important;
}
.existing-assets-tab .rt-thead .rt-th,
.existing-assets-tab .rt-thead .rt-tr {
  border: none !important;
}
.existing-assets-tab .rt-thead .rt-th {
  padding: 0 10px !important;
}
.existing-assets-tab .rt-thead .rt-th:first-child {
  display: flex;
  align-items: center;
  text-align: center;
  padding-left: 15px !important;
}
.existing-assets-tab .rt-thead .rt-th:not(:first-child) > div:after {
  content: '';
  display: inline-block;
  transition: all 0.3s ease;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-left: 10px;
}
.existing-assets-tab .rt-thead .rt-th.-sort-asc:not(:first-child) > div:after {
  border-top-color: #282828;
}
.existing-assets-tab .rt-thead .rt-th.-sort-desc:not(:first-child) > div:after {
  border-top-color: #282828;
  transform: rotate(180deg);
}
.existing-assets-tab .rt-thead .rt-tr .rt-th > div {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #282828 !important;
  font-size: 11px !important;
  line-height: 40px !important;
  text-transform: uppercase !important;
}
.existing-assets-tab .rt-tbody {
  border: 1px solid #E7E7E7 !important;
  border-top: none !important;
  border-bottom: none !important;
  max-height: 290px;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
.existing-assets-tab .rt-tbody .rt-td {
  border: none !important;
}
.existing-assets-tab .rt-tbody .rt-tr-group {
  border-bottom: 1px solid #E7E7E7 !important;
  background-color: #fff;
}
.existing-assets-tab .rt-tbody .rt-tr-group:last-child {
  border-bottom: none !important;
}
.existing-assets-tab .rt-tbody .rt-tr-group .rt-td:last-child {
  padding-right: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.add-assets-modal.confirmation-dialog .confirmation-dialog-paper {
  width: 700px;
  padding: 0px;
  position: relative;
}
.add-assets-modal.confirmation-dialog .confirmation-dialog-paper .material-tabs {
  padding-top: 5px;
}
.add-assets-modal.confirmation-dialog .dialog-content {
  padding: 0px;
}
.add-assets-modal.confirmation-dialog .close {
  right: 8px;
  top: 15px;
  z-index: 1;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.add-assets {
  display: inline-block;
  width: 100%;
  max-width: 550px;
}
.add-assets__button {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  color: #58A8CD;
  line-height: 21px;
  font-size: 13px;
  border: none;
  background-color: transparent;
  margin: 6px 0 0 15px;
  padding: 0;
}
.add-assets__button:focus {
  outline: none;
}
.add-assets__button:disabled {
  color: #757575;
}
.add-assets__button > i {
  margin-right: 8px;
}
.add-assets__button_success-play {
  margin-left: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.add-fab-button-wrapper {
  width: 56px;
  position: absolute;
  right: 10px;
  z-index: 1002;
}
.add-fab-button-wrapper .fab-smaller-option {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #3FAD90;
  margin-left: auto ;
  margin-right: auto;
  margin-bottom: 7px;
  box-shadow: 0px 2px 10px 0px #a2a2a2;
  transition: opacity 0.2s, margin 0.2s, height 0.2s, width 0.2s, box-shadow 0.2s;
  display: none;
  cursor: pointer;
  position: relative;
}
.add-fab-button-wrapper .fab-smaller-option:hover {
  box-shadow: 0px 2px 10px 1px #a2a2a2;
}
.add-fab-button-wrapper.manual-hover .fab-smaller-option {
  display: block;
}
.circle-plus-button i,
.fab-smaller-option i {
  color: #fff;
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.circle-plus-button i.icon-SuccessPlays,
.fab-smaller-option i.icon-SuccessPlays {
  font-size: 18px;
}
.circle-plus-button i.icon-form-task,
.fab-smaller-option i.icon-form-task {
  font-size: 18px;
  margin: -1px 0 0 2px;
}
.circle-plus-button i.material-icons,
.fab-smaller-option i.material-icons {
  font-size: 25px;
}
.circle-plus-button[tooltip]:before,
.fab-smaller-option[tooltip]:before {
  content: attr(tooltip);
  background: #282828;
  padding: 1px 7px;
  line-height: 20px;
  margin-right: 10px;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  position: absolute;
  bottom: 26%;
  right: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.circle-plus-button[tooltip]:hover:before,
.fab-smaller-option[tooltip]:hover:before {
  visibility: visible;
  opacity: 1;
}
.fab-smaller-option[tooltip]:before {
  bottom: 12%;
}
.circle-plus-button {
  width: 56px;
  box-shadow: 0px 2px 10px 0px #a2a2a2;
  height: 56px;
  margin-bottom: 7px;
  border-radius: 50%;
  background-color: #3FAD90;
  position: relative;
  display: block;
  cursor: pointer;
}
.circle-plus-button .plus-sign {
  position: absolute;
  margin: 0 auto;
  font-size: 30px;
  color: #fff;
  padding: 0px 21px;
  line-height: 61px;
  transition: opacity 0.3s;
}
.circle-plus-button.disabled {
  background-color: #68b19e;
  border-color: #68b19e;
  cursor: not-allowed;
  box-shadow: none;
}
.circle-plus-button:hover {
  box-shadow: 0px 2px 10px 1px #a2a2a2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-select-dropdown-container {
  min-height: 34px;
}
.react-select-dropdown-container.advanced-select {
  height: auto;
}
.react-select-dropdown-container.advanced-select .react-select-dropdown__control {
  max-height: initial;
}
.react-select-dropdown-container .react-select-dropdown__menu {
  z-index: 4;
}
.react-select-dropdown-container .group-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.react-select-dropdown-container .group-badge {
  background-color: #EBECF0;
  border-radius: 15px;
  color: #172B4D;
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 21px;
}
.react-select-dropdown-container .react-select-dropdown__group {
  padding-top: 6px;
  padding-bottom: 3px;
}
.react-select-dropdown-container .react-select-dropdown__group .react-select-dropdown__group-heading {
  margin-right: 5px;
  margin-left: 5px;
  padding-bottom: 3px;
  border-bottom: #E7E7E7 solid 1px;
}
.react-select-dropdown-container .control-wrapper {
  border: 1px solid #ccc;
}
.react-select-dropdown-container.react-select-dropdown--is-disabled {
  pointer-events: none;
}
.react-select-dropdown-container.react-select-dropdown--is-disabled .react-select-dropdown__multi-value--is-disabled .react-select-dropdown__multi-value__remove {
  display: none;
}
.react-select-dropdown-container .react-select-dropdown__indicator {
  padding: 11px 6px 11px 11px;
}
.react-select-dropdown-container .react-select-dropdown__indicator .bouncy-arrow-icon .right-bar:after,
.react-select-dropdown-container .react-select-dropdown__indicator .bouncy-arrow-icon .left-bar:after {
  background-color: hsl(0, 0%, 80%);
}
.react-select-dropdown-container .react-select-dropdown__indicator .bouncy-arrow-icon.focused .right-bar:after,
.react-select-dropdown-container .react-select-dropdown__indicator .bouncy-arrow-icon.focused .left-bar:after {
  background-color: hsl(0, 0%, 40%);
}
.react-select-dropdown-container .react-select-dropdown__control {
  min-height: 35px;
  box-shadow: none;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  cursor: pointer;
}
.react-select-dropdown-container .react-select-dropdown__control:hover {
  border-color: #ccc;
}
.react-select-dropdown-container .react-select-dropdown__control .react-select-dropdown__multi-value__remove {
  cursor: pointer;
  color: #282828;
}
.react-select-dropdown-container .react-select-dropdown__control .react-select-dropdown__multi-value__remove:hover {
  background-color: lightgrey;
  color: #282828;
}
.react-select-dropdown-container .react-select-dropdown__control .react-select-dropdown__multi-value__label {
  font-size: 13px;
}
.react-select-dropdown-container .react-select-dropdown__control .react-select-dropdown__value-container--is-multi {
  overflow-x: auto;
}
.react-select-dropdown-container .react-select-dropdown__control--is-disabled .react-select-dropdown__indicator {
  opacity: 0.4;
}
.react-select-dropdown-container .react-select-dropdown__control--is-disabled .react-select-dropdown__value-container--has-value,
.react-select-dropdown-container .react-select-dropdown__control--is-disabled .react-select-dropdown__single-value--is-disabled {
  color: #757575;
}
.react-select-dropdown-container .react-select-dropdown__indicator-separator {
  display: none;
}
.react-select-dropdown-container .react-select-dropdown__control--is-focused {
  border-color: #5DACD2;
}
.react-select-dropdown-container .react-select-dropdown__control--is-focused:hover {
  border-color: #5DACD2;
}
.react-select-dropdown-container .react-select-dropdown__value-container .react-select-dropdown__placeholder {
  pointer-events: none;
}
.react-select-dropdown-container .react-select-dropdown__value-container .css-1g6gooi {
  flex-grow: 1;
}
.react-select-dropdown-container .react-select-dropdown__value-container .css-1g6gooi .react-select-dropdown__input {
  width: 100%;
}
.react-select-dropdown-container .react-select-dropdown__value-container .css-1g6gooi .react-select-dropdown__input input {
  min-width: 100%;
}
.react-select-dropdown__menu {
  padding-top: 5px;
  padding-bottom: 10px;
  border-radius: 0px;
  margin-top: 1px;
}
.dropdown-option-react {
  border-bottom: 1px solid #EEEEEE;
  padding: 5px;
  max-height: 78px;
  margin-right: 7px;
  margin-left: 7px;
  overflow: hidden;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
}
.dropdown-option-react.is-focused:not(.disabled),
.dropdown-option-react:hover:not(.disabled) {
  background-color: #EEEEEE;
}
.dropdown-option-react.disabled {
  color: #757575;
  cursor: default;
}
.dropdown-option-react .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-option-react .description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #757575;
  font-size: 12px;
  opacity: 0.7;
}
.dropdown-option-react .fa-suitcase {
  padding-right: 7px;
}
.dropdown-option-react .fa-user {
  padding-right: 9px;
  padding-left: 2px;
}
.dropdown-option-react .option-link {
  min-height: 0px;
  border: none;
}
.dropdown-option-react .option-link .title {
  color: #54A7CF;
}
.dropdown-option-react.add-new {
  min-height: 0px;
  border: none;
}
.dropdown-option-react.add-new .title {
  color: #54A7CF;
}
.dropdown-option-react .disabled-info {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.dropdown-option-react .disabled-info .fa {
  display: flex;
  align-self: center;
}
.dropdown-option-react .form-option {
  display: flex;
}
.dropdown-option-react .form-option .title-holder {
  order: 1;
  margin-right: 25px;
}
.dropdown-option-react .form-option .account-types {
  order: 2;
  display: inline-flex;
  align-items: center;
}
.dropdown-option-react .form-option .account-types .type {
  border: 1px solid #dddddd;
  border-radius: 2px;
  padding: 7px 10px;
  line-height: 13px;
  color: #A6A8AA;
  font-size: 11px;
  text-transform: uppercase;
  max-height: 28px;
  margin-right: 10px;
}
.dropdown-option-react:first-child .form-option {
  color: #5EACD2;
}
.dropdown-option-react.highlighted-row {
  background-color: #E1F3EF;
  border: 1px solid #fff;
}
.invalid .react-select-dropdown-container .control-wrapper {
  border-color: #C0392B;
}
.default-dropdown-ember-container .react-select-dropdown__menu {
  padding: 0;
  border-radius: 0;
}
.default-dropdown-ember-container .react-select-dropdown__menu .react-select-dropdown__menu-list {
  padding: 0;
}
.default-dropdown-ember-container .react-select-dropdown__menu .react-select-dropdown__menu-list .dropdown-option-react {
  padding: 10px;
  margin: 0;
  line-height: 17px;
}
.dropdown-option-react {
  padding: 5px;
  padding-left: 10px;
  margin: 0;
  border-bottom: none;
}
.user-option-wrapper {
  display: flex;
  align-items: center;
  flex-basis: 100%;
}
.react-select-dropdown__menu,
.accounts-dropdown__menu,
.scorecards-dropdown__menu {
  margin: 0 !important;
  padding-bottom: 0px;
  padding-top: 0px;
}
.react-select-dropdown__menu .option-container,
.accounts-dropdown__menu .option-container,
.scorecards-dropdown__menu .option-container {
  display: flex;
  position: relative;
  padding: 5px 7px;
  line-height: 30px;
  min-height: 40px;
  cursor: pointer;
}
.react-select-dropdown__menu .option-container.option-focused,
.accounts-dropdown__menu .option-container.option-focused,
.scorecards-dropdown__menu .option-container.option-focused {
  background-color: #EEEEEE;
}
.react-select-dropdown__menu .option-container:hover,
.accounts-dropdown__menu .option-container:hover,
.scorecards-dropdown__menu .option-container:hover {
  background-color: #EEEEEE;
}
.react-select-dropdown__menu .option-container .role,
.accounts-dropdown__menu .option-container .role,
.scorecards-dropdown__menu .option-container .role {
  color: #979797;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  font-size: 12px;
  padding: 2px 5px;
  margin-left: 15px;
  height: 20px;
  line-height: 15px;
}
.react-select-dropdown__menu .option-container .option-name-wrapper,
.accounts-dropdown__menu .option-container .option-name-wrapper,
.scorecards-dropdown__menu .option-container .option-name-wrapper {
  background-color: transparent;
  padding: 0px;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.react-select-dropdown__menu .option-container .option-name-wrapper .option-text,
.accounts-dropdown__menu .option-container .option-name-wrapper .option-text,
.scorecards-dropdown__menu .option-container .option-name-wrapper .option-text {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  line-height: 20px;
}
.react-select-dropdown__menu .option-container .option-name-wrapper .option-text .icon-key_contacts_crown,
.accounts-dropdown__menu .option-container .option-name-wrapper .option-text .icon-key_contacts_crown,
.scorecards-dropdown__menu .option-container .option-name-wrapper .option-text .icon-key_contacts_crown {
  font-size: 15px;
  color: #FBB400;
  margin-left: 10px;
  top: 1px;
  position: relative;
}
.react-select-dropdown__menu .option-container .option-name-wrapper .option-text.option-label,
.accounts-dropdown__menu .option-container .option-name-wrapper .option-text.option-label,
.scorecards-dropdown__menu .option-container .option-name-wrapper .option-text.option-label {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.react-select-dropdown__menu .option-container .option-name-wrapper .option-text.option-value,
.accounts-dropdown__menu .option-container .option-name-wrapper .option-text.option-value,
.scorecards-dropdown__menu .option-container .option-name-wrapper .option-text.option-value {
  color: #757575;
}
.react-select-dropdown__menu .option-container.pool-option,
.accounts-dropdown__menu .option-container.pool-option,
.scorecards-dropdown__menu .option-container.pool-option {
  flex-basis: 100%;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper {
  align-items: flex-start;
  flex-basis: 100%;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-icon,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-icon,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-icon {
  margin-right: -20px;
  color: #757575;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-content,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-content,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-content {
  align-items: flex-start;
  display: flex;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count,
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use {
  font-size: 12px;
  color: #757575;
  height: 22px;
  line-height: 21px;
  display: inline-flex;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count .count-holder,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count .count-holder,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count .count-holder {
  background-color: #D8D8D8;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  margin-right: 6px;
  display: inline-flex;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count .count-holder .number,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count .count-holder .number,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .users-count .count-holder .number {
  text-align: center;
  display: block;
  margin: 2px auto 0;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use {
  overflow: hidden;
  text-overflow: ellipsis;
}
.react-select-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use .border,
.accounts-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use .border,
.scorecards-dropdown__menu .option-container.pool-option .option-wrapper .pool-content .amount-of-use .border {
  border-left: 1px solid #939598;
  padding-left: 5px;
  height: 14px;
  margin-top: 2px;
}
.react-select-dropdown__menu .react-select-dropdown__option:active,
.accounts-dropdown__menu .react-select-dropdown__option:active,
.scorecards-dropdown__menu .react-select-dropdown__option:active {
  background-color: #EEEEEE;
}
.react-select-dropdown__menu .react-select-dropdown__option--is-selected,
.accounts-dropdown__menu .react-select-dropdown__option--is-selected,
.scorecards-dropdown__menu .react-select-dropdown__option--is-selected {
  background-color: initial;
  color: initial;
}
.react-select-dropdown__menu .react-select-dropdown__option--is-focused,
.accounts-dropdown__menu .react-select-dropdown__option--is-focused,
.scorecards-dropdown__menu .react-select-dropdown__option--is-focused {
  background-color: #EEEEEE;
}
.accounts-dropdown__menu .option-container {
  display: block;
}
.react-select-dropdown__menu .search-message {
  height: 40px;
  display: flex;
  align-items: center;
  border-top: 1px solid #E7E7E7;
}
.accounts-dropdown__menu .search-message,
.scorecards-dropdown__menu .search-message {
  border: 1px solid #dddddd;
}
.react-select-dropdown__menu .search-message,
.accounts-dropdown__menu .search-message,
.scorecards-dropdown__menu .search-message {
  padding: 4px 4px 4px 10px;
}
.react-select-dropdown__menu-list {
  padding-bottom: 0;
  padding-top: 0;
}
.react-select-dropdown__menu-list .dropdown-option-react:last-child {
  border-bottom: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.advanced-select {
  background-color: #fff;
}
.advanced-select .mutliple-select-value {
  background-color: #EFF7FA;
  border: 1px solid #5DACD2;
  font-size: 13px;
  height: auto;
  color: #282828;
  margin-right: 5px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-right: 2px;
  border-radius: 2px;
}
.advanced-select .mutliple-select-value .fa {
  color: #5DACD2;
}
.advanced-select .mutliple-select-value span {
  white-space: pre-wrap;
}
.advanced-select .react-select-dropdown__indicators {
  cursor: pointer;
}
.advanced-select .react-select-dropdown__indicators .react-select-dropdown__clear-indicator {
  padding: 10px 5px;
  opacity: 0.55;
}
.advanced-select .react-select-dropdown__value-container {
  padding: 9px 4px 8px 8px;
}
.advanced-select .react-select-dropdown__value-container .react-select-dropdown__single-value {
  color: #6d6d6d;
}
.advanced-select .react-select-dropdown__value-container.react-select-dropdown__value-container--is-multi {
  padding: 4px 4px 3px 8px;
}
.advanced-select .gravatar-wrapper {
  display: block;
}
.advanced-select .advanced-select-icon {
  margin-right: 5px;
}
.advanced-select .chip-label {
  padding-left: 6px;
}
.advanced-select .select-text-field {
  width: 100%;
}
.advanced-select .select-text-field fieldset {
  top: -4px;
}
.advanced-select.react-select-dropdown-container {
  background-color: #fff;
}
.react-select-dropdown__menu-list .advanced-select-option {
  line-height: 17px;
  height: 40px;
  min-height: 40px;
  white-space: pre-wrap;
}
.react-select-dropdown__menu-list .advanced-select-option.Mui-selected {
  background-color: #f5f5f5;
}
.react-select-dropdown__menu-list .advanced-select-option.Mui-selected:hover {
  background-color: #f5f5f5;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.agenda-tab-counter {
  display: flex;
}
.agenda-tab-counter .title {
  font-size: 13px;
  padding-right: 12px;
  padding-left: 5px;
  margin-top: 2px;
  line-height: 14px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .agenda-tab-counter .title .hidden-xs {
    display: none;
  }
}
.agenda-tab-counter .open-task-count {
  color: #fff;
  background: #8c8c8f;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 10px;
  line-height: 12px;
}
.active .agenda-tab-counter .open-task-count {
  background: #58A8CD;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-type-label {
  display: inline-block;
  text-transform: uppercase;
  color: #757575;
  background-color: white;
  max-width: 100%;
  font-size: 11px;
  border: 1px solid #dddddd;
  padding: 1px 6px;
  border-radius: 3px;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-cell-container {
  display: flex;
  align-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-cell-container .account-type-label {
  margin-left: 12px;
}
.account-cell-container .account-cell__basic-info {
  display: flex;
  align-content: center;
  align-items: center;
  font-size: 14px;
}
.account-cell-container .account-cell__basic-info .account-health-icon {
  font-size: 10px;
  margin-right: 5px;
}
.account-cell-container .account-cell__basic-info .account-name {
  margin-right: 5px;
}
.account-cell-container .account-cell__basic-info .account-name a {
  color: #282828;
}
.account-cell-container .account-cell__basic-info .account-name a:hover {
  text-decoration: underline;
}
.account-cell-container .account-cell__basic-info .contract-value {
  color: #757575;
}
.account-cell-container .account-cell__account-relation {
  margin-left: 15px;
  font-size: 11px;
}
.account-cell-container .account-cell__account-relation .current-level {
  text-transform: uppercase;
  color: #282828;
}
.account-cell-container .account-cell__account-relation .parent-name {
  display: flex;
  align-items: center;
  height: 22px;
  line-height: 10px;
  padding: 5px;
  border-radius: 3px;
  background-color: #E7E7E7;
}
.account-cell-container .account-cell__account-relation .parent-name .parent-icon::before {
  content: url('/img/hierarchy-icon.svg');
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.attribute-syncback-connections-wrapper {
  display: flex;
  flex-direction: column;
}
.attribute-syncback-connections-wrapper .single-connection-wrapper {
  display: flex;
  flex-direction: column;
  padding: 15px;
  font-size: 13px;
  background-color: #F8F8F8;
  margin-bottom: 10px;
}
.attribute-syncback-connections-wrapper .single-connection-wrapper .single-connection-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 5px;
}
.attribute-syncback-connections-wrapper .single-connection-wrapper .single-connection-header .power-icon {
  padding-right: 10px;
  width: 35px;
}
.attribute-syncback-connections-wrapper .single-connection-wrapper .mapping-data {
  padding: 10px 10px 20px;
  margin: 5px 0 20px;
  color: #B5B8BC;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-top: 2px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  max-width: calc(100% - 20px);
}
.attribute-syncback-connections-wrapper .single-connection-wrapper .mapping-data-column {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.attribute-syncback-connections-wrapper .single-connection-wrapper .mapping-data-column:first-child {
  margin-right: 10px;
}
.attribute-syncback-connections-wrapper .single-connection-wrapper .mapping-content {
  color: #282828;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attribute-syncback-connections-wrapper .single-connection-wrapper .enable-connection-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  justify-content: space-between;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.authentication-settings-wrapper .page-title {
  font-size: 24px;
  margin-top: 15px;
}
.authentication-settings-wrapper .content-area {
  background-color: #fff;
  border: 1px solid #dddddd;
  min-height: auto;
  width: 100%;
  padding: 25px;
  margin: 0 0px 20px 0;
}
.authentication-settings-wrapper .content-area .content-title {
  font-size: 17px;
  margin-bottom: 10px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.authentication-settings-wrapper .content-area .section-title {
  margin-top: 10px;
}
.authentication-settings-wrapper .content-area .auth-settings-wrapper .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 22px;
  width: 100px;
}
.authentication-settings-wrapper .content-area .auth-settings-wrapper .authentication-checkbox .settings-gear {
  color: #5DACD2;
  vertical-align: text-bottom;
  line-height: 18px;
}
.authentication-settings-wrapper .content-area .enforce-sso-text {
  width: 450px;
  float: left;
}
.authentication-settings-wrapper .content-area .enforce-sso-switch {
  float: left;
  margin-top: 15px;
}
.authentication-settings-wrapper .raw-padding {
  padding-top: 15px;
  padding-bottom: 15px;
}
.authentication-settings-wrapper .float-left {
  float: left;
}
.authentication-settings-wrapper .ml1 {
  margin-left: 5px;
}
.authentication-settings-wrapper .mr1 {
  margin-right: 6px;
}
.authentication-settings-wrapper .mr3 {
  margin-right: 18px;
}
.authentication-settings-wrapper .mt1 {
  margin-top: 10px;
}
.authentication-settings-wrapper .mb1 {
  margin-bottom: 10px;
}
.authentication-settings-wrapper .mb3 {
  margin-bottom: 30px;
}
.authentication-settings-wrapper .salesforce-settings {
  transform: translate(155px, -85px);
}
.authentication-settings-wrapper .saml-settings {
  transform: translate(155px, -38px);
}
.authentication-settings-wrapper .settings-gear:hover {
  cursor: pointer;
}
.authentication-settings-wrapper .title {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 15px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.authentication-settings-wrapper .switch-label {
  display: inline-block;
  line-height: 25px;
  margin: 0 15px 0 0;
  vertical-align: top;
}
.authentication-settings-wrapper .enabled-verified {
  color: #3FAD90;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.on-off-switch {
  display: inline-block;
  position: relative;
  width: 66px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.on-off-switch.readOnly .onoffswitch-label {
  cursor: default;
}
.on-off-switch.readOnly .onoffswitch-label span.inner-on {
  background-color: #cfcfcf;
}
.on-off-switch.checked .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.on-off-switch.checked .onoffswitch-label .onoffswitch-switch {
  right: 2px;
}
.on-off-switch .onoffswitch-label {
  display: block;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
  border-radius: 5px;
}
.on-off-switch .onoffswitch-label .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.on-off-switch .onoffswitch-label .onoffswitch-inner .inner-on,
.on-off-switch .onoffswitch-label .onoffswitch-inner .inner-off {
  display: block;
  float: left;
  width: 50%;
  height: 25px;
  padding: 0;
  line-height: 25px;
  font-size: 12px;
  color: #fff;
}
.on-off-switch .onoffswitch-label .onoffswitch-inner .inner-on {
  padding-left: 10px;
  background-color: #5DACD2;
}
.on-off-switch .onoffswitch-label .onoffswitch-inner .inner-off {
  padding-right: 10px;
  background-color: #909090;
  text-align: right;
}
.on-off-switch .onoffswitch-label .onoffswitch-switch {
  display: block;
  width: 21px;
  margin: 2px;
  background: #fff;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: calc(100% - 27px);
  border-radius: 3px;
  transition: all 0.3s ease-in 0s;
}
.round-on-off-switch {
  width: 50px;
}
.round-on-off-switch .onoffswitch-label {
  border-radius: 20px;
}
.round-on-off-switch .onoffswitch-label .onoffswitch-switch {
  margin: 1px;
  right: calc(100% - 25px);
  border-radius: 10px;
}
.round-on-off-switch.readOnly .onoffswitch-label {
  cursor: default;
}
.round-on-off-switch.readOnly .onoffswitch-label span.round-inner-on {
  background-color: #A7C1CE;
  opacity: 0.5;
}
.round-on-off-switch.readOnly .onoffswitch-label span.round-inner-off {
  background-color: #cfcfcf;
}
.round-on-off-switch.checked .onoffswitch-switch {
  right: 2px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.ReactModal__Overlay {
  transition: opacity 0.25s linear;
  opacity: 0;
  overflow: auto;
}
.ReactModal__Html--open {
  overflow: hidden;
}
.ReactModal__Overlay--after-open {
  opacity: 1;
  z-index: 1070;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(247, 247, 247, 0.8) !important;
}
body.modal-open-disable-scroll {
  overflow-y: hidden;
}
.ReactModal__Overlay--before-close {
  opacity: 0;
}
.ReactModal__Content {
  opacity: 0;
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  outline: 0;
  position: absolute;
  width: 700px;
  top: 20%;
  left: calc(50% - 350px);
  border: 1px solid #D1D3D4;
  box-shadow: 0px 0px 5px #D1D3D4;
  border-radius: 4px;
}
.ReactModal__Content .modal-content {
  border: none;
  box-shadow: none;
}
.ReactModal__Content .modal-content .modal-header {
  padding: 30px 30px 8px 30px;
  background-color: transparent;
  color: #282828;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.ReactModal__Content .modal-content .modal-header .modal-header-text {
  font-size: 20px;
  max-width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ReactModal__Content .modal-content .modal-header button.close {
  color: #282828;
  margin-left: auto;
  opacity: 0.8;
  font-size: 28px;
  outline: 0;
}
.ReactModal__Content .modal-content .modal-header button.close:hover {
  opacity: 1;
}
.ReactModal__Content .modal-content .modal-sub-header {
  padding-left: 20px;
}
.ReactModal__Content .modal-content .modal-body {
  padding-left: 30px;
  padding-right: 30px;
}
.ReactModal__Content .modal-content .modal-footer {
  border-top: none;
  padding: 0 30px 30px 30px;
}
.ReactModal__Content .modal-content .modal-footer .btn:last-child {
  margin-right: 0;
}
.ReactModal__Content--after-open {
  opacity: 1;
  transform: translate(0, 0);
}
.ReactModal__Content--before-close {
  opacity: 0;
  transform: translate(0, -25%);
}

.iradio_flat-green label {
  margin-left: 30px;
}

.salesforce-form .raw-padding {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.multi-value-input-container .multi-value-input__control.multi-value-input__control--is-focused {
  box-shadow: none;
  border-color: #ccc;
}
.multi-value-input-container .multi-value-input__control .multi-value-input__clear-indicator,
.multi-value-input-container .multi-value-input__control .multi-value-input__multi-value__remove {
  cursor: pointer;
}
.multi-value-input-container .invalid-message {
  color: #C0392B;
}

.cert-box {
  width: 574px;
  height: 150px;
  display: block;
  resize: none;
}
.cert-box:focus {
  border-color: #5DACD2;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.copy-to-clip .no-padding {
  padding: 0px;
}
.copy-to-clip .no-margin {
  margin-left: 0px;
}
.copy-to-clip .clip-btn {
  color: #3FAD90;
}
.copy-to-clip .clip-btn:hover {
  color: #3FAD90;
}
.copy-to-clip .clip-btn:focus {
  color: #3FAD90;
}
.copy-to-clip .mt {
  margin-top: 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.modal-footer-container {
  align-items: center;
  align-content: flex-end;
  margin-right: 0;
  margin-left: auto;
}
.modal-footer-container .modal-button {
  min-width: 120px;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.modal-footer-container .cancel-button,
.modal-footer-container .btn-cancel {
  background-color: transparent;
  color: #757575;
  border: 1px solid #ADADAD;
}
.modal-footer-container .cancel-button:hover,
.modal-footer-container .btn-cancel:hover {
  color: #333;
  background-color: #ebebeb;
}
.modal-footer-container .submit-btn {
  position: relative;
}
.modal-footer-container .submit-btn .loader {
  position: absolute;
  top: 8px;
  opacity: 0;
  left: 6px;
  z-index: -100;
  width: 15px;
  height: 15px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid transparent;
  border-radius: 50%;
  transition: all 0.1s;
  transition-timing-function: ease-in;
  animation: spin 1s infinite linear;
}
.modal-footer-container .mui-button {
  width: 100px;
  margin-left: 12px;
}
.modal-footer-container .mui-button-delete {
  width: 100px;
  color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-confirmation-modal .modal-header {
  text-align: center;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.react-confirmation-modal .confirmation-msg {
  padding: 0;
  font-size: 14px;
}
.react-confirmation-modal .modal-footer-container {
  margin: 0;
  width: auto;
  justify-content: center;
  flex-direction: row-reverse;
}
.react-confirmation-modal.loading .submit-btn {
  background-color: #9d9d9d;
  pointer-events: none;
}
.react-confirmation-modal.loading .submit-btn .loader {
  opacity: 1;
  z-index: 5;
}
.react--confirmation-modal .modal-content {
  padding-left: 0px;
  padding-right: 0px;
}
.react--confirmation-modal .modal-content .modal-header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}
.react--confirmation-modal .modal-content .modal-header button {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.react--confirmation-modal .modal-content .confirmation-msg {
  padding: 0;
  font-size: 14px;
}
.react--confirmation-modal .modal-content .modal-footer-container .btn:last-child {
  margin-right: 0px;
}

/*
** --- Totango App (0-4999) ---
*/
/*
** --- Zeo App (5000-9999) ---
*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*General colors palette*/
/*team*/
/* mark as done */
/*health*/
/*tasks*/
/*o16n*/
/*segment chart*/
/*online/offline*/
/*positive/negative*/
/* retention */
/* task and touchpoint */
/*General elements*/
/*totango blue*/
/* Activity types */
/*Flat palette*/
/*social colors*/
/* provisioning */
/* product logo */
/*Functions*/
/* Mixins */
/* Font Mixins */
/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.saml-form .field {
  padding-top: 20px;
}
.saml-form .field-text {
  padding-top: 45px;
  padding-left: 100px;
}
.saml-form .save-btn {
  padding: 10px 45px 10px 45px;
  float: right;
}
.saml-form .remove-config {
  padding: 10px 15px 10px 15px;
}
.saml-form .right {
  float: right;
}
.saml-form .section-spacing {
  margin-top: 8px;
}
.saml-form .invalid {
  border-color: #C0392B;
}
.saml-form .spacing {
  margin-top: 12px;
}
.saml-form .text-center {
  text-align: center;
}
.saml-form .no-sides-padding {
  padding: 0px 45px 0px 45px;
}
.saml-sso-modal {
  top: 3%;
  height: 100vh;
  max-height: 880px;
}
.config-reset-modal {
  width: 550px;
  left: calc(50% - 280px);
  top: 20%;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-save-component,
.campaign-cancel-button {
  color: #979797;
  line-height: 35px;
  float: right;
}
.campaign-save-component {
  margin-right: 20px;
}
.campaign-save-component i {
  margin-right: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.complex-checkbox .animated-checkbox {
  position: relative;
  top: 2px;
  transform: inherit;
}
.complex-checkbox .animated-checkbox-label {
  height: auto;
}
.complex-checkbox .animated-checkbox-label .complex-label .checkBox-title,
.complex-checkbox .animated-checkbox-label .complex-label .checkBox-label {
  display: block;
}
.complex-checkbox .checkBox-title i {
  margin-right: 7px;
}
.hasInvalid .complex-checkbox.invalid .animated-checkbox svg {
  border: 1px solid #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.create-folder-modal .confirmation-dialog-paper {
  width: 450px;
  height: 420px;
}
.create-folder-modal .create-folder-modal-container {
  width: 100%;
  margin-top: 10px;
}
.create-folder-modal .create-folder-modal-container .error-container,
.create-folder-modal .create-folder-modal-container .warning-container {
  color: #C0392B;
  display: flex;
  visibility: hidden;
}
.create-folder-modal .create-folder-modal-container .error-container.visible,
.create-folder-modal .create-folder-modal-container .warning-container.visible {
  visibility: visible;
}
.create-folder-modal .create-folder-modal-container .error-container .error-icon,
.create-folder-modal .create-folder-modal-container .warning-container .error-icon {
  font-size: 16px;
  margin-right: 5px;
}
.create-folder-modal .create-folder-modal-container .error-container .error-msg,
.create-folder-modal .create-folder-modal-container .warning-container .error-msg {
  font-size: 13px;
}
.create-folder-modal .create-folder-modal-container .warning-container {
  color: #F4C430;
}
.efm__dropdown {
  margin-top: 5px;
}
.efm__dropdown__items {
  height: calc(100% - 49px);
  overflow-x: hidden;
  overflow-y: scroll;
}
.efm__dropdown__container {
  width: 100%;
  position: relative;
}
.efm__dropdown__container__input {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ddd;
  padding: 3px 8px;
  background: #fff;
  border-radius: 4px;
  line-height: 30px;
  cursor: pointer;
}
.efm__dropdown__container__input:hover,
.efm__dropdown__container__input.active {
  border-color: #3FAD90;
}
.efm__dropdown__container__input_bulkActions {
  line-height: 17px;
}
.efm__dropdown__container__inputLabel {
  position: absolute;
  top: -7px;
  left: 10px;
  background-color: #fff;
  padding: 2px 4px;
  font-size: 10px;
  line-height: 10px;
  color: #8e8e8e;
}
.efm__dropdown__container__inputLabel.active {
  color: #3FAD90;
}
.efm__dropdown__container__input .placeholder {
  width: 260px;
  color: #757575;
}
.efm__dropdown__container__input .selected-folder {
  color: #333;
  padding: 0;
  width: 336px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.efm__dropdown__container__input .selected-folder_bulkActions {
  width: 260px;
}
.efm__dropdown__container__dropdown {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
  width: 374px;
  padding: 6px 8px;
  top: 38px;
  overflow: hidden;
  overflow-y: scroll;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  z-index: 10;
}
.efm__dropdown__container__dropdown_bulkActions {
  justify-content: flex-start;
  width: 298px;
  min-height: 200px;
  max-height: 400px;
}
.delete-sb-folder-modal .dialog-content,
.delete-folder-resources-modal .dialog-content {
  width: 450px;
  font-size: 14px;
  margin: 15px 0;
}
.delete-sb-folder-modal button.submit,
.delete-folder-resources-modal button.submit {
  background-color: red;
}
.delete-sb-folder-modal button.submit.Mui-disabled,
.delete-folder-resources-modal button.submit.Mui-disabled {
  opacity: 0.75;
  color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.select-folder-item {
  line-height: 34px;
  display: flex;
}
.select-folder-item__content {
  display: block;
  width: 100%;
  padding: 0;
  margin: -5px 0 0;
}
.select-folder-itemSubfolders {
  overflow: hidden;
  height: 0;
  will-change: height;
  transition: height 200ms ease-in-out;
}
.select-folder-itemSubfolders.visible {
  min-height: 0;
  height: auto;
  overflow: visible;
}
.select-folder-item__folder {
  display: flex;
  padding: 5px;
  margin: 2px 0;
  cursor: pointer;
}
.select-folder-item__folder:hover:not(.disabled),
.select-folder-item__folder.selected {
  background: #F0F0F0;
}
.select-folder-item__folder.disabled {
  cursor: default;
}
.select-folder-item__folder.disabled .select-folder-item__folderName {
  color: #757575;
}
.select-folder-item__folderName {
  line-height: 18px;
  width: 440px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-folder-item .chevron-container {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.select-folder-item .chevron-container svg {
  fill: #757575;
}
.select-folder-item .empty-container {
  margin-right: 20px;
}
.select-folder-item .fa-folder {
  font-size: 16px;
  margin-right: 5px;
  color: #ccc;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.quick-add-folder__container {
  position: relative;
  padding: 8px;
  margin: 0 -8px -7px -8px;
  border-top: 1px solid #ddd;
}
.quick-add-folder__container > div {
  display: flex;
}
.quick-add-folder__container input {
  width: 100%;
  margin-right: 9px;
  padding: 10px;
  border-color: #cfcfcf;
}
.quick-add-folder__container input.hasErrors {
  color: #C0392B;
  border-color: #C0392B;
}
.quick-add-folder__container button {
  border-radius: 4px;
  background: #f1f1f1;
  color: #959595;
  padding: 7px 15px;
  margin: 0;
  border-color: transparent;
  box-shadow: none;
}
.quick-add-folder__container .quick-add-folder-validationError {
  position: absolute;
  bottom: 0;
  color: #C0392B;
  font-size: 75%;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.no-action-permissions {
  color: #f1574e;
  display: inline-flex;
  margin-right: 3px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.item-actions-on-hover:not(:focus):not(:hover) .only-on-hover {
  visibility: hidden;
}
.move-item {
  display: flex;
  align-items: center;
}
.move-item .action-item {
  width: 21px;
  line-height: 33px;
  padding-right: 10px;
  cursor: pointer;
}
.move-item .action-item.disabled {
  cursor: default;
}
.move-item .action-item.disabled .fa {
  color: #757575;
}
.move-item .action-item .fa {
  height: 14px;
  width: 11px;
  color: #757575;
  font-size: 14px;
  line-height: 14px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.attribute-dropdown.react-select-dropdown-container .react-select-dropdown__group {
  padding: 0;
}
.attribute-dropdown.react-select-dropdown-container .react-select-dropdown__group .react-select-dropdown__group-heading {
  text-transform: uppercase;
  background-color: #F5F5F5;
  padding: 5px;
  margin: 0;
}

.keyboard-date-picker {
  position: relative;
  margin-top: 25px;
  z-index: 1301;
}
.keyboard-date-picker p.Mui-error {
  position: absolute;
  top: 40px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.keyboard-date-picker .keyboard-icon-button.hide {
  display: none;
}
.date-pickers .date-range-error {
  position: absolute;
  top: 40px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 12px;
  color: #c0392b;
  text-align: center;
  margin-top: 3px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.popout-dropdown-container .popout-dropdown-toggle {
  background-color: transparent;
  border: none;
  min-height: 40px;
  min-width: 100%;
  max-width: 100%;
  text-transform: initial;
  justify-content: flex-start;
  padding: 0 4px 0 8px;
}
.popout-dropdown-container .popout-dropdown-toggle .MuiInputBase-input {
  display: flex;
  max-width: 100%;
  padding: 0;
  height: auto;
}
.popout-dropdown-container .popout-dropdown-toggle .MuiInputBase-input .react-select-dropdown__value-container {
  display: flex;
  max-width: calc(100% - 20px);
}
.popout-dropdown-container .popout-dropdown-toggle .MuiInputBase-input .react-select-dropdown__value-container .option-container {
  max-width: 100%;
  padding: 5px 4px;
}
.popout-dropdown-container .popout-dropdown-toggle .MuiInputBase-input .react-select-dropdown__value-container .option-container .option-wrapper {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
}
.popout-dropdown-container .popout-dropdown-toggle .MuiInputBase-input .react-select-dropdown__value-container .option-container .option-wrapper .account-gravatar-container {
  position: relative;
  top: 0;
  transform: unset;
}
.popout-dropdown-container .popout-dropdown-toggle .MuiInputBase-input .react-select-dropdown__value-container .option-container .option-wrapper .option-name-wrapper {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  overflow-x: auto;
}
.popout-dropdown-container .popout-dropdown-toggle .MuiInputBase-input .react-select-dropdown__value-container .option-container .option-wrapper .option-name-wrapper .option-text {
  width: auto;
  max-width: 100%;
  height: unset;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popout-dropdown-container .popout-dropdown-toggle .MuiInputBase-input .react-select-dropdown__value-container .option-container .option-wrapper .option-name-wrapper .option-text.description {
  font-size: 12px;
  line-height: 15px;
  color: #757575;
}
.popout-dropdown-container .popout-dropdown-toggle .react-select-dropdown__control {
  min-height: 29px;
  min-width: 160px;
}
.popout-dropdown-container .popout-dropdown-toggle .react-select-dropdown__control .react-select-dropdown__placeholder {
  font-size: 14px;
  margin-left: 2px;
  margin-right: 2px;
  line-height: 29px;
  text-align: left;
}
.popout-dropdown-container .popout-dropdown-toggle:focus,
.popout-dropdown-container .popout-dropdown-toggle:hover {
  outline: none;
  background-color: transparent;
}
.popout-dropdown-label-holder .MuiTextField-root .MuiInputBase-root {
  padding: 0;
  min-width: 115px;
}
.popout-dropdown-label-holder.full-width > div {
  display: flex;
  min-width: 100%;
}
.popout-dropdown-label-holder.full-width > div > div {
  padding: 0;
}
.popout-dropdown-label-holder.full-width .react-select-dropdown__value-container {
  min-width: calc(100% - 20px);
}
.popout-dropdown-label-holder.full-width .react-select-dropdown__indicators {
  margin-left: auto;
}
.popout-dropdown-popover {
  overflow: unset;
  border-radius: 0;
}
.popout-dropdown-popover .react-select-dropdown__control {
  min-width: 100%;
  padding: 0 14px;
  border: 1px solid #dddddd;
}
.popout-dropdown-popover .react-select-dropdown__control fieldset {
  border-radius: 4px 4px 0 0;
  border: none;
}
.popout-dropdown-popover .react-select-dropdown__control .Mui-focused fieldset {
  border-radius: 4px 4px 0 0;
  border: none;
}
.popout-dropdown-popover .react-select-dropdown__menu {
  border-color: #dddddd;
  border-radius: 0 0 4px 4px;
  position: relative;
  box-shadow: none;
}
.popout-dropdown-popover .react-select-dropdown__menu .react-select-dropdown__menu-list {
  padding: 0;
  border: none;
  overflow-x: hidden;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-select-dropdown-container.csm-dropdown .group-label-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.react-select-dropdown-container.csm-dropdown .group-label-holder .group-label {
  display: inline-flex;
  line-height: 13px;
  vertical-align: middle;
}
.react-select-dropdown-container.csm-dropdown .group-label-holder .beta-label {
  margin-left: 15px;
  margin-right: auto;
}
.react-select-dropdown-container.csm-dropdown .popout-dropdown-container .popout-dropdown-toggle {
  padding-left: 4px;
  padding-right: 4px;
}
.react-select-dropdown-container.csm-dropdown .popout-dropdown-container .popout-dropdown-toggle:hover,
.react-select-dropdown-container.csm-dropdown .popout-dropdown-container .popout-dropdown-toggle:focus {
  border-radius: 5px;
  background-color: rgba(216, 216, 216, 0.3);
}
.react-select-dropdown-container.csm-dropdown > .react-select-dropdown__control {
  background: #fff;
  height: 40px;
  border-radius: 1px;
  overflow: visible;
  box-shadow: none;
  min-width: 100%;
  max-width: 100%;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__menu-list {
  background: #fff;
  border: 1px solid #dddddd;
  padding: 0;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__menu-list .react-select-dropdown__group {
  padding: 0;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__menu-list .react-select-dropdown__group .react-select-dropdown__group-heading {
  background-color: #F5F5F5;
  padding: 5px 7px 3px;
  margin: 0;
  text-transform: uppercase;
  font-size: inherit;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__value-container {
  padding: 0;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__value-container .option-container {
  display: flex;
  position: relative;
  padding: 5px 7px;
  line-height: 26px;
  order: 2;
  left: -6px;
  max-width: calc(100% - 10px);
  cursor: pointer;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__value-container .option-container .option-wrapper .account-gravatar-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0px;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__value-container .option-container .option-wrapper .account-gravatar-container .gravatar-wrapper {
  height: 26px;
  width: 26px;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__value-container .option-container .option-wrapper .account-gravatar-container .gravatar-wrapper .image-wrapper {
  height: 26px;
  width: 26px;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__value-container .option-container .option-wrapper .account-gravatar-container .gravatar-wrapper .image-wrapper > img {
  height: 26px;
  width: 26px;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__value-container .option-container .option-wrapper .account-gravatar-container .gravatar-wrapper .name-initials {
  line-height: 26px;
  width: 26px;
  font-size: 10px;
}
.react-select-dropdown-container.csm-dropdown .react-select-dropdown__value-container .option-container .option-wrapper .pool-icon {
  margin-right: 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.single-attribute-followup {
  display: flex;
  align-items: center;
  height: 50px;
}
.single-attribute-followup .attribute-name {
  width: 220px;
}
.single-attribute-followup .attribute-name_selected {
  overflow-x: hidden;
}
.single-attribute-followup .attribute-name_selected > span {
  display: inline-block;
  vertical-align: top;
}
.single-attribute-followup .attribute-name_selected__text {
  display: inline-block;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-attribute-followup .attribute-value {
  width: 200px;
}
.single-attribute-followup .attribute-value > div {
  width: 100%;
}
.single-attribute-followup .is-mandatory {
  color: red;
  font-size: 17px;
  height: 17px;
  margin-right: 10px;
}
.single-attribute-followup .MuiMenuItem-root {
  font-size: 12px;
}
.single-attribute-followup .attribute-name,
.single-attribute-followup .attribute-value {
  margin-right: 10px;
}
.single-attribute-followup .attribute-name.placeholder .react-select-dropdown__value-container,
.single-attribute-followup .attribute-value.placeholder .react-select-dropdown__value-container {
  opacity: 0.5;
}
.single-attribute-followup .attribute-name .lifecycle-dropdown-container,
.single-attribute-followup .attribute-value .lifecycle-dropdown-container {
  max-width: 100%;
  overflow-x: hidden;
}
.single-attribute-followup .attribute-name .lifecycle-dropdown-container .react-round-label,
.single-attribute-followup .attribute-value .lifecycle-dropdown-container .react-round-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-attribute-followup .attribute-name .react-select-dropdown__menu li.advanced-select-option,
.single-attribute-followup .attribute-value .react-select-dropdown__menu li.advanced-select-option {
  word-break: break-all;
  white-space: normal;
  height: auto;
  line-height: 1.5;
}
.single-attribute-followup .attribute-name,
.single-attribute-followup .react-select-dropdown-container.attribute-drpodown .control-wrapper {
  min-width: 140px;
}
.single-attribute-followup .attribute-value .MuiFormControl-root {
  width: 100%;
}
.single-attribute-followup .attribute-value .MuiInputBase-input {
  font-size: 13px;
}
.single-attribute-followup .attribute-value.invalid .date-picker fieldset {
  border-color: #C0392B;
}
.single-attribute-followup .attribute-tooltip .fa-info-circle {
  color: #757575;
  margin-bottom: 1px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.information-settings > div:not(:last-child) {
  margin-bottom: 35px;
}
.information-settings .default-toggle {
  padding: 5px 0;
}
.information-settings .default-toggle-label {
  margin-right: 5px;
}
.information-settings .default-toggle-switch {
  top: -1px;
}
.information-settings .information-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.information-settings .information-item .item-icon {
  height: 1em;
  margin-right: 10px;
  color: #757575;
}
.information-settings .information-item .single-activity {
  display: flex;
  align-items: center;
  height: 50px;
}
.information-settings .information-item .attribute-value {
  width: 220px;
}
.information-settings .information-item .react-select-dropdown-container {
  margin-right: 10px;
}
.information-settings .information-item .react-select-dropdown-container .control-wrapper {
  min-width: 140px;
}
.information-settings .information-item .single-attribute-followup .attribute-name {
  width: 180px;
}
.information-settings .information-item .single-attribute-followup .attribute-dropdown.react-select-dropdown-container,
.information-settings .information-item .single-activity .module-dropdown.react-select-dropdown-container {
  width: 180px;
}
.information-settings .information-item .single-attribute-followup .attribute-value.react-select-dropdown-container,
.information-settings .information-item .single-activity .actions-dropdown.react-select-dropdown-container {
  width: 220px;
}
.information-settings .add-info-item {
  display: flex;
  align-items: center;
}
.information-settings .add-info-item .title {
  margin-right: 10px;
}
.information-settings .add-info-item .info-item-type {
  margin-right: 30px;
  font-size: 13px;
  height: 13px;
  line-height: 13px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.information-settings .add-info-item .info-item-type:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.information-settings .add-info-item .info-item-type svg {
  margin-right: 2px;
  font-size: 13px;
  width: 13px;
  height: 13px;
}
.information-settings .add-info-item.disabled .info-item-type {
  color: #757575;
  cursor: default;
}
.information-settings .add-info-item.disabled .info-item-type:hover {
  text-decoration: none;
}

.folders-tree-location {
  padding: 0 15px;
}
.folders-tree-location-sb-name {
  padding: 0 5px;
}
.folders-tree-location i {
  font-size: 10px;
  padding: 0 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.nps-profile-text {
  text-transform: uppercase;
}
.nps-profile-text.promoter {
  color: #3FAD90;
}
.nps-profile-text.passive {
  color: #f7c900;
}
.nps-profile-text.detractor {
  color: #EF3D4E;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.hover-element {
  cursor: pointer;
  display: inline;
}
.hover-element a {
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Medium, sans-serif;
  display: inline-block;
  color: #282828;
  text-decoration: none;
}
.hover-element a:hover {
  color: #5dacd2;
  text-decoration: underline;
}
.hover-card-container {
  min-width: 340px;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 5px;
}
.hover-card-container.hover-card-loading {
  padding: 15px;
}
.hover-card-container.hover-card-loading .hover-card-title-wrap {
  display: flex;
  width: 100%;
  align-items: center;
}
.hover-card-container.hover-card-loading .hover-card-title-wrap .title-loaders-container {
  width: calc(100% - 80px);
  margin-left: 20px;
}
.hover-card-container.hover-card-loading .body-loaders-container {
  margin: 28px 0px auto 10px;
}
.hover-card-container .user-data-section {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.hover-card-container .user-data-section .details-line {
  line-height: 1.4rem;
}
.hover-card-container .user-data-section .details-line .nps-details > * {
  margin-right: 8px;
}
.hover-card-container .user-data-section .details-line .nps-details .nps-score {
  color: #fff;
  padding: 0 4px;
  border-radius: 4px;
}
.hover-card-container .user-data-section .details-line .nps-details .nps-score.promoter {
  background-color: #3FAD90;
}
.hover-card-container .user-data-section .details-line .nps-details .nps-score.passive {
  background-color: #f7c900;
}
.hover-card-container .user-data-section .details-line .nps-details .nps-score.detractor {
  background-color: #EF3D4E;
}
.hover-card-container .user-data-section .user-base-data {
  display: flex;
  flex-direction: row;
  min-height: 92px;
}
.hover-card-container .user-data-section .user-base-data .user-name-data {
  display: flex;
  flex-direction: column;
}
.hover-card-container .user-data-section .user-base-data .user-name-data .card-title {
  display: flex;
  align-items: center;
}
.hover-card-container .user-data-section .user-base-data .user-name-data .card-title > * {
  padding-right: 10px;
}
.hover-card-container .user-data-section .user-base-data .account-gravatar-container {
  --size: 60px !important;
  padding: 0 12px;
}
.hover-card-container .user-data-section .user-base-data .account-gravatar-container .gravatar-wrapper .name-initials {
  font-size: 24px;
}
.hover-card-container .user-data-section .user-base-data .account-gravatar-container .image-wrapper img {
  position: static !important;
}
.hover-card-container .user-data-section .card-account-details {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.hover-card-container .user-data-section .card-account-details > * {
  padding-right: 8px;
}
.hover-card-container .user-data-section .card-account-details .card-account-type {
  padding: 2px 4px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
}
.hover-card-container .actions-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-top: 1px solid #E7E7E7;
}
.hover-card-container .actions-section .fa {
  margin-right: 8px;
}
.hover-card-container .actions-section .fa.user-associate {
  color: #5dacd2;
  cursor: pointer;
  font-size: 14px;
  padding: 8px;
  margin: 0;
}
.hover-card-container .actions-section .fa.user-associate:hover {
  background-color: #f5f5f5;
  border-radius: 15px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-associated-users {
  display: flex;
  align-items: center;
}
.task-associated-users .icon {
  margin: auto 4px;
  height: 5px;
}
.task-associated-users .account-gravatar-container {
  --size: 25px;
}
.task-associated-users .account-gravatar-container .name-initials {
  font-size: 10px;
}
.task-associated-users .text {
  font-size: 10px;
  color: #757575;
  text-transform: uppercase;
}
.task-associated-users.with-text {
  line-height: 20px;
}
.task-associated-users.with-text .user {
  margin-left: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.formatted-task.has-task {
  cursor: pointer;
}
.formatted-task.has-task:hover {
  background-color: #F2F2F2;
}
.formatted-task .show-see-more-label {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: block;
  margin-top: 8px;
  color: #757575;
}
.formatted-task .show-see-more-label:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.formatted-task .show-see-more-label:hover {
  color: #757575;
}
.formatted-task__title {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 16px;
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: flex;
  align-items: center;
}
.formatted-task__description {
  position: relative;
  max-height: 72px;
  overflow: hidden;
  font-size: 13px;
  line-height: 16px !important;
  color: #282828;
  display: flex;
}
.formatted-task__description.expanded {
  max-height: none;
}
.formatted-task__description.with-user {
  align-items: center;
}
.formatted-task__description ol,
.formatted-task__description ul,
.formatted-task__description p,
.formatted-task__description li,
.formatted-task__description span,
.formatted-task__description strong,
.formatted-task__description em {
  font-size: 13px !important;
  line-height: 18px !important;
}
.formatted-task__description p {
  padding: 0 !important;
}
.formatted-task__description ol,
.formatted-task__description ul {
  margin-bottom: 14px !important;
}
.formatted-task__description ul li {
  list-style-type: disc !important;
}
.formatted-task__description ol li {
  list-style-type: decimal !important;
}
.formatted-task__description .blurry-section {
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  height: 45px;
  width: 100%;
}
.formatted-task .task-associated-users .account-gravatar-container:not(:first-of-type) {
  margin-left: -12px;
}
.formatted-task__meta {
  display: flex;
  flex-wrap: nowrap;
}
.formatted-task__meta.has-see-more {
  margin-top: 8px;
}
.formatted-task__expander {
  font-weight: normal;
  color: #58A8CD;
  margin-right: 15px;
  cursor: pointer;
  white-space: nowrap;
  padding: 4px;
  border-radius: 4px;
}
.formatted-task__expander:hover {
  background-color: #E2F3EF;
}
.formatted-task__origin {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.formatted-task__origin-task {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.formatted-task__origin-task:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.enhanced-touchpoint-content .formatted-task__description p {
  margin-bottom: 0px !important;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.horizontal-nav-bar {
  display: flex;
}
.horizontal-nav-bar li.app-horizontal-nav-tab {
  border: none;
  min-width: 120px;
  list-style-type: none;
  margin-right: 20px;
}
.horizontal-nav-bar li.app-horizontal-nav-tab:after {
  content: '';
  display: block;
  margin: auto;
  height: 4px;
  width: 0;
  background: transparent;
  border-radius: 4px;
  transition: width 0.35s ease, background-color 0.35s ease;
}
.horizontal-nav-bar li.app-horizontal-nav-tab .nav-tab-label {
  display: flex;
  justify-content: center;
  padding: 7px 10px 3px 10px;
  color: #757575;
  line-height: 19px;
  font-size: 15px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
}
.horizontal-nav-bar li.app-horizontal-nav-tab .nav-tab-label:hover {
  color: #727276;
}
.horizontal-nav-bar li.app-horizontal-nav-tab .nav-tab-label .beta-label {
  height: 18px;
  margin: 0 0 0 8px;
}
.horizontal-nav-bar li.app-horizontal-nav-tab.active-tab .nav-tab-label {
  color: #282828;
  box-shadow: none;
}
.horizontal-nav-bar li.app-horizontal-nav-tab.active-tab:after {
  width: 100%;
  background: #3FAD90;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.page-container .page-container-header {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  position: fixed;
  padding-right: 180px;
  width: 100%;
  z-index: 1000;
}
.page-container .page-container-header .page-header-relative-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-container .page-container-header .page-container-nav-bar-wrapper {
  position: absolute;
  bottom: 0;
}
.page-container .page-container-header .header-content {
  font-size: 20px;
  padding: 15px 0px 15px 15px;
  height: 100%;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.page-container .page-container-header .header-content .back-icon-button-react {
  margin-right: 5px;
}
.page-container .page-container-header .horizontal-nav-bar {
  padding-left: 15px;
}
.page-container .page-container-header .add-fab-button-wrapper {
  position: absolute;
  right: 0;
  margin-right: 15px;
}
.page-container .page-container-header .page-header-material-fab {
  position: absolute;
  right: 0;
  margin-right: 15px;
}
.page-container .tab-content {
  position: relative;
  display: none;
  padding: 15px;
  background: transparent;
  box-shadow: none;
  border: none;
}
.page-container .tab-content.active-tab {
  display: block;
}
.page-container .tab-content .tab-panel {
  background-color: #fff;
  padding: 20px 30px;
  border: 1px solid #e6e7e8;
}
.page-container .tab-content .tab-panel .panel-title {
  font-size: 17px;
  margin-bottom: 13px;
}
.page-container .tab-content .tab-panel .tab-section {
  padding: 20px;
}
@media (max-width: 767px) {
  .page-container .page-container-header {
    position: relative;
    padding-right: 0px;
  }
  .page-container .tab-content {
    top: inherit;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .page-container .page-container-header {
    padding-right: 55px;
  }
}
.page-container .section-container {
  margin: 20px;
  padding: 30px 20px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
}
.page-container .section-container .section-subtitle {
  width: 280px;
  font-size: 16px;
}
.page-container .section-container .section-content {
  width: calc(100% - 100px);
  margin-right: 100px;
  font-size: 14px;
}
.page-container .general-error {
  text-align: center;
  margin-top: 50px;
}
.page-container .general-error h1 {
  font-size: 20px;
}
.sb-collapsed .page-container .page-container-header {
  padding-right: 55px;
}
.app-header-container {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  width: 100%;
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px solid #dddddd;
  display: flex;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.speed-dial-container .fab-main-icon-wrapper {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.speed-dial-container .speed-dial-root {
  background-color: #3FAD90;
}
.speed-dial-container .speed-dial-root:hover {
  background-color: rgba(63, 173, 144, 0.9);
}
.speed-dial-container .MuiSpeedDialIcon-iconOpen {
  transform: rotate(0deg);
}
.speed-dial-container.disabled .speed-dial-root {
  background-color: #68b19e;
  cursor: not-allowed;
  box-shadow: none;
}
.speed-dial-container .MuiSvgIcon-root {
  font-size: 23px;
}
.speed-dial-container .fa {
  font-size: 18px;
}
.speed-dial-container .fa.icon-form-task {
  margin: -1px 0 0 2px;
}
.speed-dial-container .MuiSpeedDialAction-fab {
  color: #fff;
  background-color: #3FAD90;
}
.speed-dial-container .MuiSpeedDialAction-fab:hover {
  background-color: #3FAD90;
  opacity: 0.8;
}
.MuiTooltip-popper .MuiTooltip-tooltip.speed-dial-action-tooltip {
  font-size: 10px;
  margin: 0px;
  position: relative;
  right: 7px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.loading-event-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  padding: 14px;
  background: #fff;
}
.loading-event-card .loading-event-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  height: 25%;
}
.loading-event-card .loading-event-card-header .MuiSkeleton-circle {
  margin-right: 15px;
}
.loading-event-card .loading-event-card-header .loading-event-card-header-title {
  max-width: 250px;
}
.loading-event-card .loading-event-card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 40px;
  justify-content: space-around;
}
.loading-event-card .loading-event-card-body :nth-child(1),
.loading-event-card .loading-event-card-body :nth-child(2),
.loading-event-card .loading-event-card-body :nth-child(3) {
  max-width: 800px;
}
@media (max-height: 969px) {
  .loading-event-card .loading-event-card-body :nth-child(2) {
    max-width: 500px;
  }
  .loading-event-card .loading-event-card-body :nth-child(3),
  .loading-event-card .loading-event-card-body :nth-child(4) {
    display: none;
  }
}
.loading-event-card .loading-event-card-body :nth-child(4) {
  max-width: 500px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-animation-date-separator .date-label {
  margin-right: 8px;
  border-radius: 12px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-animation-loader {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.timeline-animation-loader .timeline-animation-date-separator {
  display: flex;
  align-items: center;
  padding: 20px 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.success-flow-icon-label {
  display: inline-block;
  color: #6a6f71;
}
.success-flow-icon-label .custom-label-icon {
  width: auto;
  align-items: center;
  display: flex;
  border-radius: 12px;
  border: 1px solid #DEDEDE;
  padding: 3px 10px 2px;
  color: #757575;
  background-color: #fff;
}
.success-flow-icon-label .custom-label-icon .success-flow-name {
  margin-left: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.created-date {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.shared-icon-styles {
  min-width: 24px;
  height: 24px;
  margin-right: 13px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
}
.timeline-support {
  display: flex;
}
.timeline-support .timeline-support-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.timeline-support .timeline-support-content > * {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.timeline-support .timeline-support-content .account-gravatar-container {
  --size: 25px;
  margin-right: 5px;
}
.timeline-support .timeline-support-content .timeline-support-title {
  flex-wrap: nowrap;
}
.timeline-support .timeline-support-content .timeline-support-title .timeline-support-title-info {
  display: flex;
  flex-wrap: wrap;
}
.timeline-support .timeline-support-content .timeline-support-title .timeline-support-title-info .support-description {
  margin-right: 12px;
}
.timeline-support .timeline-support-content .timeline-support-title .timeline-support-title-info .support-description .ticket-link {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.timeline-support .timeline-support-content .timeline-support-title .timeline-support-title-info .support-description .ticket-link:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.timeline-support .timeline-support-content .timeline-support-title .timeline-support-title-info .support-description .support-created .bold-label {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.timeline-support .timeline-support-content .support-subject {
  flex-wrap: nowrap;
  margin: 8px 0 8px 6px;
}
.timeline-support .timeline-support-content .support-subject .zendesk-icon {
  min-width: 24px;
  height: 24px;
  margin-right: 13px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
  margin-right: 16px;
  border: none;
  min-width: 12px;
  height: 12px;
  font-size: 12px;
}
.timeline-support .timeline-support-content .timeline-support-details {
  margin-left: 36px;
}
.timeline-support .timeline-support-content .timeline-support-details .detail-separator {
  width: 5px;
  height: 5px;
  background-color: #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
  margin: 0 8px;
}
.timeline-support .timeline-support-content .timeline-support-details .ticket-sender {
  margin-right: 6px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.actions-dropdown-list .fa-ellipsis-v {
  font-size: 17px;
  padding: 5px 0px 3px;
  border-radius: 50%;
  cursor: pointer;
}
@media (min-width: 1380px) and (max-width: 1480px) {
  .actions-dropdown-list .fa-ellipsis-v {
    padding: 5px 3px 3px;
  }
}
@media (min-width: 1480px) {
  .actions-dropdown-list .fa-ellipsis-v {
    padding: 5px 5px 3px;
  }
}
.actions-dropdown-list-popover {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.actions-dropdown-list-popover .action-dropdown-item {
  padding: 5px 25px 5px 12px;
}
.actions-dropdown-list-popover .action-dropdown-item .fa {
  margin-right: 10px;
  font-size: 14px;
  color: #282828;
}
.actions-dropdown-list-popover .action-dropdown-item-icon-image {
  width: 12px;
  margin-right: 10px;
}
.actions-dropdown-list-popover .action-dropdown-item .action-dropdown-text-root {
  padding: 0px;
}
.actions-dropdown-list-popover .action-dropdown-item .action-dropdown-text-item {
  font-size: 14px;
  color: #282828;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.actions-dropdown-list-popover .action-dropdown-item .action-dropdown-text-item.delete-job {
  color: #ef3d4e;
}
.actions-dropdown-list-popover .action-dropdown-item.section-end {
  border-bottom: 1px solid #d8d8d8;
}
.actions-dropdown-list-popover .action-dropdown-item i.delete-job {
  color: #ef3d4e;
}
.actions-dropdown-list-popover .action-dropdown-item .delete {
  color: #ef3d4e;
}
.actions-dropdown-list-popover hr {
  margin: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-assets-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.task-assets-list .asset-name-component {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 5px;
  background-color: #F8F8F8;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  cursor: pointer;
}
.task-assets-list .asset-name-component img {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}
.task-assets-list .asset-name-component .name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-assets-list .asset-name-component .add-to-account-icon {
  visibility: hidden;
  border-radius: 50%;
  border: 1px solid #3fad90;
  background-color: #fff;
  font-size: 1.2rem;
  margin-left: 4px;
}
.task-assets-list .asset-name-component:hover .add-to-account-icon {
  visibility: visible;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.touchpoint-event-content {
  display: flex;
  flex-direction: column;
  max-width: 800px;
}
.touchpoint-event-content .content-wrapper {
  position: relative;
  max-height: 200px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 20px;
  font-family: Poppins-Regular, sans-serif;
}
.touchpoint-event-content .content-wrapper.expanded {
  max-height: initial;
}
.touchpoint-event-content .content-wrapper.external-content .blurry-section {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f2f9f7 100%);
}
.touchpoint-event-content .content-wrapper p {
  margin-bottom: 0;
}
.touchpoint-event-content .content-wrapper ol,
.touchpoint-event-content .content-wrapper ul,
.touchpoint-event-content .content-wrapper p,
.touchpoint-event-content .content-wrapper li,
.touchpoint-event-content .content-wrapper span,
.touchpoint-event-content .content-wrapper strong,
.touchpoint-event-content .content-wrapper em,
.touchpoint-event-content .content-wrapper div {
  font-size: 1rem;
  line-height: 20px;
  font-family: Poppins-Regular, sans-serif;
}
.touchpoint-event-content .content-wrapper ol li,
.touchpoint-event-content .content-wrapper ul li {
  list-style: unset;
}
.touchpoint-event-content .content-wrapper ul li {
  list-style-type: disc;
}
.touchpoint-event-content .content-wrapper ol li {
  list-style-type: decimal;
}
.touchpoint-event-content .content-wrapper .blurry-section {
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FAFAFA 100%);
  height: 45px;
  width: 100%;
}
.touchpoint-event-content .show-see-more-label {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 8px;
  color: #757575;
}
.touchpoint-event-content .show-see-more-label:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.touchpoint-event-content .show-see-more-label:hover {
  color: #757575;
}
.touchpoint-event-content .followup-content {
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.touchpoint-event-content .followup-content > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.touchpoint-event-content .followup-content .followup-label {
  width: 100%;
}
.touchpoint-event-content .followup-content .followup-link {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.touchpoint-event-content .followup-content .followup-link:hover {
  text-decoration: underline;
  color: #5DACD2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-touchpoint-item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-color: #fff;
}
.timeline-touchpoint-item > * {
  width: 100%;
}
.timeline-touchpoint-item .touchpoint-body-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  box-sizing: border-box;
}
.timeline-touchpoint-item .touchpoint-body-content > * {
  width: 100%;
}
.timeline-touchpoint-item .touchpoint-body-content .account-data {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px 0 8px 10px;
  font-size: 12px;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #E7E7E7;
}
.timeline-touchpoint-item .touchpoint-body-content .action-title {
  display: flex;
  padding: 10px 20px;
}
.timeline-touchpoint-item .touchpoint-body-content .action-title .account-gravatar-container {
  --size: 25px;
}
.timeline-touchpoint-item .touchpoint-body-content .action-title .action-title-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.timeline-touchpoint-item .touchpoint-body-content .action-title .action-title-info .user-name {
  display: inline;
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #282828;
}
.timeline-touchpoint-item .touchpoint-body-content .action-title .action-title-info .user-name a {
  color: inherit;
}
.timeline-touchpoint-item .touchpoint-body-content .action-title .action-title-info .user-name a:hover {
  text-decoration: underline;
}
.timeline-touchpoint-item .touchpoint-body-content .action-title .action-title-info .action-user-type {
  line-height: 21px;
  color: #282828;
  margin: 0 10px 0 3px;
}
.timeline-touchpoint-item .touchpoint-body-content .action-title .action-title-info .created-date {
  line-height: 21px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px calc(20px + 2px);
  background-color: #FAFAFA;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title::before {
  background-color: #FAFAFA;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title.shared-externally {
  background-color: #F2F9F7;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title,
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title {
  display: flex;
  align-items: center;
  width: 100%;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title {
  margin-bottom: 2px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .touchpoint-type-custom-element .touchpoint-type-label {
  display: none;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .touchpoint-type-custom-element i {
  font-size: 15px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .touchpoint-subject {
  display: flex;
  align-items: center;
  margin-left: 8px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .actions .follow-up-section {
  margin-right: 12px;
  color: #282828;
  font-size: 16px;
  vertical-align: middle;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .actions .follow-up-section .share-icon {
  margin-right: 6px;
  vertical-align: middle;
  font-size: 16px;
  color: #757575;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .actions > i {
  color: #757575;
  font-size: 13px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .actions > i::before {
  padding: 2px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .actions .actions-dropdown-list {
  color: #757575;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-main-title .actions .actions-dropdown-list .popover-trigger-wrapper > i {
  font-size: 13px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title {
  padding-left: calc(50px - 20px);
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title .email-type {
  display: none;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title .email-type.shared-internally,
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title .email-type.shared-externally {
  display: flex;
  align-items: center;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title .email-type.shared-internally > .email-label-type {
  color: #757575;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title .email-type.shared-externally > .email-label-type {
  color: #3FAD90;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title .email-type .tp-separator {
  width: 5px;
  height: 5px;
  background-color: #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
  margin: 0 12px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-title .touchpoint-secondary-title .email-type .email-label-type {
  margin-left: auto;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-right: 6px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-body > .body,
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer {
  padding: 0 20px 28px 50px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-body {
  display: flex;
  flex-direction: column;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-body .body {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #FAFAFA;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-body .body::before {
  background-color: #FAFAFA;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-body .body.shared-externally {
  background-color: #F2F9F7;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer > * {
  font-size: 13px;
  margin: 3px 0;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer > *:first-child {
  margin-top: 6px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer > *:last-child {
  margin-bottom: 6px;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer .touchpoint-participants {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 15px;
  color: #757575;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer .touchpoint-participants .contact-name a {
  color: #5DACD2;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer .touchpoint-participants .contact-name a:hover {
  text-decoration: underline;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer .touchpoint-tags {
  color: #757575;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer .last-edit-details {
  line-height: 15px;
  font-style: italic;
  color: #757575;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer .last-edit-details > i {
  margin-left: 6px;
  font-size: 15px;
  color: #757575;
}
.timeline-touchpoint-item .touchpoint-body-content .touchpoint-footer .task-assets-list .asset-name-component {
  height: 30px;
  margin-bottom: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-touchpoint-event {
  position: relative;
  display: flex;
  justify-content: center;
}
.timeline-touchpoint-event .timeline-content-event {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.timeline-touchpoint-event .timeline-content-event .html-parser-container div {
  box-sizing: initial;
}
.timeline-touchpoint-event .timeline-content-event .tp-follow-up-btn {
  margin-left: 40px;
  width: 115px;
}
.timeline-touchpoint-event .timeline-content-event .tp-follow-up-btn .material-icons {
  font-size: 16px;
  margin-right: 7px;
}
.timeline-touchpoint-event .timeline-content-event .threads-body {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.timeline-touchpoint-event .timeline-content-event .threads-body.list-shown {
  flex-direction: column-reverse;
  align-items: flex-start;
}
.timeline-touchpoint-event .timeline-content-event .threads-body.list-shown .threads-content {
  width: 100%;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content {
  display: none;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content.show-threads {
  display: flex;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .user-followups {
  display: flex;
  align-items: center;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .user-followups .tp-separator {
  width: 5px;
  height: 5px;
  background-color: #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
  margin: 0 10px 0 0;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .user-followups .total-followups {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  font-size: 12px;
  margin-right: 6px;
  color: #757575;
  cursor: pointer;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .user-followups .total-followups:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .user-followups .total-followups:hover {
  color: #757575;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .user-followups .account-gravatar-container {
  --size: 24px;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .user-followups .more-followups {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  margin-right: 5px;
  border-radius: 30px;
  border: 2px solid #E8E8E8;
  font-size: 13px;
  background: #BBBDC0;
  color: #fff;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .threads-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .threads-list .thread-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 6px;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .threads-list .thread-item > * {
  width: 100%;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .threads-list .thread-item .timeline-touchpoint-item {
  padding-left: 40px;
}
.timeline-touchpoint-event .timeline-content-event .threads-body .threads-content .threads-list .thread-item .touchpoint-separator {
  border-top: 1px solid #f5f5f5;
  margin: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-alert {
  display: flex;
  align-items: center;
}
.timeline-alert > * {
  line-height: 21px;
}
.timeline-alert i {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #d8d8d8;
  color: #6a6f71;
  text-align: center;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-color: transparent;
  margin-right: 13px;
  padding: 0;
  font-size: 20px;
}
.timeline-alert i.red-color {
  color: #c23824;
}
.timeline-alert i.yellow-color {
  color: #f7c900;
}
.timeline-alert i.green-color {
  color: #26b27f;
}
.timeline-alert i.fa-warning {
  font-size: 13px;
  color: #c23824;
}
.timeline-alert .alert-description {
  margin: 0;
  color: #282828;
}
.timeline-alert .created-date {
  margin-left: 12px;
  line-height: 21px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-task-event-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.timeline-task-event-title .event-description {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.timeline-task-event-title .event-description > * {
  line-height: 21px;
}
.timeline-task-event-title .event-description .account-gravatar-container {
  --size: 25px;
  margin-right: 5px;
}
.timeline-task-event-title .event-description .task-event-action {
  margin-left: 4px;
  color: #282828;
}
.timeline-task-event-title .event-description .label-bold {
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.timeline-task-event-title .created-date {
  margin-left: 12px;
  line-height: 21px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-task-event-body {
  display: flex;
}
.timeline-task-event-body i {
  cursor: pointer;
  font-size: 14px;
  padding: 4px 16px 0 0;
}
.timeline-task-event-body i.fa-check-square-o {
  color: #5DACD2;
}
.timeline-task-event-body i.fa-square-o {
  color: #5DACD2;
}
.timeline-task-event-body i.icon-form-task {
  color: #EE416A;
}
.timeline-task-event-body i.disabled {
  cursor: initial;
}
.timeline-task-event-body .body-content {
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 56px);
}
.timeline-task-event-body .body-content .task-title,
.timeline-task-event-body .body-content .form-display-name {
  width: fit-content;
  cursor: pointer;
  color: #282828;
  margin-bottom: 4px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.timeline-task-event-body .body-content .task-title:hover {
  border-radius: 5px;
  background-color: rgba(216, 216, 216, 0.3);
}
.timeline-task-event-body .body-content .form-display-name {
  cursor: initial;
}
.timeline-task-event-body .body-content > .MuiGrid-item > .formatted-task {
  padding: 0;
}
.timeline-task-event-body .body-content > .MuiGrid-item > .formatted-task .formatted-task__description {
  font-size: 1rem;
}
.timeline-task-event-body .body-content > .MuiGrid-item > .formatted-task .formatted-task__description > .text > p {
  margin: 0 !important;
  line-height: 18px !important;
}

.priority-icon.High {
  color: #ff282d;
}
.priority-icon.Normal {
  color: #4d8dff;
}
.priority-icon.Low {
  color: rgba(97, 99, 102, 0.68);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-task-event-footer {
  display: flex;
  flex-direction: column;
  line-height: 18px;
}
.timeline-task-event-footer > * {
  color: #757575;
}
.timeline-task-event-footer .footer-content {
  display: flex;
  align-items: center;
}
.timeline-task-event-footer .footer-content .task-footer-detail {
  display: flex;
  align-items: center;
}
.timeline-task-event-footer .footer-content .task-footer-detail .footer-label {
  margin-right: 4px;
  color: #757575;
}
.timeline-task-event-footer .footer-content .task-footer-detail .footer-info {
  color: #282828;
}
.timeline-task-event-footer .footer-content .detail-separator {
  width: 5px;
  height: 5px;
  background-color: #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
  margin: 0 8px;
}
.timeline-task-event-footer .footer-content .priority-label {
  font-size: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 2px 5px;
  border: 1px solid #eeeeee;
  color: #DD4C54;
}
.timeline-task-event-footer .task-assets-list .asset-name-component {
  height: 30px;
  margin-top: 10px;
  margin-bottom: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-task-event {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.timeline-task-event > * {
  width: 100%;
}
.timeline-task-event.minimized .timeline-task-event-title {
  flex-wrap: wrap;
}
.timeline-task-event.minimized .timeline-task-event-title .created-date {
  width: 100%;
  margin: 0 0 0 36px;
}
.timeline-task-event.minimized .timeline-task-event-footer > .footer-content {
  align-items: flex-start;
  flex-direction: column;
}
.timeline-task-event.minimized .timeline-task-event-footer > .footer-content .detail-separator {
  display: none;
}
.timeline-task-event.minimized .timeline-task-event-footer > .footer-content > * {
  margin-bottom: 4px;
}
.timeline-task-event .timeline-task-event-title,
.timeline-task-event .timeline-task-event-body {
  margin-bottom: 16px;
}
.timeline-task-event .timeline-task-event-body {
  padding-left: 6px;
}
.timeline-task-event .timeline-task-event-footer {
  padding-left: 36px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-impact {
  display: flex;
}
.timeline-impact .timeline-impact-content {
  display: flex;
  flex-direction: column;
}
.timeline-impact .timeline-impact-content .timeline-item-title {
  display: flex;
  line-height: 15px;
}
.timeline-impact .timeline-impact-content .timeline-item-title .title-user-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-right: 3px;
}
.timeline-impact .timeline-impact-content .timeline-item-title .title-content {
  display: flex;
  align-items: center;
}
.timeline-impact .timeline-impact-content .timeline-item-title .title-content .title-link {
  margin: 0 3px;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.timeline-impact .timeline-impact-content .timeline-item-title .title-content .title-link:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.timeline-impact .timeline-impact-content .timeline-item-content {
  line-height: 23px;
  margin: 0;
  color: #333;
}
.timeline-impact .timeline-impact-content .timeline-item-date {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-status-label-wrapper .fa {
  color: #757575;
}
.campaign-status-label-wrapper .fa.enabled {
  color: #3FAD90;
}
.campaign-status-label {
  border-radius: 2px;
  padding: 0 8px;
  margin-right: 5px;
  white-space: nowrap;
}
.campaign-status-label.disabled,
.campaign-status-label.pending,
.campaign-status-label.draft {
  background-color: transparent;
  line-height: 19px;
}
.campaign-status-label.enabled {
  background-color: #3FAD90;
}
.campaign-status-label.disabled {
  border: 1px solid #757575;
  color: #757575;
}
.campaign-status-label.sent-once,
.campaign-status-label.ended {
  background-color: #757575;
}
.campaign-status-label.pending {
  border: 1px solid #3FAD90;
  color: #3FAD90;
}
.campaign-status-label.processing {
  background-color: #5DACD2;
}
.campaign-status-label.draft {
  border: 1px solid #C0392B;
  color: #C0392B;
}
.campaign-status-label.enabled,
.campaign-status-label.sent-once,
.campaign-status-label.ended,
.campaign-status-label.processing {
  color: #fff;
}
.campaign-status-label.archived {
  background-color: #E7E7E7;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-status .campaign-status-label-wrapper {
  margin-bottom: 6px;
}
.campaign-status .campaign-row-status-icon-wrapper {
  color: #757575;
}
.campaign-status .campaign-row-status-icon-wrapper.enabled {
  color: #282828;
}
.campaign-status .campaign-row-status-icon-wrapper.enabled .campaign-row-status-icon {
  color: #3FAD90;
}
.campaign-status .campaign-row-status-icon-wrapper .campaign-row-status-icon {
  font-size: 13px;
  margin-left: 7px;
}
.campaign-status .campaign-row-status-icon-wrapper .campaign-row-status-icon.material-icons {
  margin-left: 6px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-preview-template {
  border-radius: 4px;
  border: 1px solid #E7E7E7;
  height: var(--preview-size, 109px);
  overflow: hidden;
}
.campaign-preview-template .campaign-preview-empty-template {
  background-color: #d8d8d8;
}
.campaign-preview-template .iframe-cover {
  position: absolute;
}
.campaign-preview-template iframe,
.campaign-preview-template .campaign-preview-image-template,
.campaign-preview-template .campaign-preview-empty-template,
.campaign-preview-template .campaign-preview-loading {
  width: var(--preview-size, 109px);
}
.campaign-preview-template iframe,
.campaign-preview-template .campaign-preview-loading {
  height: var(--preview-size, 109px);
}
.campaign-preview-template iframe {
  border: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-item .deliver-date-wrapper {
  display: flex;
  align-items: center;
}
.campaign-item .deliver-date-wrapper .deliver-date {
  margin-left: 8px;
}
.campaign-item .campaign-content {
  display: flex;
}
.campaign-item .campaign-details {
  margin-left: 16px;
}
.campaign-item .campaign-preview {
  --preview-size: 128px;
}
.campaign-item .campaign-sf {
  margin-top: 16px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.shared-icon-styles {
  min-width: 24px;
  height: 24px;
  margin-right: 13px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
}
.timeline-campaign-touch {
  display: flex;
  cursor: pointer;
}
.timeline-campaign-touch .campaign-touch-icon {
  min-width: 24px;
  height: 24px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
  margin-right: 13px;
}
.timeline-campaign-touch .campaign-touch-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.timeline-campaign-touch .campaign-touch-content > * {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.timeline-campaign-touch .campaign-touch-content .campaign-touch-title {
  margin-bottom: 8px;
}
.timeline-campaign-touch .campaign-touch-content .campaign-touch-title .campaign-description {
  display: inline;
  margin-right: 12px;
}
.timeline-campaign-touch .campaign-touch-content .campaign-touch-title .campaign-description a {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
  color: #282828;
}
.timeline-campaign-touch .campaign-touch-content .campaign-touch-title .campaign-description a:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.timeline-campaign-touch .campaign-touch-content .campaign-touch-title .campaign-description a:hover {
  color: #282828;
}
.timeline-campaign-touch .campaign-touch-content .campaign-touch-details .detail-separator {
  width: 5px;
  height: 5px;
  background-color: #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
  margin: 0 8px;
}
.timeline-campaign-touch .campaign-touch-content .campaign-touch-details .campaign-sender {
  margin-right: 6px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.shared-icon-styles {
  min-width: 24px;
  height: 24px;
  margin-right: 13px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
}
.timeline-campaign-touch {
  display: flex;
}
.timeline-campaign-touch.minimized .timeline-campaign-touch__content {
  width: 90%;
}
.timeline-campaign-touch.minimized .timeline-campaign-touch__description,
.timeline-campaign-touch.minimized .campaign-item {
  width: 100%;
}
.timeline-campaign-touch__icon {
  min-width: 24px;
  height: 24px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
  margin-right: 13px;
}
.timeline-campaign-touch__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.timeline-campaign-touch__content .event-details {
  margin-bottom: 8px;
  display: flex;
}
.timeline-campaign-touch__content .event-details .campaign-recipients {
  margin-right: 16px;
}
.timeline-campaign-touch__description {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px;
  border: 1px solid #3fad90;
  border-radius: 8px;
  width: 750px;
}
.timeline-campaign-touch__description .description-section {
  width: 85px;
}
.timeline-campaign-touch__description .campaign-item {
  width: 430px;
}
.timeline-campaign-touch__description .section-title {
  color: #757575;
  margin-bottom: 8px;
}
.timeline-campaign-touch__description .section-body {
  display: flex;
  align-items: center;
}
.timeline-campaign-touch__description:not(:hover) {
  border-color: #d8d8d8;
}
.timeline-campaign-touch__description:not(:hover) .view-campaign-button button {
  visibility: hidden;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.shared-icon-styles {
  min-width: 24px;
  height: 24px;
  margin-right: 13px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
}
.timeline-campaign-goal-achieved {
  display: flex;
}
.timeline-campaign-goal-achieved .campaign-goal-icon {
  min-width: 24px;
  height: 24px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
  margin-right: 13px;
}
.timeline-campaign-goal-achieved .campaign-goal-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.timeline-campaign-goal-achieved .campaign-goal-content .campaign-goal-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
}
.timeline-campaign-goal-achieved .campaign-goal-content .campaign-description {
  display: inline;
  margin-right: 20px;
}
.timeline-campaign-goal-achieved .campaign-goal-content .campaign-description a {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
  color: #282828;
}
.timeline-campaign-goal-achieved .campaign-goal-content .campaign-description a:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.timeline-campaign-goal-achieved .campaign-goal-content .campaign-description a:hover {
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-survey-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.timeline-survey-title .success-flow-badge {
  margin: 0 12px;
}
.timeline-survey-title .campaign-type-label {
  margin-right: 4px;
}
.timeline-survey-title .campaign-name {
  margin-right: 8px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.shared-icon-styles {
  min-width: 24px;
  height: 24px;
  margin-right: 13px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
}
div.timeline-survey-body-content {
  display: flex;
  width: 100%;
  padding-bottom: 3px;
  padding-right: 35px;
  padding-left: 6px;
  line-height: 15px;
}
div.timeline-survey-body-content .timeline-csat-icon,
div.timeline-survey-body-content .nps-image-wrapper {
  min-width: 24px;
  height: 24px;
  margin-right: 13px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -moz-border-radius: 50%;
  justify-content: center;
  color: #757575;
  margin-right: 16px;
  border: none;
  min-width: 15px;
  height: 15px;
}
div.timeline-survey-body-content .nps-image-wrapper .timeline-nps-icon {
  height: 15px;
  width: 15px;
}
div.timeline-survey-body-content .timeline-survey-body .title {
  color: #282828;
}
div.timeline-survey-body-content .timeline-survey-body .timeline-nps-score {
  height: 18px;
  width: 18px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  margin-right: 13px;
}
div.timeline-survey-body-content .timeline-survey-body .timeline-nps-score.promoter {
  background-color: #3FAD90;
}
div.timeline-survey-body-content .timeline-survey-body .timeline-nps-score.passive {
  background-color: #f7c900;
}
div.timeline-survey-body-content .timeline-survey-body .timeline-nps-score.detractor {
  background-color: #EF3D4E;
}
div.timeline-survey-body-content .timeline-survey-body .timeline-nps-score,
div.timeline-survey-body-content .timeline-survey-body .nps-profile-text {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
  line-height: 20px;
}
div.timeline-survey-body-content .timeline-survey-body .csat-rating img {
  height: 20px;
  width: 20px;
  margin: 0px 12px 0 0;
}
div.timeline-survey-body-content .timeline-survey-body .csat-reason {
  height: 25px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  padding: 2px 9px;
  margin-right: 7.5px;
}
div.timeline-survey-body-content .timeline-survey-body .timeline-survey-comment {
  font-style: italic;
}

.timeline-survey-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.timeline-survey-container .timeline-survey-header {
  display: flex;
  margin-bottom: 16px;
}
.timeline-survey-container .timeline-survey-header .account-gravatar-container {
  --size: 25px;
  margin-right: 5px;
}
.timeline-survey-container .timeline-survey-header .header-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.timeline-survey-container .timeline-survey-header .header-info .survey-user-name {
  margin-right: 4px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-survey {
  display: flex;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-date-separator {
  display: flex;
  align-items: center;
}
.timeline-date-separator .formatted-date {
  display: flex;
  align-items: center;
  background: #fff;
  color: #0D574D;
  border: 1px solid #7CC245;
  border-radius: 12px;
  padding: 0 12px;
}
.timeline-date-separator hr {
  flex: 1;
  height: 1px;
  background: #7CC245;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-animation-loader {
  padding: 8px;
  max-width: 1000px;
  margin: 0 auto;
  height: calc(100vh - 64px - 135px - 65px);
}
.timeline-animation-loader .loading-event-card {
  height: 25%;
}
.timeline-events-list {
  max-width: 1000px;
  margin: 16px auto;
  padding: 0 8px;
}
.timeline-events-list .timeline-events-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.timeline-events-list .timeline-events-container > * {
  width: 100%;
}
.timeline-events-list .timeline-events-container:first-of-type .timeline-date-separator {
  margin-top: 0;
}
.timeline-events-list .timeline-events-container .timeline-date-separator {
  margin: 44px 0 0 0;
  padding-bottom: 16px;
  background: #f5f5f5;
  z-index: 10;
  position: sticky;
  top: calc( 64px + 135px + 65px - 4px);
}
.timeline-events-list .timeline-events-container .timeline-events-group {
  position: relative;
  list-style: none;
  background: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  margin: 0;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type > div:first-of-type {
  padding-top: 20px;
  padding-bottom: 20px;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type > div.timeline-touchpoint-event {
  padding-top: 6px;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type:last-child .event-separator {
  display: none;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type > * {
  width: 100%;
  padding-left: 20px;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type .timeline-touchpoint-event {
  padding-left: 0;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type .event-separator {
  border-bottom: 5px solid #f5f5f5;
  margin: 0;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type .success-flow-icon-label {
  display: flex;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type .success-flow-badge .custom-label-icon {
  padding: 1px 7px 1px;
  line-height: 20px;
  background-color: transparent;
}
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type .success-flow-badge .custom-label-icon .icon-class,
.timeline-events-list .timeline-events-container .timeline-events-group .event-by-type .success-flow-badge .custom-label-icon span {
  font-size: 12px;
}
.timeline-events-list .timeline-events-container .timeline-events-group .no-activity-box {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 75px;
  background: repeating-linear-gradient(45deg, #eeeeee, #eeeeee 2px, #E7E7E7 2px, #E7E7E7 7px);
  border: 1px solid #E7E7E7;
}
.timeline-events-list .timeline-events-container .timeline-events-group .no-activity-box p {
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-profile-plan-summary {
  position: relative;
  margin-bottom: 24px;
}
.account-profile-plan-summary:focus {
  border: none;
  outline: none;
}
.account-profile-plan-summary .title {
  position: absolute;
  left: 30px;
  top: 12px;
  font-size: 14px;
  z-index: 5;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.account-profile-plan-summary .plan-summary-zero-state {
  position: absolute;
  left: 30px;
  top: 33px;
  z-index: 5;
}
.account-profile-plan-summary .plan-summary-zero-state .description {
  color: #757575;
}
.account-profile-plan-summary .plan-summary-zero-state button {
  padding: 2px 9px;
  font-size: 12px;
  margin-top: 15px;
}
.account-profile-plan-summary.blur .draft-rte-wrapper .DraftEditor-root,
.account-profile-plan-summary.blur .draft-rte-wrapper .public-DraftEditor-content {
  min-height: 130px;
  overflow: hidden;
}
.account-profile-plan-summary .see-more-btn {
  position: absolute;
  bottom: 5px;
  left: 32px;
  z-index: 5;
  text-transform: capitalize;
}
.account-profile-plan-summary.hide-toolbar .draft-rte-wrapper .toolbar-wrapper,
.account-profile-plan-summary.hide-toolbar .draft-rte-wrapper .draft-toolbar {
  visibility: hidden;
}
.account-profile-plan-summary.hide-toolbar .draft-rte-wrapper .draft-js-expander {
  display: none;
}
.account-profile-plan-summary .summary-info {
  position: absolute;
  display: flex;
  top: 10px;
  right: 10px;
  z-index: 5;
}
.account-profile-plan-summary .summary-info .updated-by-plan {
  text-align: right;
  color: #757575;
}
.account-profile-plan-summary .summary-info .edit-summary-button,
.account-profile-plan-summary .summary-info .close-summary-button {
  margin-left: 8px;
  cursor: pointer;
  color: #5DACD2;
  background-color: white;
}
.account-profile-plan-summary .summary-info .edit-summary-button:hover,
.account-profile-plan-summary .summary-info .close-summary-button:hover {
  color: #918dbd;
}
.account-profile-plan-summary .account-plan-usage {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
}
.account-profile-plan-summary .summary-editor-container {
  background: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 16px;
  min-height: 150px;
}
.account-profile-plan-summary .summary-editor-container.dim {
  opacity: 0.6;
}
.account-profile-plan-summary .draft-rte-wrapper {
  background-color: transparent;
  border: none;
  padding-top: 30px;
  min-height: 150px;
}
.account-profile-plan-summary .draft-rte-wrapper .draft-js-expander {
  position: relative;
  top: -3px;
}
.account-profile-plan-summary .draft-rte-wrapper .DraftEditor-root {
  padding-left: 30px;
  padding-right: 10px;
}
.account-profile-plan-summary .draft-rte-wrapper .DraftEditor-root,
.account-profile-plan-summary .draft-rte-wrapper .public-DraftEditor-content {
  min-height: 130px;
  transition: min-height 0.1s linear, height 0.1s linear;
}
.account-profile-plan-summary .draft-rte-wrapper .toolbar-wrapper,
.account-profile-plan-summary .draft-rte-wrapper .draft-toolbar {
  visibility: visible;
}

.loading-spinner {
  animation: loading-spinner-rotate 2s linear infinite;
  z-index: 2;
  width: 50px;
  height: 50px;
}
.loading-spinner .path {
  stroke: #3FAD90;
  stroke-linecap: round;
  animation: loading-spinner-dash 1.5s ease-in-out infinite;
}
@keyframes loading-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.image-link-url-popover {
  display: flex;
  align-items: center;
  padding: 10px;
}
.image-link-url-popover .apply-link-btn {
  margin-left: 8px;
}
.image-link-url-popover .url-link-input-container {
  height: 30px;
}
.image-link-url-popover .url-link-input-container .url-link-form-control {
  min-height: 30px;
}
.editor-image-wrapper {
  position: relative;
}
.editor-image-wrapper .add-link-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 16px;
  z-index: 2;
  cursor: pointer;
  display: none;
}
.editor-image-wrapper .focus-cover-img {
  position: absolute;
  display: none;
}
.editor-image-wrapper .editor-image {
  z-index: 1;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn {
  cursor: default;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .focus-cover-img {
  background-color: rgba(179, 216, 255, 0.5);
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .add-link-btn {
  display: block;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  display: inline-block;
  z-index: 1;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer.left.top,
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer.right.top {
  transform: translateY(-50%);
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer.left.bottom,
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer.right.bottom {
  transform: translateY(-100%);
  top: 100%;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer.left.top {
  cursor: nwse-resize;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer.left.bottom {
  cursor: nesw-resize;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer.right.top {
  cursor: nesw-resize;
}
.editor-image-wrapper.draftJsFocusPlugin__focused__3Mksn .image-resizer.right.bottom {
  cursor: nwse-resize;
}

.draftJsEmojiPlugin__emojiSelect__34S1B {
  display: inline-block;
}

.draftJsEmojiPlugin__emojiSelectButton__3sPol, .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu {
  margin: 0;
  padding: 0;
  width: 2.5em;
  height: 1.5em;
  box-sizing: border-box;
  line-height: 1.2em;
  font-size: 1.5em;
  color: #888;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 1.5em;
  cursor: pointer;
}

.draftJsEmojiPlugin__emojiSelectButton__3sPol:focus, .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:focus {
  outline: 0;
  /* reset for :focus */
}

.draftJsEmojiPlugin__emojiSelectButton__3sPol:hover, .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:hover {
  background: #f3f3f3;
}

.draftJsEmojiPlugin__emojiSelectButton__3sPol:active, .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:active {
  background: #e6e6e6;
}

.draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu {
  background: #ededed;
}

.draftJsEmojiPlugin__emojiSelectPopover__1J1s0 {
  margin-top: 10px;
  padding: 0 .3em;
  position: absolute;
  z-index: 1000;
  box-sizing: content-box;
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 30px 0 gainsboro;
}

.draftJsEmojiPlugin__emojiSelectPopoverClosed__3Kxxq {
  display: none;
}

.draftJsEmojiPlugin__emojiSelectPopoverTitle__3tpXz {
  margin: 0 0 .3em;
  padding-left: 1em;
  height: 2.5em;
  line-height: 2.5em;
  font-weight: normal;
  font-size: 1em;
  color: #9e9e9e;
}

.draftJsEmojiPlugin__emojiSelectPopoverGroups__35t9m {
  margin: 0 0 .3em;
  position: relative;
  z-index: 0;
  width: 21em;
  height: 20em;
}

.draftJsEmojiPlugin__emojiSelectPopoverGroup__3zwcE {
  padding: 0 .5em;
}

.draftJsEmojiPlugin__emojiSelectPopoverGroup__3zwcE:first-child .draftJsEmojiPlugin__emojiSelectPopoverGroupTitle__2pC51 {
  display: none;
}

.draftJsEmojiPlugin__emojiSelectPopoverGroupTitle__2pC51 {
  margin: 1em 0;
  padding-left: .5em;
  font-weight: normal;
  font-size: 1em;
  color: #9e9e9e;
}

.draftJsEmojiPlugin__emojiSelectPopoverGroupList__HQ8_y {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}

.draftJsEmojiPlugin__emojiSelectPopoverGroupItem__2pFOS {
  width: 2.5em;
  height: 2.5em;
}

.draftJsEmojiPlugin__emojiSelectPopoverToneSelect__28bny {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.draftJsEmojiPlugin__emojiSelectPopoverToneSelectList__haFSJ {
  margin: .3em;
  padding: .3em;
  position: absolute;
  display: -webkit-box;
  display: flex;
  list-style: none;
  border: 1px solid #e0e0e0;
  border-radius: .5em;
  background: #fff;
  box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.1);
}

.draftJsEmojiPlugin__emojiSelectPopoverToneSelectItem__2SgvL {
  width: 2.5em;
  height: 2.5em;
}

.draftJsEmojiPlugin__emojiSelectPopoverToneSelectItem__2SgvL:first-child {
  border-right: 1px solid #e0e0e0;
}

.draftJsEmojiPlugin__emojiSelectPopoverEntry__1ErDJ, .draftJsEmojiPlugin__emojiSelectPopoverEntryFocused__M28XS {
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
}

.draftJsEmojiPlugin__emojiSelectPopoverEntryFocused__M28XS {
  background-color: #efefef;
}

.draftJsEmojiPlugin__emojiSelectPopoverEntryIcon__1yNaC {
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
}

.draftJsEmojiPlugin__emojiSelectPopoverNav__1Nzd7 {
  margin: 0;
  padding: 0 .5em;
  display: -webkit-box;
  display: flex;
  width: 20em;
  list-style: none;
}

.draftJsEmojiPlugin__emojiSelectPopoverNavItem__qydCX {
  width: 2.5em;
  height: 2.5em;
}

.draftJsEmojiPlugin__emojiSelectPopoverNavEntry__1OiGB, .draftJsEmojiPlugin__emojiSelectPopoverNavEntryActive__2j-Vk {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  color: #bdbdbd;
  background: none;
  border: none;
  outline: none;
}

.draftJsEmojiPlugin__emojiSelectPopoverNavEntryActive__2j-Vk {
  color: #42a5f5;
}

.draftJsEmojiPlugin__emojiSelectPopoverScrollbar__1Xjc6 {
  position: absolute;
  right: 0;
  top: .3em;
  bottom: .3em;
  width: .25em;
  background-color: #e0e0e0;
  border-radius: .125em;
  opacity: .1;
  transition: opacity .4s;
}

.draftJsEmojiPlugin__emojiSelectPopoverScrollbarThumb__jGYdG {
  background-color: #000;
  border-radius: .125em;
  cursor: pointer;
}

.draftJsEmojiPlugin__emojiSelectPopoverGroups__35t9m:hover .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__1Xjc6 {
  opacity: .3;
}

.draftJsEmojiPlugin__emojiSelectPopoverGroups__35t9m .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__1Xjc6:hover,
.draftJsEmojiPlugin__emojiSelectPopoverGroups__35t9m .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__1Xjc6:active {
  opacity: .6;
}
.draftJsEmojiPlugin__emoji__2oqBk {
  background-position: center;
  /* make sure the background the image is only shown once */
  background-repeat: no-repeat;
  background-size: contain;
  /* move it a bit further down to align it nicer with the text */
  vertical-align: middle;

  /*
  We need to limit the emoji width because it can be multiple characters
  long if it is a 32bit unicode. Since the proper width depends on the font and
  it's relationship between 0 and other characters it's not ideal. 1.95ch is not
  the best value, but hopefully a good enough approximation for most fonts.
  */
  display: inline-block;
  overflow: hidden;
  max-width: 1.95ch;
  /*
  Needed for iOS rendering to avoid some icons using a lot of height without
  actually needing it.
  */
  max-height: 1em;
  line-height: inherit;
  margin: -.2ex 0em .2ex;
  /*
  In the past we used opacity: 0 to hide the original Emoji icon no matter what
  system it is. Recently we switched to color: transparent since it started to
  work in recent iOS version.
  */
  color: transparent;

  /*
  Some SVG files (say 2764 for :heart:) don't have default width/height, thus
  may not be rendered properly on some platforms/browsers (e.g., Windows 10 +
  Chrome 61).
  */
  min-width: 1em;
}
.draftJsEmojiPlugin__emojiSuggestionsEntry__2-2p_ {
  padding: 5px 10px 1px 10px;
  transition: background-color 0.4s cubic-bezier(.27,1.27,.48,.56);
}

.draftJsEmojiPlugin__emojiSuggestionsEntry__2-2p_:active {
  background-color: #cce7ff;
}

.draftJsEmojiPlugin__emojiSuggestionsEntryFocused__XDntY {
  background-color: #e6f3ff;
}

.draftJsEmojiPlugin__emojiSuggestionsEntryText__2sPjk {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 368px;
  font-size: 0.9em;
}

.draftJsEmojiPlugin__emojiSuggestionsEntryIcon__1qC2V {
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  margin-right: 0.25em;
  display: inline-block;
}
.draftJsEmojiPlugin__emojiSuggestions__2ffcV {
  border: 1px solid #eee;
  margin-top: 1.75em;
  position: absolute;
  min-width: 220px;
  max-width: 440px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 4px 30px 0px rgba(220,220,220,1);
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: scale(0);
          transform: scale(0);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.draft-toolbar {
  cursor: default;
  padding: 5px;
}
.draft-toolbar .toolbar-items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  height: 100%;
  margin: 0;
  padding: 0;
}
.draft-toolbar .toolbar-items .toolbar-item {
  display: flex;
  margin-left: 8px;
  align-items: center;
  justify-content: center;
  width: 27px;
  padding: 3px;
  height: 30px;
  cursor: pointer;
  color: #727272;
  position: relative;
}
.draft-toolbar .toolbar-items .toolbar-item:before {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transition-property: transform, opacity;
  content: '';
  border-radius: 4px;
  display: block;
  position: absolute;
  transition-duration: 0.25s;
  z-index: -1;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
}
.draft-toolbar .toolbar-items .toolbar-item:hover,
.draft-toolbar .toolbar-items .toolbar-item.active {
  color: #282828;
}
.draft-toolbar .toolbar-items .toolbar-item:hover:before,
.draft-toolbar .toolbar-items .toolbar-item.active:before {
  transform: scale(1);
  opacity: 1;
  background-color: rgba(32, 33, 36, 0.075);
}
.draft-toolbar .toolbar-items .toolbar-item .icon-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.draft-toolbar .toolbar-items .toolbar-item .icon-wrapper .material-icons {
  font-size: 19px;
}
.draft-toolbar .toolbar-items .toolbar-item.font-family {
  width: auto;
  white-space: nowrap;
  line-height: 13px;
}

/**
 * Draft v0.11.1
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.draft-rte-wrapper {
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 10px 0px 0px;
  min-height: 135px;
  position: relative;
  background-color: white;
}
.draft-rte-wrapper .draft-js-expander {
  width: 15px;
}
.draft-rte-wrapper.invalid {
  border-color: #C0392B;
}
.draft-rte-wrapper .auto-saving {
  position: absolute;
  color: #757575;
  background-color: #fff;
  top: 10px;
  right: 15px;
  font-size: 18px;
  z-index: 5;
}
.draft-rte-wrapper .public-DraftEditor-content {
  min-height: 100px;
}
.draft-rte-wrapper .public-DraftEditor-content > div:first-of-type {
  width: calc(100% - 20px);
}
.draft-rte-wrapper .DraftEditor-root {
  padding-left: 10px;
  padding-right: 10px;
  min-height: 100px;
  overflow: auto;
}
.draft-rte-wrapper .DraftEditor-root .objective-mention-item {
  background-color: #EEEEEE;
  padding: 3px;
  display: inline-block;
}
.draft-rte-wrapper .DraftEditor-root .objective-mention-item span {
  display: flex;
  align-items: center;
}
.draft-rte-wrapper .DraftEditor-root .objective-mention-item span i {
  padding: 0 5px 0 0;
}
.draft-rte-wrapper .DraftEditor-root .public-DraftStyleDefault-ul {
  margin: 0px;
}
.draft-rte-wrapper .DraftEditor-root .public-DraftEditorPlaceholder-root ul {
  padding-left: 0px;
}
.draft-rte-wrapper .DraftEditor-root .public-DraftEditorPlaceholder-root ul li {
  margin-left: 1.5em;
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer div[data-contents] > div {
  width: 100%;
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer div[data-contents] .align-end .public-DraftStyleDefault-block {
  text-align: end;
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer div[data-contents] .align-start .public-DraftStyleDefault-block {
  text-align: start;
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer div[data-contents] .align-center .public-DraftStyleDefault-block {
  text-align: center;
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer .img-loading-container,
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer .img-error-container {
  width: 150px;
  height: 150px;
  background-color: #eeeeee;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-ol {
  margin-top: 0px;
  margin-bottom: 0px;
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: calc(1 * 40px);
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: calc(2 * 40px);
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: calc(3 * 40px);
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: calc(4 * 40px);
}
.draft-rte-wrapper .DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: calc(5 * 40px);
}
.draft-rte-wrapper .toolbar-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: sticky;
  bottom: -1px;
  border-radius: 5px;
  background-color: #fafafa;
  z-index: 1;
}
.draft-rte-wrapper .toolbar-wrapper .draft-toolbar {
  width: 70%;
}
.draft-rte-wrapper .toolbar-wrapper .chars-counter {
  padding: 0 40px 0 10px;
  font-size: 12px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #757575;
}
.rich-text-link-modal .link-url-input {
  width: 400px;
  padding: 10px;
}
.rich-text-link-modal .link-url-input.invalid fieldset[class*='MuiOutlinedInput-notchedOutline'],
.rich-text-link-modal .link-url-input.invalid fieldset[class^='MuiOutlinedInput-notchedOutline'] {
  border-color: #C0392B !important;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.draft-toolbar {
  cursor: default;
  padding: 5px;
}
.draft-toolbar .toolbar-items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  height: 100%;
  margin: 0;
  padding: 0;
}
.draft-toolbar .toolbar-items .toolbar-item {
  display: flex;
  margin-left: 8px;
  align-items: center;
  justify-content: center;
  width: 27px;
  padding: 3px;
  height: 30px;
  cursor: pointer;
  color: #727272;
  position: relative;
}
.draft-toolbar .toolbar-items .toolbar-item:before {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transition-property: transform, opacity;
  content: '';
  border-radius: 4px;
  display: block;
  position: absolute;
  transition-duration: 0.25s;
  z-index: -1;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
}
.draft-toolbar .toolbar-items .toolbar-item:hover,
.draft-toolbar .toolbar-items .toolbar-item.active {
  color: #282828;
}
.draft-toolbar .toolbar-items .toolbar-item:hover:before,
.draft-toolbar .toolbar-items .toolbar-item.active:before {
  transform: scale(1);
  opacity: 1;
  background-color: rgba(32, 33, 36, 0.075);
}
.draft-toolbar .toolbar-items .toolbar-item .icon-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.draft-toolbar .toolbar-items .toolbar-item .icon-wrapper .material-icons {
  font-size: 19px;
}
.draft-toolbar .toolbar-items .toolbar-item.font-family {
  width: auto;
  white-space: nowrap;
  line-height: 13px;
}
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectPopover__1J1s0 {
  position: fixed;
}
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButton__3sPol,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu {
  background: transparent;
  border: none;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: flex;
  margin-left: 8px;
  align-items: center;
  justify-content: center;
  width: 27px;
  padding: 3px;
  height: 30px;
  cursor: pointer;
  color: #727272;
  position: relative;
}
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButton__3sPol:before,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:before {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transition-property: transform, opacity;
  content: '';
  border-radius: 4px;
  display: block;
  position: absolute;
  transition-duration: 0.25s;
  z-index: -1;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
}
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButton__3sPol:hover,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:hover,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButton__3sPol.active,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu.active {
  color: #282828;
}
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButton__3sPol:hover:before,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:hover:before,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButton__3sPol.active:before,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu.active:before {
  transform: scale(1);
  opacity: 1;
  background-color: rgba(32, 33, 36, 0.075);
}
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButton__3sPol .icon-wrapper,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu .icon-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButton__3sPol .icon-wrapper .material-icons,
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu .icon-wrapper .material-icons {
  font-size: 19px;
}
.draft-rte-wrapper .draftJsEmojiPlugin__emojiSelectPopoverEntryIcon__1yNaC {
  width: 23px;
  height: 23px;
}
.draft-rte-wrapper .draftJsEmojiPlugin__emoji__2oqBk {
  font-size: 15px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.draft-js-popover-plugin {
  max-height: 280px;
  overflow: auto;
}
.draft-js-popover-plugin .font-size-option {
  padding: 5px 8px;
  cursor: pointer;
}
.draft-js-popover-plugin .font-size-option:hover {
  background-color: #EEEEEE;
}
.draft-js-popover-plugin.popover-color-picker {
  padding: 6px;
}
.draft-js-popover-plugin.popover-color-picker .color-palette-title {
  margin-bottom: 10px;
}
.draft-js-popover-plugin.popover-color-picker .colors-container {
  display: flex;
}
.draft-js-popover-plugin.popover-color-picker .color-palette-container:first-of-type {
  margin-right: 30px;
}
.draft-js-popover-plugin.popover-color-picker .color-palette {
  width: 144px;
  display: flex;
  flex-wrap: wrap;
}
.draft-js-popover-plugin.popover-color-picker .color-option {
  width: 16px;
  height: 16px;
  border: 1px solid transparent;
  margin: 1px;
  cursor: pointer;
}
.draft-js-popover-plugin.popover-color-picker .color-option .color-picked {
  filter: invert(100%);
  font-size: 14px;
}
.draft-js-popover-plugin.popover-color-picker .color-option:hover {
  border-color: red;
}
.draft-js-popover-plugin.popover-color-picker .color-option.color-option-0,
.draft-js-popover-plugin.popover-color-picker .color-option.color-option-8 {
  margin-bottom: 6px;
}
.draft-toolbar .toolbar-items .toolbar-item .icon-wrapper .material-icons.color-icon {
  font-size: 22px;
}
.draft-toolbar .toolbar-items .toolbar-item.font-family {
  width: auto;
}

.draftJsMentionPlugin__mention__29BEd, .draftJsMentionPlugin__mention__29BEd:visited {
  color: #575f67;
  cursor: pointer;
  display: inline-block;
  background: #e6f3ff;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
  text-decoration: none;
}

.draftJsMentionPlugin__mention__29BEd:hover, .draftJsMentionPlugin__mention__29BEd:focus {
  color: #677584;
  background: #edf5fd;
  outline: 0; /* reset for :focus */
}

.draftJsMentionPlugin__mention__29BEd:active {
  color: #222;
  background: #455261;
}
.draftJsMentionPlugin__mentionSuggestionsEntry__3mSwm {
  padding: 7px 10px 3px 10px;
  transition: background-color 0.4s cubic-bezier(.27,1.27,.48,.56);
}

.draftJsMentionPlugin__mentionSuggestionsEntry__3mSwm:active {
  background-color: #cce7ff;
}

.draftJsMentionPlugin__mentionSuggestionsEntryFocused__3LcTd {
  background-color: #e6f3ff;
}

.draftJsMentionPlugin__mentionSuggestionsEntryText__3Jobq {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 368px;
  font-size: 0.9em;
  margin-bottom: 0.2em;
}

.draftJsMentionPlugin__mentionSuggestionsEntryAvatar__1xgA9 {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.draftJsMentionPlugin__mentionSuggestions__2DWjA {
  border: 1px solid #eee;
  margin-top: 0.4em;
  position: absolute;
  min-width: 220px;
  max-width: 440px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 4px 30px 0px rgba(220,220,220,1);
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: scale(0);
          transform: scale(0);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
div[class*="mentionSuggestionsEntry"]:active {
  background-color: #EEEEEE !important;
}
div[class*="mentionSuggestionsEntryFocused"] {
  background-color: #EEEEEE !important;
}
.person-mentions-entry-wrapper {
  display: flex;
  align-items: center;
}
.person-mentions-entry-wrapper.contact .account-gravatar-container .gravatar-wrapper img {
  border-color: #3FAD90;
}
.person-mentions-entry-wrapper .person-mentions-entry-names {
  display: flex;
  flex-direction: column;
}
.person-mentions-entry-wrapper .person-mentions-entry-names .name {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.person-mentions-entry-wrapper .person-mentions-entry-names .email {
  color: #757575;
}
.person-mentions-entry-wrapper .person-mentions-entry-label {
  padding: 0 10px;
}
.person-mentions-entry-wrapper .person-mentions-entry-label .user-label {
  color: #979797;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  font-size: 12px;
  padding: 2px 5px;
}
.object-mention-entry-wrapper {
  display: flex;
  flex-direction: row;
}
.object-mention-entry-wrapper .object-mention-icon {
  margin-top: 4px;
  padding: 0 10px 0 0;
}
.object-mention-entry-wrapper .object-mention-icon i {
  width: 12px;
}
.object-mention-entry-wrapper .object-mention-content {
  display: flex;
  flex-direction: column;
}
.object-mention-entry-wrapper .object-mention-content .object-mention-description {
  font-size: 10px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.link-button {
  cursor: pointer;
  color: #5DACD2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.successflow-dropdown.dropdown-multiple-selector {
  width: 100%;
}
.successflow-dropdown.dropdown-multiple-selector__value-container {
  padding: 0;
}
.successflow-dropdown.dropdown-multiple-selector__menu .dropdown-option-react .option-title-wrapper {
  display: flex;
  align-items: center;
}
.successflow-dropdown.dropdown-multiple-selector__menu .dropdown-option-react .option-title-wrapper .option-icon {
  margin-right: 5px;
}
.successflow-dropdown.dropdown-multiple-selector__placeholder {
  color: #333;
  height: 22px;
  display: flex;
  align-items: center;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.hierarchy-level-selector {
  display: flex;
  align-items: center;
  padding-right: 10px;
  border-right: 1px solid #d8d8d8;
}
.hierarchy-level-selector .chip.current-level {
  margin: 0 5px;
}
.hierarchy-level-selector .chip-trigger-popover {
  max-width: 260px;
}
.hierarchy-level-selector-popover .select-logo-option {
  display: flex;
  align-items: center;
}
.hierarchy-level-selector-popover .select-logo-option .default-logo-box,
.hierarchy-level-selector-popover .select-logo-option .product-logo-box {
  margin-right: 10px;
}
.hierarchy-level-selector-popover .selector-checkbox-label {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-status-filter .selector-label-icon .fallback-reason-icon {
  margin-left: 2px;
}
.task-status-filter .selector-label-icon .open,
.task-status-filter .selector-label-icon .completed {
  color: #40AD90;
}
.task-status-filter .selector-label-icon .overdue {
  color: #EF3D4E;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.fallback-reason-icon.available path {
  fill: #EF3D4E;
}
.fallback-reason-icon.matching path {
  fill: #F57F17;
}
.fallback-reason-icon.account-role path {
  fill: #5F478A;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.date-range-trigger {
  display: flex;
  align-items: center;
}
.date-range-trigger .paging-btn {
  color: #757575;
  font-size: 17px;
  min-width: 5px;
  padding-left: 2px;
  padding-right: 2px;
}
.date-range-trigger .popover-trigger-wrapper {
  display: flex;
  align-items: center;
}
.date-range-trigger .popover-trigger-wrapper .paging-text {
  text-transform: none;
  padding: 0;
  min-width: 100px;
  max-width: 140px;
  font-size: 13px;
  margin: 0 5px;
  text-align: center;
}
.date-range-trigger .popover-trigger-wrapper .paging-text .arrow-down {
  padding-left: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.switch-group.blue {
  display: inline-block;
  box-shadow: none;
  border-radius: 4px;
}
.switch-group.blue button {
  text-transform: none;
  color: #6d6d6d;
  height: 40px;
}
.switch-group.blue button.selected {
  color: #fff;
  background-color: #5DACD2;
  box-shadow: none;
}
.switch-group.blue button.selected:hover {
  color: #fff;
  background-color: #69b2d5;
}
.switch-group.blue button.disabled {
  background-color: #EEEEEE;
  color: #757575;
}

.week-selector .date-picker {
  width: 205px;
}

.month-selector .date-pickers {
  margin-top: 15px;
}

.quarter-selector .date-pickers {
  margin-top: 15px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.date-range-picker {
  width: 370px;
  padding: 15px 15px 20px;
}
.date-range-picker .range-picker-options {
  position: relative;
}
.date-range-picker .range-selector {
  position: relative;
}
.date-range-picker .range-picker-options,
.date-range-picker .range-selector {
  margin-top: 15px;
  margin-bottom: 15px;
}
.date-range-picker .switch-group.blue {
  display: flex;
}
.date-range-picker .switch-group.blue button {
  flex: 1;
}
.date-range-picker .relative-date-range.hide-date-range {
  display: none;
}
.date-range-picker.hide-granularities .switch-group {
  display: none;
}
.date-range-picker.hide-granularities .range-picker-options {
  margin-top: 0;
}
.date-range-picker .date-pickers .date-picker .Mui-disabled {
  color: #282828;
}
.date-range-picker .date-pickers .date-picker input {
  text-align: center;
}
.date-range-picker .date-pickers .date-picker p.Mui-error {
  width: 165%;
}
.date-range-picker .date-dash {
  text-align: center;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
div.date-range-trigger-popover {
  padding: 15px;
  overflow: visible;
  border: 1px solid #E7E7E7;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
div.date-range-trigger-popover.small-screen-popover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
div.date-range-trigger-popover.small-screen-popover .react-search-input {
  height: 22px;
  width: 180px;
  margin-bottom: 0;
}
div.date-range-trigger-popover .apply-button {
  padding: 0 15px;
}
div.date-range-trigger-popover .apply-button button {
  height: 40px;
  width: 100%;
  margin-top: 10px;
  margin-right: 15px;
}
div.date-range-trigger-popover .apply-button .arrow-left {
  margin-right: 5px;
  font-size: 14px;
}

.see-full-sp-checkbox .see-full-sp-label {
  height: 28px;
  margin-bottom: 0px;
}
.see-full-sp-checkbox .see-full-sp-label .see-full-sp-label-text {
  font-size: 13px;
}
.see-full-sp-checkbox .see-full-sp-label .fa-info-circle {
  margin-left: 6px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.owners-selector .chip-trigger-popover {
  max-height: 450px;
  width: 292px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.invitation-user-option-container {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px;
  height: 50px;
  width: 100%;
}
.invitation-user-option-container .invite-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.invitation-user-option-container .invite-button-container .invite-button {
  height: 28px;
  min-width: 170px;
}
.invitation-user-option-container .invite-button-container .invitation-label-container {
  display: flex;
  align-items: center;
}
.invitation-user-option-container .invite-button-container .invitation-label-container .invite-icon {
  height: 15px;
  width: 15px;
  border-radius: 8px;
  background-color: #3fad90;
  color: #fff;
  line-height: 18px;
  font-size: 10px;
  padding-left: 3px;
}
.invitation-user-option-container .invite-button-container .invitation-label-container .invitation-label {
  padding-left: 4px;
  padding-top: 1px;
  color: #757575;
  font-size: 10px;
}
.invitation-user-option-container .message-label {
  padding-right: 3px;
  padding-left: 3px;
  color: #757575;
  font-size: 10px;
  min-width: 40px;
  line-height: 10px;
}
.invitation-user-option-container .title-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.invitation-user-option-container .title-container .title {
  max-width: 220px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-owner-selector .owner-type-selector {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding: 0 15px;
}
.task-owner-selector .owner-type-selector .switch-group .switch-button {
  height: 30px;
}
.task-owner-selector .owner-type-selector .switch-group .switch-button .owner-option .owner-icon {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
.task-owner-selector .owner-type-selector .switch-group .switch-button.selected .owner-icon {
  filter: brightness(0) invert(1);
}
.task-owner-selector .assigned-to-options {
  margin: 0 20px 10px 20px;
}
.task-owner-selector .assigned-to-options button {
  display: block;
  font-size: 13px;
  font-weight: 600;
  width: auto;
  text-transform: none;
  color: #282828;
}
.task-owner-selector .user-selector .react-select-dropdown__menu {
  position: relative;
  box-shadow: none;
}
.task-owner-selector .user-selector .react-select-dropdown__menu .react-select-dropdown__menu-list {
  height: 210px;
  border-bottom: 1px solid #E7E7E7;
}
.task-owner-selector .user-selector .option-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-owner-selector .user-selector .option-container .option-name-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-owner-selector .selector-footer {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.task-owner-selector .selector-footer .apply-button {
  margin-right: 10px;
}

.account-plan-text-search {
  display: flex;
  align-items: center;
}
.account-plan-text-search.react-search-input.input-group {
  margin-bottom: 0;
  width: 200px;
  margin-left: auto;
}
.account-plan-text-search.react-search-input.input-group .reach-search-input-element {
  margin-right: 20px;
}

.tab-filters-row {
  display: flex;
  align-items: flex-end;
  margin-top: 12px;
  margin-bottom: 12px;
}
.tab-filters-row > *:not(:first-child) {
  margin-left: 8px;
}
.tab-filters-row > *:not(:last-child) {
  margin-right: 8px;
}
.tab-filters-row .advanced-select.react-select-dropdown-container {
  background-color: transparent;
}
.tab-filters-row .advanced-select.react-select-dropdown-container .control-wrapper {
  border: none;
}
.tab-filters-row .advanced-select.react-select-dropdown-container .selected-title-wrapper {
  align-items: center;
  display: flex;
}
.tab-filters-row .dropdown-multiple-selector .dropdown-multiple-selector__menu {
  z-index: 2;
  position: relative;
  overflow: auto;
  width: 100%;
}
.tab-filters-row.account-profile-timeline-filter {
  margin-right: 60px;
}
.tab-filters-row.account-profile-timeline-filter .successflow-dropdown {
  margin-right: 10px;
}
.tab-filters-row.account-profile-timeline-filter .react-search-input {
  width: 220px;
  margin-left: auto;
}
.tab-filters-row .period-selector .section-title {
  margin-left: 8px;
}
.tab-filters-row .period-selector .period-label {
  text-align: center;
}
.tab-filters-row .period-selector .date-range-trigger {
  align-items: flex-end;
}
.tab-filters-row .period-selector .date-range-trigger .paging-btn {
  padding-bottom: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-health-label {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  height: 27px;
  line-height: 25px;
  text-transform: uppercase;
  color: #fff;
  padding: 3px 15px;
  border-radius: 20px;
  background-color: #8fcaef;
}
.account-health-label.green {
  background-color: #26b27f;
}
.account-health-label.yellow {
  background-color: #f7c900;
}
.account-health-label.red {
  background-color: #c23824;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-group-status-cell {
  color: #757575;
  border-color: #9B9B9B;
  font-size: 13px;
  padding: 0 7px;
  display: table;
  width: auto;
}
.task-group-status-cell .status-rect {
  display: inline-block;
  height: 7px;
  width: 7px;
  border-radius: 2px;
  margin-right: 5px;
  background-color: #9B9B9B;
}
.task-group-status-cell .status-text {
  margin-right: 5px;
}
.task-group-status-cell .task-status-summary {
  border: 1px solid;
  border-radius: 12.5px;
  padding: 4px 8px 2px;
}
.task-group-status-cell.delayed {
  border-color: #C0392B;
  color: #C0392B;
}
.task-group-status-cell.delayed .status-rect {
  background-color: #C0392B;
}
.task-group-status-cell.in-progress {
  border-color: #40AD90;
  color: #40AD90;
}
.task-group-status-cell.in-progress .status-rect {
  background-color: #40AD90;
}
.task-group-status-cell.completed {
  border-color: #40AD90;
  color: #40AD90;
  text-decoration: line-through;
}
.task-group-status-cell.completed .status-rect {
  background-color: #40AD90;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.due-date-cell .editable-date {
  padding: 3px 8px;
  background: transparent;
  border: none;
}
.due-date-cell .editable-date .date-picker {
  display: inline-block;
  padding-right: 3px;
}
.due-date-cell .editable-date .arrow-icon {
  display: inline-block;
  padding-left: 5px;
}
.due-date-cell .editable-date:hover,
.due-date-cell .editable-date:focus {
  outline: none;
  border-radius: 5px;
  background-color: rgba(216, 216, 216, 0.3);
}
.due-date-cell .date-warning {
  color: #C0392B;
}
.due-date-cell .readonly-date {
  display: inline-block;
}
.sp-due-date-cell {
  display: inline-block;
  font-size: 14px;
}
.sp-due-date-cell.overdue {
  color: #C0392B;
}
.sp-due-date-cell.isCompleted {
  color: #40AC90;
  text-decoration: line-through;
  cursor: default;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.move-to-objective-modal .confirmation-dialog-paper {
  width: 482px;
  height: 242px;
  color: #282828;
  overflow-y: visible;
}
.move-to-objective-modal .dialog-title {
  margin-bottom: 20px;
}
.move-to-objective-modal .dialog-title .title {
  font-size: 18px;
  font-weight: 600;
}
.move-to-objective-modal .dialog-content {
  overflow-y: visible;
}
.move-to-objective-modal .dialog-content .modal-text {
  font-size: 13px;
  margin-bottom: 5px;
  max-width: 80%;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
div.segment-filter-label {
  border: 1px solid #40AD90;
  background-color: #E2F3EF;
  font-size: 13px;
  margin: 4px 12px 4px 0px;
  height: 26px;
  color: #282828;
}
div.segment-filter-label:focus {
  background-color: #E2F3EF;
}
div.segment-filter-label:hover {
  background-color: #f4faf9;
}
div.segment-filter-label.disabled {
  cursor: default;
  pointer-events: visible;
  min-height: 26px;
  height: auto;
}
div.segment-filter-label.disabled:hover {
  background-color: #E2F3EF;
}
div.segment-filter-label.disabled .segment-filter-label-text {
  white-space: break-spaces;
  line-height: 15px;
  padding: 5px 8px;
}
div.segment-filter-label.error {
  border-color: #C0392B;
}
div.segment-filter-label.segment-filter-add-label {
  background-color: #fff;
  border: 1px solid #9d9d9d;
  flex-direction: row-reverse;
  color: #282828;
}
div.segment-filter-label.segment-filter-add-label .segment-filter-label-text {
  padding-right: 5px;
}
div.segment-filter-label.segment-filter-add-label .material-icons {
  font-size: 17px;
  padding-right: 13px;
  color: #282828;
}
div.segment-filter-label.segment-filter-add-label:hover {
  background-color: #fff;
}
div.segment-filter-label.segment-filter-add-label:focus {
  background-color: #fff;
}
div.segment-filter-label.align-right {
  flex-direction: row-reverse;
}
div.segment-filter-label.align-right .segment-filter-label-text {
  padding-right: 5px;
}
div.segment-filter-label.align-right .material-icons {
  font-size: 17px;
  padding-right: 13px;
  margin-left: 0;
  margin-top: 0px;
}
div.segment-filter-label .segment-filter-label-text {
  padding-right: 8px;
}
div.segment-filter-label .segment-filter-label-text .percent-both {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 2px;
  margin-right: 2px;
}
div.segment-filter-label .segment-filter-label-text .percent-both .material-icons {
  font-size: 12px;
  line-height: 6px;
}
div.segment-filter-label .segment-filter-label-text .chip-label {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
div.segment-filter-label .segment-filter-icon {
  color: #42B49B;
  padding-right: 5px;
  margin-top: -2px;
  margin-left: 10px;
}
div.segment-filter-label .delete-icon {
  margin-right: 7px;
  margin-left: -4px;
  font-size: 15px;
  color: #282828;
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
}
div.segment-filter-label .delete-icon:hover {
  color: #757575;
}
div.segment-filter-label .segment-filter-label-text {
  max-width: 550px;
  display: inline-block;
}
div.segment-filter-label .segment-filter-label-text .material-icons {
  font-size: 20px;
  vertical-align: middle;
}
div.segment-filter-label.collection-scope {
  border: 1px solid #476ADB;
  background-color: #EBF6FC;
  color: #282828;
}
div.segment-filter-label.collection-scope.disabled:hover {
  background-color: #EBF6FC;
}
div.segment-filter-label.collection-scope:hover {
  background-color: #f2f4fc;
}
div.segment-filter-label.collection-scope .segment-filter-icon {
  color: #5372CE;
}
div.segment-filter-label.collection-scope .segment-filter-icon.tp-icon {
  background-image: url('/img/assets/tp-icon.svg');
  background-repeat: no-repeat;
  background-size: 13px;
  width: 13px;
  height: 13px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(45%) saturate(823%) hue-rotate(187deg) brightness(100%) contrast(84%);
}
div.segment-filter-label.user-scope,
div.segment-filter-label.internal_user-scope {
  border: 1px solid #773CAB;
  background-color: #F1EBF6;
  color: #282828;
}
div.segment-filter-label.user-scope.disabled:hover,
div.segment-filter-label.internal_user-scope.disabled:hover {
  background-color: #F1EBF6;
}
div.segment-filter-label.user-scope:hover,
div.segment-filter-label.internal_user-scope:hover {
  background-color: #ffffff;
}
div.segment-filter-label.user-scope .segment-filter-icon,
div.segment-filter-label.internal_user-scope .segment-filter-icon {
  color: #773CAB;
}
div.segment-filter-label.create-new-segment {
  margin-right: 8px;
}
div.segment-filter-label.create-new-segment.collection-scope {
  border: 1px solid #757575;
  background-color: white;
  color: #282828;
}
div.segment-filter-label.create-new-segment.collection-scope.disabled:hover {
  background-color: #dbdbdb;
}
div.segment-filter-label.create-new-segment.collection-scope:hover {
  background-color: #dbdbdb;
}
div.segment-filter-label.create-new-segment.collection-scope .segment-filter-icon {
  color: #757575;
}
div.segment-filter-label.create-new-segment.common-scope {
  border: 1px solid #EEEEEE;
  background-color: #EEEEEE;
  color: #282828;
}
div.segment-filter-label.create-new-segment.common-scope.disabled:hover {
  background-color: #dbdbdb;
}
div.segment-filter-label.create-new-segment.common-scope:hover {
  background-color: #dbdbdb;
}
div.segment-filter-label.create-new-segment.common-scope .segment-filter-icon {
  color: #757575;
}
div.segment-filter-label.create-new-segment.common-scope .segment-filter-label-text .chip-label {
  margin-left: 0px;
  margin-right: 10px;
}
div.segment-filter-label.create-new-segment .segment-filter-label-text {
  padding-top: 1px;
}
div.segment-filter-label.create-new-segment .segment-filter-label-text .chip-label {
  margin: 0px;
}
@keyframes filter-label-add {
  0% {
    max-width: 0px;
  }
  100% {
    max-width: 400px;
  }
}
@keyframes filter-label-remove {
  0% {
    max-width: 400px;
  }
  100% {
    max-width: 0px;
  }
}
.filter-label-move {
  overflow: hidden;
  display: flex;
  align-items: center;
  animation: filter-label-add 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.filter-label-move.removing {
  animation: filter-label-remove 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.MuiSlider-root .MuiSlider-thumb .value {
  top: 17px;
  position: absolute;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.filter-histogram .numeric-option-groups {
  display: flex;
  flex-wrap: wrap;
  max-height: 130px;
  margin-top: 10px;
  flex-direction: column;
  justify-content: flex-start;
}
.filter-histogram .numeric-option-groups .criteria-numeric-radio-option {
  margin: 0 5px 5px 0;
}
.filter-histogram .numeric-option-groups .criteria-numeric-radio-option .group-option-label {
  font-size: 13px;
  line-height: 21px;
}
.filter-histogram .numeric-option-groups .criteria-numeric-radio-option svg {
  font-size: 17px;
}
.filter-histogram .numeric-option-groups .criteria-numeric-radio-option .criteria-numeric-radio-option-radio {
  padding: 4px;
}
.filter-histogram .selected-group-text {
  font-size: 13px;
  margin-right: 12px;
}
.filter-histogram .selected-group-text .font-bold {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.filter-histogram .range-input-wrapper {
  position: relative;
}
.filter-histogram .range-input-wrapper .allow-null-checkbox {
  position: absolute;
  top: 45px;
  right: 5px;
  font-size: 13px;
}
.filter-histogram .singular-input-wrapper {
  position: relative;
}
.filter-histogram .singular-input-wrapper .any-value-change-checkbox {
  margin-left: 10px;
}
.filter-histogram .range-input-wrapper {
  text-align: center;
  font-size: 18px;
}
.filter-histogram .histogram-container {
  position: relative;
  margin-top: 30px;
  height: 110px;
}
.filter-histogram .histogram-container .reset-default-button {
  position: absolute;
  top: -8px;
  right: 0px;
  cursor: pointer;
  color: #1a0dab;
  pointer-events: auto;
}
.filter-histogram .histogram-container .reset-default-button:hover {
  color: #918dbd;
}
.filter-histogram .histogram-container .recharts-bar-rectangle {
  cursor: pointer;
}
.filter-histogram .histogram-container .MuiSlider-root .MuiSlider-thumb .value {
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 1;
}
.filter-histogram .histogram-container .no-data-histogram {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #282828;
  font-size: 16px;
}
.filter-histogram .histogram-container .histogram-slider {
  position: absolute;
  top: 66px;
  width: calc(100% - 8px);
  left: 4px;
}
.filter-histogram .histogram-container .histogram-slider .min {
  position: absolute;
  left: -10px;
  top: 20px;
  color: #757575;
  z-index: 0;
}
.filter-histogram .histogram-container .histogram-slider .max {
  position: absolute;
  right: -10px;
  top: 20px;
  color: #757575;
  z-index: 0;
}
.filter-histogram .histogram-container .histogram-slider.range .MuiSlider-root:hover .MuiSlider-rail,
.filter-histogram .histogram-container .histogram-slider.under .MuiSlider-root:hover .MuiSlider-rail,
.filter-histogram .histogram-container .histogram-slider.exactly .MuiSlider-root:hover .MuiSlider-rail,
.filter-histogram .histogram-container .histogram-slider.above .MuiSlider-root:hover .MuiSlider-rail,
.filter-histogram .histogram-container .histogram-slider.range .MuiSlider-root:hover .MuiSlider-track,
.filter-histogram .histogram-container .histogram-slider.under .MuiSlider-root:hover .MuiSlider-track,
.filter-histogram .histogram-container .histogram-slider.exactly .MuiSlider-root:hover .MuiSlider-track,
.filter-histogram .histogram-container .histogram-slider.above .MuiSlider-root:hover .MuiSlider-track {
  height: 3px;
}
.filter-histogram .histogram-container .histogram-slider.range .MuiSlider-root .MuiSlider-track,
.filter-histogram .histogram-container .histogram-slider.under .MuiSlider-root .MuiSlider-track,
.filter-histogram .histogram-container .histogram-slider.exactly .MuiSlider-root .MuiSlider-track,
.filter-histogram .histogram-container .histogram-slider.above .MuiSlider-root .MuiSlider-track {
  height: 2px;
}
.filter-histogram .histogram-container .histogram-slider.range .MuiSlider-root .MuiSlider-rail,
.filter-histogram .histogram-container .histogram-slider.under .MuiSlider-root .MuiSlider-rail,
.filter-histogram .histogram-container .histogram-slider.exactly .MuiSlider-root .MuiSlider-rail,
.filter-histogram .histogram-container .histogram-slider.above .MuiSlider-root .MuiSlider-rail {
  height: 2px;
  color: #F0F0F0;
}
.filter-histogram .histogram-container .histogram-slider.range .MuiSlider-track,
.filter-histogram .histogram-container .histogram-slider.under .MuiSlider-track {
  height: 2px;
  color: #3FAD90;
}
.filter-histogram .histogram-container .histogram-slider.exactly .MuiSlider-track {
  color: #F0F0F0;
}
.filter-histogram .histogram-container .histogram-slider.above .MuiSlider-root .MuiSlider-rail {
  height: 2px;
  color: #3FAD90;
}
.filter-histogram .histogram-container .histogram-slider.above .MuiSlider-track {
  color: #F0F0F0;
}
.filter-histogram.disabled .MuiSlider-root .MuiSlider-thumb .value {
  visibility: hidden;
}
.filter-histogram.disabled .MuiSlider-root .MuiSlider-markLabel {
  visibility: hidden;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.criteria-configuration {
  font-size: 13px;
}
.criteria-configuration .react-select-dropdown__menu-list .advanced-select-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 30px;
}
.criteria-configuration .criteria-row {
  margin-bottom: 10px;
}
.criteria-configuration .criteria-row:last-child {
  margin-bottom: 0px;
}
.criteria-configuration .space-around-order {
  display: flex;
  justify-content: space-around;
}
.criteria-configuration .text-center {
  display: flex;
  align-items: center;
}
.criteria-configuration .text-spacing {
  padding-top: 7px;
}
.criteria-configuration .criteria-flex-row {
  display: flex;
  align-items: center;
}
.criteria-configuration .criteria-flex-row .material-select-form-control {
  margin-right: 5px;
  margin-left: 5px;
}
.criteria-configuration .criteria-flex-row.campaings-unsubscribe .advanced-select {
  margin-right: 5px;
  margin-left: 5px;
}
.criteria-configuration .criteria-flex-row.campaings-unsubscribe .select-text-field {
  width: 100px;
}
.criteria-configuration .health-rank-checkbox {
  margin-right: 5px;
  font-size: 10px;
  vertical-align: middle;
}
.criteria-configuration .switch-value-change {
  position: relative;
  top: -15px;
}
.criteria-configuration .switch-value-change .switch-group.blue button {
  height: 25px;
}
.criteria-configuration .switch-value-change .switch-group.blue button span {
  line-height: 20px;
}
.criteria-configuration .information-text {
  color: #757575;
  margin-top: 4px;
  padding-left: 8px;
}
.criteria-configuration.text-filter .checkboxes-options-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.criteria-configuration.text-filter .checkboxes-options-wrapper label {
  margin-bottom: 0px;
}
.criteria-configuration.text-filter .checkboxes-options-wrapper .filter-checkbox-wrapper span {
  padding-top: 4px;
  padding-bottom: 4px;
}
.criteria-configuration.text-filter .default-option {
  margin-right: 5px;
  padding-right: 4px;
}
.criteria-configuration.text-filter .criteria-text-radio-option {
  margin: 0 5px 5px 0;
}
.criteria-configuration.text-filter .criteria-text-radio-option .group-option-label {
  font-size: 13px;
  line-height: 21px;
}
.criteria-configuration.text-filter .criteria-text-radio-option svg {
  font-size: 17px;
}
.criteria-configuration.text-filter .criteria-text-radio-option .criteria-text-radio-option-radio {
  padding: 4px;
}
.criteria-configuration.targeted-by .date-range-picker,
.criteria-configuration.last-successflow .date-range-picker {
  margin-top: 15px;
}
.criteria-configuration .date-range-picker {
  width: 100%;
  padding: 0px 0px 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.filter-change .material-icons {
  font-size: 22px;
}
.filter-change .percent-both {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.filter-change .percent-both .material-icons {
  font-size: 16px;
  line-height: 10px;
}
.filter-change .switch-group.blue button {
  height: 35px;
}
.filter-change .switch-group.blue button span {
  line-height: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
div.filter-wrapper {
  border-radius: 8px;
  overflow: visible;
}
div.filter-wrapper .select-text-field {
  max-height: 400px;
  overflow-y: auto;
}
div.filter-wrapper .segment-filter-box {
  width: 365px;
  min-height: 200px;
  padding: 15px 25px 20px;
  margin-bottom: 60px;
}
div.filter-wrapper .segment-filter-box .react-select-dropdown__value-container {
  max-height: 380px;
  overflow-y: auto;
}
div.filter-wrapper .segment-filter-box .segment-filter-header .filter-breadcrumbs {
  margin-bottom: 30px;
}
div.filter-wrapper .segment-filter-box .segment-filter-header .filter-breadcrumbs .filter-type {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
}
div.filter-wrapper .segment-filter-box .segment-filter-header .filter-breadcrumbs .devider .fa {
  margin: 0px 10px;
  font-weight: 600;
  font-size: 13px;
}
div.filter-wrapper .segment-filter-box .segment-filter-header .filter-breadcrumbs .clickable {
  text-decoration: underline;
  cursor: pointer;
}
div.filter-wrapper .segment-filter-box .segment-filter-header .title {
  font-size: 18px;
  line-height: 22px;
  color: #282828;
  padding-bottom: 23px;
}
div.filter-wrapper .segment-filter-box .segment-filter-header .icon {
  margin-left: 7px;
  font-size: 12px;
  color: #757575;
}
div.filter-wrapper .segment-filter-box .segment-filter-footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  padding: 10px 25px;
}
div.filter-wrapper .segment-filter-box .segment-filter-footer .animated-checkbox-wrapper {
  margin-bottom: 10px;
}
div.filter-wrapper .segment-filter-box .segment-filter-footer .animated-checkbox-wrapper .fa {
  margin-right: 4px;
  position: relative;
  top: 1px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.impact-segment-content .segment-filters .segment-filters-container {
  max-width: initial;
}
.filters-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.segment-filters {
  padding: 18px 15px;
  background-color: white;
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.segment-filters.hide {
  padding: 0;
  height: 0px;
}
.segment-filters .segment-filters-container {
  max-width: 1400px;
  display: flex;
  align-items: center;
  height: 100%;
  margin: auto;
  flex-wrap: wrap;
}
.segment-filters .segment-filters-container .segment-terms-wrapper {
  overflow-y: auto;
  max-height: 400px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.segment-filters .segment-filters-container .segment-terms-wrapper .filter-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.segment-filters .segment-filters-container .segment-terms-wrapper .filter-label-move .popover-trigger-wrapper {
  max-width: 100%;
}
.segment-filters .segment-filters-container .segment-terms-wrapper .filter-label-move .popover-trigger-wrapper .segment-filter-label {
  max-width: 100%;
}
.segment-filters .segment-filters-container .segment-terms-wrapper .more-filters {
  color: #5DACD2;
  font-size: 13px;
  padding-top: 2px;
  display: inline-block;
}
.segment-filters .segment-filters-container .segment-terms-wrapper .more-filters .more-filters-label {
  position: relative;
  line-height: 24px;
  padding: 0px 10px;
  background-color: #fff;
  border-radius: 20px;
  margin: 4px 0px;
}
.segment-filters .popover-trigger-wrapper {
  position: relative;
}
.segment-filters .popover-trigger-wrapper.popover-trigger-open {
  z-index: 1301;
}
@media (max-height: 550px) {
  .segment-filters .popover-trigger-wrapper.popover-trigger-open {
    z-index: 1300;
  }
}
@media (max-height: 750px) {
  .segment-filters .filter-label-container.popover-trigger-wrapper.popover-trigger-open {
    z-index: 1300;
  }
}
.filters-menu {
  position: relative;
  box-sizing: border-box;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  z-index: 6;
  font-size: 13px;
}
.segments-menu-popover-tooltip {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.segments-menu-popover-tooltip .menu-item-tooltip {
  background-color: #fff;
  padding: 10px;
  margin: 0px;
}
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-label {
  font-size: 13px;
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-type-desc {
  max-height: 15px;
}
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-type-desc .attribute-type-icon,
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-type-desc .fa {
  margin-right: 8px;
}
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-filter-report-desc {
  display: flex;
}
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-filter-report-desc .attribute-type-icon,
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-filter-report-desc .fa {
  margin-right: 8px;
}
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-description,
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-type-desc,
.segments-menu-popover-tooltip .menu-item-tooltip .menu-item-filter-report-desc {
  margin-top: 9px;
  font-size: 12px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.success-play-popover-container {
  width: 450px;
  padding: 15px;
  border: 1px solid #E7E7E7;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.success-play-popover-container .successplay-popover-content .successplay-icon {
  margin-top: 3px;
}
.success-play-popover-container .successplay-popover-content .successplay-icon .icon-SuccessPlays {
  font-size: 20px;
  color: #757575;
  opacity: 0.5;
}
.success-play-popover-container .successplay-popover-content .success-flow-icon-label {
  margin-left: 7px;
  vertical-align: middle;
}
.success-play-popover-container .successplay-popover-content .success-flow-icon-label .custom-label-icon {
  vertical-align: middle;
  height: 25px;
}
.success-play-popover-container .successplay-popover-content .owner-details .owner-role {
  color: #757575;
}
.success-play-popover-container .successplay-popover-content .success-bloc .success-bloc-icon {
  margin-right: 3px;
}
.success-play-popover-container .successplay-popover-content .trigger .trigger-icon {
  margin-right: 3px;
}
.success-play-popover-container .successplay-popover-content .segment-filters {
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.success-play-popover-container .successplay-popover-content .segment-filters .filter-icon {
  display: none;
}
.success-play-popover-container .successplay-popover-content .segment-filters .popover-trigger-wrapper {
  cursor: default;
}
.success-play-popover-container .successplay-popover-content .segment-filters .popover-trigger-wrapper .segment-filter-label .segment-filter-label-text {
  max-width: 350px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.entity-details-content .entity-section {
  align-items: center;
  margin-bottom: 15px;
  font-size: 13px;
}
.entity-details-content .entity-section .section-title {
  height: 24px;
  line-height: 24px;
  color: #757575;
}
.entity-details-content .entity-section .section-title .icon {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  font-size: 13px;
  height: 13px;
  margin-right: 3px;
}
.entity-details-content .entity-section .section-title .text {
  height: 13px;
  line-height: 13px;
  font-size: 13px;
}
.entity-details-content .entity-title {
  min-height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  word-break: break-all;
}
.entity-details-content .entity-description {
  font-size: 13px;
}
.entity-details-content .account-data .account-cell__basic-info {
  font-size: 13px;
}
.entity-details-content .successPlay {
  display: flex;
  align-items: center;
}
.entity-details-content .successPlay .successPlay-name {
  max-width: 250px;
  margin-right: 10px;
}
.entity-details-content .entity-owner .owner {
  display: flex;
  align-items: center;
}
.entity-details-content .entity-assets {
  align-items: flex-start;
}
.entity-details-content .loading-indicator {
  width: 50px;
}
.entity-details-content .loading-indicator .loading-indicator-wrapper {
  height: 0;
  margin: 0;
}
.entity-details-content .loading-indicator .loading-indicator-wrapper .new-spinner .spinner {
  text-align: left;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.success-play-title {
  padding: 7px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px;
}
.success-play-title__main-section {
  flex-grow: 0;
  max-width: 48%;
  flex-basis: 48%;
}
.success-play-title__icon {
  width: 30px;
  padding-right: 7px;
  color: #757575;
  opacity: 0.5;
  font-size: 20px;
}
.success-play-title__icon.fa-check-square-o {
  opacity: 0.8;
  font-size: 18px;
}
.success-play-title__text {
  padding-right: 7px;
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}
@media (min-width: 1480px) {
  .success-play-title__text {
    max-width: 800px;
  }
}
.success-play-title .associated-users-icon {
  color: #979797;
  height: 14px;
  width: 14px;
}
.success-play-title__info-icon,
.success-play-title .success-play-popover-trigger {
  padding-right: 7px;
  height: 14px;
  line-height: 14px;
  cursor: pointer;
}
.success-play-title__info-icon .react--info-icon,
.success-play-title .success-play-popover-trigger .react--info-icon {
  color: #282828;
  opacity: 0.5;
  font-size: 14px;
  line-height: 14px;
}
.success-play-title__success-flow {
  padding-right: calc(7px * 2);
  font-size: 11px;
}
.success-play-title__success-flow .custom-label-icon {
  height: 21px;
}
.success-play-title__account {
  flex-grow: 0;
  max-width: 19%;
  flex-basis: 19%;
}
.success-play-title__account .account-cell__basic-info {
  max-width: 200px;
}
@media (min-width: 1380px) and (max-width: 1480px) {
  .success-play-title__account .account-cell__basic-info {
    max-width: 300px;
  }
}
@media (min-width: 1480px) {
  .success-play-title__account .account-cell__basic-info {
    max-width: 350px;
  }
}
.success-play-title__account .account-cell__basic-info .account-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.success-play-title__tasks {
  flex-grow: 0;
  max-width: 18%;
  flex-basis: 18%;
  padding-left: 7px;
}
.success-play-title__due-date {
  flex-grow: 0;
  max-width: 11%;
  flex-basis: 11%;
  justify-content: left;
}
.success-play-title__assignee {
  flex-grow: 0;
  max-width: 4%;
  flex-basis: 4%;
}
.success-play-title__assignee .hover-element {
  width: 100%;
}
.success-play-title__assignee .hover-element .full-assignee-details-container {
  display: flex;
  align-items: center;
}
.success-play-title__assignee > .full-assignee-details-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.success-play-title__kebbab {
  flex-grow: 0;
  max-width: 2%;
  flex-basis: 2%;
  visibility: hidden;
  justify-content: flex-end;
  margin-left: auto;
}
.success-play-title:hover .success-play-title__kebbab {
  visibility: visible;
  text-align: center;
}
.success-play-title:hover .success-play-title__kebbab .popover-trigger-wrapper {
  padding: 0 5px;
}
.success-play-title:hover .success-play-title__kebbab .popover-trigger-wrapper:hover {
  background: #F5F5F5;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collapse-box {
  width: 100%;
  margin: auto;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.collapse-box.disabled {
  background-color: #EEEEEE;
}
.collapse-box.disabled .collapse-title {
  cursor: auto;
}
.collapse-box.disabled .collapse-title-text {
  color: #757575;
}
.collapse-box .collapse-title {
  margin-left: 18px;
  padding: 10px 0;
  display: flex;
  align-items: flex-start;
  text-transform: capitalize;
  cursor: pointer;
}
.collapse-box .collapse-title-text {
  color: #282828;
  font-size: 18px;
  margin-left: 20px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.collapse-box .collapse-title-text .subtitle {
  font-size: 13px;
  color: #757575;
  text-transform: none;
}
.collapse-box .collapse-toggle-button {
  font-size: 16px;
  color: #757575;
  cursor: pointer;
}
.collapse-box .collapse-toggle-button.expanded {
  transform: rotate(90deg);
}
.collapse-box .collapse-box-content {
  margin-left: 61px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.successPlays-list .successPlays {
  height: 215px;
  overflow-y: auto;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  background-color: #FAFAFA;
  padding: 10px;
}
.successPlays-list .successPlays .collapse-box {
  background-color: transparent;
  box-shadow: none;
}
.successPlays-list .successPlays .collapse-box .collapse-title {
  margin-left: 0;
}
.successPlays-list .successPlays .collapse-box .collapse-title .collapse-toggle-button {
  font-weight: 600;
  color: #282828;
}
.successPlays-list .successPlays .collapse-box .collapse-title .collapse-title-text {
  font-weight: 600;
  margin-left: 0;
  color: #282828;
  font-size: 13px;
}
.successPlays-list .successPlays .collapse-box .collapse-box-content {
  margin-left: 15px;
}
.successPlays-list .successPlays .successPlay {
  margin-bottom: 5px;
}
.successPlays-list .successPlays .successPlay .animated-checkbox-wrapper .animated-checkbox-label .checkBox-title {
  margin-top: 3px;
  color: #282828;
  line-height: 13px;
  font-size: 13px;
}
.successPlays-list .successPlays .successPlay .animated-checkbox-wrapper .animated-checkbox-label .checkBox-label {
  color: #757575;
  font-size: 10px;
}

.edit-objective-modal.has-successplays .confirmation-dialog-paper {
  height: 660px;
}
.edit-objective-modal .confirmation-dialog-paper {
  width: 650px;
  height: 385px;
}
.edit-objective-modal .confirmation-dialog-paper .dialog-title {
  margin-bottom: 5px;
}
.edit-objective-modal .confirmation-dialog-paper .dialog-content {
  overflow: auto;
}
.edit-objective-modal .confirmation-dialog-paper .dialog-content .new-objective-description,
.edit-objective-modal .confirmation-dialog-paper .dialog-content .new-objective-successPlays {
  margin-top: 15px;
}
.edit-objective-modal .confirmation-dialog-paper .dialog-content .description-tip {
  margin-top: 5px;
  font-size: 12px;
}
.edit-objective-modal .confirmation-dialog-paper .dialog-content .successPlays-list {
  margin-top: 15px;
}
.edit-objective-modal .confirmation-dialog-paper .dialog-content .run-successPlay {
  margin-top: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.objective-group-title .objective-text {
  text-transform: uppercase;
  font-size: 10px;
  color: #757575;
}
.objective-group-title .objective-text .fa {
  margin-right: 5px;
}
.objective-group-title .objective-content {
  max-width: 650px;
  text-transform: none;
}
.objective-group-title .objective-content .objective-title {
  font-size: 16px;
  font-weight: 600;
  color: #282828;
  word-break: break-all;
}
.objective-group-title .objective-content .objective-description {
  font-size: 13px;
  color: #757575;
  white-space: pre-wrap;
}
.objective-group-title.group-is-collapsed .objective-title,
.objective-group-title.group-is-collapsed .objective-description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.objective-group-title .objective-actions {
  visibility: hidden;
  width: 22px;
  margin-left: 10px;
  font-size: 12px;
}
.objective-group-title .objective-actions .actions-dropdown-list .popover-trigger-wrapper {
  border-radius: 50%;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
}
.objective-group-title .hoverable {
  display: flex;
  border-radius: 5px;
}
.objective-group-title .hoverable .left-side {
  width: 46%;
  padding-right: 5px;
}
.objective-group-title .hoverable .tasks-status {
  width: 48%;
  margin-top: 18px;
}
.objective-group-title .hoverable .tasks-status .task-group-status-cell.completed {
  text-decoration: none;
}
.objective-group-title .hoverable .right-side {
  width: 5%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.objective-group-title .hoverable:hover .objective-actions,
.objective-group-title .hoverable.actions-open .objective-actions {
  visibility: visible;
}
.objective-group-title .inline-actions {
  margin-top: 10px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 220px;
}
.objective-group-title .inline-actions__title {
  color: #757575;
  font-weight: 600;
}
.objective-group-title .inline-actions .inline-action {
  height: 20px;
  line-height: 20px;
}
.objective-group-title .inline-actions .inline-action span {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.objective-group-title .inline-actions .inline-action span:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.objective-group-title .inline-actions .inline-action i {
  margin-right: 5px;
  color: #5DACD2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.single-task-status-cell {
  font-size: 18px;
  vertical-align: middle;
  display: inline-block;
  color: #40AD90;
}
.single-task-status-cell.fa-square-o {
  cursor: pointer;
}
.single-task-status-cell.fa-square-o.disabled {
  cursor: not-allowed;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.reassign-task-btn {
  display: flex;
}
.reassign-task-btn.error {
  cursor: not-allowed;
  opacity: 0.7;
}
.reassign-popover .MuiPopover-paper {
  padding: 15px;
}
.reassign-popover .MuiPopover-paper .title {
  display: flex;
  vertical-align: middle;
  line-height: 23px;
  margin-bottom: 10px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.reassign-popover .MuiPopover-paper .title .fallback-reason-icon {
  margin: 4px 10px 0 0;
}
.reassign-popover .MuiPopover-paper .content > div {
  text-transform: uppercase;
  color: #757575;
  font-size: 11px;
  margin-bottom: 5px;
}
.reassign-popover .MuiPopover-paper .content .btn-action {
  text-transform: capitalize;
  color: #54A7CF;
}
.reassign-popover .MuiPopover-paper .content .btn-action:hover {
  cursor: pointer;
}
.reassign-popover .MuiPopover-paper .content .btn-action.disable {
  color: #757575;
}
.reassign-popover .MuiPopover-paper .content .btn-action.disable:hover {
  cursor: not-allowed;
}
.reassign-popover .MuiPopover-paper .content .divider {
  background-color: #A7A7A9;
  margin: 0 5px;
  padding: 0 0.5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.single-task {
  padding: 4px 4px 4px 30px;
}
.single-task__task-details {
  height: 30px;
  border-radius: 5px;
  flex-grow: 0;
  max-width: 85%;
  flex-basis: 85%;
}
.single-task.showing-account .single-task__task-details {
  flex-grow: 0;
  max-width: 48%;
  flex-basis: 48%;
}
.single-task.showing-account .full-task-container {
  max-width: 375px;
}
@media (min-width: 1366px) and (max-width: 1480px) {
  .single-task.showing-account .full-task-container {
    max-width: 400px;
  }
}
@media (min-width: 1480px) and (max-width: 1600px) {
  .single-task.showing-account .full-task-container {
    max-width: 460px;
  }
}
@media (min-width: 1600px) {
  .single-task.showing-account .full-task-container {
    max-width: 510px;
  }
}
.single-task .single-task-status-cell {
  min-width: 15px;
}
.single-task__task-title {
  vertical-align: middle;
  height: 17px;
  line-height: 17px;
  padding-left: 10px;
  padding-right: 7px;
  color: #282828;
  width: 100%;
}
.single-task__task-title > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-task__assets {
  font-size: 15px;
  opacity: 0.6;
  color: #282828;
  padding-right: 7px;
}
.single-task__priority {
  font-size: 10px;
  width: 70px;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  padding: 0 5px;
  color: #DD4C54;
}
.single-task__successFlow {
  padding-left: 2px;
  font-size: 11px;
  line-height: 15px;
}
.single-task.is-filtered .single-task__task-details,
.single-task.is-completed .single-task__task-details,
.single-task.is-filtered .sp-due-date-cell,
.single-task.is-completed .sp-due-date-cell,
.single-task.is-filtered .single-task__account,
.single-task.is-completed .single-task__account,
.single-task.is-filtered .single-task__assignee,
.single-task.is-completed .single-task__assignee {
  opacity: 0.75;
}
.single-task.is-completed .single-task__task-title,
.single-task.is-completed .account-gravatar-container {
  text-decoration: line-through;
}
.single-task__account {
  flex-grow: 0;
  max-width: 37%;
  flex-basis: 37%;
}
.single-task__account .account-cell__basic-info .account-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-task__due-date {
  flex-grow: 0;
  max-width: 11%;
  flex-basis: 11%;
  justify-content: left;
}
.single-task__assignee {
  flex-grow: 0;
  max-width: 2.5%;
  flex-basis: 2.5%;
}
.single-task__assignee .hover-element {
  width: 100%;
}
.single-task__assignee .hover-element .single-task-assignee-container {
  display: flex;
  align-items: center;
}
.single-task__kebbab {
  visibility: hidden;
  justify-content: flex-end;
  flex-grow: 0;
  max-width: 1.5%;
  flex-basis: 1.5%;
  margin-left: auto;
}
.single-task:hover .single-task__kebbab {
  visibility: visible;
}
.single-task .full-task-container {
  display: flex;
  align-items: center;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 5px 5px 0;
  cursor: pointer;
  max-width: 600px;
  margin-left: 5px;
}
.single-task .full-task-container .single-task__task-title {
  font-size: 14px;
}
.single-task .full-task-container .single-task__task-title p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.single-task .full-task-container:hover {
  border-radius: 5px;
  background-color: rgba(216, 216, 216, 0.3);
}
.single-task .full-task-container .show-full-task-section {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-task.form-task .icon-form-task {
  color: #EE416A;
  font-size: 13px;
  padding-left: 10px;
  padding-right: 3px;
  vertical-align: middle;
}
.single-task.form-task .single-task__task-details {
  height: auto;
}
.single-task.form-task .single-task-status-cell {
  align-self: flex-start;
  margin-top: 6px;
}
.single-task.form-task .show-full-task-section {
  pointer-events: none;
}
.single-task.form-task .show-full-task-section .single-task__task-title {
  display: inline-block;
  padding-left: 0;
  font-size: 14px;
}
.single-task.form-task .show-full-task-section .single-task__task-title > p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.single-task.form-task .show-full-task-section:hover {
  background-color: transparent;
  cursor: pointer;
}
.single-task.form-task .single-task-form .form-holder {
  display: flex;
  padding-left: 10px;
}
.single-task.form-task .single-task-form .form-holder .btn-open-form {
  color: #58A8CD;
  font-size: 13px;
}
.single-task.form-task .single-task-form .form-holder .btn-open-form:hover {
  cursor: pointer;
}
.single-task.form-task .single-task-form .form-holder .btn-preview-form:hover {
  cursor: pointer;
}
.single-task.form-task .single-task-form.no-title {
  padding: 3px 0 0;
}
.single-task.form-task .single-task-form.no-title .form-holder {
  display: inline-flex;
  padding-left: 0;
}
.single-task.form-task.is-completed .form-holder .btn-open-form {
  color: #282828;
}
.single-task.form-task.is-completed .form-holder .btn-open-form .fa {
  display: none;
  padding-left: 10px;
}
.single-task.form-task.is-completed .form-holder .btn-open-form:hover .fa {
  display: inline-flex;
}
.task-undo-notification .text-wrapper button {
  position: relative;
  left: 60px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.new-portfolio .grouped-task-list.success-play-view {
  padding-top: 0px;
}
.new-portfolio .grouped-task-list.success-play-view .task-associated-users {
  padding: 5px 25px;
}
.success-play-view {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  margin-bottom: 15px;
}
.success-play-view .single-task {
  padding-left: 38px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.objective-group {
  margin-bottom: 20px;
  border-radius: 8px;
  border-color: #F0F0F0;
}
.objective-group .collapse-box {
  box-shadow: none;
  border-radius: 8px;
  border: 1px solid #F0F0F0;
}
.objective-group .collapse-box:not(.collapsed) {
  padding-bottom: 10px;
}
.objective-group .collapse-title-text {
  width: 100%;
  margin-left: 5px;
}
.objective-group .collapse-box-content {
  margin-left: 36px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.objectiveless-tasks-header-wrapper {
  border-bottom: 1px dashed #dddddd;
}
.objectiveless-tasks-header-wrapper.hide-border {
  border: none;
}
.objectiveless-tasks-header-wrapper .objectiveless-tasks-header {
  margin: 20px 0;
  height: 40px;
  padding: 0 20px;
  border-radius: 3px;
  background-color: #FAFAFA;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.objectiveless-tasks-header-wrapper .objectiveless-tasks-header .add-new-objective {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.objectiveless-tasks-header-wrapper .objectiveless-tasks-header .add-new-objective:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.objectiveless-tasks-header-wrapper .objectiveless-tasks-header .add-new-objective svg {
  font-size: 17px;
}
.objectiveless-tasks-header-wrapper .objectiveless-tasks-header .learn-more {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.objectiveless-tasks-header-wrapper .objectiveless-tasks-header .learn-more:hover {
  text-decoration: underline;
  color: #5DACD2;
}


/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.general-error {
  text-align: center;
  margin-top: 50px;
}
.general-error h1 {
  font-size: 20px;
}
.portal-plan-no-result {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding-top: 100px;
}
.portal-plan-no-result span {
  color: #282828;
  font-size: 18px;
  margin-bottom: 30px;
}
.account-profile-objectives-widget .objective-group {
  margin-bottom: 20px;
}
.account-profile-objectives-widget .objective-group .objective-successplay-list {
  margin-top: 15px;
}
.account-profile-objectives-widget .objective-group .collapse-box.disabled {
  background-color: #fff;
}
.account-profile-objectives-widget .objective-group .collapse-box.disabled .collapse-toggle-button {
  display: none;
}
.account-profile-objectives-widget .objective-group:not(.objectiveless-tasks) .success-play-view {
  margin-right: 30px;
}
.account-profile-objectives-widget .objective-group.objectiveless-tasks .objective-successplay-list {
  margin-top: 20px;
}
.account-profile-objectives-widget .objective-group .success-play-view {
  overflow: hidden;
  margin-bottom: 13px;
}
.account-profile-objectives-widget .objective-group .success-play-view .collapse-box-content {
  margin-left: 13px;
}
.account-profile-objectives-widget .objective-group .success-play-view.is-shared {
  border-color: rgba(63, 173, 144, 0.45);
}
.account-profile-objectives-widget .objective-group .success-play-view.is-shared .collapse-box {
  border-color: rgba(63, 173, 144, 0.45);
}
.account-profile-objectives-widget .objective-group .success-play-view.is-shared .collapse-box .collapse-title {
  border-color: rgba(63, 173, 144, 0.45);
  background-color: #F2F9F7;
}
.account-profile-objectives-widget .objective-group .success-play-view.is-collapsed .collapse-box .collapse-title {
  border-bottom-color: transparent;
}
.account-profile-objectives-widget .objective-group .success-play-view .collapse-box {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.account-profile-objectives-widget .objective-group .success-play-view .collapse-box .collapse-box-content .tasks-group {
  margin-top: 10px;
}
.account-profile-objectives-widget .objective-group .success-play-view .collapse-box .collapse-title {
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
}
.account-profile-objectives-widget .objective-group .success-play-view .collapse-box .collapse-title .collapse-toggle-button {
  opacity: 0.7;
  margin-left: 5px;
  font-size: 20px;
}
.account-profile-objectives-widget .objective-group .success-play-view .collapse-box .task-associated-users {
  margin-left: 5px;
  margin-right: 5px;
}
.account-profile-objectives-widget .objective-group .owner-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-profile-objectives-widget .objective-group .owner-name a {
  color: #757575;
  border-bottom: 1px dashed #939598;
}
.account-profile-objectives-widget .objective-group .owner-name a:hover {
  color: #5DACD2;
}
.account-profile-objectives-widget .objective-group .success-play-title {
  border-bottom: none;
}
.account-profile-objectives-widget .objective-group .success-play-title__icon {
  font-size: 16px;
  width: auto;
}
.account-profile-objectives-widget .objective-group .success-play-title__main-section {
  flex-grow: 0;
  max-width: 46%;
  flex-basis: 46%;
}
.account-profile-objectives-widget .objective-group .success-play-title__text {
  max-width: 400px;
}
.account-profile-objectives-widget .objective-group .success-play-title__success-flow .custom-label-icon {
  background: transparent;
}
.account-profile-objectives-widget .objective-group .success-play-title__account {
  display: none;
}
.account-profile-objectives-widget .objective-group .success-play-title__tasks {
  flex-grow: 0;
  max-width: 19%;
  flex-basis: 19%;
  padding-left: 0;
}
.account-profile-objectives-widget .objective-group .success-play-title__due-date {
  flex-grow: 0;
  max-width: 13%;
  flex-basis: 13%;
}
.account-profile-objectives-widget .objective-group .success-play-title__assignee {
  flex-grow: 0;
  max-width: 10%;
  flex-basis: 10%;
  flex-wrap: nowrap;
}
.account-profile-objectives-widget .objective-group .success-play-title__assignee.co-owner .gravatar-image {
  border-color: #3FAD90;
}
.account-profile-objectives-widget .objective-group .success-play-title.minimized .success-play-title__tasks {
  flex-grow: 0;
  max-width: 14%;
  flex-basis: 14%;
}
.account-profile-objectives-widget .objective-group .success-play-title.minimized .success-play-title__tasks > .task-group-status-cell > .status-text {
  display: none;
}
.account-profile-objectives-widget .objective-group .success-play-title.minimized .success-play-title__assignee {
  flex-grow: 0;
  max-width: 5%;
  flex-basis: 5%;
}
.account-profile-objectives-widget .objective-group .success-play-title.minimized .success-play-title__main-section {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}
.account-profile-objectives-widget .objective-group .success-play-title.minimized .success-play-title__due-date {
  flex-grow: 0;
  max-width: 23%;
  flex-basis: 23%;
}
.account-profile-objectives-widget .objective-group .tasks-group {
  margin-left: 13px;
}
.account-profile-objectives-widget .objective-group .single-task.is-minimized .single-task__task-details {
  flex-grow: 0;
  max-width: 62%;
  flex-basis: 62%;
}
.account-profile-objectives-widget .objective-group .single-task.is-minimized .single-task__due-date {
  flex-grow: 0;
  max-width: 24%;
  flex-basis: 24%;
}
.account-profile-objectives-widget .objective-group .single-task.is-minimized .single-task__assignee {
  flex-grow: 0;
  max-width: 11%;
  flex-basis: 11%;
}
.account-profile-objectives-widget .objective-group .single-task.is-minimized .single-task__assignee .owner-name {
  display: none;
}
.account-profile-objectives-widget .objective-group .single-task__task-details {
  flex-grow: 0;
  max-width: 65%;
  flex-basis: 65%;
}
.account-profile-objectives-widget .objective-group .single-task__account {
  display: none;
}
.account-profile-objectives-widget .objective-group .single-task .full-task-container {
  max-width: 600px;
}
@media (max-width: 1480px) {
  .account-profile-objectives-widget .objective-group .single-task .full-task-container {
    max-width: 400px;
  }
}
.account-profile-objectives-widget .objective-group .single-task__due-date {
  flex-grow: 0;
  max-width: 13%;
  flex-basis: 13%;
}
.account-profile-objectives-widget .objective-group .single-task__assignee {
  flex-grow: 0;
  max-width: 10%;
  flex-basis: 10%;
  flex-wrap: nowrap;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-objective-box:not(.is-single) {
  min-height: 275px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background-color: #fff;
  margin-bottom: 20px;
}
.account-objective-box:not(.is-single) .content {
  padding: 20px 20px 0 20px;
  overflow: hidden;
}
.account-objective-box:not(.is-single) .footer {
  border-top: 1px solid #d8d8d8;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.account-objective-box:not(.is-single):not(.is-expanded) {
  height: 275px;
}
.account-objective-box:not(.is-single):not(.is-expanded) .account-profile-objectives-widget {
  overflow: hidden;
}
.account-objective-box .account-data {
  display: flex;
  align-items: center;
  height: 22px;
  margin-bottom: 20px;
}
.account-objective-box .account-data .account-cell__basic-info {
  height: 22px;
}
.account-objective-box .account-data .account-name {
  font-size: 18px;
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.customer-view-modal.confirmation-dialog .confirmation-dialog-paper {
  min-height: 700px;
}
.customer-view-modal.confirmation-dialog .confirmation-dialog-paper .portal-account-profile-header {
  position: relative;
  box-shadow: none;
  font-size: 15px;
}
.share-plan-modal.confirmation-dialog .confirmation-dialog-paper {
  overflow: visible;
}
.share-plan-modal.confirmation-dialog .dialog-title .description {
  color: #757575;
  font-size: 12px;
}
.share-plan-modal.confirmation-dialog .dialog-content {
  overflow: visible;
}
.share-plan-modal.confirmation-dialog .confirmation-dialog-paper {
  width: 680px;
}
.customer-portal-share-btn-bg {
  border-radius: 4px;
  padding: 5px 0px 5px 4px;
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.customer-portal-share-btn-bg .open-customer-view {
  font-size: 13px;
  margin-left: 12px;
  color: #3FAD90;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.share-portal-button-wrapper {
  display: flex;
  align-items: center;
}
.share-portal-button-wrapper .not-shared-messaged {
  margin-right: 8px;
}
.share-portal-button-wrapper .share-portal-btn {
  border: 1px solid #3FAD90;
  border-radius: 4px;
  background-color: #fff;
  color: #3FAD90;
  display: flex;
  align-items: center;
  padding: 0px 3px;
  line-height: 21px;
}
.share-portal-button-wrapper .share-portal-btn i {
  margin-right: 5px;
  font-size: 13px;
  position: relative;
  top: -1px;
}
.share-plan-modal-body {
  padding-right: 3px;
  padding-left: 3px;
}
.share-plan-modal-body .email-content-wrapper {
  margin-top: 35px;
}
.share-plan-modal-body .email-content-wrapper .animated-checkbox-wrapper {
  margin-bottom: 6px;
}
.share-plan-modal-body .notify-btns-container {
  margin-bottom: 12px;
}
.share-plan-modal-body .invite-btn {
  margin-right: 12px;
}
.share-plan-modal-body .emails-selector {
  margin-bottom: 10px;
}
.share-plan-modal-body .share-account-container {
  margin-top: 30px;
  margin-bottom: 35px;
}
.share-plan-modal-body .share-account-container .title {
  font-size: 17px;
  margin-right: 15px;
}
.share-plan-modal-body .notify-message,
.share-plan-modal-body .contact-names {
  border-radius: 4px;
  width: 100%;
  border: 1px #dddddd solid;
  padding: 10px 13px;
  background-color: #F5F5F5;
  color: #757575;
  font-size: 13px;
}
.share-plan-modal-body .notify-message {
  padding-top: 12px;
  padding-bottom: 25px;
  font-size: 12px;
}
.select-successplays-to-share-modal .confirmation-dialog-paper {
  width: 680px;
  height: 461px;
}
.select-successplays-to-share-modal .dialog-title {
  color: #282828;
  margin-bottom: 15px;
}
.select-successplays-to-share-modal .dialog-title .title {
  font-size: 18px;
}
.select-successplays-to-share-modal .dialog-title .title .title-icon {
  margin-right: 5px;
}
.select-successplays-to-share-modal .dialog-content {
  color: #282828;
}
.select-successplays-to-share-modal .dialog-content .title-container {
  margin-bottom: 15px;
  font-size: 13px;
}
.select-successplays-to-share-modal .dialog-content .successPlays {
  height: 253px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.inline-button {
  cursor: pointer;
  color: #5DACD2;
  background-color: #fff;
}
.inline-button:hover {
  color: #918dbd;
}
.inline-button.disabled {
  color: #282828;
  cursor: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.user-info-chip {
  display: flex;
  align-items: center;
  height: auto;
  width: auto;
  border-radius: 4px;
  padding: 4px 8px 4px 4px;
  background-color: #EEEEEE;
}
.user-info-chip .account-gravatar-container {
  margin-right: 8px;
}
.user-info-chip .account-gravatar-container .gravatar-wrapper {
  margin: 0;
}
.user-info-chip .full-name {
  text-transform: capitalize;
  font-weight: 600;
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-shared-users-modal .confirmation-dialog-paper {
  height: auto;
  width: 700px;
  border-radius: 7px;
  padding: 30px;
}
.account-shared-users-modal .dialog-content {
  display: flex;
  flex-direction: column;
  margin: 26px 0 20px;
}
.account-shared-users-modal .dialog-content .account-team {
  display: flex;
  flex-direction: column;
}
.account-shared-users-modal .dialog-content .account-team:first-of-type {
  margin-bottom: 50px;
}
.account-shared-users-modal .dialog-content .account-team:last-of-type {
  margin: 0;
}
.account-shared-users-modal .dialog-content .account-team > span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: #282828;
}
.account-shared-users-modal .dialog-content .account-team > div {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  background: #F9F9F9;
}
.account-shared-users-modal .dialog-content .account-team > div > * {
  margin: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.portal-account-profile-header {
  padding: 8px 18px;
  height: 64px;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 2;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.portal-account-profile-header .side-logo {
  display: flex;
  align-items: center;
  max-height: 25px;
}
.portal-account-profile-header .account-list {
  display: flex;
  align-items: center;
  font-size: 19px;
  line-height: 20px;
  margin-left: 30px;
}
.portal-account-profile-header .account-list .single-account-name,
.portal-account-profile-header .account-list .selected-title-label {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.portal-account-profile-header .account-list .accounts-dropdown {
  width: 250px;
}
.portal-account-profile-header .account-list .accounts-dropdown.advanced-select.react-select-dropdown-container {
  background-color: transparent;
}
.portal-account-profile-header .account-list .accounts-dropdown.advanced-select.react-select-dropdown-container .control-wrapper {
  border: none;
}
.portal-account-profile-header .account-list .accounts-dropdown.advanced-select.react-select-dropdown-container .selected-title-wrapper {
  align-items: center;
  display: flex;
}
.portal-account-profile-header .account-list .accounts-dropdown .dropdown-multiple-selector__single-value {
  font-weight: 600;
  color: #282828;
  font-size: 16px;
}
.portal-account-profile-header .account-list .accounts-dropdown .dropdown-multiple-selector .dropdown-multiple-selector__menu {
  z-index: 2;
}
.portal-account-profile-header .shared-accounts {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: auto;
  margin-left: 30px;
  padding: 10px;
  border-radius: 4px;
  background: transparent;
  transition: background 0.5s;
  will-change: background;
}
.portal-account-profile-header .shared-accounts:hover {
  background: #F5F5F5;
}
.portal-account-profile-header .shared-accounts .icon {
  color: #757575;
  border: 1px solid #B5B8BC;
  margin-right: 10px;
  border-radius: 30px;
  padding: 5px;
  width: 28px;
  height: 28px;
}
.portal-account-profile-header .shared-accounts .shared-label {
  color: #757575;
}
.portal-account-profile-header .user {
  margin-left: auto;
}
.portal-account-profile-header .user .actions-dropdown-list-popover {
  width: 150px;
}
.portal-account-profile-header .user .user-component {
  display: flex;
  align-items: center;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.terms-modal .confirmation-dialog-paper {
  height: 599px;
  width: 601px;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
}
.terms-modal .dialog-content {
  background-color: #FAFAFA;
  padding: 22px 22px 0 22px;
  margin: 26px 0 20px;
  overflow-x: hidden;
  word-break: break-word;
}

.account-success-plan-header {
  display: flex;
  justify-content: space-between;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.loading-field-data-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 40px;
}
.loading-field-data-card > .MuiSkeleton-text {
  transform: scale(1);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.widget-header-title {
  display: flex;
  align-items: center;
}
.widget-header-title .widget-icon {
  margin-right: 10px;
}
.widget-header-title .widget-icon.MuiSvgIcon-root {
  height: auto;
  font-size: 18px;
}
.widget-header-title .widget-text {
  text-transform: uppercase;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
@media (min-width: 1294px) {
  .width-sizes-media {
    flex: 0 0 24.66%;
  }
}
@media (min-width: 1080px) and (max-width: 1293px) {
  .width-sizes-media {
    flex: 0 0 18.66%;
  }
}
@media (min-width: 694px) and (max-width: 1079px) {
  .width-sizes-media {
    flex: 0 0 31.33%;
  }
}
.key-info {
  display: flex;
  flex-direction: column;
  padding: 4px;
}
.key-info > * {
  width: 100%;
}
.key-info .key-info-attributes-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
  overflow: hidden;
  max-height: 300px;
}
.key-info .key-info-attributes-list.expanded {
  max-height: initial;
}
.key-info .key-info-attributes-list .loading-indicator {
  width: 100%;
}
.key-info .key-info-attributes-list .field-data {
  display: flex;
  flex-direction: column;
  padding: 16px;
  min-width: 160px;
  max-width: 220px;
}
@media (min-width: 1294px) {
  .key-info .key-info-attributes-list .field-data {
    flex: 0 0 24.66%;
  }
}
@media (min-width: 1080px) and (max-width: 1293px) {
  .key-info .key-info-attributes-list .field-data {
    flex: 0 0 18.66%;
  }
}
@media (min-width: 694px) and (max-width: 1079px) {
  .key-info .key-info-attributes-list .field-data {
    flex: 0 0 31.33%;
  }
}
.key-info .key-info-attributes-list .field-data .field-name {
  text-transform: capitalize;
  font-size: 14px;
  margin-bottom: 8px;
  color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.key-info .key-info-attributes-list .field-data .field-value {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.key-info .key-info-attributes-list .field-data .field-value span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.key-info .key-info-attributes-list .field-data .field-value .lifecycle-dropdown-container {
  margin: auto auto auto 0;
  width: auto;
  max-width: 130px;
}
.key-info .key-info-attributes-list .field-data .field-value .lifecycle-dropdown-container .react-round-label {
  padding-right: 14px;
}
.key-info .key-info-attributes-list .loading-fields-data-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.key-info .key-info-attributes-list .loading-fields-data-list .loading-field-data-card {
  margin: 16px;
  min-width: 120px;
  max-width: 140px;
}
@media (min-width: 1294px) {
  .key-info .key-info-attributes-list .loading-fields-data-list .loading-field-data-card {
    flex: 0 0 24.66%;
  }
}
@media (min-width: 1080px) and (max-width: 1293px) {
  .key-info .key-info-attributes-list .loading-fields-data-list .loading-field-data-card {
    flex: 0 0 18.66%;
  }
}
@media (min-width: 694px) and (max-width: 1079px) {
  .key-info .key-info-attributes-list .loading-fields-data-list .loading-field-data-card {
    flex: 0 0 31.33%;
  }
}
.key-info .key-info-attributes-list .blurry-section {
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  height: 33px;
  width: 100%;
}
.key-info .show-see-more-label {
  font-size: 16px;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 16px 0 16px 40px;
  color: #757575;
}
.key-info .show-see-more-label:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.key-info .show-see-more-label:hover {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.reasons-list {
  max-height: 200px;
  margin: 10px 0;
}
.reasons-list .reason-item {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.reasons-list .reason-item .reason-name {
  min-width: 150px;
  max-width: 150px;
  margin-right: 40px;
  text-transform: capitalize;
  color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reasons-list .reason-item .reason-value {
  display: flex;
  align-items: center;
}
.reasons-list .reason-item .reason-value i {
  margin-right: 8px;
}
.reasons-list .reason-item .reason-value i.gray {
  color: #eeeeee;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-health-details {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 320px;
}
.account-health-details.expanded {
  max-height: initial;
}
.account-health-details.expanded .other-reasons > .other-reasons-title > .other-reasons-icon:before {
  content: '\F147';
}
.account-health-details .title {
  color: #757575;
  margin-bottom: 4px;
}
.account-health-details .other-reasons {
  display: flex;
  flex-direction: column;
}
.account-health-details .other-reasons .other-reasons-title {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: fit-content;
}
.account-health-details .other-reasons .other-reasons-title .other-reasons-label {
  user-select: none;
}
.account-health-details .other-reasons .other-reasons-title .other-reasons-icon {
  font-size: 14px;
  margin-right: 8px;
}
.account-health-details .other-reasons .other-reasons-title .other-reasons-icon:before {
  content: "\F196";
}
.account-health-details .other-reasons .other-reasons-title > * {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.parent-health .parent-health-title {
  display: flex;
  align-items: center;
}
.parent-health .parent-health-title > * {
  margin-right: 4px;
}
.parent-health .parent-health-title .parent-reason-percent {
  color: #babbbd;
}
.parent-health .parent-health-title .parent-reason-number,
.parent-health .parent-health-title .parent-aggregation-value,
.parent-health .parent-health-title .format-currency {
  color: #5DACD2;
}
.parent-health .health-definition-tooltip {
  color: #5DACD2;
  font-size: 16px;
  margin-left: 4px;
  cursor: pointer;
}
.parent-health .health-definition-title {
  display: flex;
  flex-direction: column;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.health-content-loader {
  display: flex;
  flex-direction: column;
  padding: 20px 40px;
  width: 100%;
}
.health-content-loader .MuiSkeleton-text {
  transform: scale(1);
}
.health-content-loader .health-content-loader-header {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-bottom: 40px;
}
.health-content-loader .health-content-loader-header > span:first-child {
  margin-bottom: 8px;
}
.health-content-loader .health-content-loader-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
}
.health-content-loader .health-content-loader-content > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 50%;
}
.health-content-loader .health-content-loader-content > div.health-content-loader-column-right > * {
  margin-bottom: 20px;
}
.health-content-loader .health-content-loader-content > div .reason-list-loader {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.health-content-loader .health-content-loader-content > div .reason-list-loader > span:first-child {
  margin-right: 4px;
}
.health-loader-box-list {
  display: flex;
  align-items: center;
  width: 100%;
  height: 25px;
  margin-bottom: 8px;
}
.health-loader-box-list > * {
  height: 100%;
  width: 4%;
  max-width: 40px;
  min-height: 17px;
  margin: 0 1px;
}
.health-loader-box-list > *.MuiSkeleton-text {
  border-radius: unset;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.health {
  display: flex;
  flex-direction: column;
  border-top: 4px solid transparent;
  padding-bottom: 8px;
}
.health .health-boxes-container {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.health .health-boxes-container .health-box-container {
  position: relative;
  width: 4%;
  max-width: 40px;
}
.health .health-boxes-container .health-box-container:hover .health-history-box {
  transform: scale(1.1);
}
.health .health-boxes-container .health-box-container .cv-sign {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  cursor: pointer;
}
.health .health-history-box {
  margin: 1px;
  height: 15px;
  transition: transform 0.2s ease-in-out;
  cursor: pointer;
}
.health .health-history-box.no-account {
  background-color: #F5F5F5;
  border: 1px solid #eeeeee;
  cursor: default;
}
.health .health-history-box.no-account:hover {
  transform: none;
}
.health .health-history-box.selected {
  transform: scale(1.1);
}
.health .health-history-box.unknown {
  background-color: #8fcaef;
}
.health .health-history-box.green {
  background-color: #26b27f;
}
.health .health-history-box.yellow {
  background-color: #f7c900;
}
.health .health-history-box.red {
  background-color: #c23824;
}
.health.loading {
  border-color: #E7E7E7;
}
.health.unKnown {
  border-color: #8fcaef;
}
.health.green {
  border-color: #26b27f;
}
.health.yellow {
  border-color: #f7c900;
}
.health.red {
  border-color: #c23824;
}
.health .widget-header-title .account-health-label {
  height: auto;
  margin-left: 16px;
}
.health .account-health-details,
.health .parent-health {
  padding: 20px 40px;
}
.health .health-icon-loader {
  margin-left: 16px;
  transform: scale(1);
  border-radius: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-user-details {
  display: flex;
  align-items: center;
}
.account-user-details .user-info {
  display: flex;
  flex-direction: column;
  margin-left: 4px;
}
.account-user-details .user-info .user-header {
  display: flex;
}
.account-user-details .user-info .user-header .user-text {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-user-details .user-info .user-title {
  color: #757575;
}
.account-user-details .icon-key_contacts_crown {
  display: flex;
  align-self: flex-start;
  color: #FBB400;
  font-size: 20px;
  margin-left: 4px;
  -webkit-text-stroke: 1px white;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.loading-user-details-card {
  display: flex;
  align-items: center;
  height: 30px;
  width: 100%;
}
.loading-user-details-card .MuiSkeleton-circle {
  margin-right: 12px;
  min-width: 28px;
  min-height: 28px;
}
.loading-user-details-card .loading-user-details-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 80%;
}
.loading-user-details-card .loading-user-details-content > .MuiSkeleton-text {
  transform: scale(1);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.user-details-list {
  display: flex;
  flex-direction: row;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding: 4px 40px;
  max-height: 220px;
}
.user-details-list .user-details-item {
  padding: 8px 0;
  min-width: 250px;
}
.user-details-card-animation-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 4px 20px;
}
.user-details-card-animation-list > * {
  max-width: 190px;
  margin: 20px;
}
.contacts {
  display: flex;
  flex-direction: column;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.user-details-list {
  display: flex;
  flex-direction: row;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding: 4px 40px;
  max-height: 220px;
}
.user-details-list .user-details-item {
  padding: 8px 0;
  min-width: 250px;
}
.user-details-card-animation-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 4px 20px;
}
.user-details-card-animation-list > * {
  max-width: 190px;
  margin: 20px;
}
.account-assignment {
  display: flex;
  flex-direction: column;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-profile-overview {
  display: flex;
  flex-direction: column;
}
.account-profile-overview > * {
  background: #fff;
  margin-bottom: 16px;
  padding: 0 4px;
}
.account-profile-overview .widget-header-title {
  width: 100%;
  padding-left: 40px;
  padding-top: 10px;
  margin-bottom: 8px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
#account-profile-expander {
  width: 50%;
  min-width: 768px;
  background: #f5f5f5;
}
#account-profile-expander .account-profile-expander {
  height: 100%;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container .page-container-header {
  position: relative;
  padding: 0;
  background: #fff;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container .page-container-header .header-content {
  padding: 0;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container .account-navigation-container {
  margin-top: 8px;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container .tab-content.app-centered {
  overflow: auto;
  overflow-x: hidden;
  top: 0;
  margin: 0;
  padding: 0;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container .tab-content.app-centered .timeline-animation-loader {
  padding: 0;
  height: calc(100vh - 120px - 28px - 16px);
}
#account-profile-expander .account-profile-expander .account-profile-expander-container .tab-content.app-centered .timeline-animation-loader .timeline-animation-date-separator {
  padding: 8px 4px 16px 20px;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container .tab-content.app-centered .timeline-events-list {
  margin-top: 0;
  padding: 0;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container .tab-content.app-centered .timeline-events-list .timeline-date-separator {
  top: calc(-1 * 16px);
  padding: 4px 4px 4px 20px;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container.timeline-tab .tab-content {
  margin-top: 0;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container header {
  display: flex;
  flex-direction: column;
  height: 120px;
  padding: 20px 30px 0 30px;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container header .header-title {
  display: flex;
  align-items: center;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container header .header-title .account-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 18px;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container header .header-title .account-type {
  display: flex;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container header .header-title .account-type span {
  color: #757575;
  padding: 2px 4px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container header .header-title .title-icons {
  display: flex;
  margin-left: auto;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container header .header-title .title-icons .title-icon {
  padding: 4px;
  color: #979797;
}
#account-profile-expander .account-profile-expander .account-profile-expander-container header .header-title .title-icons .title-icon .MuiSvgIcon-root {
  font-size: 24px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.application-header-container .announcement-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: #D5FFCA;
  z-index: 1001;
  border-bottom: 1px solid #dddddd;
}
.application-header-container .announcement-bar .announcement-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 5px 20px;
}
.application-header-container .announcement-bar .announcement-content .announcement-btn {
  margin-left: 15px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.custom-tab-title {
  display: flex;
  flex-direction: column;
}
.custom-tab-title .title-content {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.custom-tab-title .title-content div {
  color: #fff;
}
.custom-tab-title .title-content img {
  height: 12px;
  margin-right: 8px;
}
.custom-tab-title .changes {
  visibility: hidden;
  display: flex;
  flex-direction: row-reverse;
}
.custom-tab-title .changes.has-changes {
  visibility: visible;
}
.custom-tab-title .changes.has-changes .change-icon {
  background-color: #F4C430;
}
.custom-tab-title .changes.has-errors {
  visibility: visible;
}
.custom-tab-title .changes.has-errors .change-icon {
  background-color: #C0392B;
}
.custom-tab-title .changes .change-icon {
  width: 7px;
  height: 7px;
  border-radius: 5px;
  position: relative;
  top: 3px;
  left: 7px;
}

.copy-to-clipboard-icon {
  cursor: pointer;
  padding: 4px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.update-user-profile-modal .MuiGrid-container {
  margin: 0;
}
.update-user-profile-modal .update-user-profile-modal-title {
  margin-bottom: 24px;
}
.update-user-profile-modal .update-user-profile-modal-title .account-gravatar-container {
  --size: 100px;
}
.update-user-profile-modal .update-user-profile-modal-title .user-details {
  color: #fff;
}
.update-user-profile-modal .update-user-profile-modal-title .user-details .upload-section {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.update-user-profile-modal .update-user-profile-modal-title .user-details .upload-section .actions-divider {
  padding: 0 10px;
}
.update-user-profile-modal .update-user-profile-modal-title .user-details .upload-section .avatar-action-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.update-user-profile-modal .update-user-profile-modal-title .user-details .upload-section .avatar-action-button .add-photo,
.update-user-profile-modal .update-user-profile-modal-title .user-details .upload-section .avatar-action-button .fa-trash {
  padding-right: 5px;
  font-size: 12px;
}
.update-user-profile-modal .update-user-profile-modal-title .user-details .upload-section .link-button {
  color: #fff;
}
.update-user-profile-modal .confirmation-dialog-paper {
  padding: 0;
  width: 670px;
}
.update-user-profile-modal .confirmation-dialog-paper .dialog-title {
  background: #3fad90;
  padding-top: 32px;
  padding-right: 32px;
  padding-left: 32px;
}
.update-user-profile-modal .confirmation-dialog-paper .dialog-title .close {
  right: 32px;
  top: 32px;
  opacity: 1;
  color: #fff;
}
.update-user-profile-modal .confirmation-dialog-paper .dialog-actions {
  margin-left: 32px;
  margin-right: 32px;
  padding-bottom: 32px;
}
.update-user-profile-modal .confirmation-dialog-paper .dialog-content {
  padding: 0;
  overflow: hidden;
}
.update-user-profile-modal .confirmation-dialog-paper .dialog-content .tab-content-container {
  overflow-y: auto;
  max-height: calc(100vh - 32px - 32px - 200px - 70px);
}
.update-user-profile-modal .confirmation-dialog-paper .dialog-content .tab-content-container::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}
.update-user-profile-modal .confirmation-dialog-paper .dialog-content .tab-content-container::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #c3c3c3;
}
.update-user-profile-modal .confirmation-dialog-paper .dialog-content .material-tabs {
  background: #3fad90;
  padding-left: 32px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.update-user-profile-modal label {
  margin-bottom: 0;
}
.update-user-profile-modal input[type="checkbox"] {
  margin: initial;
}
.update-user-profile-modal .material-tabs {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.update-user-profile-modal .custom-tab-title .tab-img {
  width: 12px;
  position: relative;
  top: 2px;
}
.update-user-profile-modal .collapse-box {
  position: relative;
  box-shadow: none;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
}
.update-user-profile-modal .collapse-box .recommended-label {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 13px;
  height: 18px;
  width: 103px;
  border-radius: 9px;
  color: #682C5E;
  background-color: rgba(103, 46, 93, 0.16);
}
.update-user-profile-modal .collapse-box .collapse-box-content {
  margin-left: 62px;
}
.update-user-profile-modal .collapse-box .collapse-toggle-button {
  font-size: 24px;
}
.update-user-profile-modal .collapse-box.marketing-notification-collapse .collapse-toggle-button {
  visibility: hidden;
}
.update-user-profile-modal .collapse-box .register-services-updates {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 25px;
}
.update-user-profile-modal .draft-toolbar .toolbar-items .toolbar-item {
  margin-left: 4px;
}
.update-user-profile-modal .draft-toolbar .toolbar-items .toolbar-item.font-family {
  width: auto;
}
.update-user-profile-modal .account-gravatar-container .gravatar-wrapper .name-initials {
  font-size: 40px;
}
.update-user-profile-modal .draftJsEmojiPlugin__emojiSelectButton__3sPol,
.update-user-profile-modal .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu {
  width: 20px;
  font-size: 16px;
}
.update-user-profile-modal .draft-rte-wrapper {
  width: 100%;
}
.profile-update-tab-content {
  padding: 32px 4px;
  margin-left: 32px;
  margin-right: 32px;
}
.profile-update-tab-content.profile-tab {
  margin: 0;
  padding-right: 0;
  padding-left: 0;
}
.profile-update-tab-content .wide-input {
  width: 100%;
}
.profile-update-tab-content .token-input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.profile-update-tab-content .token-input-container .token-input {
  width: 90%;
}
.profile-update-tab-content .token-input-container .token-input input {
  text-shadow: 0px 0px 4px #7b7b7b;
  color: #bab3b3;
}
.profile-update-tab-content .token-input-container .copy-to-clipboard-icon {
  margin-left: 8px;
}
.profile-update-tab-content .profile-data-tab {
  display: flex;
  flex-direction: column;
}
.profile-update-tab-content .profile-data-tab .personal-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  margin-left: 32px;
  margin-right: 32px;
}
.profile-update-tab-content .profile-data-tab .personal-info .info-section {
  margin-top: 16px;
}
.profile-update-tab-content .profile-data-tab .horizontal-line {
  width: 100%;
  margin: 0 0 16px 0;
  background: #eeeeee;
  height: 1px;
  color: #eeeeee;
}
.profile-update-tab-content .profile-data-tab .signature-container {
  margin-left: 32px;
  margin-right: 32px;
}
.profile-update-tab-content .profile-data-tab .signature-container .signature-explanation {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 8px;
}
.profile-update-tab-content .profile-data-tab .signature-container .signature-explanation > * {
  margin-right: 20px;
}
.profile-update-tab-content .profile-data-tab .signature-container .signature-desc {
  display: block;
  color: #757575;
  margin-bottom: 8px;
}
.profile-update-tab-content .password-container {
  display: flex;
  flex-direction: column;
}
.profile-update-tab-content .password-container > * {
  margin-bottom: 8px;
  width: 100%;
}
.profile-update-tab-content .password-container > *:first-child {
  margin-bottom: 32px;
}
.profile-update-tab-content .timezone-select {
  width: 370px;
}
.profile-update-tab-content .email-preference-message-container {
  display: none;
}
.profile-update-tab-content .email-preference-message-container.show-preferences {
  display: flex;
}
.profile-update-tab-content .email-preference-message-container .email-preference-message {
  display: flex;
  align-items: center;
  position: relative;
  padding: 12px 40px 12px 16px;
  margin-bottom: 26px;
  margin-right: 8px;
  box-sizing: border-box;
  height: auto;
  width: 100%;
  border: 1px solid #F5C832;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
}
.profile-update-tab-content .email-preference-message-container .email-preference-message img {
  margin-right: 24px;
}
.profile-update-tab-content .tasks-group-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.profile-update-tab-content .product-releases-container {
  display: flex;
  flex-direction: column;
}
.profile-update-tab-content .collapsed-section-title {
  display: flex;
  flex-direction: column;
}
.profile-update-tab-content .collapsed-section-title .collapsed-section-subtitle {
  margin-left: 26px;
  text-transform: initial;
  position: relative;
  top: -6px;
}
.profile-update-tab-content .footer-label {
  margin: 8px 0 0 8px;
}
.generate-token-confirmation-modal .dialog-content {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.generate-token-confirmation-modal .dialog-content * {
  margin-bottom: 10px;
}
.generate-token-confirmation-modal .warning-icon {
  color: #F06630;
  width: 50px;
  height: 50px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.application-search-bar .react-select-dropdown__menu-list .react-select-dropdown__option {
  padding: 0;
}
.application-search-bar .select-text-field fieldset {
  border-color: transparent;
  background-color: #939598;
}
.application-search-bar .search-option-item {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.application-search-bar .search-option-item .search-option-icon {
  justify-content: center;
}
.application-search-bar .search-option-item .search-option-icon .account-gravatar-container {
  margin-left: -10px;
}
.application-search-bar .search-option-item .search-successbloc-icon {
  content: url('/img/marketplace-icon.svg');
}
.application-search-bar .search-option-item .asset-link-icon a {
  display: flex;
}
.application-search-bar .search-option-item .asset-link-icon img {
  margin-left: 15px;
}
.application-search-bar .search-option-item .detail {
  font-size: 11px;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.application-search-bar .search-option-item .user-account-name,
.application-search-bar .search-option-item .successbloc-name {
  color: #757575;
  font-size: 11px;
  margin-left: 5px;
}
.application-search-bar .search-option-item .account-type {
  text-transform: uppercase;
  color: #757575;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 11px;
  margin-left: 5px;
  border-radius: 3px;
}
.application-search-bar .search-option-item .search-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.application-search-bar .search-option-item .search-item span:nth-child(2) {
  margin-left: 5px;
}
.application-search-bar .search-option-item .search-item .result-container,
.application-search-bar .search-option-item .search-item a {
  display: flex;
  align-items: center;
  max-width: 90%;
  padding: 0;
  margin: 0;
  color: #282828;
  white-space: nowrap;
}
.application-search-bar .search-option-item .search-item .result-container div,
.application-search-bar .search-option-item .search-item a div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.application-search-bar .search-option-item .search-item .limit-width {
  max-width: 65%;
}
.application-search-bar .search-option-item .search-item .limit-width .word-wrap {
  max-width: 90%;
  flex: none;
}
.application-search-bar .search-option-item .search-item .account-gravatar-container {
  margin-left: 0;
}
.application-search-bar .search-option-item .products-connector-line {
  position: absolute;
  top: 26px;
  left: 33px;
  height: 27px;
  width: 20px;
  border-left: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  z-index: 1;
}
.application-search-bar .search-option-item .products-logos-wrapper {
  margin-left: 40px;
  padding-bottom: 5px;
}
.application-search-bar .search-option-item .products-logos-wrapper .product-logo-wrapper {
  display: inline-block;
  margin-left: 5px;
}
.application-search-bar .search-option-item .products-logos-wrapper .product-logo-wrapper img {
  border: 0;
  border-radius: 0;
}
.application-search-bar .search-option-item .products-logos-wrapper .has-more-product {
  margin-left: 5px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  border: 1px solid #E7E7E7;
  background-color: #FAFAFA;
}
.application-search-bar .search-option-item .products-logos-wrapper .has-more-product .has-more-products-text {
  background-color: #fff;
  font-size: 14px;
  width: 100%;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.whats-new-menu .MuiMenu-paper {
  width: 360px;
  background-color: white;
}
.whats-new-menu.no-new-articles .MuiMenu-paper {
  background-color: #F5F5F5;
}
.whats-new-menu .header {
  font-size: 18px;
  padding: 15px 25px 0;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.whats-new-menu .content {
  padding-top: 10px;
}
.whats-new-menu .content .academy-article {
  padding: 10px 25px;
  border-bottom: 1px solid #dddddd;
}
.whats-new-menu .content .academy-article:hover {
  background-color: #EEEEEE;
}
.whats-new-menu .content .academy-article .circle-wrapper {
  width: 9px;
  height: 9px;
  background-color: #73C05C;
  top: 5px;
  position: relative;
  float: left;
  cursor: pointer;
  margin-right: 10px;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.whats-new-menu .content .academy-article .dismiss {
  background-color: #babbbd;
}
.whats-new-menu .content .academy-article .text-wrapper {
  font-size: 12px;
  display: inline-block;
  width: -moz-calc(76%);
  width: calc(100% - 24px);
}
.whats-new-menu .content .academy-article .text-wrapper .title {
  font-size: 15px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.whats-new-menu .content .academy-article .text-wrapper .description {
  padding-top: 5px;
  line-height: 16px;
  max-height: 80px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.whats-new-menu .content .academy-article .text-wrapper .date-text {
  font-size: 11px;
  color: #ADADAD;
  padding: 5px 0px;
}
.whats-new-menu .content .academy-article .text-wrapper .open-link {
  font-size: 14px;
}
.whats-new-menu .content .academy-article .text-wrapper .open-link .fa {
  font-size: 13px;
}
.whats-new-menu .content .dismiss {
  background-color: #F5F5F5;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.header-user-profile {
  display: flex;
  height: 100%;
  padding: 5px 0px 5px 10px;
  cursor: pointer;
  max-width: 250px;
}
.header-user-profile .user-team-container {
  display: flex;
  margin-left: 4px;
}
.header-user-profile .user-team-container .dropdown-icon {
  margin-top: 4px;
}
.header-user-profile .user-team-name {
  line-height: 32px;
  max-width: calc(250px - 35px - 22px - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#header-user-menu .MuiList-root {
  padding-top: 0;
}
#header-user-menu .MuiList-root .account-gravatar-container {
  margin-right: 5px;
}
#header-user-menu .MuiList-root .user-name-container {
  display: flex;
  padding: 5px 10px;
  background-color: #f6f6f6;
  cursor: pointer;
  outline: none;
}
#header-user-menu .MuiList-root .user-name-container .edit-user-profile {
  color: #757575;
}
#header-user-menu .MuiList-root .menu-section-title {
  font-size: 12px;
  color: #757575;
  padding: 8px 15px 0;
  text-transform: uppercase;
  cursor: default;
}
#header-user-menu .MuiList-root .whats-new {
  display: flex;
  align-items: center;
  width: 70%;
}
#header-user-menu .MuiList-root .whats-new i {
  min-width: 35px;
  font-size: 20px;
}
#header-user-menu .MuiList-root .menu-feature-release-icon {
  width: 32px;
  margin-right: 8px;
}
#header-user-menu .MuiList-root .team-menu-item {
  display: flex;
  align-items: flex-start;
}
#header-user-menu .MuiList-root .team-menu-item .team-icon {
  height: 23px;
  width: 23px;
  border-radius: 3px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
}
#header-user-menu .MuiList-root .team-menu-item .team-name {
  display: block;
  width: 100%;
  white-space: normal;
  margin-top: 2px;
}
#header-user-menu .MuiList-root .service-details {
  padding: 10px 15px;
  font-size: 11px;
  color: #757575;
}
#header-user-menu .MuiList-root .release-notes,
#header-user-menu .MuiList-root .privacy-policy {
  padding: 1px 15px;
  font-size: 11px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.icon-container {
  display: flex;
  background: #73C05C;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  align-self: center;
  cursor: pointer;
}
.icon-container .icon-whats-new {
  font-size: 15px;
  color: white;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.running-calculation-indicator {
  display: flex;
  align-items: center;
  font-size: 18px;
  padding: 0px 10px;
  cursor: pointer;
}
.running-calculation-indicator .fa-refresh {
  color: #5DACD2;
}
.running-calculation-indicator .fa-refresh.fa-spin {
  animation-duration: 4s;
}
.MuiMenu-paper {
  width: 270px;
  background-color: white;
}
.calc-item {
  display: flex;
  justify-content: space-evenly;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  padding-top: 5px;
}
.calc-item .calculation-indicator {
  padding: 10px;
}
.calc-item .calculation-indicator .fa-refresh {
  color: #5DACD2;
}
.calc-item .calculation-indicator .fa-refresh.fa-spin {
  animation-duration: 4s;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.application-header-container.has-announcement .application-header.mui-fixed {
  top: 50px;
}
.application-header-container .btn-getting-started {
  text-transform: none;
  width: 110px;
  height: 30px;
  margin-top: 4px;
}
header.application-header {
  box-shadow: none;
  border-bottom: 1px solid #dddddd;
  z-index: 1002;
}
header.application-header .react-select-dropdown-container .react-select-dropdown__value-container {
  padding-left: 40px;
}
header.application-header .react-select-dropdown-container .select-text-field fieldset {
  background-color: #F5F5F5;
}
header.application-header .react-select-dropdown-container .select-text-field:hover fieldset {
  background-color: #fafafa;
}
@media only screen and (max-width: 959px) {
  header.application-header .spark-logo-image,
  header.application-header .zoe-logo-image {
    display: none;
  }
}
header.application-header .trial-chip {
  align-self: center;
  margin-right: 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.drawer-root.dark-sidebar .application-sidebar-root {
  background: #2b2b2b;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .wrapper-a-tag {
  color: #e6e6e6;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .spark-logo-image,
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .zoe-logo-image {
  filter: invert(1);
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .executive-console .sidebar-icon i:before {
  color: #3FAD90;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .fa.fa-cog,
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .fa.fa-home {
  color: #3FAD90;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item.Mui-selected {
  background-color: #e6e6e6;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item.Mui-selected .MuiListItemText-root {
  color: #2b2b2b;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item.Mui-selected .sidebar-icon i,
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item.Mui-selected .sidebar-lock-icon svg,
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item.Mui-selected .sidebar-icon i:before {
  color: #2b2b2b;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item:hover {
  background: #b3b3b3;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item:hover .sidebar-icon i,
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item:hover .sidebar-lock-icon svg,
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item:hover .sidebar-icon i:before {
  color: #2b2b2b;
}
.drawer-root.dark-sidebar .application-sidebar-root .appliction-sidebar .sidebar-item:hover .MuiListItemText-root {
  color: #2b2b2b;
}
.drawer-root.dark-sidebar .MuiBackdrop-root {
  background: rgba(255, 255, 255, 0.5);
}
.appliction-sidebar {
  width: 280px;
  overflow: hidden;
}
.appliction-sidebar .sidebar-header {
  display: flex;
  flex-direction: column;
}
.appliction-sidebar .sidebar-header.in-trial {
  background-color: #f5f5f5;
}
.appliction-sidebar .sidebar-header .logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
}
.appliction-sidebar .sidebar-header .spark-logo {
  cursor: pointer;
  padding: 8px 16px;
}
.appliction-sidebar .sidebar-header .spark-logo .spark-logo-image,
.appliction-sidebar .sidebar-header .spark-logo .zoe-logo-image {
  width: 100px;
  margin: 10px 0px;
  margin-bottom: 0px;
}
.appliction-sidebar .sidebar-header .spark-logo .zoe-logo-image {
  width: 50px;
  height: 27px;
}
.appliction-sidebar .sidebar-header .user-plus-icon {
  color: #3FAD90;
  font-size: 18px;
  margin-top: 11px;
  padding: 6px 8px 0 7px;
  border-radius: 100%;
}
.appliction-sidebar .sidebar-header .user-plus-icon:hover {
  background: #DEF3EE;
  cursor: pointer;
}
.appliction-sidebar .sidebar-item {
  border-radius: 0 20px 20px 0px;
  padding: 5px 10px 5px 16px;
}
.appliction-sidebar .sidebar-item.success-bloc-add {
  color: #3FAD90;
}
.appliction-sidebar .sidebar-item.Mui-selected {
  background-color: #def3ee;
}
.appliction-sidebar .totango-logo {
  height: 15px;
  padding-left: 10px;
  margin-bottom: 2px;
}
.appliction-sidebar .powered-logo {
  font-size: 10px;
  margin-left: 20px;
}
.appliction-sidebar .free-trial {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
.appliction-sidebar .free-trial .trial-label {
  color: #757575;
  line-height: 18px;
  font-size: 12px;
  width: fit-content;
}
.appliction-sidebar .free-trial .trial-button {
  height: 28px;
  padding: 4px 8px;
  margin-top: 8px;
  width: fit-content;
}
.appliction-sidebar .free-trial .trial-button .MuiButton-label {
  line-height: 18px;
  font-size: 12px;
}
.appliction-sidebar .sidebar-section-title {
  text-transform: uppercase;
  font-size: 13px;
  color: #757575;
  border: none;
  margin: 10px 5px 0px 20px;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.appliction-sidebar .sidebar-section-title .MuiSvgIcon-root {
  font-size: 18px;
  cursor: pointer;
}
.appliction-sidebar .sidebar-item {
  padding: 5px 16px;
}
.appliction-sidebar .sidebar-item.success-bloc-add {
  padding: 10px 16px;
  color: #3FAD90;
}
.appliction-sidebar .sidebar-icon i {
  padding-left: 5px;
  font-size: 18px;
}
.appliction-sidebar .sidebar-icon.sidebar-add-icon .fa {
  color: #3FAD90;
}
.appliction-sidebar .sidebar-lock-icon {
  display: flex;
  justify-content: flex-end;
}
.appliction-sidebar .sidebar-lock-icon svg {
  color: #757575;
  font-size: 18px;
}
.appliction-sidebar .success-bloc-item .success-bloc-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.appliction-sidebar .spark-home .sidebar-icon i {
  color: #2B4B44;
}
.appliction-sidebar .success-bloc-item .sidebar-icon svg,
.appliction-sidebar .success-bloc-item .sidebar-icon i {
  color: #3EAD90;
}
.appliction-sidebar .executive-console .sidebar-icon i {
  color: #5F478A;
}
.appliction-sidebar .executive-console .sidebar-icon i:before {
  color: #5F478A;
}
.appliction-sidebar .wrapper-a-tag {
  color: #282828;
}
.appliction-sidebar .success-bloc-list .more-less-content {
  border-radius: unset;
  background-color: transparent;
  box-shadow: none;
}
.appliction-sidebar .success-bloc-list .more-less-content .toggle-title {
  margin-left: 0;
  border-radius: 0 20px 20px 0px;
  padding: 10px 10px 9px 16px;
  align-items: center;
}
.appliction-sidebar .success-bloc-list .more-less-content .toggle-title .toggle-title-text {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 13px;
}
.appliction-sidebar .success-bloc-list .more-less-content .toggle-title:hover {
  background-color: #f5f5f5;
}
.appliction-sidebar .fix-top {
  width: 280px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-right: 10px;
  margin-bottom: 0;
  padding-bottom: 12px;
}
.appliction-sidebar .center-sidebar {
  padding: 0 10px 0 0;
  max-height: calc(100vh - 126px);
  overflow-y: auto;
  overflow-x: hidden;
}
.appliction-sidebar .fix-bottom {
  width: 280px;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.14);
  position: fixed;
  bottom: 0;
  background-color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.reorder-sb-modal .confirmation-dialog-paper {
  width: 500px;
  height: 500px;
}
.reorder-sb-modal .success-bloc-list-container {
  padding-top: 8px;
  padding-bottom: 8px;
}
.reorder-sb-modal .success-bloc-list-container .success-bloc-list {
  padding: 0;
  height: 345px;
  overflow: scroll;
}
.reorder-sb-modal .success-bloc-list-container .success-bloc-list .success-bloc-item {
  background-color: #F5F5F5;
}
.reorder-sb-modal .success-bloc-list-container .success-bloc-list .success-bloc-item .handle-drag-btn {
  margin-right: 5px;
  min-width: 5px;
}
.reorder-sb-modal .success-bloc-list-container .success-bloc-list .success-bloc-item .sidebar-icon i {
  padding-left: 5px;
  font-size: 18px;
}
.reorder-sb-modal .success-bloc-list-container .success-bloc-list .success-bloc-item .sidebar-lock-icon {
  display: flex;
  justify-content: flex-end;
}
.reorder-sb-modal .success-bloc-list-container .success-bloc-list .success-bloc-item .sidebar-lock-icon svg {
  color: #757575;
  font-size: 18px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.invite-modal .confirmation-dialog-paper {
  min-height: 317px;
  width: 560px;
  padding: 28px;
}
.invite-modal .confirmation-dialog-paper .dialog-content {
  overflow: hidden;
}
.invite-modal .footer-title {
  align-items: center;
  line-height: 32px;
  font-size: 12px;
  color: #757575;
}
.invite-modal .footer-actions {
  padding: 0;
}
.invite-modal .invite-button {
  background-color: #3fad90;
  color: #fff;
}
.invite-modal .cancel-button {
  color: #3fad90;
}
.invite-modal .modal-body-container {
  min-height: 110px;
}
.invite-modal .modal-body-container .validation-error {
  color: #C0392B;
  font-size: 12px;
  margin-top: 2px;
}
.invite-modal .modal-body-container .email-container .multi-value-input-container {
  min-height: 40px;
  width: 490px;
  margin-top: 12px;
}
.invite-modal .modal-body-container .email-container .multi-value-input-container .multi-value-input__control.multi-value-input__control--is-focused {
  border-color: #49b79a;
}
.invite-modal .modal-body-container .email-container .multi-value-input-container .multi-value-input__control:hover {
  cursor: text;
}
.invite-modal .modal-body-container .email-container.error .multi-value-input__control {
  border-color: #C0392B;
}
.invite-modal .modal-body-container .select-input-container {
  padding-right: 6px;
}
.invite-modal .modal-body-container .select-input-container:before,
.invite-modal .modal-body-container .select-input-container:after {
  border-bottom: none;
}
.invite-modal .modal-body-container .enter-email-title {
  margin-top: 31px;
  height: 24px;
  color: #282828;
  font-size: 16px;
  line-height: 24px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.more-less-content {
  width: 100%;
  margin: auto;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.more-less-content.disabled {
  background-color: #EEEEEE;
}
.more-less-content.disabled .toggle-title {
  cursor: auto;
}
.more-less-content.disabled .toggle-title-text {
  color: #757575;
}
.more-less-content .toggle-title {
  margin-left: 18px;
  padding: 10px 0;
  display: flex;
  align-items: flex-start;
  text-transform: capitalize;
  cursor: pointer;
}
.more-less-content .toggle-title-text {
  color: #282828;
  font-size: 18px;
  margin-left: 20px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.more-less-content .toggle-button {
  font-size: 16px;
  color: #757575;
  cursor: pointer;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.upgrade-plan-modal .confirmation-dialog-paper {
  max-width: 500px;
  width: 500px;
}
.upgrade-plan-modal .confirmation-dialog-paper .dialog-title {
  text-align: center;
  color: #3FAD90;
}
.upgrade-plan-modal .confirmation-dialog-paper .dialog-title .title {
  font-size: 18px;
}
.upgrade-plan-modal .confirmation-dialog-paper .upgrade-action {
  margin: 10px 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
/*
** --- Totango App (0-4999) ---
*/
/*
** --- Zeo App (5000-9999) ---
*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*General colors palette*/
/*team*/
/* mark as done */
/*health*/
/*tasks*/
/*o16n*/
/*segment chart*/
/*online/offline*/
/*positive/negative*/
/* retention */
/* task and touchpoint */
/*General elements*/
/*totango blue*/
/* Activity types */
/*Flat palette*/
/*social colors*/
/* provisioning */
/* product logo */
/*Functions*/
/* Mixins */
/* Font Mixins */
#cl-wrapper .settings-page-container .settings-header {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  width: 100%;
  height: 64px;
  padding: 15px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #dddddd;
  display: flex;
  z-index: 1020;
}
#cl-wrapper .settings-page-container .settings-header .back-button {
  padding: 0px 10px;
  margin-top: -7px;
}
#cl-wrapper .settings-page-container .settings-header .logo {
  margin-right: 10px;
  cursor: pointer;
}
#cl-wrapper .settings-page-container .settings-header .title {
  font-size: 22px;
  line-height: 32px;
}
#cl-wrapper .settings-page-container .settings-page {
  display: flex;
}
#cl-wrapper .settings-page-container .settings-page .settings-sidebar-container {
  z-index: 1010;
  padding-top: 64px;
  border-right: 1px solid #dddddd;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  width: 250px;
  overflow: auto;
  top: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  height: 100%;
}
@media (max-width: 979px) {
  #cl-wrapper .settings-page-container .settings-page .settings-sidebar-container {
    display: none;
  }
}
#cl-wrapper .settings-page-container .settings-page .settings-sidebar-container .setting-list-item {
  padding: 6px 10px 6px 16px;
  margin-left: -2px;
  border-left: 2px solid #dddddd;
  border-radius: 0px 50px 50px 0px;
}
#cl-wrapper .settings-page-container .settings-page .settings-sidebar-container .setting-list-item:hover {
  background-color: #F5F5F5;
}
#cl-wrapper .settings-page-container .settings-page .settings-sidebar-container .setting-list-item.active-route {
  color: #3FAD90;
  border-left: 2px solid #3FAD90;
}
#cl-wrapper .settings-page-container .settings-page .settings-sidebar-container .setting-list-item.child-active-route {
  background-color: #def3ee;
}
#cl-wrapper .settings-page-container .settings-page .settings-sidebar-container .inner-list {
  width: 93%;
  margin-left: auto;
  border-left: 2px solid #dddddd;
}
#cl-wrapper .settings-page-container .settings-page .settings-content {
  width: 100%;
}
#cl-wrapper .settings-page-container .settings-page .settings-content.new-settings-layout {
  padding-left: 250px;
}
@media (max-width: 979px) {
  #cl-wrapper .settings-page-container .settings-page .settings-content.new-settings-layout {
    padding-left: 0px;
  }
}
@media (min-width: 979px) {
  #cl-wrapper .settings-page-container .settings-page .settings-content.new-settings-layout .page-container .page-container-header {
    padding-right: 250px;
  }
  #cl-wrapper .settings-page-container .settings-page .settings-content.new-settings-layout .teams-title-service-roles {
    padding-right: 250px;
  }
}
.settings-list {
  position: absolute;
  width: 95%;
  height: calc(100% - 64px);
}
.settings-list .wrapper-a-tag {
  color: #282828;
}
.settings-list .material-search-field {
  width: calc(100% - 10px);
  margin-left: 10px;
  margin-bottom: 5px;
}
.settings-list .no-settings-search-results {
  width: 200px;
  margin: auto;
  text-align: center;
  color: #757575;
  font-size: 14px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.form-wizard {
  margin-left: auto;
  margin-right: auto;
}
.form-wizard .step-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background-color: #fff;
  opacity: 0.3;
  display: none;
  z-index: 100;
}
.form-wizard .step-overlay.active {
  display: block;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.attribute-input {
  position: relative;
}
.attribute-input .attribute-tooltip {
  position: absolute;
  top: 25px;
  right: -20px;
}
.attribute-input .attribute-tooltip .fa-info-circle {
  color: #757575;
}
.attribute-input .additional-attribute-assets {
  margin: 4px 0 0 0;
  font-size: 13px;
  color: #666666;
  display: flex;
  align-items: flex-start;
}
.attribute-input .additional-attribute-assets .attribute-desc {
  display: inline-flex;
  flex: 1;
}
.attribute-input .additional-attribute-assets .current-value {
  display: inline-flex;
  margin-left: auto;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  flex: 1;
  overflow: hidden;
}
.attribute-input .additional-attribute-assets .current-value .value {
  font-size: 12px;
  line-height: 18px;
  width: calc(100% - 20px);
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attribute-input .additional-attribute-assets .current-value .btn-apply {
  font-size: 16px;
  color: #40AD90;
  margin-left: 10px;
}
.attribute-input .additional-attribute-assets .current-value .btn-apply:hover {
  cursor: pointer;
}
.attribute-input-list-wrapper .list-title {
  color: #282828;
  margin-bottom: 3px;
  margin-left: 3px;
  font-size: 12px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.attribute-input-date-picker {
  position: relative;
}

.auto-complete-popper .auto-complete-paper {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 11px;
}
.auto-complete-popper .auto-complete-option {
  min-height: 40px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.outbound-sync-response-modal .confirmation-dialog-paper {
  width: 580px;
  min-height: 215px;
}
.outbound-sync-response-modal .confirmation-dialog-paper .outbound-sync-response-content {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 20px 0;
}
.outbound-sync-response-modal .confirmation-dialog-paper .status-icon {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.outbound-sync-response-modal .confirmation-dialog-paper .status-icon .success-icon {
  color: #3FAD90;
  font-size: 50px;
}
.outbound-sync-response-modal .confirmation-dialog-paper .status-icon .warning-icon {
  color: #C0392B;
  font-size: 50px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.form-dialog .dialog-content {
  background-color: #fafafa;
}
.form-dialog.loading .confirmation-dialog-button.submit {
  pointer-events: none;
}
.form-dialog.validate .list-title.required {
  color: #C0392B;
}
.form-dialog.confirmation-dialog .confirmation-dialog-paper {
  position: relative;
  padding: 0 0px 0px;
}
.form-dialog .dialog-title .close {
  top: 30px;
  right: 30px;
}
.form-dialog .MuiDialogTitle-root {
  padding: 0px;
}
.form-dialog .MuiDialogTitle-root {
  padding-top: 0px;
}
.form-dialog .MuiDialogContent-root {
  overflow-x: hidden;
  padding: 3px 0px 0px;
}
.form-dialog .form-title {
  font-size: 24px;
  line-height: 24px;
}
.form-dialog .account-name {
  color: #282828;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 15px;
}
.form-dialog .form-desc {
  color: #757575;
  font-size: 14px;
  line-height: 15px;
}
.form-dialog .dialog-actions {
  box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  height: 95px;
  padding-right: 50px;
}
.form-dialog .dimension-title-wrapper {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  padding-bottom: 4px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.form-dialog .dimension-title-wrapper .steps-count {
  color: #757575;
  text-transform: none;
  margin-left: auto;
  margin-right: 0;
  display: block;
  font-size: 17px;
}
.form-dialog .account-form-modal-container {
  margin: 30px 15px auto;
}
.form-dialog .account-form-modal-container.attachment-step .react-swipeable-view-container {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.form-dialog .attribute-input-wrapper {
  margin: auto;
}
.form-dialog .assets-modal-uploader,
.form-dialog .uppy-Root {
  height: 100%;
}
.form-dialog .form-title-container {
  padding: 40px 90px 0px;
}
.form-dialog .swipeable-views-form-wizard {
  overflow-x: hidden;
  margin-left: 90px;
  margin-right: 90px;
}
.form-dialog .account-form-step {
  height: 60vh;
  max-height: 465px;
  overflow-y: auto;
  overflow-x: hidden;
}
.form-dialog .account-form-step .attribute-input {
  padding-top: 12px;
  padding-bottom: 12px;
}
.form-dialog .uppy-DashboardContent-bar {
  padding-left: 90px !important;
  padding-right: 90px !important;
  border-bottom: none !important;
}
.form-dialog .uppy-DashboarAddFiles {
  justify-content: flex-start !important;
}
.form-dialog .uppy-Dashboard-files {
  padding-right: 90px !important;
  padding-left: 90px !important;
}
.form-dialog .uppy-Dashboard-inner {
  background-color: transparent !important;
  border: none !important;
  height: 100% !important;
}
.form-dialog .uppy-DashboardContent-bar {
  background-color: #fff !important;
}
.form-dialog .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  background-color: #fff !important;
  box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.11);
}
.form-dialog .uppy-Dashboard-AddFilesPanel {
  background-color: #fff !important;
}
.form-dialog .uppy-Dashboard-AddFilesPanel .uppy-DashboarAddFiles {
  background-color: #fff !important;
}
.form-dialog .form-wizard {
  max-width: 760px;
  margin: auto;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.form-dialog .react-swipeable-view-container {
  width: 100%;
}
.form-dialog .confirmation-dialog-button.back-btn {
  margin-left: 10px;
  margin-right: auto;
}
.form-dialog .logo-container {
  width: 180px;
  height: 40px;
  opacity: 0.6;
  margin: auto;
  margin-top: 30px;
  font-size: 22px;
  letter-spacing: 1px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.form-dialog .logo-container .totango-logo {
  height: 40px;
  margin-right: 10px;
}
@media (max-height: 700px) {
  .form-dialog .logo-container {
    display: none;
  }
}
@media (max-width: 740px) {
  .form-dialog .uppy-DashboardContent-bar {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .form-dialog .uppy-Dashboard-files {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .form-dialog .form-title-container {
    padding: 40px 30px 0px;
  }
  .form-dialog .swipeable-views-form-wizard {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 580px) {
  .form-dialog .uppy-DashboardContent-bar {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .form-dialog .uppy-Dashboard-files {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
  .form-dialog .form-title-container {
    padding: 40px 18px 0px;
  }
  .form-dialog .swipeable-views-form-wizard {
    margin-left: 18px;
    margin-right: 18px;
  }
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.folders-breadcrumbs {
  position: sticky;
  top: 222px;
  min-height: 42px;
  border-bottom: 1px solid #EEEEEE;
  background-color: #EEEEEE;
  z-index: 15;
}
.folders-breadcrumbs_notSticky {
  position: static;
  background-color: #F5F5F5;
}
.folders-breadcrumbs_notSticky .folders-breadcrumbs__list {
  padding: 0 15px;
}
.folders-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 35px;
}
.folders-breadcrumbs__root {
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin-right: 10px;
  cursor: pointer;
}
.folders-breadcrumbs__root .fa {
  font-size: 18px;
  color: #757575;
}
.folders-breadcrumbs__item {
  display: flex;
  align-items: center;
  margin-right: 10px;
  padding: 10px 0;
  cursor: pointer;
}
.folders-breadcrumbs__item_active {
  font-weight: 800;
}
.folders-breadcrumbs__itemName {
  margin-left: 10px;
  font-size: 14px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.folders-breadcrumbs__item .fa {
  font-size: 14px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-select-dropdown__menu.account-select-prefix .react-select-dropdown__menu-list .react-select-dropdown__option {
  padding: 0;
}
.react-select-dropdown__menu.account-select-prefix .account-select__result {
  width: 100%;
}
.react-select-dropdown__menu.account-select-prefix .account-select__result:hover {
  background-color: transparent;
}
.react-select-dropdown__menu.account-select-prefix .account-select__result .account-data {
  display: flex;
  align-items: center;
}
.react-select-dropdown__menu.account-select-prefix .account-select__result .account-data .account-health-icon {
  font-size: 8px;
  margin-right: 5px;
}
.react-select-dropdown__menu.account-select-prefix .account-select__result .account-data .account-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.react-select-dropdown__menu.account-select-prefix .account-select__result .account-data .account-type-label {
  margin-left: auto;
}
.react-select-dropdown__menu.account-select-prefix .account-select__result .account-tasks {
  margin-left: 13px;
  color: #757575;
}
.react-select-dropdown__menu.account-select-prefix .account-select__result .format-currency {
  margin: 4px 5px 0 10px;
  font-size: 12px;
  color: #757575;
}
.account-async-select.react-select-dropdown-container .selector-control-input .fa {
  color: unset;
}
.account-async-select.react-select-dropdown-container .account-health-icon {
  margin-right: 5px;
}
.account-async-select.react-select-dropdown-container .react-select-dropdown__control {
  width: 100%;
}
.account-async-select.react-select-dropdown-container .react-select-dropdown__control .Mui-focused .account-select-value {
  opacity: 0.5;
}
.account-async-select.react-select-dropdown-container.react-select-dropdown--is-disabled {
  pointer-events: unset;
}
.account-async-select.react-select-dropdown-container .account-select__item {
  padding: 10px;
}
.account-async-select.react-select-dropdown-container .account-select__item:hover {
  background-color: transparent;
}
.account-async-select.react-select-dropdown-container .account-select-value {
  font-size: 15px;
  display: flex;
  align-items: center;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.account-async-select.react-select-dropdown-container .account-select-value .account-name {
  color: #282828;
}
.account-async-select.react-select-dropdown-container .account-select-value .react-select-dropdown__single-value {
  position: relative;
  top: 0px;
  transform: unset;
  margin: 0px;
}
.account-async-select.react-select-dropdown-container .account-select-value .fa-circle {
  font-size: 13px;
}
.account-async-select.react-select-dropdown-container .account-select-value .account-link {
  margin-left: 8px;
  display: flex;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.account-async-select.react-select-dropdown-container .account-select-value .account-link:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.account-async-select.react-select-dropdown-container .format-currency {
  margin: 4px 5px 0 10px;
  font-size: 12px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.successFlowIconLabel.showLabel .custom-label-icon {
  width: auto;
  padding: 1px 8px;
  align-items: center;
  display: flex;
}
.successFlowIconLabel.showLabel .custom-label-icon .icon-class {
  width: unset;
}
.successFlowIconLabel.showLabel .custom-label-icon > span {
  font-size: 12px;
}
.successFlowIconLabel.selected .custom-label-icon {
  border-color: #40AC90;
  background-color: #E2F3EF;
}
.success-flow-selector .success-flow-icon-label {
  margin-right: 9px;
  margin-bottom: 9px;
  line-height: 21px;
  cursor: pointer;
}
.success-flow-selector .success-flow-icon-label .custom-label-icon {
  width: 25px;
  height: 25px;
  color: #6a6f71;
  background-color: #f1f1f1;
  text-align: center;
  padding: 0;
}
.success-flow-selector .success-flow-icon-label .custom-label-icon .icon-class {
  line-height: 25px;
  font-size: 12px;
  margin: 0;
  width: 100%;
}
.success-flow-selector .success-flow-icon-label.showLabel .custom-label-icon {
  width: auto;
  padding: 1px 8px;
  align-items: center;
  display: flex;
}
.success-flow-selector .success-flow-icon-label.showLabel .custom-label-icon .icon-class {
  width: unset;
}
.success-flow-selector .success-flow-icon-label.showLabel .custom-label-icon > span {
  font-size: 12px;
}
.success-flow-selector .success-flow-icon-label.selected .custom-label-icon {
  border-color: #40AC90;
  background-color: #E2F3EF;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-plan-list-container .user-not-allowed {
  padding-top: 5px;
  color: #C0392B;
}
.success-plan-list-container .success-plan-filters {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.success-plan-list-container .success-plan-filters .success-flows {
  display: flex;
}
.success-plan-list-container .success-plan-filters .success-flows .filter-icon {
  margin-right: 4px;
}
.success-plan-list-container .success-plan-filters .success-flow-selector .MuiToggleButtonGroup-root.switch-group > button,
.success-plan-list-container .success-plan-filters .success-flow-selector div[class*='MuiToggleButtonGroup-root'].switch-group > button,
.success-plan-list-container .success-plan-filters .success-flow-selector div[class^='MuiToggleButtonGroup-root'].switch-group > button {
  height: auto;
  margin-right: 9px;
}
.success-plan-list-container .success-plan-filters .success-flow-selector .MuiToggleButtonGroup-root.switch-group > button .success-flow-icon-label,
.success-plan-list-container .success-plan-filters .success-flow-selector div[class*='MuiToggleButtonGroup-root'].switch-group > button .success-flow-icon-label,
.success-plan-list-container .success-plan-filters .success-flow-selector div[class^='MuiToggleButtonGroup-root'].switch-group > button .success-flow-icon-label {
  margin-bottom: 0;
  margin-right: 0;
}
.success-plan-list-container .success-plan-filters .react-search-input {
  width: 250px;
  border-color: #dddddd;
}
.success-plan-list-container .success-plan-list {
  overflow-y: auto;
  width: 100%;
  border: 1px solid #dddddd;
  padding: 0;
}
.success-plan-list-container .success-plan-list .success-plan {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  background-color: #fff;
  color: #757575;
  font-size: 12px;
}
.success-plan-list-container .success-plan-list .success-plan > div {
  padding: 5px 10px;
}
.success-plan-list-container .success-plan-list .success-plan .success-play {
  width: 40%;
  display: flex;
}
.success-plan-list-container .success-plan-list .success-plan .folders {
  width: 60% !important;
}
.success-plan-list-container .success-plan-list .success-plan .success-flow,
.success-plan-list-container .success-plan-list .success-plan .location {
  width: 15%;
}
.success-plan-list-container .success-plan-list .success-plan .updater {
  width: 25%;
}
.success-plan-list-container .success-plan-list .success-plan .choose-button {
  width: 13%;
  padding-right: 0;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row:hover {
  background-color: #fff;
  border: 1px solid #40AC90;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row:hover .choose-button {
  cursor: pointer;
  visibility: visible;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .success-play {
  width: 40%;
  display: flex;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .success-play .success-play-icon {
  font-size: 16px;
  margin-top: 2px;
  margin-right: 5px;
  color: #757575;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .success-play .success-play-content {
  overflow: hidden;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .success-play .success-play-content .success-play-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #282828;
  font-size: 16px;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .success-play .success-play-content .success-play-description {
  font-size: 12px;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .location,
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .updater {
  font-size: 13px;
  color: #282828;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button {
  display: flex;
  justify-content: flex-end;
  visibility: hidden;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button.isLoading {
  visibility: visible;
  padding-left: 0;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button.isLoading .loading-indicator-wrapper {
  margin: 0;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button.isLoading .loading-indicator-wrapper .new-spinner {
  top: 0;
  right: 15px;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 34px;
  border-radius: 4px;
  color: #40AD90;
  border: 1px solid #40AD90;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button__content .icon-SuccessPlays {
  font-size: 14px;
  padding-right: 4px;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button__content span {
  font-size: 13px;
  line-height: 13px;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button__content.folders-button {
  width: 125px !important;
  padding: 0 11px;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button__content.folders-button i {
  padding: 5px;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-content-row .choose-button__content.folders-button span {
  font-size: 13px;
  line-height: 16px;
  padding-right: 10px;
  white-space: nowrap;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-header-row {
  position: sticky;
  top: 0;
  z-index: 3;
  height: 50px;
  font-size: 13px;
  color: #757575;
  background-color: #fff;
}
.success-plan-list-container .success-plan-list .success-plan.success-plan-header-row > .updater {
  padding-left: 20px;
}
.success-plan-list-container .success-plan-list .success-bloc {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  background-color: white;
  color: #757575;
}
.success-plan-list-container .success-plan-list .success-bloc-name {
  display: flex;
  align-items: center;
  position: sticky;
  top: 50px;
  z-index: 2;
  width: 100%;
  height: 40px;
  padding: 11px 17px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #dddddd;
}
.success-plan-list-container .success-plan-list .success-bloc-name > i {
  font-size: 13px;
  margin-right: 6px;
}
.success-plan-list-container .success-plan-list .success-bloc-name > svg {
  font-size: 16px;
  margin-right: 6px;
}
.success-plan-list-container .success-plan-list .success-bloc-name > span {
  font-size: 14px;
}
.success-plan-list-container .success-plan-list .success-bloc-folder {
  width: 100%;
  height: 45px;
  padding-left: 40px;
  background-color: #fff;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
}
.success-plan-list-container .success-plan-list .success-bloc .success-plan-content-row {
  border-left: 1px solid #dddddd;
  padding-left: 30px;
  background-color: #fff;
}
.success-plan-list-container .success-plan-list .success-bloc > div:last-child {
  border-bottom: none;
}
.success-plan-list-container .success-plan-list .folder-row {
  font-size: 12px;
  min-height: 70px;
}
.success-plan-list-container .success-plan-list .folder-row .choose-button {
  padding-right: 0 !important;
}
.success-plan-list-container .success-plan-list .folder-icon {
  font-size: 16px;
  margin-right: 6px;
  color: #757575;
}
.success-plan-list-container .success-plan-list .folder-button {
  width: 106px !important;
}
.success-plan-list-container .success-plan-list .folder span {
  font-size: 13px;
  line-height: 13px;
  padding: 10px;
  white-space: nowrap;
}
.success-plan-list-container .success-plan-list .folders-breadcrumbs {
  position: sticky;
  top: 50px;
  z-index: 2;
  min-height: 40px;
}
.success-plan-list-container .success-plan-list .folders-breadcrumbs__list {
  padding: 0 21px;
}
.success-plan-list-container .success-plan-list .folders-breadcrumbs__root > i {
  font-size: 13px;
}
.success-plan-list-container .no-search,
.success-plan-list-container .no-asset {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FAFAFA;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-plan-list-container .no-search {
  font-size: 16px;
  color: #757575;
  height: calc(100% - 50px);
}
.success-plan-list-container .no-asset {
  flex-direction: column;
  border: 1px solid #dddddd;
  color: #282828;
  line-height: 17px;
  font-size: 14px;
}
.success-plan-list-container .no-asset .title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-plan-list-container .no-asset .zero-state-img {
  max-width: 250px;
  padding: 25px 0;
}
.success-plan-list-container .no-asset .message {
  width: 80%;
  text-align: center;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.new-editable-input-box-react {
  position: relative;
  display: flex;
  height: 40px;
}
.new-editable-input-box-react:hover {
  cursor: pointer;
}
.new-editable-input-box-react .input-box-input input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-editable-input-box-react .input-box-input.invalid fieldset {
  border-color: #C0392B;
}
.new-editable-input-box-react.edit-mode {
  width: 100%;
}
.new-editable-input-box-react.edit-mode .input-box-input input {
  padding-right: 45px;
}
.new-editable-input-box-react.edit-mode .action-buttons {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.new-editable-input-box-react.read-mode .text {
  padding: 0 14px;
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
  max-width: calc(100% - 17px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-editable-input-box-react.read-mode .text.placeholder {
  color: #757575;
}
.new-editable-input-box-react.read-mode .action-buttons {
  display: flex;
  align-items: center;
}
.new-editable-input-box-react .action-buttons .input-box-icon {
  min-width: auto;
  color: #757575;
  margin: 0;
  font-size: 14px;
  padding: 0;
  z-index: 10;
  cursor: pointer;
}
.new-editable-input-box-react .action-buttons .input-box-icon.edit,
.new-editable-input-box-react .action-buttons .input-box-icon.delete {
  display: none;
  opacity: 0.5;
}
.new-editable-input-box-react .action-buttons .input-box-icon.edit,
.new-editable-input-box-react .action-buttons .input-box-icon.delete,
.new-editable-input-box-react .action-buttons .input-box-icon.cancel,
.new-editable-input-box-react .action-buttons .input-box-icon.confirm {
  padding-right: 5px;
}
.new-editable-input-box-react .action-buttons .input-box-icon.cancel {
  color: #C0392B;
}
.new-editable-input-box-react .action-buttons .input-box-icon.confirm {
  color: #27AE60;
}
.new-editable-input-box-react:hover .action-buttons .edit,
.new-editable-input-box-react:hover .action-buttons .delete {
  display: inline-flex;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.rich-text-editor-wrapper .mce-i-fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rich-text-editor-wrapper .mce-i-fa.fa-database:before {
  content: "\F1C0";
}
.rich-text-editor-wrapper .mce-statusbar.mce-stack-layout-item {
  border-width: 1px 0px 0px;
  position: relative;
  float: right;
  background-color: transparent;
  border: none;
}
.rich-text-editor-wrapper .mce-statusbar.mce-stack-layout-item .mce-flow-layout-item {
  font-size: 12px;
}
.rich-text-editor-wrapper .mce-statusbar.mce-stack-layout-item label.mce-charactercount {
  margin-right: 6px;
  color: #757575;
  background-color: #fff;
}
.rich-text-editor-wrapper .mce-custom-add-data-button button {
  color: #54A7CF;
  font-size: 12px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.rich-text-editor-wrapper .mce-custom-add-data-button:hover {
  border-color: transparent;
}
.rich-text-editor-wrapper .mce-custom-add-data-button:hover button {
  text-decoration: underline;
}
.rich-text-editor-wrapper .mce-edit-area label {
  color: #757575;
  font-size: 13px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.title-holder .rich-text-editor-wrapper {
  min-height: 50px;
}
.description-holder .rich-text-editor-wrapper {
  min-height: 90px;
}
.mce-floatpanel[aria-label='Insert link'].mce-window.mce-in {
  max-height: 160px;
}
.mce-floatpanel[aria-label='Insert link'] button,
.mce-floatpanel[aria-label='Insert link'] .mce-abs-layout-item,
.mce-floatpanel[aria-label='Insert link'] .mce-title {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.mce-floatpanel[aria-label='Insert link'] .mce-container-body.mce-abs-layout {
  max-height: 110px;
}
.mce-floatpanel[aria-label='Insert link'] .mce-btn.mce-primary button {
  background-color: #49b79a;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.rich-text-editor-wrapper .rich-text-editor-text-field {
  width: 100%;
}
.rich-text-editor-wrapper .mce-container .mce-edit-area {
  border: none;
}
.rich-text-editor-wrapper.has-legend .mce-container {
  background: none;
  padding: 1px;
}
.rich-text-editor-wrapper:not(.has-legend) .mce-container.mce-panel {
  background-color: #fff;
  padding: 1px;
}
.rich-text-editor-wrapper .mce-container .mce-btn-group:not(:first-child) {
  border-left: none;
}
.rich-text-editor-wrapper .mce-container .mce-statusbar.mce-stack-layout-item {
  border-width: 1px 0px 0px;
  position: absolute;
  bottom: 0;
  right: 5px;
  background-color: transparent;
  border: none;
}
.rich-text-editor-wrapper .mce-container .mce-statusbar.mce-stack-layout-item .mce-flow-layout-item {
  padding: 4px 10px 4px 4px;
  margin-left: 0;
}
.rich-text-editor-wrapper .mce-container .mce-statusbar.mce-stack-layout-item .mce-flow-layout-item.mce-last {
  padding: 4px 0 4px 4px;
}
.rich-text-editor-wrapper .mce-container .mce-character-count {
  margin-right: 15px;
  margin-bottom: 0;
  color: #757575;
  background-color: #fff;
}
.rich-text-editor-wrapper .mce-container .mce-toolbar-grp {
  background-color: #fff;
}
.rich-text-editor-wrapper .mce-container .mce-toolbar-grp .mce-btn {
  background-color: #fff;
}
.rich-text-editor-wrapper .mce-container .mce-toolbar-grp .mce-btn button {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 16px;
}
.rich-text-editor-wrapper .mce-container .mce-toolbar-grp .mce-btn button .mce-ico {
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  width: 10px;
}
.rich-text-editor-wrapper .mce-container .mce-toolbar-grp .mce-btn button .mce-caret {
  position: relative;
  right: unset;
}
.rich-text-editor-wrapper .mce-container .mce-toolbar-grp .mce-btn.mce-custom-add-data-button {
  margin: 0;
}
.rich-text-editor-wrapper .mce-container .mce-toolbar-grp .mce-btn.mce-custom-add-data-button button {
  padding: 3px 0 1px;
}
.rich-text-editor-wrapper.has-legend .rich-text-editor-base {
  width: 100%;
  height: auto;
  margin: 1px 0;
  padding: 1px;
}
.rich-text-editor-wrapper.has-legend .mce-container {
  border: none;
}
.rich-text-editor-wrapper.has-legend .MuiInputLabel-outlined {
  transform: translate(10px, 13px);
}
.rich-text-editor-wrapper.has-legend.is-focused .MuiInputLabel-shrink {
  color: #5EACD2;
}
.rich-text-editor-wrapper .Mui-disabled {
  pointer-events: none;
}
.rich-text-editor-wrapper .Mui-disabled > fieldset {
  z-index: 1;
}
.mce-floatpanel[aria-label='Insert link'].mce-window.mce-in {
  max-height: 160px;
}
.mce-floatpanel[aria-label='Insert link'] button,
.mce-floatpanel[aria-label='Insert link'] .mce-abs-layout-item,
.mce-floatpanel[aria-label='Insert link'] .mce-title {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.mce-floatpanel[aria-label='Insert link'] .mce-container-body.mce-abs-layout {
  background-color: #fff;
  max-height: 150px;
}
.mce-floatpanel[aria-label='Insert link'] .mce-btn.mce-primary button {
  background-color: #49b79a;
}
.custom-color-wrapper .campaign-color-picker {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.estimated-task-cost-container {
  display: flex;
}
.estimated-task-cost-container .estimated-task-cost-number {
  flex-basis: 70%;
}
.estimated-task-cost-container .estimated-task-cost-number fieldset {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.estimated-task-cost-container .estimated-task-cost-unit {
  flex-basis: 30%;
}
.estimated-task-cost-container .estimated-task-cost-unit fieldset {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  top: -5px;
  left: -1px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.add-item-button:not(.disabled) > span {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.add-item-button:not(.disabled) > span:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.add-item-button .fa {
  margin-right: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.attribute-followup {
  display: flex;
  align-items: center;
  height: auto;
}
.attribute-followup .method-dropdown {
  display: inline-block;
  min-width: 220px;
  margin-right: 7px;
  background: #fff;
}
.attribute-followup .single-attribute-followup .attribute-name {
  margin-right: 10px;
}
.attribute-followup .attribute-mandatory {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.attribute-followup .remove-item {
  margin-left: 10px;
  height: 35px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.followup-actions {
  min-width: 470px;
  font-size: 14px;
}
.followup-actions .title {
  display: flex;
  align-items: center;
}
.followup-actions .title .followup-action-icon {
  line-height: 14px;
}
.followup-actions .title .followup-action-icon svg {
  width: 10px;
}
.followup-actions .title .title-text,
.followup-actions .title .add-button {
  line-height: 15px;
  padding: 3px 10px;
  border-radius: 3px;
}
.followup-actions .title .title-text {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
}
.followup-actions .title .title-text .followup-action-icon {
  color: #282828;
}
.followup-actions .title .add-button {
  font-size: 13px;
  border: 1px solid #54A7CF;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.followup-actions .title .add-button:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.followup-actions .title .add-button .followup-action-icon {
  color: #54A7CF;
  margin-right: 5px;
}
.followup-actions .title .add-button .followup-action-icon svg {
  margin-top: 2px;
}
.followup-actions .followup-actions-details {
  margin-left: 15px;
}
.followup-actions .followup-actions-details .actions {
  color: #282828;
  margin-top: 10px;
}
.followup-actions .followup-actions-details .actions .action {
  margin-left: 5px;
}
.followup-actions .followup-actions-details .actions .action:not(:last-child) {
  margin-bottom: 10px;
}
.followup-actions .task-cost-followup,
.followup-actions .touchpoint-followup {
  display: flex;
}
.followup-actions .touchpoint-followup,
.followup-actions .attribute-followups,
.followup-actions .task-cost-followup {
  line-height: 14px;
  vertical-align: middle;
  margin: 2px 0;
}
.followup-actions .touchpoint-followup .react--info-icon,
.followup-actions .attribute-followups .react--info-icon,
.followup-actions .task-cost-followup .react--info-icon {
  font-size: 14px;
  line-height: 18px;
}
.followup-actions .touchpoint-followup .MuiInputBase-root,
.followup-actions .attribute-followups .MuiInputBase-root,
.followup-actions .task-cost-followup .MuiInputBase-root {
  font-size: 14px;
  height: 14px;
}
.followup-actions .touchpoint-followup .MuiNativeSelect-select:focus,
.followup-actions .attribute-followups .MuiNativeSelect-select:focus,
.followup-actions .task-cost-followup .MuiNativeSelect-select:focus {
  background: none;
}
.followup-actions .touchpoint-followup > :not(:last-child),
.followup-actions .attribute-followups > :not(:last-child),
.followup-actions .attribute-mandatory > :not(:last-child),
.followup-actions .task-cost-followup > :not(:last-child) {
  margin-right: 10px;
}
.followup-actions .attribute-followup {
  margin-bottom: 7px;
}
.followup-actions .attribute-followup .attribute-followup:last-of-type {
  margin-bottom: 9px;
}
.followup-actions .attribute-followup .popout-dropdown-container .popout-dropdown-toggle .option-container {
  padding: 2px 4px;
}
.followup-actions .attribute-followups .action-sub-title {
  display: flex;
  line-height: 18px;
  margin: 20px 0 10px;
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.followup-actions .attribute-followups .action-sub-title > div {
  margin-left: 5px;
}
.followup-actions .attribute-followups .action-list .group-title {
  color: #979797;
  font-size: 11px;
  text-transform: uppercase;
}
.followup-actions .attribute-followups .action-list > div:nth-child(3) {
  margin-top: 20px;
}
.followup-actions .attribute-followups .action-list .followup-group {
  margin-bottom: 32px;
}
.followup-actions .attribute-followups .action-list .followup-group .followup-list .account-attributes-title {
  display: flex;
  margin: 15px 0 10px;
  text-transform: uppercase;
  color: #757575;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.followup-actions .attribute-followups .action-list .followup-group .followup-list .followup-attributes-titles {
  margin: 10px 0 7px;
}
.followup-actions .attribute-followups .action-list .followup-group .followup-list .followup-attributes-titles .attribute-title {
  display: inline-block;
  text-transform: capitalize;
  color: #757575;
  min-width: 230px;
}
.followup-actions .attribute-followups .action-list .followup-group .add-update-attribute {
  margin-top: 3px;
  display: inline-flex;
}
.followup-actions .attribute-followups .action-list .followup-group .add-update-attribute .add-item-button {
  margin-right: 20px;
  text-transform: capitalize;
}
.followup-action-tooltip .MuiTooltip-tooltip {
  font-size: 13px;
  width: 140px;
}

.assets-trigger {
  display: flex;
}
.assets-trigger .add-assets {
  width: 100%;
}
.assets-trigger.is-loading .add-assets {
  width: auto;
}
.assets-trigger-loading-indicator {
  margin-top: -9px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.create-form-dialog .confirmation-dialog-paper {
  background-color: #F5F5F5;
  padding: 0px;
}
.create-form-dialog .dialog-title {
  padding-top: 20px;
  padding-left: 20px;
}
.create-form-dialog .dialog-content {
  padding: 8px 24px;
  margin-bottom: 15px;
  scroll-behavior: smooth;
}
.create-form-dialog .dialog-actions {
  box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
}
.create-form-dialog .dialog-actions .cancel-btn {
  color: #C0392B;
}
.create-form-dialog .dimensions-selector.MuiGrid-item,
.create-form-dialog .form-preview-grid-item.MuiGrid-item {
  padding-bottom: 0px;
  max-height: 90vh;
  overflow-y: auto;
}
.create-form-dialog .allow-attach-cb,
.create-form-dialog .enable-form-cb {
  width: 280px;
  padding: 10px;
  margin: 10px auto auto;
}
.create-form-dialog .selection-panel .menu.group-menu,
.create-form-dialog .menu-selector .menu.group-menu {
  border-right: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.form-preview {
  position: relative;
  margin: auto auto 100px;
}
.form-preview .section-wrapper {
  position: relative;
}
.form-preview .attributes-error-msg {
  background-color: #fff;
  border: 1px solid #C0392B;
  padding: 5px;
  text-align: center;
  max-width: 400px;
  margin: auto;
  color: #757575;
  font-size: 15px;
}
.form-preview .action-bar-container {
  position: absolute;
  transition: all 0.4s ease-in-out 0s;
  transform: translateY(-50%);
  z-index: 1;
}
.form-preview .form-action-bar {
  width: 40px;
  border-radius: 2px;
  background-color: #fff;
  z-index: 1;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.form-preview .form-action-bar .action-bar-btn-wrapper {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.form-preview .form-action-bar .action-bar-btn-wrapper i {
  color: #40AD90;
}
.form-preview .form-action-bar .form-attribute-selector-container {
  position: absolute;
  right: 40px;
  top: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  background-color: #fff;
}
.form-preview .form-action-bar .form-attribute-selector-container .form-dimension-selection {
  margin-top: 20px;
  margin-left: 15px;
  font-size: 20px;
}
.form-preview .step-container {
  margin-bottom: 40px;
  position: relative;
}
.form-preview .step-container .close {
  position: absolute;
  right: 15px;
  margin-top: 0px;
  font-size: 25px;
  top: 10px;
}
.form-preview .step-container .attribute-input-container {
  position: relative;
  padding: 12px 12px 12px 16px;
  margin-right: 32px;
  margin-left: 28px;
}
.form-preview .step-container .attribute-input-container .attribute-desc {
  margin-left: 5px;
  margin-top: 2px;
  font-size: 13px;
  color: #666666;
}
.form-preview .step-container .attribute-input-container .close {
  visibility: hidden;
  right: -7px;
  top: 28px;
  font-size: 23px;
  line-height: 10px;
}
.form-preview .step-container .attribute-input-container .mandatory-switch {
  right: 13px;
  position: absolute;
  top: -7px;
  visibility: hidden;
  color: #BDBDBD;
  font-size: 13px;
}
.form-preview .step-container .attribute-input-container .mandatory-switch .switch-text {
  margin-right: 5px;
}
.form-preview .step-container .attribute-input-container .handle-drag-btn {
  left: 6px;
  position: absolute;
  top: 23px;
  visibility: hidden;
}
.form-preview .step-container .attribute-input-container:hover .close,
.form-preview .step-container .attribute-input-container:hover .mandatory-switch,
.form-preview .step-container .attribute-input-container:hover .handle-drag-btn {
  visibility: visible;
}
.form-preview .step-container .attribute-input-container.dragging .handle-drag-btn {
  visibility: visible;
}
.form-preview .step-container .step-counter {
  text-transform: uppercase;
  color: #40AD90;
  font-size: 13px;
  line-height: 16px;
  position: absolute;
  top: -17px;
}
.form-preview .step-container .form-details-container {
  padding: 30px 50px 40px;
}
.form-preview .step-container .form-details-container .form-name {
  position: relative;
}
.form-preview .step-container .form-details-container .form-name-input {
  font-size: 20px;
  padding-left: 0px;
}
.form-preview .step-container .form-details-container .form-name-input.Mui-error {
  border: 1px solid #C0392B;
}
.form-preview .step-container .form-details-container .form-name-input input {
  font-size: 20px;
  color: #282828;
}
.form-preview .step-container .form-details-container .form-desc-input {
  color: #282828;
  font-size: 12px;
}
.form-preview .step-container .form-details-container .form-desc-input input {
  padding-left: 0px;
}
.form-preview .step-container .form-details-container .account-types {
  margin-bottom: 15px;
  position: relative;
}
.form-preview .step-container .form-details-container .account-types .info-icon-wrapper {
  position: absolute;
  right: -23px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.form-preview .step-container .form-details-container .fa-pencil {
  opacity: 1;
  font-size: 18px;
  color: #282828;
}
.form-preview .step-container .dimension-title {
  color: #282828;
  text-transform: uppercase;
  border-bottom: 1px dashed #E6E6E6;
  padding: 10px 30px;
}
.form-preview .step-container .dimension-title .form-section-input {
  font-size: 16px;
  text-transform: none;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.form-preview .step-container .dimension-title input {
  font-size: 16px;
  padding-bottom: 10px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.form-preview .step-container .dimension-title .fa-pencil {
  opacity: 1;
  font-size: 18px;
  color: #282828;
}
.form-preview .dimension-attributes-container {
  min-height: 80px;
}
.form-preview .dimension-attributes-container .inputs-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
.form-preview .form-step {
  border: 1px solid #E7E7E7;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  max-width: 580px;
  margin: auto;
  position: relative;
}
.form-preview .form-attribute-selector-buttons-container {
  padding-top: 13px;
  padding-bottom: 13px;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #E7E7E7;
  padding-right: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.matching-criteria-list .criteria-holder {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.matching-criteria-list .criteria-holder .input-label,
.matching-criteria-list .criteria-holder .attribute-dropdown,
.matching-criteria-list .criteria-holder .score-func-dropdown,
.matching-criteria-list .criteria-holder .score-input-numeric,
.matching-criteria-list .criteria-holder .required-match-dropdown {
  display: inline-flex;
  margin-right: 10px;
}
.matching-criteria-list .criteria-holder .attribute-dropdown {
  min-width: 210px;
}
.matching-criteria-list .criteria-holder .score-func-dropdown {
  min-width: 85px;
}
.matching-criteria-list .criteria-holder .score-input-numeric {
  max-width: 60px;
}
.matching-criteria-list .criteria-holder .required-match-dropdown {
  min-width: 135px;
  margin-left: auto;
  margin-right: 0;
}
.matching-criteria-list .criteria-holder .required-match-dropdown fieldset {
  background-color: transparent;
  border: none;
}
.matching-criteria-list .criteria-holder .input-label {
  font-size: 13px;
  color: #282828;
}
.matching-criteria-list .criteria-holder .btn-remove-match {
  font-size: 16px;
  color: #757575;
}
.matching-criteria-list .criteria-holder .btn-remove-match:hover {
  cursor: pointer;
}
.matching-criteria-list.hasInvalid .invalid fieldset {
  border-color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.pool-additional-criteria-overlay {
  overflow-y: auto;
}
.pool-additional-criteria-modal {
  width: 85%;
  left: calc(50% - 85%/2);
  top: 10%;
}
@media (min-width: 1480px) {
  .pool-additional-criteria-modal {
    width: 1080px;
    left: calc(50% - 1080px/2);
  }
}
.pool-additional-criteria-modal .modal-header .modal-title {
  font-size: 20px;
  color: #282828;
  text-transform: capitalize;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.pool-additional-criteria-modal .modal-header .sub-header {
  font-size: 12px;
  color: #757575;
  text-align: left;
  margin-top: 10px;
}
.pool-additional-criteria-modal .modal-header .sub-header strong {
  display: block;
  font-size: 18px;
  color: #282828;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.pool-additional-criteria-modal .modal-header .close {
  align-self: flex-start;
}
.pool-additional-criteria-modal .pool-additional-criteria-body > div > div {
  margin-bottom: 28px;
}
.pool-additional-criteria-modal .pool-additional-criteria-body .section-title,
.pool-additional-criteria-modal .pool-additional-criteria-body .section-sub-title {
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.pool-additional-criteria-modal .pool-additional-criteria-body .section-title {
  font-size: 16px;
}
.pool-additional-criteria-modal .pool-additional-criteria-body .section-sub-title {
  font-size: 12px;
  margin-bottom: 5px;
}
.pool-additional-criteria-modal .pool-additional-criteria-body .assignment-order {
  margin-bottom: 0;
}
.pool-additional-criteria-modal .pool-additional-criteria-body .assignment-order .assignment-order-radio svg {
  width: 16px;
}
.pool-additional-criteria-modal .pool-additional-criteria-body .group-option-label {
  font-size: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.matching-criteria-holder {
  position: relative;
}
.matching-criteria-holder > div {
  display: flex;
  min-width: 100%;
}
.matching-criteria-holder .button-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 9.5px 25px 9.5px 15px;
  color: #6d6d6d;
  font-size: 14px;
}
.matching-criteria-holder .button-content .account-attributes-list-holder {
  padding-right: 10px;
}
.matching-criteria-holder .button-content .account-attributes-list-holder .account-attributes-list {
  min-width: 35px;
  display: inline-flex;
}
.matching-criteria-holder .button-content .account-attributes-list-holder .account-attributes-list > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matching-criteria-holder .button-content .assignment-order {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  border-left: 1px solid #979797;
  max-width: calc(100% - 170px);
}
.matching-criteria-holder .button-content .fa-pencil {
  position: absolute;
  top: 13px;
  right: 8px;
  opacity: 50%;
  display: none;
}
.matching-criteria-holder:hover {
  cursor: pointer;
}
.matching-criteria-holder:hover .fa-pencil {
  display: block;
}
@media (max-width: 1270px) {
  .account-attributes-list {
    max-width: calc(100% - 55px);
  }
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-holder.edit {
  background-color: #F9F9F9;
  border: 1px solid #d8d8d8;
  padding: 10px 30px;
}
.task-holder.edit > .MuiGrid-item {
  padding: 5px;
}
.task-holder.edit .days-holder .due-date-input .MuiInputBase-root,
.task-holder.edit .days-holder .days-input {
  font-size: 14px;
  min-width: 100%;
}
.task-holder.edit .csm-dropdown .react-select-dropdown__menu-list {
  height: 185px;
}
.task-holder.edit .rich-text-editor-wrapper .MuiFormControl-root {
  width: 100%;
}
.task-holder.edit .rich-text-editor-wrapper .mce-panel {
  border-color: #dddddd;
  border-radius: 4px;
}
.task-holder.edit .rich-text-editor-wrapper .mce-panel .mce-edit-area {
  border: none;
  width: calc(100% - 2px);
}
.task-holder.edit .rich-text-editor-wrapper .mce-panel .mce-edit-area > iframe {
  border-radius: 4px;
}
.task-holder.edit .priority-dropdown .react-select-dropdown__control,
.task-holder.edit .forms-dropdown .react-select-dropdown__control {
  min-width: 100%;
  background: #fff;
}
.task-holder.edit .priority-dropdown .react-select-dropdown__control > div:hover,
.task-holder.edit .forms-dropdown .react-select-dropdown__control > div:hover {
  cursor: pointer;
}
.task-holder.edit .title-holder .rich-text-editor-wrapper .mce-edit-area {
  padding-bottom: 20px;
}
.task-holder.edit .title-holder .rich-text-editor-wrapper .mce-toolbar-grp {
  float: right;
  right: 0;
  left: calc(100% - 163px);
  position: absolute;
  bottom: 0;
  background-color: transparent;
  border: none;
}
.task-holder.edit .description-holder .rich-text-editor-wrapper .mce-last.mce-btn-group {
  float: right;
}
.task-holder.edit .description-holder .rich-text-editor-wrapper .mce-last.mce-btn-group button {
  padding: 5px 0 0;
}
.task-holder.edit .rich-text-editor-wrapper .mce-toolbar-grp {
  max-width: calc(100% - 80px);
}
.task-holder.edit .priority-group .switch-group {
  height: 41px;
}
.task-holder.edit .priority-group .switch-group button {
  height: 41px;
  padding: 0 15px;
}
.task-holder.edit .no-user-by-role {
  margin: 10px 0 0 5px;
  color: #C0392B;
}
.task-holder.edit .trigger-assets .assets-trigger {
  width: 100%;
  padding-right: 4px;
}
.task-holder.edit .trigger-assets .add-assets .add-assets__button {
  margin-left: 0;
}
.task-holder.edit .trigger-assets .add-assets .assets-list__title {
  margin-top: 5px;
}
.task-holder.edit .trigger-assets .new-spinner {
  top: -3px;
  left: 5px;
}
.task-holder.edit .btn-preview-form {
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #58A8CD;
  text-transform: capitalize;
}
.task-holder.edit .trigger-icon {
  position: relative;
  left: -15px;
  top: 33px;
}
.task-holder.edit .trigger-icon.task-icon {
  color: #5DACD2;
}
.task-holder.edit .trigger-icon.icon-form-task {
  color: #EE416A;
}
.task-holder.edit .trigger-action-buttons {
  display: flex;
  justify-content: space-between;
}
.task-holder.edit .trigger-action-buttons .btn-remove-trigger {
  color: #EF3D4E;
  text-transform: none;
}
.task-holder.edit .pool-additional-terms-holder .segment-filters {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  z-index: 1;
  position: relative;
}
.task-holder.edit .pool-additional-terms-holder .segment-filters .segment-filters-container .segment-terms-wrapper .more-filters .more-filters-label {
  background-color: transparent;
}
.task-holder.edit .pool-additional-terms-holder .segment-filters .segment-filters-container .segment-terms-wrapper .more-filters .more-filters-label .fa {
  margin-right: 5px;
}
.task-holder.edit .pool-users-count-holder {
  color: #282828;
  font-size: 12px;
}
.task-holder.edit .pool-users-count-holder .chip-count-holder {
  background-color: #D8D8D8;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  margin-left: 6px;
  display: inline-flex;
}
.task-holder.edit .pool-users-count-holder .chip-count-holder .number {
  text-align: center;
  display: block;
  margin: 2px auto 0;
}
.task-holder.edit .pool-users-count-holder .fa {
  color: #757575;
  font-size: 12px;
  margin-left: 10px;
}
.task-holder.edit .pool-users-count-holder .loading-indicator {
  display: inline-flex;
  margin-left: 20px;
}
.task-holder.edit .pool-users-count-holder .loading-indicator .loading-indicator-wrapper {
  margin: 0;
}
.hasInvalid .trigger-edit .invalid fieldset,
.trigger-edit.hasInvalid .invalid fieldset {
  border-color: #C0392B;
}
.hasInvalid .trigger-edit .rich-text-editor-wrapper.invalid .mce-panel,
.trigger-edit.hasInvalid .rich-text-editor-wrapper.invalid .mce-panel {
  border-color: #C0392B;
}
.hasInvalid .trigger-edit .followup-actions .attribute-name.invalid .react-select-dropdown__value-container,
.trigger-edit.hasInvalid .followup-actions .attribute-name.invalid .react-select-dropdown__value-container,
.hasInvalid .trigger-edit .followup-actions .attribute-value.invalid .react-select-dropdown__value-container,
.trigger-edit.hasInvalid .followup-actions .attribute-value.invalid .react-select-dropdown__value-container {
  opacity: unset;
}
.hasInvalid .trigger-edit .followup-actions .attribute-name.invalid .react-select-dropdown__value-container .react-select-dropdown__placeholder,
.trigger-edit.hasInvalid .followup-actions .attribute-name.invalid .react-select-dropdown__value-container .react-select-dropdown__placeholder,
.hasInvalid .trigger-edit .followup-actions .attribute-value.invalid .react-select-dropdown__value-container .react-select-dropdown__placeholder,
.trigger-edit.hasInvalid .followup-actions .attribute-value.invalid .react-select-dropdown__value-container .react-select-dropdown__placeholder {
  color: #C0392B;
}
.hasInvalid .trigger-edit .followup-actions .attribute-name.invalid .lifecycle-dropdown__control,
.trigger-edit.hasInvalid .followup-actions .attribute-name.invalid .lifecycle-dropdown__control,
.hasInvalid .trigger-edit .followup-actions .attribute-value.invalid .lifecycle-dropdown__control,
.trigger-edit.hasInvalid .followup-actions .attribute-value.invalid .lifecycle-dropdown__control {
  border: 1px solid #C0392B;
}
.hasInvalid .trigger-edit .followup-actions .method-dropdown.invalid .control-wrapper,
.trigger-edit.hasInvalid .followup-actions .method-dropdown.invalid .control-wrapper {
  border-color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.trigger-summary {
  position: relative;
  color: #282828;
  font-size: 13px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.trigger-summary .btn-edit-trigger {
  visibility: hidden;
  color: #545D67;
  opacity: 0.4;
  margin-left: auto;
  vertical-align: top;
  display: flex;
  width: 20px;
  min-width: 30px;
}
.trigger-summary .trigger-icon.task-icon {
  margin: 0 7px 0 0;
  vertical-align: middle;
  font-size: 15px;
  color: #5DACD2;
  line-height: 15px;
  padding: 0;
  min-width: auto;
}
.trigger-summary .trigger-icon.icon-form-task {
  color: #EE416A;
  font-size: 13px;
  vertical-align: top;
  display: inline-block;
  margin: 4px 7px 0 0;
}
.trigger-summary .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 30px);
  display: inline-block;
  flex-direction: column;
  vertical-align: middle;
}
.trigger-summary .title .form-name.has-title {
  color: #757575;
}
.trigger-summary .title .form-name.invalid {
  color: #C0392B;
}
.trigger-summary .title .form-name.invalid:hover {
  cursor: default;
}
.trigger-summary .title .form-name.invalid .btn-preview-form:hover {
  cursor: not-allowed;
}
.trigger-summary .title .form-name .btn-preview-form {
  color: #A4A4A4;
  margin: 0 10px;
  border-radius: 4px;
  padding: 4px;
}
.trigger-summary .title .form-name .btn-preview-form:hover {
  cursor: pointer;
  background-color: #F2F2F2;
}
.trigger-summary .no-user-by-role {
  color: #C0392B;
}
.trigger-summary .no-user-by-role .option-text {
  color: #C0392B;
}
.trigger-summary .user-cell-container {
  overflow-x: auto;
  overflow-y: hidden;
}
.trigger-summary .user-cell-holder {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.trigger-summary .user-cell-holder .user-info {
  overflow-x: auto;
}
.trigger-summary .user-cell-holder .user-info .user-name {
  line-height: 1;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trigger-summary .user-cell-holder .user-info .role {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  margin-bottom: 2px;
}
.trigger-summary .user-cell-holder .pool-icon {
  margin-right: 10px;
}
.trigger-summary .title-holder:hover {
  cursor: pointer;
}
.trigger-summary .title-holder:hover .btn-edit-trigger {
  visibility: visible;
}
.trigger-summary.edit-hover-trigger {
  cursor: pointer;
}
.trigger-summary.edit-hover-trigger:hover .btn-edit-trigger {
  visibility: visible;
}
.popout-dropdown-popover .owner-csm-dropdown {
  width: fit-content;
}
.hasInvalid .trigger-summary.editable.has-error {
  border: 1px solid #C0392B;
}

.zero-state-container {
  width: 100%;
}
.zero-state-container .actions-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.zero-state-container .zero-state-img {
  margin: 30px auto 0;
  display: block;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.actions-holder {
  display: flex;
}
.actions-holder .actions-button {
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0 5px;
}
.actions-holder .actions-button .btn-label {
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
  color: #282828;
}
.actions-holder .actions-button .btn-icon {
  margin-right: 10px;
}
.actions-holder .actions-button.btn-add-task .btn-icon {
  font-size: 14px;
  min-width: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.tasks-list-holder {
  margin: 15px 0;
}
.tasks-list-holder .list-header {
  border-bottom: 1px solid #9797974d;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.tasks-list-holder .list-header .header-cell-text {
  color: #282828;
  font-size: 12px;
  display: flex;
  line-height: 15px;
  padding-bottom: 8px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.tasks-list-holder .list-header .header-cell-description {
  color: #757575;
  font-size: 12px;
  display: block;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tasks-list-holder .list-header .fa-check-square-o {
  color: #757575;
  font-size: 16px;
  margin: 0 7px 0 0;
}
.tasks-list-holder .content-holder ul.triggers-list {
  padding: 0 0 5px;
  margin: 0 0 10px;
  list-style: none;
  border-bottom: 1px solid #9797974d;
}
.tasks-list-holder .content-holder ul.triggers-list > li {
  padding: 5px 0;
}
.tasks-list-holder .content-holder ul.triggers-list > li .task-holder {
  position: relative;
}
.tasks-list-holder .content-holder ul.triggers-list > li .task-holder.edit .MuiGrid-root {
  padding: 5px 4px;
}
.tasks-list-holder .content-holder ul.triggers-list > li .task-holder.edit .MuiGrid-root.assignee-holder .MuiGrid-root {
  padding: 4px;
}
.tasks-list-holder .content-holder ul.triggers-list > li .task-holder.edit .MuiGrid-root.assignee-holder .MuiGrid-container {
  padding: 0;
}
.tasks-list-holder .content-holder .btn-add-trigger {
  color: #5DACD2;
  margin-top: 5px;
}
.tasks-list-holder .content-holder .btn-add-trigger .fa {
  font-size: 14px;
  margin: 0 7px 0 0;
}
.tasks-list-holder .content-holder .btn-add-trigger .text {
  font-family: Poppins-Medium, sans-serif;
  font-size: 13px;
  line-height: 1;
  text-transform: capitalize;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.customize-enable-triggers .new-sp-mode .zero-state-container {
  border: none;
}
.customize-enable-triggers .success-plan-summary {
  width: 100%;
  margin: 0 auto;
  padding: 15px 20px 7px;
  border: 1px solid #dddddd;
}
.customize-enable-triggers .success-plan-summary .react-select-dropdown-container {
  background: transparent;
}
.customize-enable-triggers .success-plan-summary .contact-select .react-select-dropdown__placeholder,
.customize-enable-triggers .success-plan-summary .contact-select .react-select-dropdown__single-value {
  top: 25%;
}
.customize-enable-triggers .success-plan-summary .contact-select .react-select-dropdown__value-container {
  padding-top: 0;
}
.customize-enable-triggers .success-plan-summary .contact-select .react-select-dropdown__value-container .option-wrapper {
  display: flex;
}
.customize-enable-triggers .success-plan-summary .contact-select .react-select-dropdown__value-container .option-name-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  overflow-x: auto;
  max-width: 100%;
}
.customize-enable-triggers .success-plan-summary .contact-select .react-select-dropdown__value-container .option-name-wrapper .option-text.description {
  font-size: 12px;
  line-height: 15px;
  color: #757575;
}
.customize-enable-triggers .success-plan-summary .contact-select .react-select-dropdown__indicators {
  display: flex;
  align-items: flex-start;
}
.customize-enable-triggers .success-plan-summary .contact-select .react-select-dropdown__menu {
  width: 200px;
}
.customize-enable-triggers .success-plan-summary .contact-select .control-wrapper {
  border: none;
}
.customize-enable-triggers .success-plan-summary.edit-details-mode {
  background-color: #F9F9F9;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
}
.customize-enable-triggers .success-plan-summary.is-customer-visible {
  background-color: #F2F9F7;
}
.customize-enable-triggers .success-plan-summary .header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 10px;
}
.customize-enable-triggers .success-plan-summary .header .due-date-holder {
  padding-left: 12px;
}
.customize-enable-triggers .success-plan-summary .title-holder .name {
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  margin-right: 7px;
}
.customize-enable-triggers .success-plan-summary .title-holder .priority-icon {
  font-size: 16px;
}
.customize-enable-triggers .success-plan-summary .title-holder .success-flow-icon-label {
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
}
.customize-enable-triggers .success-plan-summary .title-holder .successflow__dropdown .dropdown-multiple-selector__control,
.customize-enable-triggers .success-plan-summary .title-holder .successflow__dropdown .dropdown-multiple-selector__value-container {
  padding-top: 0;
  align-items: flex-start;
}
.customize-enable-triggers .success-plan-summary .title-holder .successflow__dropdown .dropdown-multiple-selector__menu {
  top: 80%;
}
.customize-enable-triggers .success-plan-summary .title-holder .new-editable-input-box-react {
  margin-left: -13px;
}
.customize-enable-triggers .success-plan-summary .title-holder .new-editable-input-box-react .description {
  color: #757575;
  font-size: 13px;
}
.customize-enable-triggers .success-plan-summary .dueDate {
  margin-top: 11px;
}
.customize-enable-triggers .tasks-list .tasks-list-holder {
  margin-top: 0;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder {
  border: none;
  background-color: #fff;
  padding: 0;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .actions-holder {
  margin-top: 10px;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list {
  max-height: calc(70vh - 200px);
  overflow-y: auto;
  margin: 0;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.summary {
  padding: 10px 20px 5px;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.summary .task-holder.summary .title-holder .btn-edit-trigger {
  position: relative;
  right: inherit;
  width: inherit;
  min-width: 30px;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.summary .task-holder.summary .owner-csm-dropdown .option-wrapper {
  width: 100%;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.summary .task-holder.summary .owner-csm-dropdown .option-container {
  padding: 0px;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.summary .task-holder.summary .editable .title-holder .btn-edit-trigger {
  display: inline-block;
  margin-left: 10px;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.summary .title {
  max-width: calc(100% - 70px);
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.edit {
  padding: 0;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.edit .task-holder.edit {
  border-left: none;
  border-right: none;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.edit .task-holder.edit .content {
  padding-left: 40px;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.edit .task-holder.edit .priority-dropdown .react-select-dropdown__single-value {
  font-size: 13px;
}
.customize-enable-triggers .tasks-list .tasks-list-holder .content-holder .triggers-list > li.edit .task-holder.edit .description-holder .rich-text-editor-wrapper .mce-last.mce-btn-group {
  float: none;
}
.customize-enable-triggers .zero-state-container {
  padding: 30px;
  border: 1px solid #dddddd;
  margin: 3px auto 0;
  width: calc(100% - 7px);
}
.customize-enable-triggers .hasInvalid .zero-state-container {
  border-color: #C0392B;
}
.customize-enable-triggers .triggers-list .summary .csm-dropdown div[class*='MuiOutlinedInput-root'],
.customize-enable-triggers .success-plan-summary .csm-dropdown div[class*='MuiOutlinedInput-root'],
.customize-enable-triggers .triggers-list .summary .due-date-input div[class*='MuiOutlinedInput-root'],
.customize-enable-triggers .success-plan-summary .due-date-input div[class*='MuiOutlinedInput-root'],
.customize-enable-triggers .triggers-list .summary .owner-holder div[class*='MuiOutlinedInput-root'],
.customize-enable-triggers .success-plan-summary .owner-holder div[class*='MuiOutlinedInput-root'],
.customize-enable-triggers .triggers-list .summary .csm-dropdown div[class^='MuiOutlinedInput-root'],
.customize-enable-triggers .success-plan-summary .csm-dropdown div[class^='MuiOutlinedInput-root'],
.customize-enable-triggers .triggers-list .summary .due-date-input div[class^='MuiOutlinedInput-root'],
.customize-enable-triggers .success-plan-summary .due-date-input div[class^='MuiOutlinedInput-root'],
.customize-enable-triggers .triggers-list .summary .owner-holder div[class^='MuiOutlinedInput-root'],
.customize-enable-triggers .success-plan-summary .owner-holder div[class^='MuiOutlinedInput-root'] {
  margin-left: -15px;
}
.customize-enable-triggers .triggers-list .summary .csm-dropdown div[class*='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .csm-dropdown div[class*='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .due-date-input div[class*='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .due-date-input div[class*='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .owner-holder div[class*='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .owner-holder div[class*='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .csm-dropdown div[class^='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .csm-dropdown div[class^='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .due-date-input div[class^='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .due-date-input div[class^='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .owner-holder div[class^='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .owner-holder div[class^='MuiOutlinedInput-root'] fieldset[class*='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .csm-dropdown div[class*='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .csm-dropdown div[class*='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .due-date-input div[class*='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .due-date-input div[class*='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .owner-holder div[class*='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .owner-holder div[class*='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .csm-dropdown div[class^='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .csm-dropdown div[class^='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .due-date-input div[class^='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .due-date-input div[class^='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .triggers-list .summary .owner-holder div[class^='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'],
.customize-enable-triggers .success-plan-summary .owner-holder div[class^='MuiOutlinedInput-root'] fieldset[class^='MuiOutlinedInput-notchedOutline'] {
  border: none;
}
.customize-enable-triggers .triggers-list .summary .csm-dropdown .csm-dropdown .option-wrapper,
.customize-enable-triggers .success-plan-summary .csm-dropdown .csm-dropdown .option-wrapper,
.customize-enable-triggers .triggers-list .summary .due-date-input .csm-dropdown .option-wrapper,
.customize-enable-triggers .success-plan-summary .due-date-input .csm-dropdown .option-wrapper,
.customize-enable-triggers .triggers-list .summary .owner-holder .csm-dropdown .option-wrapper,
.customize-enable-triggers .success-plan-summary .owner-holder .csm-dropdown .option-wrapper {
  width: 100%;
}
.customize-enable-triggers .triggers-list .summary.edit-details-mode .success-plan-data .due-date-cell,
.customize-enable-triggers .success-plan-summary.edit-details-mode .success-plan-data .due-date-cell {
  position: relative;
}
.customize-enable-triggers .triggers-list .summary.edit-details-mode .success-plan-data .owner,
.customize-enable-triggers .success-plan-summary.edit-details-mode .success-plan-data .owner {
  position: relative;
  top: -25px;
}
.customize-enable-triggers .triggers-list .summary .fa-pencil,
.customize-enable-triggers .success-plan-summary .fa-pencil {
  cursor: pointer;
}
.customize-enable-triggers .triggers-list .summary .csm-dropdown.no-user-by-role,
.customize-enable-triggers .success-plan-summary .csm-dropdown.no-user-by-role {
  color: #C0392B;
}
.customize-enable-triggers .triggers-list .summary .csm-dropdown.no-user-by-role .option-text,
.customize-enable-triggers .success-plan-summary .csm-dropdown.no-user-by-role .option-text {
  color: #C0392B;
}
.customize-enable-triggers .triggers-list .summary .csm-dropdown .option-container,
.customize-enable-triggers .success-plan-summary .csm-dropdown .option-container {
  padding: 0px;
}
.customize-enable-triggers .triggers-list .trigger-summary .trigger-icon {
  margin: 0 7px 0 6px;
}

.success-play-visible-toggle {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.success-play-visible-toggle .visible-toggle-label {
  margin-right: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.activate-success-play-modal .confirmation-dialog-paper {
  width: 1000px;
}
.activate-success-play-modal .confirmation-dialog-paper.customize-adoption .success-play-modal-footer-container {
  border-top: 1px solid #dddddd;
  background-color: #fff;
  margin: 0;
}
.activate-success-play-modal .confirmation-dialog-paper .custom-sp-add-btn {
  height: 20px;
  margin-top: 10px;
  cursor: pointer;
  color: #5DACD2;
  font-size: 12px;
}
.activate-success-play-modal .confirmation-dialog-paper.choose-plan .success-play-modal-footer-container {
  display: none;
}
@media (min-height: 1081px) {
  .activate-success-play-modal .confirmation-dialog-paper .dialog-content .success-plan-list,
  .activate-success-play-modal .confirmation-dialog-paper .dialog-content .no-asset {
    height: calc(640px - 170px);
  }
}
@media (min-height: 768px) and (max-height: 1080px) {
  .activate-success-play-modal .confirmation-dialog-paper .dialog-content .success-plan-list,
  .activate-success-play-modal .confirmation-dialog-paper .dialog-content .no-asset {
    height: calc(540px - 170px);
  }
}
@media (max-height: 768px) {
  .activate-success-play-modal .confirmation-dialog-paper .dialog-content .success-plan-list,
  .activate-success-play-modal .confirmation-dialog-paper .dialog-content .no-asset {
    height: calc(440px - 170px);
  }
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content {
  max-height: 80vh;
  padding: 7px 5px;
}
.activate-success-play-modal .confirmation-dialog-paper .label {
  padding: 0;
  font-size: 14px;
  color: #757575;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-title .title-text {
  display: flex;
  align-items: center;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .success-plan-list-container {
  width: calc(100% - 8px);
  margin: auto;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .account {
  margin-bottom: 25px;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .account .account-title,
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .account .account-name {
  font-size: 16px;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .account .account-title {
  margin-right: 7px;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .account .loading-indicator-wrapper {
  margin: 0 5px;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .account .account-select {
  width: 100%;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .account .account-select.invalid fieldset[class*='MuiOutlinedInput-notchedOutline'],
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .account .account-select.invalid fieldset[class^='MuiOutlinedInput-notchedOutline'] {
  border-color: #C0392B;
}
.activate-success-play-modal .confirmation-dialog-paper .dialog-content .tasks-list-holder {
  width: 100%;
}
.activate-success-play-modal .confirmation-dialog-paper .success-play-modal-footer-container {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
.activate-success-play-modal .confirmation-dialog-paper .success-play-modal-footer-container .cancel-button {
  margin-right: 10px;
}
.activate-success-play-modal .confirmation-dialog-paper .success-play-modal-footer-container .buttons-section {
  display: flex;
}
.popout-dropdown-popover .owner-csm-dropdown {
  width: fit-content;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.asset-preview-modal .confirmation-dialog-paper {
  width: 900px;
  min-height: 450px;
}
.asset-preview-modal .dialog-title {
  display: flex;
  align-items: center;
}
.asset-preview-modal .dialog-title .icon {
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
.asset-preview-modal .dialog-title .download {
  margin-left: auto;
  margin-right: 16px;
}
.asset-preview-modal .dialog-title .download:not(:hover) {
  color: #757575;
}
.asset-preview-modal .dialog-title .close-button {
  cursor: pointer;
}
.asset-preview-modal .google-iframe {
  width: 100%;
  height: 400px;
}
.asset-preview-modal .video-player {
  width: 100%;
  height: auto	;
}
.asset-preview-modal .pg-viewer-wrapper {
  overflow-y: auto;
}
.asset-preview-modal .pg-viewer-wrapper .pg-viewer {
  width: 100%;
  height: 400px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.touchpoint-type-custom-element {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.touchpoint-type-custom-element .touchpoint-type-label {
  margin-left: 8px;
}
.touchpoint-type-custom-element i {
  font-size: 15px;
}
.touchpoint-type-custom-element .type-icon-image {
  display: flex;
  width: 11px;
  height: 11px;
  margin-right: 5px;
}
.touchpoint-type-custom-element .type-icon-image img {
  width: 100%;
  height: 100%;
}
.touchpoint-type-custom-element .icon-touchpoint {
  color: #B5B8BC;
  margin: 2px;
  font-size: 15px;
}
.extended-touchpoint-content .description .char-limit-message {
  visibility: hidden;
  height: 20px;
  float: right;
  color: #C0392B;
}
.extended-touchpoint-content .success-flow-selector .success-flow-icon-label {
  margin-bottom: 0;
}
.extended-touchpoint-content .assets-button-container {
  display: flex;
}
.extended-touchpoint-content .touchpoint-subject {
  width: 100%;
}
.extended-touchpoint-content .react-select-dropdown-container .react-select-dropdown__menu {
  z-index: 3;
}
.extended-touchpoint-content .fa-info-circle {
  color: #757575;
}
.extended-touchpoint-content .touchpoint-options {
  display: flex;
}
.extended-touchpoint-content .touchpoint-options.internalNote {
  margin-bottom: 2px;
}
.extended-touchpoint-content .touchpoint-options .touchpoint-type {
  width: 250px;
}
.extended-touchpoint-content .touchpoint-options .touchpoint-date {
  padding-left: 20px;
}
.extended-touchpoint-content .touchpoint-options .customer-visibility {
  padding-left: 25px;
  font-size: 12px;
  margin-top: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.extended-touchpoint-content .touchpoint-options .customer-visibility .visibility-content-switch-text {
  padding-left: 12px;
  padding-top: 12px;
  vertical-align: super;
}
.extended-touchpoint-content .touchpoint-options .customer-visibility .visibility-content-switch-text .visibility-text {
  padding-right: 5px;
}
.extended-touchpoint-content .touchpoint-options .customer-visibility .visibility-content-switch-text .customer-visibility-description-bold {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.extended-touchpoint-content .internal-note-label {
  display: inline-block;
  font-size: 10px;
  margin-bottom: 12px;
  color: #757575;
}
.extended-touchpoint-content > div:not(:last-child) {
  margin-bottom: 16px;
}
.extended-touchpoint-content > div.assets-trigger {
  margin-bottom: 5px;
}
.extended-touchpoint-content > div.editor-container {
  position: relative;
}
.extended-touchpoint-content > div.editor-container.reply-type .draft-rte-wrapper {
  padding-top: 40px;
}
.extended-touchpoint-content > div.editor-container .touchpoint-thread-subject {
  position: absolute;
  top: 1px;
  right: 1px;
  width: calc(100% - 2px);
  height: auto;
  padding: 5px 9px;
  display: flex;
  align-items: center;
  border-radius: 4px 4px 0 0;
  background: #F5F5F5;
}
.extended-touchpoint-content > div.editor-container .touchpoint-thread-subject .share-icon {
  font-size: 13px;
  margin-right: 10px;
  transform: rotateY(180deg);
  color: #757575;
}
.extended-touchpoint-content > div.editor-container .touchpoint-thread-subject span {
  line-height: 16px;
  color: #282828;
}
.extended-touchpoint-content > div.touchpoint-informed {
  margin-top: 10px;
}
.extended-touchpoint-content > div.account-name {
  width: 250px;
}
.extended-touchpoint-content > div.account-name .MuiInputBase-root {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  color: #6d6d6d;
  width: 100%;
}
.extended-touchpoint-content .touchpoint-participants .multi-value-user .react-select-dropdown__multi-value {
  border: 1px solid hsl(0, 0%, 90%);
  border-radius: 2px;
}
.extended-touchpoint-content .touchpoint-participants .multi-value-user.external .react-select-dropdown__multi-value {
  border-color: #3FAD90;
}
.extended-touchpoint-content .touchpoint-participants .multi-value-user.new .react-select-dropdown__multi-value {
  border-color: #F4C430;
}
.extended-touchpoint-content .touchpoint-participants .multi-value-user.invalid .react-select-dropdown__multi-value {
  border-color: #C0392B;
}
.extended-touchpoint-content .add-assets {
  margin: 0;
}
.extended-touchpoint-content .add-cc-trigger {
  display: flex;
  justify-content: flex-end;
  font-size: 13px;
  cursor: pointer;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #58A8CD;
  line-height: 21px;
}
.extended-touchpoint-content .add-tags-trigger {
  margin-left: 16px;
  font-size: 13px;
  cursor: pointer;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #58A8CD;
  line-height: 21px;
}
.extended-touchpoint-content .add-tags-trigger i.fa {
  margin-right: 5px;
}
.extended-touchpoint-content .date-picker {
  width: 160px;
}
.extended-touchpoint-content .date-picker .MuiInputBase-input {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  color: #6d6d6d;
  height: 42px;
}
.extended-touchpoint-content .react-select-dropdown--is-disabled .react-select-dropdown__control {
  background-color: #e6e5e578;
}
.extended-touchpoint-content .react-select-dropdown-container .react-select-dropdown__control {
  min-height: 39px;
}
.extended-touchpoint-content .MuiTextField-root {
  display: block;
}
.extended-touchpoint-content .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.extended-touchpoint-content .MuiOutlinedInput-root:not(:hover) .MuiOutlinedInput-notchedOutline {
  border-color: #dddddd;
}
.extended-touchpoint-content .MuiInputBase-input .MuiOutlinedInput-input {
  border: none;
}
.extended-touchpoint-content .react-select-dropdown__input input:disabled {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.touchpoint-recipient-summary {
  color: #282828;
  font-size: 13px;
}
.touchpoint-recipient-summary .summary-checkbox-label-wrapper {
  margin-bottom: 0;
}
.touchpoint-recipient-summary .summary-checkbox-label-wrapper .summary-checkbox {
  padding-top: 1px;
  padding-bottom: 1px;
}
.touchpoint-recipient-summary .summary-checkbox-label {
  line-height: unset;
}
.touchpoint-recipient-summary .summary-checkbox,
.touchpoint-recipient-summary .summary-checkbox-label {
  font-size: 14px;
}
.touchpoint-recipient-summary .summary-checkbox svg,
.touchpoint-recipient-summary .summary-checkbox-label svg {
  font-size: 22px;
}
.touchpoint-recipient-summary .title-container {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.touchpoint-recipient-summary .title-container .summary-title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-right: 6px;
}
.touchpoint-recipient-summary .summary-internal {
  display: flex;
}
.touchpoint-recipient-summary .summary-success-plan {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.touchpoint-recipient-summary .link-to-success-plan {
  font-size: 14px;
  padding-right: 10px;
}
.touchpoint-recipient-summary .sp-share-warning {
  border: 1px solid #F4C430;
  border-radius: 3px;
  padding: 2px 17px;
  margin-top: 10px;
}
.touchpoint-recipient-summary .sp-share-warning button {
  margin-left: 10px;
  padding: 2px;
  font-size: 12px;
}
.touchpoint-recipient-summary .sp-shared-success {
  font-size: 14px;
  margin-top: 15px;
}
.touchpoint-recipient-summary .sp-shared-success i {
  font-size: 15px;
  margin-right: 10px;
  color: #3FAD90;
}

.touchpoint-email-preview-modal .dialog-content {
  position: relative;
  overflow: hidden;
}
.touchpoint-email-preview-modal .dialog-content .preview-img {
  overflow-y: scroll;
  background-repeat: no-repeat;
  background-size: contain;
}
.touchpoint-email-preview-modal .dialog-content .customer-image {
  height: 660px;
  width: 935px;
  background-image: url('/img/touchpoint-preview/customer_email_1x.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .touchpoint-email-preview-modal .dialog-content .customer-image {
    background-image: url('/img/touchpoint-preview/customer_email_2x.png');
  }
}
.touchpoint-email-preview-modal .dialog-content .internal-image {
  height: 778px;
  width: 935px;
  background-image: url('/img/touchpoint-preview/internal_email_1x.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .touchpoint-email-preview-modal .dialog-content .internal-image {
    background-image: url('/img/touchpoint-preview/internal_email_2x.png');
  }
}
.touchpoint-email-preview-modal .dialog-content .email-link-info {
  position: absolute;
  top: 18px;
  right: 8px;
  font-size: 12px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.successFlowIconLabel.showLabel .custom-label-icon {
  width: auto;
  padding: 1px 8px;
  align-items: center;
  display: flex;
}
.successFlowIconLabel.showLabel .custom-label-icon .icon-class {
  width: unset;
}
.successFlowIconLabel.showLabel .custom-label-icon > span {
  font-size: 12px;
}
.successFlowIconLabel.selected .custom-label-icon {
  border-color: #40AC90;
  background-color: #E2F3EF;
}
.followup-touchpoint {
  position: relative;
}
.followup-touchpoint .successflow {
  display: flex;
  align-items: center;
  margin-top: 15px;
  min-width: 150px;
}
.followup-touchpoint .successflow .success-flow-icon-label {
  margin-left: 15px;
  margin-right: 9px;
  margin-bottom: 9px;
  line-height: 21px;
  cursor: pointer;
  cursor: default;
}
.followup-touchpoint .successflow .success-flow-icon-label .custom-label-icon {
  width: 25px;
  height: 25px;
  color: #6a6f71;
  background-color: #f1f1f1;
  text-align: center;
  padding: 0;
}
.followup-touchpoint .successflow .success-flow-icon-label .custom-label-icon .icon-class {
  line-height: 25px;
  font-size: 12px;
  margin: 0;
  width: 100%;
}
.followup-touchpoint .successflow .success-flow-icon-label .custom-label-icon {
  width: auto;
  padding: 1px 8px;
  align-items: center;
  display: flex;
}
.followup-touchpoint .successflow .success-flow-icon-label .custom-label-icon .icon-class {
  width: unset;
}
.followup-touchpoint .successflow .success-flow-icon-label .custom-label-icon > span {
  font-size: 12px;
}
.followup-touchpoint .successflow .success-flow-icon-label .custom-label-icon {
  border-color: #40AC90;
  background-color: #E2F3EF;
}
.followup-touchpoint .successflow label {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 5px;
}
.followup-touchpoint .rich-text-editor-wrapper .mce-container {
  border-color: #dddddd;
  border-radius: 4px;
}
.followup-touchpoint .rich-text-editor-wrapper .mce-container .mce-edit-area label {
  margin: 3px;
}
.followup-touchpoint .no-action-permissions {
  position: absolute;
  left: 70px;
}
.followup-touchpoint .touchpoint-recipient-summary {
  margin-top: 20px;
}
.followup-touchpoint .extended-touchpoint-content.invalid .draft-rte-wrapper {
  border: 1px solid #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-creation-content > div:not(:last-child) {
  margin-bottom: 15px;
}
.task-creation-content > div.account-name .MuiInputBase-root {
  width: 100%;
}
.task-creation-content > div.task-title,
.task-creation-content > div.task-description {
  margin-bottom: 10px;
}
.task-creation-content > div.task-title .character-count-text-input,
.task-creation-content > div.task-description .character-count-text-input {
  width: 100%;
}
.task-creation-content > div.task-assignee {
  display: flex;
  align-items: center;
}
.task-creation-content > div.task-assignee .assignee-selector {
  width: 250px;
  margin-right: 15px;
}
.task-creation-content > div.task-assignee .MuiInputBase-root {
  width: 250px;
}
.task-creation-content > div.task-assignee .react-select-dropdown__value-container .option-container {
  max-width: 195px;
}
.task-creation-content > div.task-assignee .react-select-dropdown__value-container .option-container .option-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-creation-content > div.task-estimated-cost {
  max-width: 250px;
}
.task-creation-content > div.task-estimated-cost .MuiOutlinedInput-root {
  width: 100%;
}
.task-creation-content > div.task-priority {
  max-width: 160px;
}
.task-creation-content > div.task-priority .MuiOutlinedInput-root {
  width: 100%;
}
.task-creation-content > div.date-picker {
  width: 160px;
  height: 42px;
}
.task-creation-content > div .MuiInputLabel-outlined {
  transform: translate(10px, 13px);
  font-size: 13px;
}
.task-creation-content .account-user-trigger-wrapper {
  display: flex;
}
.task-creation-content .account-user-trigger-wrapper .account-user-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  width: 165px;
  line-height: 16px;
  font-size: 13px;
}
.task-creation-content .account-user-trigger-wrapper .account-user-trigger.disabled {
  color: #757575;
}
.task-creation-content .account-user-trigger-wrapper .account-user-trigger:not(.disabled) {
  cursor: pointer;
  color: #5DACD2;
}
.task-creation-content .account-user-trigger-wrapper .account-user-trigger .material-icons {
  font-size: 13px;
}
.task-creation-content .account-user-trigger-wrapper .account-user-trigger .react--info-icon {
  font-size: 12px;
}
.task-creation-content .react-select-dropdown-container .react-select-dropdown__control {
  min-height: 39px;
}
.task-creation-content .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.task-creation-content .MuiOutlinedInput-root:not(:hover) .MuiOutlinedInput-notchedOutline {
  border-color: #dddddd;
}
.task-creation-content .MuiInputBase-input MuiOutlinedInput-input {
  border: none;
}
.task-creation-content .react-select-dropdown__input input:disabled {
  color: #757575;
}
.task-creation-content .assets-trigger {
  width: 100%;
}
.task-creation-content .assets-trigger .add-assets {
  margin-bottom: 10px;
  margin-right: 10px;
}
.task-creation-content .assets-trigger .add-assets .add-assets__button {
  margin: 0;
}
.task-creation-content .assets-trigger .add-assets .assets-list__title {
  margin-top: 10px;
}
.task-creation-content .loading-indicator .loading-indicator-wrapper {
  margin: 0;
}
.task-creation-content .MuiIconButton-root {
  padding: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.followup-task {
  padding-right: 10px;
  position: relative;
}
.followup-task:not(:last-child) {
  padding-bottom: 25px;
  border-bottom: 1px solid #dddddd;
}
.followup-task:not(:first-child) {
  padding-top: 25px;
}
.followup-task:first-child {
  padding-top: 15px;
}
.followup-task .task-number,
.followup-task .remove-item {
  position: absolute;
}
.followup-task .task-number {
  left: -20px;
  line-height: 39px;
}
.followup-task .remove-item {
  right: -20px;
}
.followup-task + .add-item-button {
  padding-top: 25px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.complete-task-modal .confirmation-dialog-paper {
  padding: 0px;
  width: 800px;
}
.complete-task-modal .confirmation-dialog-paper .dialog-content::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}
.complete-task-modal .confirmation-dialog-paper .dialog-content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #c3c3c3;
}
.complete-task-modal .confirmation-dialog-paper .dialog-title {
  padding: 25px;
  border-bottom: 1px solid #dddddd;
  padding-top: 20px;
}
.complete-task-modal .confirmation-dialog-paper .dialog-title .title {
  width: 100%;
}
.complete-task-modal .confirmation-dialog-paper .dialog-title .title .modal-title {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  text-align: left;
  display: flex;
}
.complete-task-modal .confirmation-dialog-paper .dialog-title .sub-header .fa-check-square-o {
  margin-right: 10px;
  color: #757575;
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
}
.complete-task-modal .confirmation-dialog-paper .dialog-title .sub-header .sub-header-text .mark-task-text {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 10px;
}
.complete-task-modal .confirmation-dialog-paper .dialog-title .sub-header .sub-header-text .task-title {
  background-color: #EEEEEE;
  padding: 5px;
  margin-left: -5px;
  border-radius: 5px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
  margin-bottom: 10px;
}
.complete-task-modal .confirmation-dialog-paper .dialog-title .sub-header .sub-header-text .account-name {
  font-size: 14px;
}
.complete-task-modal .confirmation-dialog-paper .dialog-title .sub-header .link {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  margin-left: 10px;
}
.complete-task-modal .confirmation-dialog-paper .dialog-actions {
  padding-bottom: 20px;
}
.complete-task-modal .modal-header {
  text-align: left;
}
.complete-task-modal .react-select-dropdown-container .control-wrapper {
  border: 1px solid #ccc;
}
.complete-task-modal__section {
  padding: 5px;
  padding-bottom: 1px;
}
.complete-task-modal__section .collapse-box {
  background: transparent;
  box-shadow: none;
  border: none;
}
.complete-task-modal__section .collapse-box:first-child .collapse-title {
  padding-top: 0;
}
.complete-task-modal__section .collapse-box:not(:first-child) {
  border-top: 1px solid #dddddd;
  padding-top: 19px;
}
.complete-task-modal__section .collapse-box:not(:last-child) {
  padding-bottom: 19px;
}
.complete-task-modal__section .collapse-box .collapse-title {
  margin-left: 10px;
}
.complete-task-modal__section .collapse-box .collapse-title .collapse-title-text {
  margin-top: 2px;
}
.complete-task-modal__section .collapse-box .collapse-title .fa-asterisk {
  font-size: 10px;
  margin-left: 5px;
  color: #C0392B;
}
.complete-task-modal__section .collapse-box .collapse-title .collapse-title-text {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-left: 10px;
  font-size: 16px;
  line-height: 15px;
}
.complete-task-modal__section .collapse-box .collapse-box-content {
  margin-left: 40px;
  margin-right: 40px;
}
.complete-task-modal__section .collapse-box .collapse-box-content .add-item-button {
  margin-left: 0px;
}
.complete-task-modal__section .followup-attributes-update .followup-attributes-group {
  padding-bottom: 16px;
}
.complete-task-modal__section .followup-attributes-update .followup-attributes-group .group-title {
  margin-bottom: 16px;
}
.complete-task-modal__section .followup-attributes-update .followup-attributes-group .group-title .account-data,
.complete-task-modal__section .followup-attributes-update .followup-attributes-group .group-title .associated-users {
  display: flex;
  align-items: center;
}
.complete-task-modal__section .followup-attributes-update .followup-attributes-group .group-title .account-data .account-type-label {
  margin-left: 16px;
}
.complete-task-modal__section .followup-attributes-update .followup-attributes-group .group-title .associated-users {
  flex-wrap: wrap;
}
.complete-task-modal__section .followup-attributes-update .followup-attributes-group .group-title .associated-users .user:not(:last-of-type) {
  margin-right: 16px;
}
.complete-task-modal__section .followup-attributes-update .followup-attributes-group .add-item-button {
  margin-top: 10px;
}
.complete-task-modal__section .followup-attributes-update .followup-attributes-group:not(:last-child) {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 16px;
}
.complete-task-modal__section .add-assets .assets-list {
  margin-right: 30px;
}
.complete-task-modal__section .add-assets .assets-list .assets-list__title {
  margin-top: 5px;
}
.complete-task-modal__section .add-assets .add-assets__button {
  margin-left: 0;
}
.complete-task-modal__section .task-cost-followup {
  margin: 10px 0 30px;
}
.complete-task-modal__section .task-cost-followup .estimated-task-cost-container {
  max-width: 170px;
  margin-top: 7px;
}
.complete-task-modal__section .task-cost-followup .estimated-task-cost-container .estimated-task-cost-number {
  flex-basis: 60%;
}
.complete-task-modal__section .task-cost-followup .estimated-task-cost-container .estimated-task-cost-unit {
  flex-basis: 40%;
}
.complete-task-modal .modal-footer .modal-footer-container {
  margin-bottom: 10px;
}
.complete-task-modal .modal-footer .modal-footer-container .cancel-button {
  margin-right: 10px;
}
.complete-task-modal.invalid .followup-touchpoint.invalid .draft-rte-wrapper,
.complete-task-modal.invalid .followup-touchpoint.invalid .rich-text-editor-wrapper > .mce-panel {
  border: 1px solid #C0392B;
}
.complete-task-modal.invalid .followup-attributes-group .attribute-name.invalid fieldset,
.complete-task-modal.invalid .followup-attributes-group .attribute-value.invalid fieldset {
  border-color: #C0392B;
}
.complete-task-modal.invalid .followup-attributes-group .attribute-name.invalid .lifecycle-dropdown__control,
.complete-task-modal.invalid .followup-attributes-group .attribute-value.invalid .lifecycle-dropdown__control {
  border: 1px solid #C0392B;
}
.complete-task-modal.invalid .estimated-task-cost-number.invalid fieldset {
  border-color: #C0392B;
}
.complete-task-modal.invalid .invalid-account .account-name.react-select-dropdown-container fieldset {
  border: 1px solid #C0392B;
}
.complete-task-modal.invalid .invalid-successflow .success-flow-selector .switch-group {
  border: 1px solid #C0392B;
}
.complete-task-modal.invalid .invalid-title .task-title fieldset {
  border: 1px solid #C0392B;
}
.complete-task-modal.invalid .invalid-description .task-description fieldset {
  border: 1px solid #C0392B;
}

.customer-email-confirmation-modal .confirmation-dialog-paper {
  width: 570px;
}
.customer-email-confirmation-modal .dialog-title {
  margin-bottom: 20px;
}
.customer-email-confirmation-modal .dialog-title .title {
  font-size: 24px;
  font-weight: 600;
}
.customer-email-confirmation-modal .customer-list {
  padding-left: 15px;
}
.customer-email-confirmation-modal .customer-list .customer-name:first-child {
  margin-top: 5px;
}
.customer-email-confirmation-modal .dialog-actions {
  justify-content: space-between;
  margin-top: 20px;
  padding-left: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.copy-sb-modal {
  top: 25px;
}
.copy-sb-modal.step-copy-in-progress .modal-header,
.copy-sb-modal.step-analyze .modal-header {
  display: none;
}
.copy-sb-modal.step-copy-in-progress .delete-loader,
.copy-sb-modal.step-analyze .delete-loader {
  opacity: 1;
  margin-left: 15px;
  width: 15px;
  height: 15px;
  border: 2px solid #3FAD90;
  border-top: 2px solid transparent;
  border-radius: 50%;
  transition: all 0.1s;
  transition-timing-function: ease-in;
  animation: spin 1s infinite linear;
  display: inline-block;
}
.copy-sb-modal.step-cant-copy .btn-cancel {
  display: none;
}
.copy-sb-modal.step-cant-copy .submit-btn {
  background: transparent;
  color: #3FAD90;
  border: 1px #3FAD90 solid;
}
.copy-sb-modal.step-complete .btn-cancel {
  display: none;
}
.copy-sb-modal.step-choose-copy-operation .teams-wrapper {
  display: flex;
  flex-wrap: wrap;
  border-radius: 4px;
  background-color: #FAFAFA;
  padding: 6px;
  margin-top: 8px;
  overflow: auto;
  max-height: 150px;
  margin-bottom: 30px;
}
.copy-sb-modal.step-choose-copy-operation .teams-wrapper .team-wrapper {
  display: flex;
  margin-right: 6px;
  margin-left: 6px;
  margin-bottom: 6px;
  font-size: 12px;
  align-items: center;
}
.copy-sb-modal.step-choose-copy-operation .teams-wrapper .team-wrapper .team-display-name {
  width: 92px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.copy-sb-modal.step-choose-copy-operation .teams-wrapper .team-wrapper .team-icon-display {
  margin-right: 5px;
}
.copy-sb-modal.step-choose-copy-operation .teams-wrapper .show-all-teams {
  cursor: pointer;
  color: rgba(74, 144, 226, 0.90196078);
  font-size: 13px;
}
.copy-sb-modal.step-choose-copy-operation .summary-text {
  text-align: right;
  position: relative;
  top: 20px;
}
.copy-sb-modal.step-choose-copy-operation .choose-operation-wrapper .title {
  margin-bottom: 8px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal.step-choose-copy-operation .choose-operation-wrapper .successbloc-operation-option {
  padding: 10px;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px;
  cursor: pointer;
}
.copy-sb-modal.step-choose-copy-operation .choose-operation-wrapper .successbloc-operation-option .secondary-title {
  margin-bottom: 10px;
}
.copy-sb-modal.step-choose-copy-operation .choose-operation-wrapper .successbloc-operation-option .title {
  font-size: 13px;
  margin-bottom: 10px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal.step-choose-copy-operation .choose-operation-wrapper .successbloc-operation-option.chosen {
  border-color: #40AD90;
}
.copy-sb-modal.step-choose-copy-resources .folder-item .fa-folder {
  margin-right: 9px;
  color: #757575;
}
.copy-sb-modal.step-choose-copy-resources .campaigns-alert {
  padding-left: 10px;
  display: inline;
}
.copy-sb-modal.step-choose-copy-resources .successplay-checkbox-group label {
  display: flex;
}
.copy-sb-modal.step-choose-copy-resources .successplay-checkbox-group .copy-sb-successplay-view .successplay-view-data {
  font-size: 13px;
  color: #757575;
}
.copy-sb-modal.step-choose-copy-resources .successplay-checkbox-group .copy-sb-successplay-view .sp-type {
  margin-left: 5px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal.step-choose-copy-resources .successplay-checkbox-group .copy-sb-successplay-view .sp-type .fa {
  margin-right: 3px;
}
.copy-sb-modal.step-choose-copy-resources .activate-resources-dropdown-wrapper .activate-dropdown-wrapper {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.copy-sb-modal.step-choose-copy-resources .activate-resources-dropdown-wrapper .activate-dropdown-label {
  width: 95px;
}
.copy-sb-modal.step-choose-copy-resources .activate-resources-dropdown-wrapper .activate-resource-dropdown {
  display: inline-block;
  font-size: 13px;
  margin-left: 7px;
}
.copy-sb-modal.step-choose-copy-resources .activate-resources-dropdown-wrapper .react-select-dropdown__control,
.copy-sb-modal.step-choose-copy-resources .activate-resources-dropdown-wrapper .react-select-dropdown-container,
.copy-sb-modal.step-choose-copy-resources .activate-resources-dropdown-wrapper .react-select-dropdown__value-container {
  min-height: 22px;
  height: 22px;
  width: 180px;
}
.copy-sb-modal.step-choose-copy-resources .activate-resources-dropdown-wrapper .react-select-dropdown__control .react-select-dropdown__indicator {
  padding-top: 0;
  padding-bottom: 0;
}
.copy-sb-modal.react-confirmation-modal {
  max-height: calc(100vh - 37px);
  max-width: 700px;
  left: calc(50% - 350px);
}
.copy-sb-modal.react-confirmation-modal .modal-content {
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}
.copy-sb-modal .cant-copy-contents-title {
  margin-top: 20px;
}
.copy-sb-modal .successbloc-operation-option {
  border: 2px solid #E7E7E7;
  border-radius: 4px;
  width: 100%;
}
.copy-sb-modal .successbloc-operation-option.chosen {
  border-color: #40AC90;
}
.copy-sb-modal .criteria {
  border: 1px solid #d8d8d8;
  color: #757575;
  border-radius: 2px;
  padding: 2px;
  margin: 2px;
}
.copy-sb-modal.step-complete .copy-options-wrapper {
  margin-bottom: 10px;
}
.copy-sb-modal.step-complete .copy-overview {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal.step-complete .copy-overview label {
  display: block;
  margin-top: 5px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal.step-complete .failed-overview {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 20px;
}
.copy-sb-modal.step-complete .failed-overview label {
  display: block;
  margin-top: 3px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal .error-msg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal .copying-progress-wrapper {
  width: 100%;
  font-size: 18px;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.copy-sb-modal .copying-progress-wrapper .copying-progress-title {
  font-size: 18px;
  margin-bottom: 30px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal .copying-progress-wrapper .copying-progress-bar-title {
  font-size: 16px;
  margin-bottom: 7px;
}
.copy-sb-modal .copying-progress-wrapper .copying-progress-bar {
  height: 12px;
  width: 270px;
  position: relative;
  border-radius: 2px;
  background-color: #d8d8d8;
}
.copy-sb-modal .copying-progress-wrapper .copying-progress-bar .completed {
  position: absolute;
  left: 0;
  top: 0;
  height: 12px;
  border-radius: 2px;
  transition: width 0.2s linear;
  background-color: #3EAD90;
}
.copy-sb-modal .copying-progress-wrapper .removing-msg {
  margin-top: 15px;
  font-size: 15px;
}
.copy-sb-modal .analyzing-wrapper {
  color: #282828;
  font-size: 18px;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.copy-sb-modal .analyzing-wrapper div {
  margin-bottom: 25px;
}
.copy-sb-modal .cant-copy-contents {
  max-height: 180px;
  width: 470px;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #FAFAFA;
  overflow-y: auto;
  padding-top: 12px;
  padding-bottom: 5px;
  padding-left: 15px;
  margin-bottom: 23px;
}
.copy-sb-modal .cant-copy-contents .resources-list {
  margin-bottom: 10px;
  line-height: 19px;
}
.copy-sb-modal .cant-copy-contents .conflict-title {
  text-transform: capitalize;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal .cant-copy-contents .resource {
  text-transform: capitalize;
  margin-left: 20px;
}
.copy-sb-modal .modal-header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  text-align: left;
}
.copy-sb-modal .modal-body {
  padding-top: 5px;
}
.copy-sb-modal .copy-sb-modal-body {
  min-height: 150px;
  position: relative;
}
.copy-sb-modal .copy-sb-modal-body .modal-secondary-title {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 6px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal .copy-sb-modal-body .copy-checkbox-tree-wrapper {
  min-height: 270px;
  height: 50vh;
  border: 1px solid #E7E7E7;
  padding: 10px;
  background-color: #FAFAFA;
  overflow-y: auto;
}
.copy-sb-modal .copy-sb-modal-body .react-select-dropdown-container .react-select-dropdown__control .react-select-dropdown__clear-indicator {
  padding: 5px;
}
.copy-sb-modal .copy-sb-modal-body .react-select-dropdown__group-heading .group-badge {
  display: none;
}
.copy-sb-modal .modal-footer-container .btn-primary {
  position: relative;
  transition: padding 0.2s ease-in-out;
}
.copy-sb-modal .modal-footer-container .btn-primary.loading {
  padding-left: 15px;
}
.copy-sb-modal .modal-footer-container .btn-primary.loading .loader {
  opacity: 1;
  z-index: 5;
}
.copy-sb-modal .react-checkbox-tree {
  font-size: 14px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.copy-sb-modal .react-checkbox-tree label {
  font-weight: 500;
}
.copy-sb-modal .react-checkbox-tree .animated-checkbox {
  top: 2px;
  position: relative;
  transform: translateY(0);
}
.copy-sb-modal .react-checkbox-tree .animated-checkbox svg {
  width: 14px;
  height: 14px;
}
.copy-sb-modal .react-checkbox-tree .animated-checkbox.colored {
  width: 14px;
  height: 14px;
}
.copy-sb-modal .should-activate-checkbox {
  margin-top: 10px;
}
.copy-sb-modal .should-activate-checkbox .animated-checkbox-label {
  font-size: 13px;
}
.copy-sb-modal .rct-disabled > .rct-text > label,
.copy-sb-modal .should-activate-checkbox > .animated-checkbox-wrapper.disabled,
.copy-sb-modal .publish-sb-checkbox > .animated-checkbox-wrapper.disabled {
  opacity: 0.5;
}
.copy-sb-modal .rct-disabled > .rct-text > label .animated-checkbox.triggered polyline,
.copy-sb-modal .should-activate-checkbox > .animated-checkbox-wrapper.disabled .animated-checkbox.triggered polyline,
.copy-sb-modal .publish-sb-checkbox > .animated-checkbox-wrapper.disabled .animated-checkbox.triggered polyline {
  stroke-dashoffset: 109;
}
.copy-sb-modal .rct-disabled > .rct-text > label .animated-checkbox.triggered:after,
.copy-sb-modal .should-activate-checkbox > .animated-checkbox-wrapper.disabled .animated-checkbox.triggered:after,
.copy-sb-modal .publish-sb-checkbox > .animated-checkbox-wrapper.disabled .animated-checkbox.triggered:after {
  transform: scale3d(0, 0, 1);
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 200ms;
}
.copy-sb-modal .rct-disabled.segments-checkbox > .rct-text > label .animated-checkbox.triggered polyline,
.copy-sb-modal .rct-disabled.segments-checkbox .rct-node .rct-text > label .animated-checkbox.triggered polyline {
  stroke-dashoffset: 89.5;
}
.copy-sb-modal .rct-disabled.segments-checkbox > .rct-text > label .animated-checkbox.triggered:after,
.copy-sb-modal .rct-disabled.segments-checkbox .rct-node .rct-text > label .animated-checkbox.triggered:after {
  transform: scale3d(1, 1, 1);
  transition: all 200ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition-delay: 0;
}
.copy-sb-modal .rct-checkbox {
  position: relative;
}
.copy-sb-modal .copy-options-wrapper label {
  display: block;
  font-weight: 500;
  cursor: pointer;
}
.copy-sb-modal textarea.form-control {
  margin-top: 10px;
  min-height: 100px;
}

.react-checkbox-tree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  font-size: 16px;
}

.react-checkbox-tree > ol {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.react-checkbox-tree ol {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}

.react-checkbox-tree ol ol {
  padding-left: 24px;
}

.react-checkbox-tree button {
  line-height: normal;
  color: inherit;
}

.react-checkbox-tree button:focus {
  outline: none;
}

.react-checkbox-tree button:disabled {
  cursor: not-allowed;
}

.react-checkbox-tree .rct-bare-label {
  cursor: default;
}

.react-checkbox-tree label {
  margin-bottom: 0;
  cursor: pointer;
}

.react-checkbox-tree label:hover {
  background: rgba(51, 51, 204, 0.1);
}

.react-checkbox-tree label:active {
  background: rgba(51, 51, 204, 0.15);
}

.react-checkbox-tree:not(.rct-native-display) input {
  display: none;
}

.react-checkbox-tree.rct-native-display input {
  margin: 0 5px;
}

.react-checkbox-tree .rct-icon {
  font-family: "FontAwesome";
  font-style: normal;
}

.rct-disabled > .rct-text > label {
  opacity: .75;
  cursor: not-allowed;
}

.rct-disabled > .rct-text > label:hover {
  background: transparent;
}

.rct-disabled > .rct-text > label:active {
  background: transparent;
}

.rct-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rct-options {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: .5rem;
  text-align: right;
}

.rct-option {
  opacity: .75;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0 4px;
  font-size: 18px;
}

.rct-option:hover {
  opacity: 1;
}

.rct-option + .rct-option {
  margin-left: 2px;
}

.rct-collapse,
.rct-checkbox,
.rct-node-icon {
  padding: 0 5px;
}

.rct-collapse *,
.rct-checkbox *,
.rct-node-icon * {
  display: inline-block;
  margin: 0;
  width: 14px;
}

.rct-collapse {
  border: 0;
  background: none;
  line-height: normal;
  color: inherit;
  font-size: 12px;
}

.rct-collapse.rct-collapse-btn {
  cursor: pointer;
}

.rct-collapse > .rct-icon-expand-close {
  opacity: .5;
}

.rct-collapse > .rct-icon-expand-close:hover {
  opacity: 1;
}

.rct-native-display .rct-checkbox {
  display: none;
}

.rct-node-clickable {
  cursor: pointer;
}

.rct-node-clickable:hover {
  background: rgba(51, 51, 204, 0.1);
}

.rct-node-clickable:focus {
  outline: 0;
  background: rgba(51, 51, 204, 0.2);
}

.rct-node-icon {
  color: #33c;
}

.rct-title {
  padding: 0 5px;
}

.rct-icon-expand-close::before {
  content: "\F054";
}

.rct-icon-expand-open::before {
  content: "\F078";
}

.rct-icon-uncheck::before {
  content: "\F096";
}

.rct-icon-check::before {
  content: "\F046";
}

.rct-icon-half-check::before {
  opacity: .5;
  content: "\F046";
}

.rct-icon-leaf::before {
  content: "\F016";
}

.rct-icon-parent-open::before {
  content: "\F115";
}

.rct-icon-parent-close::before {
  content: "\F114";
}

.rct-icon-expand-all::before {
  content: "\F0FE";
}

.rct-icon-collapse-all::before {
  content: "\F146";
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.team-icon-display {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: linear-gradient(315deg, #65d45b 0, #40ad90 100%);
  position: relative;
  display: inline-block;
}
.team-icon-display .team-icon-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 40px;
  color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.create-new-segment-dialog.collection-segmentation .confirmation-dialog-paper {
  min-width: 600px;
}
.create-new-segment-dialog.collection-segmentation .confirmation-dialog-paper .dialog-title h2 {
  font-size: 22px;
  margin-top: 12px;
}
.create-new-segment-dialog.collection-segmentation .confirmation-dialog-paper .dialog-title h2 button {
  top: 22px;
}
.create-new-segment-dialog.collection-segmentation .confirmation-dialog-paper .dialog-title h2 .title .icon-Segments {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.create-new-segment-dialog .confirmation-dialog-paper {
  min-width: 480px;
}
.create-new-segment-dialog .create-new-segment-body-container .type-icon {
  color: #757575;
  font-size: 11px;
  margin-left: 18px;
  margin-right: 4px;
}
.create-new-segment-dialog .create-new-segment-body-container .pie-icon {
  color: #757575;
  margin-right: 7px;
  font-size: 17px;
}
.create-new-segment-dialog .create-new-segment-body-container .new-segment-option {
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 14px;
  height: 40px;
  cursor: pointer;
  margin-right: 5%;
}
.create-new-segment-dialog .create-new-segment-body-container .new-segment-option .create-button {
  display: none;
  margin-left: auto;
  margin-right: 15px;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.create-new-segment-dialog .create-new-segment-body-container .new-segment-option:hover {
  border-radius: 22px;
  background-color: #F5F5F5;
}
.create-new-segment-dialog .create-new-segment-body-container .new-segment-option:hover .create-button {
  display: block;
  cursor: pointer;
}
.create-new-segment-dialog .create-new-segment-body-container .sub-title {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #757575;
}
.create-new-segment-dialog .create-new-segment-body-container .sub-title .fa {
  margin-right: 9px;
}
.create-new-segment-dialog .create-new-segment-body-container .segment-type {
  color: #757575;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 3px;
  padding-top: 3px;
}
.create-new-segment-dialog .create-new-segment-body-container .segments-wrapper {
  display: flex;
  max-width: 600px;
  flex-wrap: wrap;
}
.create-new-segment-dialog .create-new-segment-body-container .commonly-used-segments-wrapper {
  display: flex;
  max-width: 600px;
  flex-wrap: wrap;
}
.create-new-segment-dialog .create-new-segment-body-container .commonly-used-segments-wrapper .half {
  width: 50%;
}
.create-new-segment-dialog .create-new-segment-body-container .segment-filter-label-text {
  line-height: 21px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.customizable-support {
  list-style: none;
  margin: 0;
  padding: 0;
}
.customizable-support__item {
  height: 100px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  padding: 18px 10px;
  display: flex;
  align-items: flex-start;
}
.customizable-support__item + .customizable-support__item {
  margin-top: 10px;
}
.customizable-support__item-illustration {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  background-color: #2e9e7f;
  text-align: center;
  line-height: 34px;
  font-size: 18px;
  vertical-align: middle;
}
.customizable-support__item-illustration > i {
  color: #fff;
}
.customizable-support__item-illustration > img {
  width: 20px;
}
.customizable-support__item-information {
  margin-left: 14px;
}
.customizable-support__item-header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #282828;
  font-size: 16px;
  line-height: 20px;
}
.customizable-support__item-description {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
}
.customizable-support__item-action {
  margin-top: 14px;
  display: inline-block;
  color: #54A7CF;
  background-color: transparent;
  border: none;
  font-size: 14px;
  line-height: 17px;
  transition: all 0.3s ease;
}
.customizable-support__item .play-circle-container {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customizable-support__item .play-circle-container .MuiSvgIcon-root {
  font-size: 25px;
}

.delete-accounts-modal {
  text-align: left;
}

b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.delete-sb-modal {
  width: 550px;
  left: calc(50% - 275px);
  top: 35px;
  min-height: 190px;
}
.delete-sb-modal .modal-content {
  height: 100%;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-forecast-modal .dialog-title {
  margin: 15px 0 25px;
  padding: 0 8px;
}
.edit-forecast-modal .confirmation-dialog-paper {
  min-width: 468px;
  min-height: 402px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content {
  overflow-x: hidden;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container {
  font-size: 14px;
  color: #282828;
  max-width: 408px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .last-update-wrapper {
  margin-top: 25px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .last-update-wrapper .forecast-update-time,
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .last-update-wrapper .forecast-owner,
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .last-update-wrapper .csm-label {
  margin: 0 5px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .period-date-picker-container button {
  min-width: auto;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .period-date-picker-container button .material-icons {
  font-weight: bold;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .new-contract-value-wrapper {
  min-height: 76px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .new-contract-value-wrapper .disable .new-editable-input-box-react:hover {
  cursor: not-allowed;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .new-contract-value-wrapper .new-editable-input-box-react {
  position: relative;
  height: 36px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .new-contract-value-wrapper .new-editable-input-box-react .new-contract-value-input {
  min-height: 36px;
  margin: 0 auto;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .new-contract-value-wrapper .new-editable-input-box-react .new-contract-value-input.invalid {
  color: #C0392B;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .new-contract-value-wrapper .new-editable-input-box-react .action-buttons {
  position: absolute;
  right: 0;
  top: 11px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .new-contract-value-wrapper .new-editable-input-box-react.edit-mode .input-box-input input {
  padding-right: 10px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper.has-forecast .switch-group {
  display: none;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper.has-forecast:hover .account-forecast-label {
  display: none;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper.has-forecast:hover .switch-group {
  display: inline-block;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper.disable .switch-group button:hover {
  cursor: not-allowed;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .switch-group {
  border: none;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .switch-group .switch-button {
  margin-bottom: 0!important;
  border-radius: 0!important;
  font-size: 15px;
  line-height: 15px;
  padding: 6px;
  height: initial;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .switch-group .switch-button.selected {
  background-color: #fff;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .switch-group .switch-button.selected[value='upsell'],
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .switch-group .switch-button.selected[value='renewal'] {
  color: #27AE60;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .switch-group .switch-button.selected[value='downsell'],
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .switch-group .switch-button.selected[value='churn'] {
  color: #C0392B;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .account-forecast-label {
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
  text-transform: uppercase;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .account-forecast-label .forecast-icon {
  margin: 0 3px;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .account-forecast-label.negative {
  border: none;
  color: #C0392B;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .account-forecast-label.negative .widget-button-icon {
  color: #C0392B;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .account-forecast-label.positive {
  border: none;
  color: #27AE60;
}
.edit-forecast-modal .confirmation-dialog-paper .dialog-content .edit-forecast-modal-container .forecast-state-wrapper .account-forecast-label.positive .widget-button-icon {
  color: #27AE60;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.edit-successPlay-modal {
  top: 10%;
  width: 1000px;
  left: calc(50% - 1000px/2);
}
.edit-successPlay-modal.customize-adoption .modal-footer {
  border-top: 1px solid #dddddd;
  background-color: #fff;
  margin: 0;
}
.edit-successPlay-modal .custom-sp-add-btn {
  height: 20px;
  margin-top: 10px;
  cursor: pointer;
  color: #5DACD2;
  font-size: 12px;
}
.edit-successPlay-modal.choose-plan .modal-footer {
  display: none;
}
.edit-successPlay-modal.confirmed {
  width: 650px;
  left: calc(50% - 650px/2);
}
@media (min-width: 1480px) {
  .edit-successPlay-modal {
    width: 1080px;
    left: calc(50% - 1080px/2);
  }
}
@media (min-height: 1081px) {
  .edit-successPlay-modal .modal-body .success-plan-list,
  .edit-successPlay-modal .modal-body .no-asset {
    height: calc(640px - 170px);
  }
}
@media (min-height: 768px) and (max-height: 1080px) {
  .edit-successPlay-modal .modal-body .success-plan-list,
  .edit-successPlay-modal .modal-body .no-asset {
    height: calc(540px - 170px);
  }
}
@media (max-height: 768px) {
  .edit-successPlay-modal .modal-body .success-plan-list,
  .edit-successPlay-modal .modal-body .no-asset {
    height: calc(440px - 170px);
  }
}
.edit-successPlay-modal .modal-body {
  max-height: 75vh;
}
.edit-successPlay-modal .modal-content .label {
  padding: 0;
  font-size: 14px;
  color: #757575;
}
.edit-successPlay-modal .modal-content .modal-header .modal-header-text .title-text {
  display: flex;
  align-items: center;
}
.edit-successPlay-modal .modal-content .modal-body .account {
  margin-bottom: 25px;
}
.edit-successPlay-modal .modal-content .modal-body .account .account-title,
.edit-successPlay-modal .modal-content .modal-body .account .account-name {
  font-size: 16px;
}
.edit-successPlay-modal .modal-content .modal-body .account .account-title {
  margin-right: 7px;
}
.edit-successPlay-modal .modal-content .modal-body .account .loading-indicator-wrapper {
  margin: 0 5px;
}
.edit-successPlay-modal .modal-content .modal-body .account .account-select {
  width: 100%;
}
.edit-successPlay-modal .modal-content .modal-body .account .account-select.invalid fieldset[class*='MuiOutlinedInput-notchedOutline'],
.edit-successPlay-modal .modal-content .modal-body .account .account-select.invalid fieldset[class^='MuiOutlinedInput-notchedOutline'] {
  border-color: #C0392B;
}
.edit-successPlay-modal .modal-content .modal-body .tasks-list-holder {
  width: 100%;
}
.edit-successPlay-modal .modal-content .modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}
.edit-successPlay-modal .modal-content .modal-footer .success-play-modal-footer-container {
  display: flex;
  justify-content: space-between;
}
.edit-successPlay-modal .modal-content .modal-footer .success-play-modal-footer-container .cancel-button {
  margin-right: 10px;
}
.edit-successPlay-modal .modal-content .modal-footer .success-play-modal-footer-container .buttons-section {
  display: flex;
}
.edit-successPlay-modal .modal-content .modal-footer .visible-toggle,
.edit-successPlay-modal .modal-content .modal-footer .cancel-button,
.edit-successPlay-modal .modal-content .modal-footer .save-button {
  margin-right: 25px;
}
.edit-successPlay-modal .modal-content .modal-footer .visible-toggle-label {
  margin-right: 5px;
}
.popout-dropdown-popover .owner-csm-dropdown {
  width: fit-content;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-successbloc-modal .confirmation-dialog-paper {
  max-width: 580px;
  overflow: visible;
}
.edit-successbloc-modal .confirmation-dialog-paper .dialog-content {
  padding: 28px 0 10px;
  overflow: visible;
}
.edit-successbloc-modal .confirmation-dialog-paper .dialog-content .setup-guide-container {
  margin-bottom: 16px;
}
.edit-successbloc-modal .confirmation-dialog-paper .dialog-content .thumbnail-placeholder {
  display: inline-block;
  width: 174px;
  height: 122px;
  background-color: #F5F5F5;
  border: solid 1px #d8d8d8;
  border-radius: 5px;
}
.edit-successbloc-modal .confirmation-dialog-paper .dialog-content img {
  border-radius: 4px;
  padding: 5px;
  border: solid 1px #d8d8d8;
}
.edit-successbloc-modal .confirmation-dialog-paper .dialog-content .upload-btn-wrapper .uploadcare--widget {
  margin-bottom: 8px;
}
.edit-successbloc-modal .confirmation-dialog-paper .dialog-content .upload-btn-wrapper .uploadcare--widget__button.uploadcare--widget__button_type_open {
  margin-top: 0;
  max-width: 100px;
  border-color: #3FAD90;
  color: #3FAD90;
  border-radius: 5px;
}
.edit-successbloc-modal .confirmation-dialog-paper .dialog-content .upload-btn-wrapper .upload-text {
  color: #757575;
}
.edit-successbloc-modal__tabsConfig .animated-checkbox-wrapper {
  margin-top: 10px;
}
.edit-successbloc-modal .fa {
  margin-left: 4px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.uploadcare-widget-btn-browse .uploadcare--widget_status_loaded .uploadcare--widget__text,
.uploadcare-widget-btn-browse .uploadcare--widget_status_error .uploadcare--widget__text {
  display: none;
}
.uploadcare-widget-btn-browse .uploadcare--widget_status_loaded .uploadcare--widget__button.uploadcare--widget__button_type_open,
.uploadcare-widget-btn-browse .uploadcare--widget_status_error .uploadcare--widget__button.uploadcare--widget__button_type_open {
  display: inline-block;
}
.uploadcare-widget-btn-browse .uploadcare--progress_type_canvas {
  color: #3FAD90;
  border-color: #3FAD90;
}
.uploadcare-widget-btn-browse .uploadcare--widget__button.uploadcare--widget__button_type_open {
  background-color: #fff;
  border-radius: 3px;
  color: #757575;
  margin-top: 20px;
  font-size: 14px;
  outline: none;
  width: 150px;
  cursor: pointer;
  border: 1px solid #EEEEEE;
}
.uploadcare-widget-btn-browse .uploadcare--widget__button.uploadcare--widget__button_type_cancel {
  display: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.attr-list {
  padding: 0;
  height: 345px;
  overflow: scroll;
}
.attr-list .confirmation-dialog-paper {
  width: 500px;
  height: 500px;
}
.attr-list-wrapper {
  width: 440px;
}
.attr-list-items-wrapper {
  height: 37px;
  margin-bottom: 2px;
}
.attr-list-item {
  height: 32px;
  background: #F5F6F7;
  margin-bottom: 2px;
  min-height: 37px !important;
  padding-left: 6px !important;
  padding-right: 0 !important;
  border: 1px solid #CFCFCF;
}
.attr-list-item-editable {
  width: 440px;
  height: 37px;
  font-size: 12px;
  padding: 0 !important;
}
.attr-list-item .read-mode {
  width: 420px;
  height: 37px;
}
.attr-list-item .edit-mode {
  height: 37px;
  margin-left: -12px;
  width: 440px;
}
.attr-list-item .edit-mode > input {
  padding-left: 16px !important;
  padding-top: 2px !important;
  padding-right: 40px !important;
}
.attr-list-item .edit-mode > input.invalid {
  border-color: #C0392B;
}
.attr-list-item .edit-mode .action-buttons {
  bottom: 4px;
}
.attr-list-item-content {
  display: flex;
}
.attr-list-item-content-label {
  font-size: 12px;
}
.attr-list-item-content-switch {
  margin-left: auto;
  margin-right: 5px;
}
.attr-list-item-edit-mode {
  padding: 0 !important;
}
.attr-list-item .handle-drag-btn {
  width: 10px;
  padding-top: 8px;
}
.attr-list-new-value {
  display: flex;
  line-height: 40px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.radio-group-input {
  display: none;
}
.radio-group-label {
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  padding-left: 30px;
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.radio-group-label .dummy-radio-button {
  height: 20px;
  width: 20px;
  border: 4px solid #bbbbbb;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
}
.radio-group-label .dummy-radio-button::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #3FAD90;
  opacity: 0;
  transition: all 0.2s;
}
.radio-group-input:checked ~ .radio-group-label .dummy-radio-button {
  border: 4px solid #3FAD90;
}
.radio-group-input:checked ~ .radio-group-label .dummy-radio-button::after {
  opacity: 1;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-radio-group {
  display: flex;
  flex-direction: column;
}
.react-radio-group.disable {
  opacity: 0.6;
  pointer-events: none;
}
.react-radio-group .radio-group-item {
  margin: 4px 0;
  min-height: 30px;
  min-width: 200px;
  display: flex;
  align-items: center;
}
.react-radio-group .radio-group-item.disable-unchecked .radio-group-input:not(:checked) ~ .radio-group-label {
  color: #757575;
}
.react-radio-group .radio-group-item.disable-unchecked .radio-group-input:not(:checked) ~ .radio-group-label input,
.react-radio-group .radio-group-item.disable-unchecked .radio-group-input:not(:checked) ~ .radio-group-label .react-select-dropdown__control {
  pointer-events: none;
  color: #757575;
}
.react-radio-group .radio-group-item.disable-unchecked .radio-group-input:not(:checked) ~ .radio-group-label input .react-select-dropdown__single-value,
.react-radio-group .radio-group-item.disable-unchecked .radio-group-input:not(:checked) ~ .radio-group-label .react-select-dropdown__control .react-select-dropdown__single-value {
  color: #757575;
}

.edit-user-attribute-sensitive {
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit-user-attribute-sensitive-label {
  white-space: nowrap;
}
.edit-user-attribute-sensitive-label {
  white-space: nowrap;
}
.edit-user-attribute-sensitive .react-radio-group {
  width: 135px;
}
.edit-user-attribute-sensitive .react-radio-group .radio-group-item {
  min-width: 80px;
  width: 80px;
}
.edit-user-attribute-sensitive div {
  margin-right: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.dropdown-search {
  width: 75%;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
}
.dropdown-search .select-search-box {
  width: 100%;
}
.dropdown-search .select-search-box .select-search-box__search {
  box-shadow: none;
  font-family: inherit;
}
.dropdown-search .select-search-box {
  position: relative;
  background: #fff;
}
.dropdown-search .select-search-box--multiple {
  border-radius: 0px;
  overflow: hidden;
}
.dropdown-search .select-search-box::after {
  font-family: fontawesome;
  content: "\F0D7";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
  line-height: 30px;
  color: #dddddd;
  z-index: 1;
}
.dropdown-search .select-search-box__icon--disabled::after {
  content: none !important;
}
.dropdown-search .select-search-box--input::after {
  display: none !important;
}
.dropdown-search .select-search-box__out {
  display: none;
}
.dropdown-search .select-search-box__search {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: block;
  width: 100%;
  height: 30px;
  background: none;
  outline: none;
  padding: 0 10px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #dddddd;
}
.dropdown-search input.select-search-box__search {
  line-height: 1;
}
.dropdown-search .select-search-box--multiple .select-search-box__search {
  box-shadow: none;
}
.dropdown-search .select-search-box--input .select-search-box__search {
  cursor: text;
}
.dropdown-search .select-search-box__search:focus {
  cursor: text;
}
.dropdown-search input[type='search']::-webkit-search-cancel-button,
.dropdown-search input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.dropdown-search .select-search-box__select {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 0px;
  overflow: auto;
  z-index: 100;
  min-height: 30px;
  font-weight: 200;
  color: #282828;
  border: 1px solid #dddddd;
}
.dropdown-search .select-search-box--multiple .select-search-box__select {
  display: block;
  position: static;
  border-top: 1px solid #eee;
  border-radius: 0;
  box-shadow: none;
}
.dropdown-search .select-search-box__select--display {
  display: block;
}
.dropdown-search .select-search-box__options {
  padding-left: 0;
}
.dropdown-search .select-search-box__option {
  color: #282828;
  border-top: 1px solid #eee;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  padding: 4px 7px 3px;
  overflow-wrap: break-word;
}
.dropdown-search .select-search-box__option:first-child {
  border-top: none;
}
.dropdown-search .select-search-box__option--hover,
.dropdown-search .select-search-box__option:hover {
  background: #f4f7fa;
}
.dropdown-search .select-search-box__option--selected {
  background: #dddddd;
  color: #282828;
  border-top-color: #2184ff;
}
.dropdown-search .select-search-box__option--selected:hover,
.dropdown-search .select-search-box__option--selected.select-search-box__option--hover {
  background: #2184ff;
  color: #282828;
  border-top-color: #2184ff;
}
.dropdown-search .select-search-box__group {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  position: relative;
}
.dropdown-search .select-search-box__group-header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 0 10px;
  color: #282828;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-user-attribute-name {
  width: 440px;
}
.edit-user-attribute-name .attribute-source-settings-type-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 0;
  background-color: #F8F8F8;
  width: 100%;
  border-bottom: 1px solid #EEEEEE;
}
.edit-user-attribute-name .attribute-source-settings-type-wrapper .power-icon {
  width: 50px;
}
.edit-user-attribute-name .attribute-source-settings-type-wrapper .attribute-source-settings-type {
  width: 150px;
}
.edit-user-attribute-name .sales-force-edit-atr {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.edit-user-attribute-name .sales-force-edit-atr .attribute-source-settings__text {
  font-size: 13px;
  color: #282828;
}
.edit-user-attribute-name .sales-force-edit-atr .attribute-source-settings-type {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  margin: 5px 0;
  padding: 0;
}
.edit-user-attribute-name .sales-force-edit-atr .salesforce-source-search {
  clear: both;
  padding: 20px;
}
.edit-user-attribute-name .sales-force-edit-atr .salesforce-source-search .dropdown {
  width: 75%;
}
.edit-user-attribute-name .sales-force-edit-atr .salesforce-source-search .dropdown .select-search-box__search {
  width: 100%;
}
.edit-user-attribute-name .api-source-microcopy,
.edit-user-attribute-name .api-key-name {
  font-size: 13px;
  word-break: break-all;
}
.edit-user-attribute-name .api-name-error-message {
  color: #C0392B;
  font-size: 12px;
  margin-top: -30px;
  padding-left: 153px;
}
.edit-user-attribute-name .edit-user-attribute-new-api-name {
  padding: 10px;
  margin-bottom: 0px;
  background-color: #F8F8F8;
}
.edit-user-attribute-name .edit-user-attribute-new-api-name.attribute-row .attribute-row-input {
  width: 300px;
}
.edit-user-attribute-name .api-key-name-exist {
  padding: 10px;
  background-color: #F8F8F8;
  word-break: break-all;
}
.edit-user-attribute-name .api-source-microcopy {
  padding-top: 10px;
}
.edit-user-attribute-name .salesforce-sync-settings-wrapper .salesforce-source-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 20px;
  border-top: 1px solid #EEEEEE;
}
.edit-user-attribute-name .salesforce-sync-settings-wrapper .salesforce-source-footer .switch-text {
  font-size: 12px;
  padding-right: 10px;
}

.choose-dimension-dropdown .fa {
  margin-left: 10px;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section.choose-dimension-dropdown {
  margin-bottom: 0px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-user-attribute .edit-user-syncback-wrapper {
  width: 440px;
}
.edit-user-attribute__error {
  height: 0;
  max-height: 0;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  color: #C0392B;
  padding-left: 154px;
  transition: all 0.3s ease-in;
}
.edit-user-attribute__error_visible {
  height: auto;
  max-height: 100px;
}
.edit-user-attribute .attribute-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  font-size: 13px;
  color: #282828;
}
.edit-user-attribute .attribute-row-input {
  width: 440px;
  border-color: #dddddd;
  resize: none;
}
.edit-user-attribute .attribute-row-input__error {
  border-color: #C0392B;
}
.edit-user-attribute .attribute-row__label {
  font-weight: 600;
  margin-bottom: 7px;
}
.edit-user-attribute .attribute-row__value {
  width: 405px;
  color: #555;
}
.edit-user-attribute .attribute-row-sensitive {
  align-items: baseline;
  height: 50px;
}
.edit-user-attribute .attribute-row-sensitive .react-radio-group {
  flex-direction: row;
  width: 440px;
}
.edit-user-attribute .attribute-row-sensitive-buttons {
  width: 100px;
  min-width: 100px;
}
.edit-user-attribute .attribute-row-sensitive-buttons .radio-group-item {
  min-width: 80px;
}
.edit-user-attribute__canBeEdited-checkbox {
  margin-bottom: 10px;
}
.edit-user-attribute .clickable-error-text {
  margin: 0 5px;
  color: rgba(74, 144, 226, 0.90196078);
  cursor: pointer;
}
.edit-attribute-modal {
  width: 620px;
  left: calc(50% - 310px);
  top: 100px;
}
.edit-attribute-modal .modal-content .modal-header .modal-header-text {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-weight: 300;
  color: #282828;
}
.edit-attribute-modal .modal-content .modal-body {
  padding-top: 10px;
}
.edit-attribute-modal .animated-checkbox-label {
  font-size: 13px;
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.image-box-container .image-box-button {
  color: #282828;
  background-color: #fff;
  text-align: center;
  border-radius: 7px;
  vertical-align: middle;
  width: 130px;
  height: 90px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.17);
  margin: 5px;
  padding: 22px 10px 10px 10px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
  line-height: 18px;
}
.image-box-container .image-box-button .button-icon {
  margin-bottom: 7px;
  font-size: 18px;
}
.image-box-container .image-box-button.selected {
  border: 1px solid #40AD90;
}
.image-box-container .image-box-button .fa-check-circle {
  position: absolute;
  top: 6px;
  left: 6px;
  color: #40AD90;
  font-size: 15px;
}
.image-box-container .image-box-button:hover {
  border: 1px solid #3FAD90;
}

.segment-main-filter-modal {
  width: 650px;
}
.segment-main-filter-modal .image-box-button-group {
  height: 230px;
  padding: 15px 10px;
  overflow-y: auto;
  background-color: #F2F2F2;
}
.segment-main-filter-modal .react-search-input.expanded {
  width: 100%;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.reassign-users-resources-modal {
  top: 35px;
}
.reassign-users-resources-modal .modal-button {
  text-transform: capitalize;
}
.reassign-users-resources-modal .modal-header-text {
  text-transform: capitalize;
}
.reassign-users-resources-modal.loading .submit-btn {
  background-color: #9d9d9d;
  pointer-events: none;
}
.reassign-users-resources-modal.loading .submit-btn .loader {
  opacity: 1;
  z-index: 5;
}
.reassign-users-resources-modal .confirmation-msg .title {
  font-size: 15px;
  padding-bottom: 8px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.reassign-users-resources-modal .confirmation-msg .description {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  margin-left: 27px;
  color: #757575;
}
.reassign-users-resources-modal .confirmation-msg .category-wrapper {
  margin-bottom: 29px;
}
.reassign-users-resources-modal .confirmation-msg .disable-modal .animated-checkbox-wrapper,
.reassign-users-resources-modal .confirmation-msg .reassign-modal .animated-checkbox-wrapper {
  display: inline-block;
  margin-right: 8px;
}
.reassign-users-resources-modal .confirmation-msg .disable-modal .title,
.reassign-users-resources-modal .confirmation-msg .reassign-modal .title {
  display: inline-block;
}
.reassign-users-resources-modal .confirmation-msg .disable-modal .react-radio-group,
.reassign-users-resources-modal .confirmation-msg .reassign-modal .react-radio-group {
  margin-left: 30px;
  transition: opacity 0.3s ease-in-out;
}
.reassign-users-resources-modal .confirmation-msg .disable-modal .reassign-role-wrapper.shared-resources,
.reassign-users-resources-modal .confirmation-msg .reassign-modal .reassign-role-wrapper.shared-resources {
  margin-left: 58px;
}
.reassign-users-resources-modal .confirmation-msg .disable-modal .reassign-role-wrapper.shared-resources.disable,
.reassign-users-resources-modal .confirmation-msg .reassign-modal .reassign-role-wrapper.shared-resources.disable {
  opacity: 0.6;
}
.reassign-users-resources-modal .confirmation-msg .reassign-role-wrapper {
  display: flex;
  align-items: center;
}
.reassign-users-resources-modal .confirmation-msg .reassign-role-wrapper.shared-resources {
  margin-left: 25px;
}
.reassign-users-resources-modal .confirmation-msg .reassign-role-wrapper .react-select-dropdown-container {
  width: 250px;
  margin-left: 44px;
}
.reassign-users-resources-modal .confirmation-msg .radio-group-label {
  font-size: 14px;
}
.reassign-users-resources-modal .confirmation-msg .validation .reassign-role-wrapper .control-wrapper {
  border-color: #C0392B;
}
.reassign-users-resources-modal .confirmation-msg .account-roles-warning {
  font-size: 13px;
  position: relative;
  top: -20px;
}
.reassign-users-resources-modal .confirmation-msg .account-roles-warning .fa-warning {
  color: #F4C430;
  margin-right: 3px;
}
.reassign-users-resources-modal .confirmation-msg .team-addition-warnings {
  padding: 5px 12px;
  border: 1px solid #F4C430;
  border-radius: 2px;
  font-size: 13px;
  width: 390px;
}
.reassign-users-resources-modal .confirmation-msg .team-addition-warnings .fa-warning {
  color: #F4C430;
  margin-right: 3px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.request-information-dialog .confirmation-dialog-paper {
  width: 630px;
}
.request-information-dialog .activate-success-plan-body {
  padding: 10px;
}
.request-information-dialog .activate-success-plan-body .due-date-holder {
  padding-left: 10px;
}
.request-information-dialog .activate-success-plan-body .message-holder .MuiTextField-root {
  display: block;
}
.request-information-dialog .activate-success-plan-body.hasInvalid .invalid fieldset {
  border-color: #C0392B;
}
.request-information-dialog .activate-success-plan-body.hasInvalid .task-success-flow.invalid {
  color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.save-segment-modal .confirmation-dialog-paper {
  width: 480px;
}
.save-segment-modal .confirmation-dialog-paper .dialog-content {
  padding: 10px;
}
.save-segment-modal .segment-text-label {
  color: #282828;
  font-size: 13px;
  line-height: 24px;
}
.save-segment-modal .segment-text-label .segment-location-breadcrumbs {
  padding-left: 5px;
}
.save-segment-modal .segment-text-label .segment-location-breadcrumbs i {
  font-size: 10px;
  padding: 0 3px;
}
.save-segment-modal .segment-successbloc-container {
  display: flex;
}
.save-segment-modal .segment-successbloc-container .segment-successbloc-label {
  margin-left: 5px;
}
.save-segment-modal .error-container {
  color: #C0392B;
  display: flex;
  visibility: hidden;
}
.save-segment-modal .error-container.visible {
  visibility: visible;
}
.save-segment-modal .error-container .error-icon {
  font-size: 16px;
  margin-right: 5px;
}
.save-segment-modal .error-container .error-msg {
  font-size: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.survey-attribute-row .attribute-label {
  color: #757575;
  width: 55px;
  margin-right: 4px;
}
.survey-attribute-row .edit-values {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.survey-attribute-row .edit-values:hover {
  text-decoration: underline;
  color: #5DACD2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.survey-attributes-modal .confirmation-dialog-paper {
  width: 518px;
}
.survey-attributes-modal .confirmation-dialog-paper .dialog-content {
  overflow-x: hidden;
  padding-left: 19px;
  padding-right: 19px;
}
.survey-attributes-modal .confirmation-dialog-paper .attributes-modal-message {
  margin-top: 25px;
  margin-bottom: 23px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.syncback-data-sources-modal .confirmation-dialog-paper {
  min-width: 750px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-title {
  color: #757575;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-title .title {
  padding-bottom: 20px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-title .title .ds-modal-title {
  display: flex;
  align-items: center;
  font-size: 24px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-title .title .ds-modal-title .ds-title-icon {
  padding: 0 9px;
  display: flex;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-title .title .ds-modal-title .ds-title-icon .power-icon {
  font-size: 25px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-title .title .ds-modal-subtitle {
  font-size: 15px;
  padding: 0 10px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content {
  padding: 20px 10px 10px 10px;
  font-size: 15px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .ds-external-link {
  display: flex;
  flex-direction: row-reverse;
  cursor: pointer;
  color: rgba(74, 144, 226, 0.90196078);
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper {
  background-color: #F8F8F8;
  margin-bottom: 20px;
  border-radius: 5px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .ds-horizontal-rule {
  margin: 0px 10px;
  border-top: 2px solid #EEEEEE;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-header {
  text-transform: uppercase;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-header .connector-type-icon img {
  width: 50px;
  padding-right: 10px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-header {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  text-transform: uppercase;
  color: #757575;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-header .ds-header-item {
  flex-grow: 3;
  flex-basis: 0;
  padding: 0 10px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-header .ds-header-item.small-item {
  flex-grow: 2;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-header .ds-header-item.large-item {
  flex-grow: 4;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-content {
  display: flex;
  flex-direction: column;
  text-transform: capitalize;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-content .ds-table-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-around;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-content .ds-table-row .ds-table-row-item {
  word-break: break-all;
  flex-grow: 3;
  flex-basis: 0;
  padding: 0 10px;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-content .ds-table-row .ds-table-row-item.small-item {
  flex-grow: 2;
}
.syncback-data-sources-modal .confirmation-dialog-paper .dialog-content .data-source-wrapper .data-source-body .ds-column-content .ds-table-row .ds-table-row-item.large-item {
  flex-grow: 4;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-creation-modal.has-invalid .invalid-account .account-name.react-select-dropdown-container fieldset {
  border: 1px solid #C0392B;
}
.task-creation-modal.has-invalid .invalid-successflow .success-flow-selector .switch-group {
  border: 1px solid #C0392B;
}
.task-creation-modal.has-invalid .invalid-title .task-title fieldset {
  border: 1px solid #C0392B;
}
.task-creation-modal.has-invalid .invalid-description .task-description fieldset {
  border: 1px solid #C0392B;
}
.task-creation-modal .confirmation-dialog-paper {
  width: 650px;
}
.task-creation-modal.confirmation-dialog .dialog-content {
  padding: 7px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper {
  min-height: 200px;
  width: 575px;
  padding: 30px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .close {
  color: #282828;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .title .action-buttons {
  display: flex;
  align-items: center;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .title .action-buttons > * {
  font-size: 18px;
  height: 18px;
  color: #282828;
  opacity: 0.5;
  cursor: pointer;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .title .action-buttons > *:hover {
  background-color: #F5F5F5;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .title .action-buttons__edit {
  margin-right: 30px;
  margin-top: -5px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .title .action-buttons__edit.disabled {
  cursor: not-allowed;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .title .action-buttons__close {
  transform: scale(1.4);
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-title .title .action-buttons__close svg {
  font-size: 15px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-content {
  padding-top: 20px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-content .single-task-status-cell:not(.fa-spin) {
  margin-top: 3px;
  height: 20px;
  width: 20px;
  font-size: 20px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-content .success-flow-icon-label .custom-label-icon {
  height: 26px;
  max-width: 200px;
  line-height: 25px;
  white-space: nowrap;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-content .success-flow-icon-label .custom-label-icon .success-flow-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-content .task-associated-users .associated-users {
  display: flex;
  flex-wrap: wrap;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-content .task-associated-users .associated-users .user:not(:last-of-type) {
  margin-right: 5px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-content .task-associated-users .icon {
  height: 5px;
  margin-left: 0;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .dialog-content .task-associated-users .text {
  text-transform: none;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button {
  justify-content: space-between;
  display: flex;
  margin-top: 20px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button button {
  height: 30px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button .reassign-dynamically-btn {
  justify-content: space-between;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button .reassign-dynamically-btn .fallback-reason-icon {
  max-height: 13px;
  float: left;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button .reassign-dynamically-btn .fallback-reason-icon path {
  fill: #49b79a;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button .reassign-dynamically-btn.Mui-disabled .fallback-reason-icon path {
  fill: #c3c3c3;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button .reassign-task-dynamically-holder.disabled:hover {
  cursor: not-allowed;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button .reassign-manually-btn .complete-task-button__button-content {
  display: flex;
  align-items: center;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button .reassign-manually-btn .complete-task-button__button-content .pool-icon {
  font-size: 16px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button .reassign-manually-btn .complete-task-button__button-content .complete-task-button__text {
  margin-top: 3px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button__button-content {
  text-transform: none;
  font-size: 13px;
  height: 13px;
  line-height: 13px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .complete-task-button__check-icon {
  margin-right: 5px;
}
.confirmation-dialog.task-modal .confirmation-dialog-paper .general-error {
  text-align: center;
  font-size: 14px;
}

.paging-controller.react {
  display: flex;
  align-items: center;
  position: relative;
}
.paging-controller.react .paging-text {
  bottom: 0;
}
.paging-controller.react .paging-buttons {
  height: 18px;
}
.paging-controller.react .paging-buttons .paging-btn {
  padding: 0;
  margin: 0 !important;
}
.paging-controller.react .paging-buttons .paging-btn .fa {
  font-size: 16px;
}
.paging-controller.react .paging-buttons .paging-btn .fa.fa-chevron-left {
  margin-right: 3px;
}
.paging-controller.react .paging-buttons .paging-btn .fa.fa-chevron-right {
  margin-left: 3px;
}

.svg-arrow {
  width: 16px;
  height: 16px;
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  fill: currentColor;
  display: inline-block;
  font-size: 24px;
  transform: rotate(0deg);
}
.svg-arrow.up {
  transform: rotate(180deg);
}
.chevron-arrow.up {
  transform: rotate(-90deg);
}
.chevron-arrow.down {
  transform: rotate(90deg);
}
.chevron-arrow.left {
  transform: rotate(-180deg);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-table-field.health-distribution {
  padding: 3px 15px;
}
.segment-table-field.health-distribution .segment-breakdown-bar {
  height: 13px;
}
.segment-table-field.health-distribution .segment-breakdown-bar .distribution-bar {
  display: inline-block;
  height: 7px;
  position: relative;
  margin-left: -3px;
}
.segment-table-field.health-distribution .segment-breakdown-bar .distribution-bar.good-health {
  background-color: #26b27f;
}
.segment-table-field.health-distribution .segment-breakdown-bar .distribution-bar.good-health .counter {
  color: #26b27f;
}
.segment-table-field.health-distribution .segment-breakdown-bar .distribution-bar.average-health {
  background-color: #f7c900;
}
.segment-table-field.health-distribution .segment-breakdown-bar .distribution-bar.average-health .counter {
  color: #f7c900;
}
.segment-table-field.health-distribution .segment-breakdown-bar .distribution-bar.poor-health {
  background-color: #c23824;
}
.segment-table-field.health-distribution .segment-breakdown-bar .distribution-bar.poor-health .counter {
  color: #c23824;
}
.segment-table-field.health-distribution .segment-breakdown-bar .distribution-bar .counter {
  position: absolute;
  top: -17px;
  left: 0px;
  font-size: 10px;
  margin-left: -1px;
}
.segment-table-field.forecast-state {
  text-transform: uppercase;
}
.segment-table-field.forecast-state.red {
  color: #C0392B;
}
.segment-table-field.forecast-state.green {
  color: #27AE60;
}
.segment-table-field.forecast-state .icon-Upsell,
.segment-table-field.forecast-state .icon-Downsell,
.segment-table-field.forecast-state .icon-Churn,
.segment-table-field.forecast-state .icon-Renew {
  font-size: 15px;
  position: relative;
  top: 1px;
}
.segment-table-field.forecast-state .forecast-display-name {
  margin-left: 3px;
  text-transform: uppercase;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-content-rows-wrapper.wrap-text-cells .owner-field .avatar-container .avatar-fullname {
  white-space: normal;
}
.health-cell .health-score {
  font-size: 10px;
}
.health-cell .health-score .health-caption {
  font-size: 13px;
  margin-left: 5px;
}
.products-list-field {
  display: flex;
  align-items: center;
}
.products-list-field .default-logo-box {
  margin-right: 5px;
}
.owner-field {
  min-height: 50px;
  display: flex;
  align-items: center;
}
.owner-field .hover-element,
.owner-field .avatar-container {
  width: 100%;
}
.owner-field .avatar-container {
  display: flex;
  align-items: center;
}
.owner-field .avatar-container .avatar-fullname {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tag-field {
  padding: 0px 6px;
  color: #FFFFFF;
  background-color: #5DACD2;
  list-style: none;
  display: inline-block;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 4px;
  font-size: 12px;
  line-height: 20px;
}
.salesforce-field img.sfdc-logo {
  width: 20px;
  height: 20px;
}
.date-cell input {
  font-size: 13px;
  outline: none;
  border: none;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.ReactTable.totango-table.react-segment-table .rt-tr .rt-td .no-value {
  padding-left: 15px;
}
.ReactTable.totango-table.react-segment-table .rt-tr .rt-td.attribute-field .no-value {
  padding: 15px 10px 15px 25px;
}
.account-type-field {
  display: inline-block;
  text-transform: uppercase;
  color: #757575;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 11px;
  border: 1px solid #dddddd;
  padding: 1px 6px;
  border-radius: 3px;
}
.edit-mode-field {
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  padding: 15px 10px 15px 10px;
}
.edit-mode-field:hover .edit-action-buttons,
.edit-mode-field.editing .edit-action-buttons {
  opacity: 1;
}
.edit-mode-field.editing {
  border: 2px solid #4285F4;
}
.edit-mode-field .edit-action-buttons {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin-right: 0;
  margin-left: auto;
}
.edit-mode-field .edit-action-buttons .fa-times {
  color: #757575;
  margin-right: 3px;
}
.edit-mode-field .edit-action-buttons .fa-check {
  color: #27AE60;
}
.edit-mode-field .date-picker-edit-field {
  width: calc(100% - 30px);
}
.edit-mode-field .date-picker-edit-field .DayPickerInput input {
  border: none;
  outline: none;
}
.edit-mode-field .date-picker-edit-field .DayPickerInput-OverlayWrapper {
  position: absolute;
}
.edit-mode-field .date-picker-edit-field .DayPicker {
  font-size: 12px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-table-container {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: white;
  border: 1px solid #e8e8e8;
}
.segment-table-container.loading {
  overflow-x: hidden;
}
.segment-table-container.no-results {
  height: 300px !important;
}
.segment-table-container.no-results .list-empty-segment-text {
  height: 100%;
  position: relative;
  border: 1px solid #e6e7e8;
}
.segment-table-container.no-results .list-empty-segment-text .no-results-msg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.segment-table-container .totango-table.react-segment-table .owner-field {
  display: inline;
}
.ReactTable.totango-table.react-segment-table {
  table-layout: initial;
  position: absolute;
  display: flex;
  border: none;
  width: initial;
  min-width: 100%;
}
.ReactTable.totango-table.react-segment-table .rt-table {
  background-color: #fff;
  overflow: visible;
}
.ReactTable.totango-table.react-segment-table .rt-table .-header {
  height: 40px;
  position: sticky;
  top: 0px;
  z-index: 5;
  background-color: #fff;
}
.ReactTable.totango-table.react-segment-table .rt-table .-header .header-content-wrapper {
  line-height: 40px;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th {
  padding: 0px 0px 0px 10px;
  z-index: 5;
  min-width: 100px;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th.name-cell {
  background-color: #fff;
  position: sticky;
  left: 0px;
  z-index: 6;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th:first-child {
  border-right: none;
  padding-right: 0px;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th .header-content-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th .header-content-wrapper .header-text {
  max-width: calc(100% - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th .header-content-wrapper .svg-arrow {
  opacity: 0;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th .header-content-wrapper.active-sort .svg-arrow {
  opacity: 1;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th .header-content-wrapper.active-sort .header-text {
  max-width: calc(100% - 30px);
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-th .header-content-wrapper.disable {
  cursor: default;
  pointer-events: none;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-tbody {
  overflow: visible;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-tbody .rt-tr .rt-td {
  height: 50px;
  min-width: 100px;
  position: relative;
  overflow: visible;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-tbody .rt-tr .rt-td.index-cell {
  border-right: none;
  padding-right: 0px;
  overflow: visible;
  z-index: 5;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-tbody .rt-tr .rt-td.index-cell .loading-placeholder {
  width: calc(100% + 20px);
  left: 10px;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-tbody .rt-tr .rt-td.name-cell {
  background-color: #fff;
  position: sticky;
  left: 0px;
  z-index: 4;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-tbody .rt-tr .rt-td.attribute-field {
  justify-content: center;
  align-items: center;
  vertical-align: center;
  padding: 0px;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-tbody .rt-tr .rt-td .no-field-to-render {
  background-color: red;
  color: white;
}
.ReactTable.totango-table.react-segment-table .rt-table .rt-tbody .loading-placeholder {
  width: calc(100% - 20px);
  height: 3px;
  margin: 8px auto;
}
.segment-table-page-handler {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.segment-table-page-handler .dropdown-multiple-selector {
  width: 70px;
}
.segment-table-page-handler .dropdown-multiple-selector .dropdown-multiple-selector__menu {
  width: 50px;
}
.segment-table-page-handler .dropdown-multiple-selector .dropdown-multiple-selector__menu .fa-check {
  display: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-columns-modal .confirmation-dialog-paper {
  min-width: 900px;
}
.edit-columns-modal__content {
  display: flex;
}
.edit-columns-modal__contentSection {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.edit-columns-modal__contentSection:first-child {
  width: 40%;
  margin-right: 10px;
}
.edit-columns-modal__contentSectionTitle {
  margin-top: 6px;
  margin-bottom: 5px;
  font-size: 13px;
  color: #757575;
  text-transform: uppercase;
}
.edit-columns-modal__contentSection .react-search-input {
  width: 100%;
  border-color: #E7E7E7;
}
.edit-columns-modal__contentList {
  border: 1px solid #E7E7E7;
  margin-top: 10px;
}
.edit-columns-modal__dimension {
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
  background-color: #EEEEEE;
  font-size: 14px;
  color: #757575;
  border: 0 solid #E7E7E7;
  border-bottom-width: 1px;
  cursor: pointer;
}
.edit-columns-modal__dimension_expanded {
  color: #282828;
}
.edit-columns-modal__dimensionTitle {
  text-transform: uppercase;
}
.edit-columns-modal__column {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border: 1px solid transparent;
  border-bottom-color: #E7E7E7;
  background-color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
}
.edit-columns-modal__column:hover {
  border: 1px solid #3FAD90;
}
.edit-columns-modal__column:hover .edit-columns-modal__columnIcon {
  color: #27AE60;
}
.edit-columns-modal__columnName {
  font-size: 13px;
  margin-left: 10px;
  color: #757575;
}
.edit-columns-modal__columnIcon {
  margin-left: auto;
  font-size: 12px;
  color: transparent;
  transition: all 0.3s ease;
}
.edit-columns-modal__selectedColumn {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border: 1px solid transparent;
  border-bottom-color: #E7E7E7;
  background-color: #fff;
  z-index: 2000;
}
.edit-columns-modal__selectedColumnName {
  font-size: 13px;
  padding-left: 20px;
  color: #282828;
  cursor: move;
  width: 100%;
}
.edit-columns-modal__selectedColumnDragControl {
  display: inline-block;
  width: 10px;
  cursor: move;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 21px;
}
.edit-columns-modal__selectedColumnDragControl:before {
  content: "\E90B";
}
.edit-columns-modal__selectedColumnNameContainer {
  display: flex;
  flex-direction: column;
}
.edit-columns-modal__selectedColumnRemoveBtn {
  margin-left: auto;
  font-size: 13px;
  color: #757575;
  cursor: pointer;
}
.edit-columns-modal__selectedColumnRemoveBtn:hover {
  color: #C0392B;
}
.edit-columns-modal__selectedColumnRemoveBtn.dont-allow-remove-field {
  cursor: not-allowed;
}
.edit-columns-modal__draggingHelper.edit-columns-modal__selectedColumn {
  background-color: #fff;
  border: 0 solid #E7E7E7;
  border-top-width: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.totango-users-content .pool-data-container {
  display: flex;
  margin-top: 10px;
}
.totango-users-content .pool-data-container .pool-speed,
.totango-users-content .pool-data-container .pool-update-date {
  font-size: 14px;
}
.totango-users-content .pool-data-container .pool-update-date {
  margin-left: auto;
}
.totango-users-content .pool-summery {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 250px;
}
.totango-users-content .pool-summery .pool-summery-users {
  text-align: center;
  box-shadow: none;
  height: 110px;
}
.totango-users-content .pool-summery .pool-summery-users .pool-summery-users-content {
  padding: 5px;
}
.totango-users-content .pool-summery .pool-summery-users .pool-summery-users-content .pool-summery-users-title {
  margin-bottom: 20px;
  font-size: 12px;
  text-transform: uppercase;
}
.totango-users-content .pool-summery .pool-summery-users .pool-summery-users-content .pool-summery-users-hits {
  font-size: 30px;
}
.totango-users-content .pool-filter-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 15px;
}
.totango-users-content .pool-filter-container .team-filter .dropdown-multiple-selector__menu {
  z-index: 10;
}
.totango-users-content .pool-filter-container .pool-columns {
  display: inline-flex;
  align-items: center;
  height: 30px;
  vertical-align: top;
}
.totango-users-content .pool-filter-container .pool-columns .fa-table {
  margin-right: 5px;
  font-size: 16px;
  color: #757575;
}
.totango-users-content .pool-filter-container .react-search-input {
  display: inline-flex;
  margin-left: 10px;
  margin-bottom: 0;
}
.totango-users-content .segment-table-container {
  padding: 0;
}
.totango-users-content .segment-table-container .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  cursor: pointer;
  background-color: #f1f1f1;
}
.totango-users-content .segment-table-container .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover .name-cell {
  background-color: #f1f1f1 !important;
}
.totango-users-content .segment-table-container .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow).select-row {
  background-color: #E2F3EF;
}
.totango-users-content .segment-table-container .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow).select-row .name-cell {
  background-color: #E2F3EF !important;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.custom-icon-wrapper {
  color: #757575;
  background-color: #fff;
  border: 1px solid #e6e7e8;
  border-radius: 20px;
  width: 26px;
  height: 26px;
  position: relative;
  display: block;
}
.custom-icon-wrapper:hover {
  background-color: #f2f2f2;
}
.custom-icon-wrapper i.fa {
  font-size: 12px;
  padding-left: 7px;
  cursor: pointer;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.task-reassign-manually-dialog {
  z-index: 1060 !important;
}
.task-reassign-manually-dialog .confirmation-dialog-paper {
  background-color: #F5F5F5;
  padding: 0;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-title {
  background-color: #fff;
  border: 1px solid #e6e7e8;
  box-shadow: none;
  padding: 18px 15px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-title > h6 {
  display: flex;
  align-items: center;
  width: 100%;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-title .title {
  display: flex;
  flex-basis: 100%;
  margin-left: 0;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-title .title .center-title {
  margin: 0 auto;
  display: flex;
  align-items: center;
  text-align: center;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-title .title .center-title .fallback-reason-icon {
  margin-right: 10px;
  min-height: 22px;
  min-width: 22px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-title .title .center-title .fallback-reason-icon path {
  fill: #282828;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-title .title .custom-icon-wrapper {
  display: inline;
  height: 32px;
  width: 32px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-title .title .custom-icon-wrapper .fa-download {
  font-size: 17px;
  line-height: 30px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content {
  margin: 25px auto 0;
  max-width: 1400px;
  padding-right: 15px;
  padding-left: 15px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-filters,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-table-container {
  background-color: #fff;
  border: 1px solid #e6e7e8;
  box-shadow: none;
  padding: 18px 15px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 15px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .title {
  font-size: 17px;
  margin-bottom: 13px;
  margin-bottom: 0;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .task-info-summary {
  margin-bottom: 15px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .task-info-summary,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .pool-matching-summary {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .task-info-summary .call-holder,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .pool-matching-summary .call-holder {
  flex: 1;
  padding: 13px 15px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .task-info-summary .call-holder .call-label,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .pool-matching-summary .call-holder .call-label,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .task-info-summary .call-holder .call-value,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .pool-matching-summary .call-holder .call-value {
  display: flex;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .task-info-summary .call-holder .call-label,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .pool-matching-summary .call-holder .call-label {
  color: #757575;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .task-info-summary .call-holder .call-value,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .pool-matching-summary .call-holder .call-value {
  line-height: 24px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .task-info-summary .call-holder .call-value .unit,
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .task-reassign-summary .pool-matching-summary .call-holder .call-value .unit {
  margin-left: 5px;
  color: #757575;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .pool-data-container {
  display: flex;
  margin-bottom: 15px;
  padding: 18px 15px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .pool-data-container .pool-update-date {
  margin-left: auto;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .pool-filter-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 15px;
  cursor: pointer;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .pool-filter-container .pool-columns {
  display: inline-flex;
  align-items: center;
  height: 30px;
  vertical-align: top;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .pool-filter-container .pool-columns .fa-table {
  margin-right: 5px;
  font-size: 16px;
  color: #757575;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .pool-filter-container .react-search-input {
  width: 180px;
  display: inline-flex;
  margin-left: 10px;
  margin-bottom: 0;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-filters {
  margin: 0;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-filters .segment-filters-container {
  max-width: none;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-table-container {
  padding: 0;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-table-container .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  cursor: pointer;
  background-color: #f1f1f1;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-table-container .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover .name-cell {
  background-color: #f1f1f1 !important;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-table-container .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow).select-row {
  background-color: #E2F3EF;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-table-container .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow).select-row .name-cell {
  background-color: #E2F3EF !important;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-table-container .remaining-availability.negative {
  color: #C0392B;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-content .segment-table-container .remaining-availability.positive {
  color: #27AE60;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-actions {
  background-color: #fff;
  border: 1px solid #e6e7e8;
  box-shadow: none;
  padding: 18px 15px;
  height: 76px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-actions .dialog-actions-buttons-wrapper {
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-actions .dialog-actions-buttons-wrapper .cancel-btn {
  margin-left: 12px;
  width: 100px;
}
.task-reassign-manually-dialog .confirmation-dialog-paper .dialog-actions .dialog-actions-buttons-wrapper .selected-user {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding-left: 7px;
}
.warning-assignment-overallocation-modal .warning-assignment-overallocation-content {
  max-width: 320px;
  margin: 10px 75px 20px;
  text-align: center;
}
.warning-assignment-overallocation-modal .warning-assignment-overallocation-content span {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
}
.warning-assignment-overallocation-modal .dialog-actions {
  display: block;
  margin: 0 auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.touchpoint-modal-extended-footer {
  padding: 0 15px;
  max-width: 1000px;
  width: 100%;
  margin: 13px auto auto;
}
.touchpoint-modal-extended-footer .touchpoint-recipient-summary {
  margin-bottom: -30px;
}
.touchpoint-modal-extended-footer .touchpoint-recipient-summary.show-share-successPlan {
  margin-bottom: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.touchpoint-dialog .dialog-content::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}
.touchpoint-dialog .dialog-content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #c3c3c3;
}
.touchpoint-modal.ReactModal__Content--after-open {
  width: 600px;
  top: 10%;
}
.touchpoint-modal .invalid-account .account-name.react-select-dropdown-container fieldset {
  border: 1px solid #C0392B;
}
.touchpoint-modal .invalid-description .description .MuiOutlinedInput-notchedOutline {
  border: 1px solid #C0392B !important;
}
.touchpoint-modal .invalid-description .draft-rte-wrapper .extended-touchpoint-content {
  border: 1px solid #C0392B !important;
}
.touchpoint-modal .char-limit-exceed .description .char-limit-message {
  visibility: visible !important;
}
.touchpoint-modal .char-limit-exceed .mce-character-count {
  color: #C0392B;
}
.touchpoint-modal .invalid-successflow .success-flow-selector {
  border: 1px solid #C0392B;
  border-radius: 3px;
}
.touchpoint-dialog {
  z-index: 1069 !important;
}
.touchpoint-dialog .confirmation-dialog-paper {
  min-height: 650px;
}
.touchpoint-dialog .dialog-title {
  margin: auto auto 13px;
  padding-left: 15px;
  width: 100%;
  max-width: 1000px;
}
.touchpoint-dialog .dialog-title h6 .title .header-title {
  display: flex;
  align-items: center;
}
.touchpoint-dialog .dialog-title h6 .title .header-title .title-text {
  font-size: 20px;
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.touchpoint-dialog .touchpoint-modal-extended-content {
  width: 750px;
}
.touchpoint-dialog .touchpoint-modal-extended-content .switch-info-text {
  margin-left: 5px;
}
.touchpoint-dialog.full-screen .confirmation-dialog-paper {
  min-width: 890px;
}
.touchpoint-dialog.full-screen .confirmation-dialog-paper .DraftEditor-root {
  min-height: 30vh;
}
.touchpoint-dialog.full-screen .touchpoint-modal-extended-content {
  width: unset;
}
.touchpoint-dialog .draft-info-tooltip {
  color: #757575;
  margin-right: 12px;
}
.touchpoint-dialog .draft-info-tooltip .react--info-icon {
  margin-left: 6px;
  font-size: 1rem;
}
.touchpoint-modal-extended-content {
  max-width: 1000px;
  margin: 0px auto 0px auto;
  padding-left: 15px;
  padding-right: 15px;
}
.touchpoint-modal-extended-content .touchpoint-title {
  font-size: 20px;
  color: #282828;
  margin-bottom: 38px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.touchpoint-modal-extended-content.invalid-description .extended-touchpoint-content.invalid .draft-rte-wrapper {
  border-color: #C0392B;
}
.touchpoint-modal-extended-content .draft-rte-wrapper .public-DraftEditor-content {
  height: 130px;
}
.touchpoint-modal-extended-content.invalid-types .touchpoint-reason-select.invalid fieldset {
  border: 1px solid #C0392B;
}
.touchpoint-modal-extended-content .description .char-limit-message {
  visibility: hidden;
  height: 20px;
  float: right;
  color: #C0392B;
}
.touchpoint-modal-extended-content .touchpoint-subject {
  width: 100%;
}
.touchpoint-modal-extended-content .touchpoint-options {
  display: flex;
  align-items: center;
}
.touchpoint-modal-extended-content .touchpoint-options .touchpoint-type {
  width: 250px;
}
.touchpoint-modal-extended-content .touchpoint-options .touchpoint-type .touchpoint-type-custom-element {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.touchpoint-modal-extended-content .touchpoint-options .touchpoint-type .touchpoint-type-custom-element .touchpoint-type-label {
  margin-left: 8px;
}
.touchpoint-modal-extended-content .touchpoint-options .touchpoint-type .touchpoint-type-custom-element i {
  font-size: 15px;
}
.touchpoint-modal-extended-content .touchpoint-options .touchpoint-type .touchpoint-type-custom-element .type-icon-image {
  display: flex;
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.touchpoint-modal-extended-content .touchpoint-options .touchpoint-type .touchpoint-type-custom-element .type-icon-image img {
  width: 100%;
  height: 100%;
}
.touchpoint-modal-extended-content .touchpoint-options .touchpoint-date {
  padding-left: 20px;
}
.touchpoint-modal-extended-content .touchpoint-options .customer-visibility {
  padding-left: 25px;
  font-size: 12px;
  margin-top: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.touchpoint-modal-extended-content .touchpoint-options .customer-visibility .visibility-content-switch-text {
  padding-left: 12px;
  vertical-align: super;
}
.touchpoint-modal-extended-content .touchpoint-options .customer-visibility .visibility-content-switch-text .visibility-text {
  padding-right: 5px;
}
.touchpoint-modal-extended-content .touchpoint-options .customer-visibility .visibility-content-switch-text .customer-visibility-description-bold {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.touchpoint-modal-extended-content > div:not(:last-child) {
  margin-bottom: 16px;
}
.touchpoint-modal-extended-content > div.account-name {
  width: 430px;
}
.touchpoint-modal-extended-content > div.account-name .MuiInputBase-root {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  color: #6d6d6d;
  width: 100%;
}
.touchpoint-modal-extended-content .date-picker {
  width: 160px;
}
.touchpoint-modal-extended-content .date-picker .MuiInputBase-input {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  color: #6d6d6d;
  height: 42px;
}
.touchpoint-modal-extended-content .react-select-dropdown--is-disabled .react-select-dropdown__control {
  background-color: #e6e5e578;
}
.touchpoint-modal-extended-content .react-select-dropdown-container .react-select-dropdown__control {
  min-height: 39px;
}
.touchpoint-modal-extended-content .MuiTextField-root {
  display: block;
}
.touchpoint-modal-extended-content .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.touchpoint-modal-extended-content .MuiOutlinedInput-root:not(:hover) .MuiOutlinedInput-notchedOutline {
  border-color: #dddddd;
}
.touchpoint-modal-extended-content .MuiInputBase-input .MuiOutlinedInput-input {
  border: none;
}
.touchpoint-modal-extended-content .react-select-dropdown__input input:disabled {
  color: #757575;
}
.touchpoint-modal-extended-content .assets-trigger .add-assets .add-assets__button {
  margin: 0;
}
.touchpoint-modal-content > div:not(:last-child) {
  margin-bottom: 15px;
}
.touchpoint-modal-content > div.account-name .MuiInputBase-root {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  color: #6d6d6d;
  width: 100%;
}
.touchpoint-modal-content .date-picker {
  width: 160px;
}
.touchpoint-modal-content .date-picker .MuiInputBase-input {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  color: #6d6d6d;
  height: 42px;
}
.touchpoint-modal-content .react-select-dropdown--is-disabled .react-select-dropdown__control {
  background-color: #e6e5e578;
}
.touchpoint-modal-content .react-select-dropdown-container .react-select-dropdown__control {
  min-height: 39px;
}
.touchpoint-modal-content .MuiTextField-root {
  display: block;
}
.touchpoint-modal-content .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.touchpoint-modal-content .MuiOutlinedInput-root:not(:hover) .MuiOutlinedInput-notchedOutline {
  border-color: #dddddd;
}
.touchpoint-modal-content .MuiInputBase-input .MuiOutlinedInput-input {
  border: none;
}
.touchpoint-modal-content .react-select-dropdown__input input:disabled {
  color: #757575;
}
.touchpoint-modal-content .assets-trigger {
  margin-top: 5px;
  width: 100%;
}
.touchpoint-modal-content .assets-trigger .add-assets {
  margin-bottom: 10px;
  margin-right: 10px;
}
.touchpoint-modal-content .assets-trigger .add-assets .add-assets__button {
  margin: 0;
}
.touchpoint-modal-content .assets-trigger .add-assets .assets-list__title {
  margin-top: 10px;
}
.touchpoint-modal-content .description .char-limit-message {
  visibility: hidden;
  height: 20px;
  float: right;
  color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.touchpoint-overview-modal {
  z-index: 1068 !important;
}
.touchpoint-overview-modal .account-link {
  font-size: 16px;
  text-decoration: underline;
  margin-bottom: 16px;
}
.touchpoint-overview-modal .tp-modal-header {
  display: flex;
  justify-content: space-between;
}
.touchpoint-overview-modal .tp-modal-header .paging {
  margin-right: 8px;
}
.touchpoint-overview-modal .timeline-touchpoint-event {
  border: 1px #d8d8d8 solid;
  border-radius: 4px;
  padding: 1px;
}
.touchpoint-overview-modal .timeline-touchpoint-event .timeline-content-event {
  width: 550px;
  min-height: 250px;
}

/*
** --- Totango App (0-4999) ---
*/
/*
** --- Zeo App (5000-9999) ---
*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*General colors palette*/
/*team*/
/* mark as done */
/*health*/
/*tasks*/
/*o16n*/
/*segment chart*/
/*online/offline*/
/*positive/negative*/
/* retention */
/* task and touchpoint */
/*General elements*/
/*totango blue*/
/* Activity types */
/*Flat palette*/
/*social colors*/
/* provisioning */
/* product logo */
/*Functions*/
/* Mixins */
/* Font Mixins */
/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.label-notification {
  display: flex;
  z-index: 9999;
  position: fixed;
  bottom: 0;
  right: 30px;
  height: 40px;
  width: 470px;
  border-radius: 50px;
  background-color: #1B4E45;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 5px 15px 5px 115px;
  color: white;
  font-size: 13px;
  font-weight: 600;
  line-height: 30px;
  cursor: pointer;
  margin-bottom: 15px;
}
.label-notification .feature-release-icon {
  position: absolute;
  top: -40px;
  left: 15px;
  height: 100px;
  width: 100px;
  clip: rect(0px, 100px, 80px, 0px);
}
.label-notification .text {
  margin-left: 5px;
}
.label-notification .close {
  margin: auto;
  color: white;
}
.hide {
  display: none;
}
.step-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 395px;
  background-color: #FAFAFA;
}
.step-info .title {
  margin-bottom: 28px;
}
.step-info .ribbon {
  position: absolute;
  left: 496px;
  bottom: 45px;
  height: 21px;
  width: 130px;
  padding: 4px 10px 4px 25px;
  background-color: #E2F3EF;
  color: #3FAD90;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  text-transform: uppercase;
}
.step-info .ribbon::after {
  content: '';
  position: absolute;
  top: 0;
  border: 10.5px solid #E2F3EF;
  z-index: 0;
  right: -7px;
  border-right: 7px solid transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.step-info .features-warning-msg {
  display: flex;
}
.step-info .features-warning-msg .warning-color {
  color: #F4C430;
  font-size: 17px;
}
.step-info .features-warning-msg .text {
  margin-left: 12px;
}
.step-info .features-warning-msg .text .red {
  color: red;
}
.step-info.improvedNotifications {
  text-align: center;
}
.step-info.improvedNotifications .top-icon {
  height: 30px;
  width: 30px;
  background: #7cc245;
  border-radius: 100%;
  padding: 4px;
  margin: 20px auto;
}
.step-info .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.step-image .img-container {
  height: 100%;
  width: 455px;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-image .img-container.improvedNotifications .try-spark-step-img.no-background {
  height: 370px;
  width: initial;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.step-image .img-container .try-spark-step-img {
  height: 100%;
}
.step-image .img-container .try-spark-step-img.no-background {
  height: 335px;
}
.switch-container {
  background-color: #FAFAFA;
}
.switch-container .switch-text {
  padding-right: 5px;
}

.Toastify__toast-container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0; }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0; }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1;
        flex: 1; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left; }
  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards; }
  .Toastify__progress-bar--controlled {
    transition: transform .2s; }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }
/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.toast-notification-container .toast-notification {
  min-height: 65px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.toast-notification-container .Toastify__toast--success {
  background: #3FAD90;
}
.toast-notification-container .Toastify__toast--info {
  background: #5DACD2;
}
.toast-notification-container .Toastify__toast.rotateY {
  transform: rotateY(360deg);
  transition: transform 0.6s;
}
.toast-notification-container .toast-close-button {
  display: block;
  top: 0;
  right: 0;
  left: auto;
  height: 20px;
  width: 20px;
  background: transparent;
  text-indent: inherit;
}
.toast-notification-container .toast-close-button:after {
  content: '\D7';
  color: #FFF;
  font-size: 24px;
  font-weight: normal;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.personal-segment-name {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.personal-segment-name .name-icon {
  font-size: 18px;
  margin-right: 13px;
}
.personal-segment-name .text {
  font-size: 16px;
}
.personal-segment-name .text:hover {
  text-decoration: underline;
}
.personal-segment-type-name .fa {
  color: #757575;
  margin-right: 10px;
}
.personal-no-items {
  text-align: center;
  margin-top: 40px;
}
.personal-no-items button {
  display: block;
  margin: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.accounts-dropdown-popover {
  width: 250px;
}
.accounts-dropdown-popover .accounts-dropdown__menu {
  position: relative;
  box-shadow: none;
  margin-top: 0px;
}
.accounts-dropdown-popover .accounts-dropdown__menu .accounts-dropdown__menu-list {
  padding: 0px;
}
.accounts-dropdown-popover .accounts-dropdown__value-container {
  padding: 7px;
}
.accounts-dropdown-popover .accounts-dropdown__control {
  border: none;
  border-bottom: 1px solid #dddddd;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  min-height: 30px;
  line-height: 20px;
}
.accounts-dropdown-popover .accounts-dropdown__control:hover {
  border: none;
  border-bottom: 1px solid #dddddd;
}
.accounts-dropdown-popover .accounts-dropdown__control .accounts-dropdown__indicators {
  display: none;
}
.accounts-dropdown-popover .accounts-dropdown__option--is-focused {
  background-color: transparent;
}
.accounts-dropdown-popover .accounts-dropdown__multi-value__label {
  line-height: 20px;
  padding: 1px 3px 1px 5px;
}
.accounts-dropdown-popover .accounts-dropdown__multi-value__remove:hover {
  background-color: lightgrey;
}
.accounts-dropdown-popover .accounts-dropdown__group {
  padding-top: 0px;
}
.accounts-dropdown-popover .accounts-dropdown__group-heading {
  background-color: rgba(150, 150, 150, 0.1);
}
.accounts-dropdown-popover .group-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accounts-dropdown-popover .option-wrapper {
  width: 100%;
}
.accounts-dropdown-popover .group-badge {
  background-color: #EBECF0;
  border-radius: 15px;
  color: #172B4D;
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 21px;
}
.accounts-dropdown-container {
  margin-right: 20px;
}
.accounts-dropdown-container .accounts-dropdown-view {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.accounts-dropdown-container .accounts-dropdown-view .fa-angle-down {
  margin-left: 10px;
}
.accounts-dropdown-container .accounts-dropdown-view .num-users {
  padding: 4px 5px;
  background-color: #e1e1e1;
  border-radius: 32px;
  font-size: 11px;
  position: relative;
  margin-right: 2px;
  text-align: center;
  top: -1px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.scorecard-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 10px;
}
.scorecard-filters__note {
  color: #282828;
  margin-right: 10px;
  margin-bottom: 5px;
}
.scorecard-filters__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  line-height: 17px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px 8px;
  font-size: 13px;
  color: #282828;
  border-radius: 50px;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  outline: none;
}
.scorecard-filters__button_active {
  background-color: #F5F5F5;
  border-color: #3FAD90;
}
.scorecard-filters__buttonIcon {
  margin-left: 4px;
}
.scorecard-filters__csm {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  line-height: 17px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px 8px;
  font-size: 13px;
  border-radius: 50px;
  cursor: pointer;
  color: #282828;
  border: 1px solid #3FAD90;
}
.scorecard-filters__csm:hover .scorecard-filters__csmIcon {
  color: #C0392B;
}
.scorecard-filters__csmIcon {
  margin-left: 4px;
  font-size: 13px;
}
.scorecards-dropdown-popover {
  width: 300px;
}
.scorecards-dropdown-popover .scorecards-dropdown__menu {
  position: relative;
  box-shadow: none;
  margin-top: 0px;
  top: -2px;
}
.scorecards-dropdown-popover .scorecards-dropdown__menu .scorecards-dropdown__menu-list {
  padding: 0px;
}
.scorecards-dropdown-popover .scorecards-dropdown__menu .search-message {
  padding: 5px 4px 4px 5.5px;
}
.scorecards-dropdown-popover .scorecards-dropdown__value-container {
  padding: 7px;
}
.scorecards-dropdown-popover .scorecards-dropdown__control {
  border: none;
  border-bottom: 1px solid #dddddd;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  min-height: 30px;
  line-height: 20px;
}
.scorecards-dropdown-popover .scorecards-dropdown__control:hover {
  border: none;
  border-bottom: 1px solid #dddddd;
}
.scorecards-dropdown-popover .scorecards-dropdown__control .scorecards-dropdown__indicators {
  display: none;
}
.scorecards-dropdown-popover .scorecards-dropdown__option--is-focused {
  background-color: transparent;
}
.scorecards-dropdown-popover .scorecards-dropdown__group {
  padding-top: 0px;
}
.scorecards-dropdown-popover .scorecards-dropdown__group-heading {
  background-color: rgba(150, 150, 150, 0.1);
}
.scorecards-dropdown-popover .group-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.scorecards-dropdown-popover .option-wrapper {
  width: 100%;
}
.scorecards-dropdown-popover .group-badge {
  background-color: #EBECF0;
  border-radius: 15px;
  color: #172B4D;
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 21px;
}
.scorecards-dropdown-popover .advanced-select .select-text-field {
  top: -1px;
  border-bottom: 1px solid #dddddd;
}
.scorecards-dropdown-container .scorecards-dropdown-view {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
}
.scorecards-dropdown-container .scorecards-dropdown-view .fa-angle-down {
  margin-left: 10px;
}
.scorecards-dropdown-container .scorecards-dropdown-view .num-users {
  padding: 4px 5px;
  background-color: #e1e1e1;
  border-radius: 32px;
  font-size: 11px;
  position: relative;
  margin-right: 2px;
  text-align: center;
  top: -1px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.advanced-material-table table thead th {
  border-left: none;
}
.advanced-material-table .MuiPaper-root {
  box-shadow: none;
  background: transparent;
}
.advanced-material-table .MuiPaper-root .MuiToolbar-gutters {
  background: transparent;
}
.advanced-material-table .MuiToolbar-root .MuiTextField-root {
  background: transparent;
}
.advanced-material-table .MuiToolbar-root .MuiTextField-root .MuiInputAdornment-root .material-icons {
  width: 24px;
  padding-left: 10px;
}
.advanced-material-table .MuiToolbar-root .MuiTextField-root .MuiInput-underline:before,
.advanced-material-table .MuiToolbar-root .MuiTextField-root .MuiInput-underline:after {
  border-bottom: none;
}
.advanced-material-table table thead .MuiTableCell-head {
  border-top: none;
  padding-bottom: 8px;
}
.advanced-material-table table thead .MuiTableCell-head span {
  color: #757575;
  font-size: 13px;
}
.advanced-material-table table thead .MuiTableCell-head span.MuiTableSortLabel-icon {
  font-size: 15px;
  display: flex;
  align-items: center;
}
.advanced-material-table table thead th:last-child {
  border-right: none;
}
.advanced-material-table table .MuiTablePagination-selectRoot {
  display: flex;
  align-items: center;
}
.advanced-material-table table .MuiTablePagination-selectRoot .MuiTablePagination-select {
  padding-right: 20px;
}
.advanced-material-table table .MuiTablePagination-selectRoot .MuiTablePagination-selectIcon {
  top: 50%;
  transform: translateY(-50%);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.folder-selector {
  width: 600px;
}
.folder-selector .item-title {
  display: flex;
}
.folder-selector .item-title .item-icon {
  margin-right: 12px;
  height: 20px;
  font-size: 14px;
  color: #282828;
}
.folder-selector .item-title .item-icon.fa {
  display: flex;
  align-items: center;
}
.folder-selector .item-title .item-icon.fa.tp-icon {
  background-image: url('/img/assets/tp-icon.svg');
  align-self: center;
  background-repeat: no-repeat;
  background-size: 13px;
  width: 13px;
  height: 13px;
}
.folder-selector .item-title,
.folder-selector .created-by,
.folder-selector .name-cell {
  color: #282828;
}
.folder-selector .item-title.is-disabled,
.folder-selector .created-by.is-disabled,
.folder-selector .name-cell.is-disabled {
  color: #757575;
}
.folder-selector .item-title.is-disabled .item-icon,
.folder-selector .created-by.is-disabled .item-icon,
.folder-selector .name-cell.is-disabled .item-icon {
  color: #757575;
}
.folder-selector .advanced-material-table .column-title {
  color: #757575;
}
.folder-selector .advanced-material-table tr .disabled-icon {
  margin-right: 16px;
  color: #757575;
}
.folder-selector .advanced-material-table tr .open-folder-icon {
  visibility: hidden;
  font-size: 20px;
  color: #757575;
}
.folder-selector .advanced-material-table tr:hover .open-folder-icon {
  visibility: visible;
}
.folder-selector .folder-breadcrumbs {
  display: flex;
  align-items: center;
  background: #EEEEEE;
  height: 44px;
  padding: 16px;
}
.folder-selector .folder-breadcrumbs .breadcrumb-step {
  display: flex;
  align-items: center;
}
.folder-selector .folder-breadcrumbs .breadcrumb-step .step-name {
  color: #282828;
}
.folder-selector .folder-breadcrumbs .breadcrumb-step:not(:last-of-type) .step-name {
  cursor: pointer;
}
.folder-selector .folder-breadcrumbs .folder-icon {
  font-size: 12px;
  color: #757575;
  margin-right: 16px;
}
.folder-selector .folder-breadcrumbs .step-icon {
  font-size: 16px;
  color: #757575;
  margin: 0 16px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.folder-selector-dropdown {
  width: 600px;
}
.folder-selector-dropdown .react-select-dropdown__menu {
  max-height: 400px;
  overflow-y: auto;
  margin-bottom: 10px !important;
}
.folder-selector-dropdown .custom-option {
  border-bottom: 1px solid #d8d8d8;
}
.folder-selector-dropdown .custom-option .option-wrapper {
  padding-left: 16px;
  cursor: pointer;
  color: #5dacd2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.health-pie .circle-loader-wrapper {
  background: linear-gradient(to right, #EEEEEE 8%, #dddddd 18%, #EEEEEE 33%);
  margin: auto;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  padding: 10px;
}
.health-pie .circle-loader-wrapper .circle-loader {
  border-radius: 50%;
  width: 55px;
  height: 55px;
  background-color: white;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.react-loading-placeholder {
  width: 100%;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: linear-gradient(to right, #EEEEEE 8%, #dddddd 18%, #EEEEEE 33%);
  background-size: 800px 104px;
  position: relative;
}
.react-loading-placeholder .background-masker {
  position: absolute;
  box-sizing: border-box;
  height: 100%;
  background: #fff;
}
.react-loading-placeholder .background-masker.header-top {
  top: 0;
  left: 0;
  right: 0;
  height: 35%;
}
.react-loading-placeholder .background-masker.header-bottom {
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
}
.react-loading-placeholder .background-masker.header-right {
  top: 0;
  right: 0;
  width: 5%;
}
.react-loading-placeholder .background-masker.header-left {
  top: 0;
  left: 0;
  width: 5%;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.health-lines {
  font-size: 12px;
}
.health-lines .health-line.light {
  opacity: 0.5;
}
.health-lines .health-line .total-hits {
  padding-left: 2px;
  height: 17px;
}
.health-lines .health-line .contract-value {
  border-left: 5px solid;
  padding-left: 6px;
  margin: 2px 4px;
  height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.health-lines .health-line td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.health-lines:not(.no-accounts) .contract-value.green {
  border-color: #26b27f;
}
.health-lines:not(.no-accounts) .contract-value.yellow {
  border-color: #f7c900;
}
.health-lines:not(.no-accounts) .contract-value.red {
  border-color: #c23824;
}

.health-breakdown {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.health-breakdown .breakdown-section {
  flex: 1;
  margin: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-preview {
  margin: 0 15px;
}
.segment-preview .segment-overview-header {
  margin-bottom: 24px;
}
.segment-preview .segment-overview-header .edit-segment-btn {
  padding-left: 10px;
  font-size: 12px;
}
.segment-preview .segment-overview-header .team-microcopy {
  padding: 4px 2px;
}
.segment-preview .segment-overview-header .fa-users {
  margin-right: 8px;
}
.segment-preview .segment-overview-name-terms {
  margin-top: 24px;
}
.segment-preview .segment-overview-name-terms h4 {
  margin-bottom: 24px;
}
.segment-preview .segment-overview-name-terms .applied-filters-title {
  margin-bottom: 6px;
  font-size: 14px;
}
.segment-preview .segment-overview-name-terms .applied-filters-title .edit-segment-btn {
  padding-left: 10px;
  font-size: 12px;
}
.segment-preview .segment-overview-body .total-segment-title {
  color: #282828;
  font-size: 15px;
  margin: 25px 0 10px;
}
.segment-preview .segment-overview-body .parents-accounts-agg .parents-accounts-agg-total .total-parents {
  font-size: 20px;
  padding-right: 2px;
}
.segment-preview .segment-overview-body .parents-accounts-agg .parents-accounts-agg-total .total-parents-label {
  text-transform: uppercase;
  color: #757575;
  font-size: 14px;
}
.segment-preview .segment-overview-body .divider {
  margin: 20px 0 10px 0;
  border-top: 1px solid #eaeaea;
  width: 100%;
}
.segment-preview .segment-overview-body .selected-segment-header {
  margin-bottom: 10px;
}
.segment-preview .segment-overview-body .total-segment-count {
  font-size: 20px;
  margin-right: 5px;
}
.segment-preview .segment-overview-body .total-segment-count-label {
  text-transform: uppercase;
  color: #757575;
  font-size: 14px;
}
.segment-preview .segment-overview-body .total-segment-value {
  font-size: 14px;
  margin-bottom: 15px;
}
.segment-preview .segment-overview-body .total-segment-value .associated-accounts-agg {
  border-right: 2px solid #d8d8d8;
  padding-right: 10px;
  margin-right: 10px;
}
.segment-preview .segment-overview-body .total-segment-value .associated-accounts-agg .number {
  margin-right: 5px;
}
.segment-preview .segment-overview-body .percentage-clarification {
  color: #757575;
}
.segment-preview .segment-overview-body .account-percentage {
  background-color: #F5F5F5;
  height: 10px;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.segment-preview .no-matching-results-text {
  color: #757575;
}
.segment-preview .overview-error-text {
  color: #c23824;
}
.segment-preview.team-preview {
  margin-top: 0;
}
.segment-preview.team-preview .segment-overview-header {
  margin-bottom: 10px;
}
.segment-preview.team-preview .description {
  color: #757575;
  margin: 25px 0 5px;
}
.segment-preview.team-preview .total-segment-value span:first-child .number {
  font-size: 20px;
}
.segment-preview.team-preview .total-segment-value span:first-child .text-label {
  color: #757575;
  font-size: 14px;
  padding: 0;
  text-transform: uppercase;
}
.segment-preview.team-preview .total-segment-value .separator {
  display: none;
}
.segment-preview.team-preview .total-segment-value .contract-value {
  display: block;
}
.segment-filters-title {
  font-size: 15px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.criteria-segments {
  display: flex;
  flex-direction: column;
  border: 1px solid transparent;
  background-color: #F5F5F5;
}
.criteria-segments.error {
  border-color: #C0392B;
}
.criteria-segments__header {
  display: flex;
  padding: 0 15px;
  background-color: #F5F5F5;
}
.criteria-segments__headerItem {
  color: #757575;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 36px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.criteria-segments__headerItem:nth-child(1) {
  width: 40%;
}
.criteria-segments__headerItem:nth-child(2) {
  width: 35%;
}
.criteria-segments__headerItem:nth-child(3) {
  width: 25%;
}
.criteria-segments__list {
  display: flex;
  flex-direction: column;
  height: 240px;
  overflow-y: scroll;
}
.criteria-segments__noData,
.criteria-segments__noResults {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #757575;
}
.criteria-segments .criteria-segment {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  min-height: 60px;
  border-top: 1px solid #E5E7E8;
  cursor: pointer;
}
.criteria-segments .criteria-segment:hover {
  background-color: #F8F8F8;
}
.criteria-segments .criteria-segment.selected {
  background-color: #F8F8F8;
  border: 2px solid #40AC90;
}
.criteria-segments .criteria-segment__item {
  display: flex;
  align-items: center;
}
.criteria-segments .criteria-segment__item:nth-child(1) {
  width: 40%;
}
.criteria-segments .criteria-segment__item:nth-child(2) {
  width: 35%;
  padding-left: 10px;
}
.criteria-segments .criteria-segment__item:nth-child(3) {
  width: 25%;
  padding-left: 10px;
}
.criteria-segments .criteria-segment__name {
  flex-direction: column;
  align-items: flex-start;
}
.criteria-segments .criteria-segment__description {
  max-width: 225px;
  color: #757575;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.criteria-segments .criteria-folder {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  min-height: 60px;
  border-top: 1px solid #E5E7E8;
  cursor: pointer;
}
.criteria-segments .criteria-folder:hover {
  background-color: #F8F8F8;
}
.criteria-segments .criteria-folder__item {
  display: flex;
  align-items: center;
}
.criteria-segments .criteria-folder__item:nth-child(1) {
  width: 40%;
}
.criteria-segments .criteria-folder__item:nth-child(2) {
  width: 35%;
  padding-left: 10px;
}
.criteria-segments .criteria-folder__item:nth-child(3) {
  width: 25%;
  padding-left: 10px;
}
.criteria-segments .criteria-folder__item .fa-folder {
  font-size: 18px;
  color: #757575;
}
.criteria-segments .criteria-folder__name {
  margin-left: 10px;
}

/*
** --- Totango App (0-4999) ---
*/
/*
** --- Zeo App (5000-9999) ---
*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*General colors palette*/
/*team*/
/* mark as done */
/*health*/
/*tasks*/
/*o16n*/
/*segment chart*/
/*online/offline*/
/*positive/negative*/
/* retention */
/* task and touchpoint */
/*General elements*/
/*totango blue*/
/* Activity types */
/*Flat palette*/
/*social colors*/
/* provisioning */
/* product logo */
/*Functions*/
/* Mixins */
/* Font Mixins */
/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.self-service-dialog {
  border-radius: 10px;
}
.self-service-dialog .tour-body {
  min-height: 550px;
  width: 680px;
  display: flex;
  flex-direction: column;
  background-color: #1A3F38;
}
.self-service-dialog .tour-body .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: white;
}
.self-service-dialog .tour-body .title {
  margin-top: 50px;
  color: white;
  text-align: center;
  font-size: 27px;
}
.self-service-dialog .tour-body .sub-title {
  color: white;
  text-align: center;
  font-size: 17px;
  margin-bottom: 20px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.self-service-dialog .tour-body .stepper-and-content .navigation-arrow {
  color: white;
  padding: 0;
}
.self-service-dialog .tour-body .stepper-and-content .navigation-arrow i {
  font-size: 60px;
  color: #fff;
}
.self-service-dialog .tour-body .stepper-and-content .navigation-arrow:disabled {
  opacity: 20%;
}
.self-service-dialog .tour-body .stepper-and-content .slider-images .image-container {
  display: flex;
  justify-content: center;
}
.self-service-dialog .tour-body .stepper-and-content .slider-images .image-container .video {
  object-fit: cover;
}
.self-service-dialog .tour-body .stepper-and-content .stepper {
  width: 370px;
}
.self-service-dialog .tour-body .get-started {
  margin-top: auto;
  background-color: white;
  height: 80px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.self-service-dialog .tour-body .get-started .text {
  font-size: 16px;
  color: #2a574e;
}
.self-service-dialog .tour-body .get-started .video-link-container {
  display: flex;
  justify-content: center;
}
.self-service-dialog .tour-body .get-started .video-link-container .get-started-btn {
  font-size: 15px;
  background-color: #73C05C;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.self-service-dialog .admin-tour-body {
  width: 850px;
  height: 400px;
  overflow: hidden;
}
.self-service-dialog .admin-tour-body .tour-image {
  transform: scale(1.01);
  width: 485px;
}
.self-service-dialog .admin-tour-body .tour-image-container {
  float: left;
}
.self-service-dialog .admin-tour-body .tour-content-container {
  float: right;
  width: 42%;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-button {
  margin-top: 10px;
  color: #3fad90;
  cursor: pointer;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-button.greyed {
  color: #B5B8BC;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper {
  height: 338px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .x-btn {
  color: #939598;
  position: absolute;
  right: 15.5px;
  top: 15.5px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .x-btn.close {
  font-size: 18px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .bullet {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 100%;
  padding-top: 9px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .bullet.style-1 {
  background-color: #7CC245;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .bullet.style-2 {
  background-color: #2FA07C;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .bullet.style-3 {
  background-color: #1B4E43;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .get-started {
  font-size: 14px;
  color: #282828;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .get-started .header {
  color: #282828;
  text-align: center;
  margin-top: 62px;
  margin-bottom: 38px;
  font-size: 18px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .get-started .content {
  padding-left: 34px;
  margin-bottom: 47px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .get-started .content .field-content {
  margin-left: 10px;
  display: inline-block;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .get-started .content .content-row {
  margin-bottom: 20px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step {
  text-align: center;
  color: #282828;
  margin-top: 45px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step .header {
  margin-top: 25px;
  font-size: 24px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step .content {
  font-size: 16px;
  width: 320px;
  margin: auto;
  margin-top: 30px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step .text {
  font-size: 14px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step .text-container {
  padding: 0px 10px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step .ready-btn {
  width: 88%;
  margin-top: 50px;
  text-transform: none;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step .tour-cta-btn {
  text-transform: none;
  font-size: 14px;
  height: 35px;
  border: 1.3px solid;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step .mt1 {
  margin-top: 15px;
}
.self-service-dialog .admin-tour-body .tour-content-container .step-content-wrapper .choose-step .mt2 {
  margin-top: 30px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.carousel-wrapper .carousel-content {
  display: flex;
}
.carousel-wrapper .carousel-content .carousel-img {
  width: 100%;
}
.carousel-wrapper .carousel-content.center {
  justify-content: center;
}
.carousel-wrapper .carousel-content .carousel-navigate-btn {
  height: 420px;
  position: relative;
}
.carousel-wrapper .carousel-content .carousel-navigate-btn.left {
  left: 6px;
}
.carousel-wrapper .carousel-content .carousel-navigate-btn.right {
  right: 6px;
}
.carousel-wrapper .stepper {
  margin: 25px auto;
  background-color: transparent;
  justify-content: center;
}
.carousel-wrapper .stepper .MuiMobileStepper-dot {
  width: 14px;
  height: 14px;
  margin: 0 7px;
}
.carousel-wrapper .pagination {
  text-align: center;
}
.carousel-wrapper .pagination-dot {
  width: 8px;
  height: 8px;
  background-color: #E7E7E7;
  border-radius: 100%;
  display: inline-block;
  margin: 0px 2px;
}
.carousel-wrapper .pagination-dot.selected {
  background-color: #3fad90;
}
.carousel-wrapper .pagination-dot:hover {
  cursor: pointer;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.pagination-wrapper .pagination {
  text-align: center;
}
.pagination-wrapper .pagination-dot {
  width: 8px;
  height: 8px;
  background-color: #E7E7E7;
  border-radius: 100%;
  display: inline-block;
  margin: 0px 2px;
}
.pagination-wrapper .pagination-dot.selected {
  background-color: #3fad90;
}
.pagination-wrapper .pagination-dot.greyed {
  color: #B5B8BC;
}
.pagination-wrapper .pagination-dot:hover {
  cursor: pointer;
}

.service-update .wrapper {
  padding: 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.sb-menu-container .sb-menu {
  position: relative;
  margin-left: 6px;
  margin-right: 10px;
}
.sb-menu-container .sb-menu .popover-trigger-wrapper {
  padding: 3px 10px;
  border: 1px solid #EEEEEE;
  border-radius: 50%;
  cursor: pointer;
}
.sb-menu-container .sb-menu .disabled-delete-sb {
  cursor: not-allowed;
}
.sb-menu-container .sb-menu .disabled-delete-sb .fa {
  color: #c3c3c3;
}
.sb-menu-container .sb-menu .disabled-delete-sb .action-dropdown-text-item {
  color: #c3c3c3;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.action-item__name {
  margin-right: 5px;
}
.action-item .fa.fa-info-circle {
  color: #cacaca;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.job-preferences-step > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
}
.job-preferences-step > div .input-label {
  min-width: 200px;
}
.job-preferences-step > div .input-container {
  min-width: 350px;
}
.job-preferences-step > div .switch-btn-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.job-preferences-step > div .switch-btn-container .switch-label {
  min-width: 200px;
  margin: 2px 0 0 0;
}

.panel .inner-step-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 20px 0;
}
.panel .section-title {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 20px;
  padding: 10px 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.day-option-wrapper {
  display: inline-block;
  border-radius: 14px;
  width: 22px;
  height: 22px;
  font-size: 10px;
  line-height: 21px;
  text-align: center;
  border-color: #3FAD90;
  border-style: solid;
  border-width: 1px;
  color: #3FAD90;
  margin-right: 7px;
  cursor: pointer;
}
.day-option-wrapper:focus {
  outline: none;
}
.day-option-wrapper:last-child {
  margin-right: 0px;
}
.day-option-wrapper.selected {
  background-color: #3FAD90;
  color: #fff;
}
.day-option-wrapper.large {
  width: 36px;
  height: 36px;
  border-radius: 18px;
}
.day-option-wrapper.large > .day-label {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.week-days-selector-container {
  display: flex;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.success-play-schedule-definition {
  display: flex;
  flex-direction: column;
}
.success-play-schedule-definition .schedule-type {
  display: flex;
  align-items: center;
  width: 250px;
  margin-bottom: 24px;
}
.success-play-schedule-definition .schedule-type .advanced-select {
  width: 100%;
  margin-right: 12px;
}
.success-play-schedule-definition .schedule-type .info-icon {
  font-size: 16px;
}
.success-play-schedule-definition .recurring-section {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.success-play-schedule-definition .recurring-section > *:not(:last-child) {
  margin-right: 12px;
}
.success-play-schedule-definition .recurring-section .recurring-repeat-count {
  width: 70px;
}
.success-play-schedule-definition .recurring-section .advanced-select {
  width: 100px;
}
.success-play-schedule-definition .recurring-section .user-time-zone {
  color: #757575;
}
.success-play-schedule-definition .schedule-start-section,
.success-play-schedule-definition .schedule-end-section {
  display: flex;
}
.success-play-schedule-definition .schedule-start-section .schedule-time-label,
.success-play-schedule-definition .schedule-end-section .schedule-time-label {
  min-width: 80px;
  margin-top: 10px;
}
.success-play-schedule-definition .schedule-start-section .schedule-start-time,
.success-play-schedule-definition .schedule-end-section .schedule-start-time,
.success-play-schedule-definition .schedule-start-section .schedule-end-time,
.success-play-schedule-definition .schedule-end-section .schedule-end-time {
  width: 130px;
}
.success-play-schedule-definition .schedule-start-section .date-picker,
.success-play-schedule-definition .schedule-end-section .date-picker {
  display: flex;
  align-self: flex-end;
}
.success-play-schedule-definition .schedule-start-section .end-section,
.success-play-schedule-definition .schedule-end-section .end-section {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.success-play-schedule-definition .schedule-start-section .after-field,
.success-play-schedule-definition .schedule-end-section .after-field {
  display: flex;
  align-items: center;
  padding-top: 6px;
}
.success-play-schedule-definition .schedule-start-section .after-field .occurrences-count,
.success-play-schedule-definition .schedule-end-section .after-field .occurrences-count {
  width: 70px;
  margin-right: 4px;
}
.success-play-schedule-definition .schedule-start-section .after-field .occurrences-label,
.success-play-schedule-definition .schedule-end-section .after-field .occurrences-label {
  color: #757575;
  user-select: none;
}
.success-play-schedule-definition .schedule-start-section {
  margin-bottom: 24px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-play-summary .summary-header {
  margin: 0 auto;
  padding: 15px 20px 7px;
  border: 1px solid #dddddd;
}
.success-play-summary .summary-header .header {
  border: none;
  padding: 0 0 5px;
  height: auto;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-play-summary .summary-header .title-holder .name {
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  margin-right: 7px;
}
.success-play-summary .summary-header .title-holder .success-flow-icon-label {
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
}
.success-play-summary .summary-header .description-holder {
  color: #757575;
  font-size: 13px;
}
.success-play-summary .triggers-list {
  margin: 0 auto;
  max-width: 100%;
  padding: 15px 20px 7px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.success-play-summary .triggers-list .trigger-summary {
  color: #282828;
  font-size: 13px;
  padding-bottom: 10px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-play-summary .triggers-list .trigger-summary .title-holder .title {
  max-width: calc(100% - 60px);
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: middle;
  white-space: normal;
}
.success-play-summary .triggers-list .trigger-summary .title-holder .title .ellipsis-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.success-play-summary .triggers-list .trigger-summary .title-holder .title .form-name.has-title {
  color: #757575;
}
.success-play-summary .triggers-list .trigger-summary .title-holder .title .form-name .btn-preview-form {
  color: #A4A4A4;
  margin: 0 10px;
}
.success-play-summary .triggers-list .trigger-summary .title-holder .title .form-name .btn-preview-form:hover {
  cursor: pointer;
}
.success-play-summary .triggers-list .trigger-summary .title-holder:hover {
  cursor: auto;
}
.success-play-summary .triggers-list .trigger-summary .assignee-holder .assignee {
  display: flex;
  overflow-x: auto;
  align-items: center;
}
.success-play-summary .triggers-list .trigger-summary .assignee-holder .assignee .pool-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.success-play-summary .triggers-list .trigger-summary .assignee-holder .assignee .user-info {
  overflow-x: auto;
}
.success-play-summary .triggers-list .trigger-summary .assignee-holder .assignee .user-info .user-name {
  display: block;
  line-height: 1;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.success-play-summary .triggers-list .trigger-summary .trigger-icon.task-icon {
  margin: 0 7px 0 0;
  vertical-align: middle;
  font-size: 15px;
  color: #5DACD2;
  line-height: 15px;
  padding-left: 20px;
  min-width: auto;
}
.success-play-summary .triggers-list .trigger-summary .trigger-icon.icon-form-task {
  color: #EE416A;
  font-size: 13px;
  vertical-align: top;
  display: inline-block;
  margin: 4px 7px 0 0;
  padding-left: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.success-play-task-breakdown .task-progress {
  height: 12px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #F0F0F0;
}
.success-play-task-breakdown .task-progress .done {
  background-color: #40AD90;
}
.success-play-task-breakdown .task-progress .overdue {
  background-color: #E9A39B;
}
.success-play-task-breakdown .tasks-details {
  display: flex;
  justify-content: space-around;
  padding-bottom: 5px;
  margin-top: 5px;
}
.success-play-task-breakdown .tasks-details .fa {
  margin-right: 3px;
}
.success-play-task-breakdown .tasks-details .done .fa {
  color: #40AD90;
}
.success-play-task-breakdown .tasks-details .overdue .fa {
  color: #E9A39B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.reassignment-delete-modal {
  width: 550px;
  left: 50%;
  transform: translateX(-50%);
}
.reassignment-delete-modal .spacing {
  margin-top: 14px;
  margin-bottom: 14px;
}
.plus-button-absolute-wrapper {
  position: absolute;
  right: 0;
  top: -32px;
  z-index: 1001;
  width: 65px;
  margin-right: 15px;
  cursor: pointer;
}
.plus-button-absolute-wrapper .circle-plus-button {
  margin: auto;
}
.success-team-roles {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  margin: 35px auto auto;
}
.success-team-roles .roles-view table {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}
.success-team-roles .roles-view table thead {
  text-transform: uppercase;
}
.success-team-roles .roles-view table thead tr:last-child {
  border-bottom: 1px solid #EFEFEF;
}
.success-team-roles .roles-view table thead tr th {
  color: #757575;
  font-size: 12px;
}
.success-team-roles .roles-view table tr {
  border: none;
  border-bottom: 1px solid #EFEFEF;
}
.success-team-roles .roles-view table tr:last-child {
  border-bottom: none;
}
.success-team-roles .roles-view table tr th {
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-team-roles .roles-view table tr th:first-child {
  padding-left: 12px;
  padding-right: 22px;
  width: 1%;
  white-space: nowrap;
  min-width: 150px;
}
.success-team-roles .roles-view table tr td {
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-team-roles .roles-view table tr td:first-child {
  padding-left: 12px;
  padding-right: 15px;
  width: 1%;
  white-space: nowrap;
  min-width: 200px;
}
.success-team-roles .roles-view table tr td .role-name {
  font-size: 14px;
  line-height: 16px;
}
.success-team-roles .roles-view table tr td .role-desc {
  font-size: 12px;
  color: #757575;
  line-height: 16px;
}
.success-team-roles .roles-view table tr td .role-type {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  text-transform: uppercase;
  color: #757575;
  font-size: 10px;
  padding: 4px;
  line-height: 15px;
  letter-spacing: 1px;
}
.success-team-roles .roles-view table tr td .actions-dropdown-list {
  width: 40px;
  margin-right: 0;
  margin-left: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.create-team-role-modal {
  position: absolute;
  top: 20%;
  left: calc(50% - 600px/2);
  background: #fff;
  overflow: auto;
  padding: 0px;
  width: 600px;
}
.create-team-role-modal .modal-content .field {
  display: flex;
  margin-bottom: 12px;
}
.create-team-role-modal .modal-content .field label {
  width: 150px;
  margin-right: 15px;
  margin-bottom: 0px;
  line-height: 35px;
}
.create-team-role-modal .modal-content .field .form-control {
  height: 35px;
  border: 1px solid #ccc;
}
.create-team-role-modal .modal-content .validate .field .form-control {
  border-color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-confirmation-modal.create-team-type-modal {
  max-width: 500px;
  left: calc(50% - 250px);
}
.react-confirmation-modal.create-team-type-modal .invalid {
  border-color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.types-list {
  margin-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
}
.types-list .react-search-input {
  float: right;
  width: 200px;
  margin-right: 50px;
}
.types-list .actions-dropdown-list {
  width: 40px;
  margin-right: 0;
  margin-left: auto;
}
.types-list table {
  background-color: #fff;
  border: 1px solid #e6e7e8;
  font-size: 14px;
}
.types-list table thead th {
  border-color: #e6e7e8;
  color: #757575;
  border-left: none;
  padding: 10px 0 10px 20px;
  font-weight: normal;
}
.types-list table tbody tr {
  border-bottom: 1px solid #e6e7e8;
}
.types-list table tbody tr td {
  padding: 8px 15px;
}

.edit-team-type-modal {
  width: 500px;
  left: calc(50% - 250px);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.survey-user-profile-summary {
  display: flex;
}
.survey-user-profile-summary .nps-score {
  margin-right: 5px;
}
.survey-user-profile-summary .survey-comment-icon {
  margin-left: 5px;
}
.survey-user-profile-summary .csat-rating {
  margin-right: 4px;
}
.survey-user-profile-summary .csat-rating > img:first-child {
  margin-left: 0;
}
div.survey-comment-popover {
  padding: 10px;
  font-size: 13px;
  max-width: 450px;
}
div.survey-comment-popover .comment-title {
  color: #979797;
}
div.survey-comment-popover .comment-text {
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.survey-response-summary {
  text-align: center;
}
.survey-response-summary .popover-trigger-wrapper + .stats-item-description,
.survey-response-summary .popover-trigger-wrapper + div + .stats-item-description {
  margin-top: -15px;
}
.survey-response-summary .stats-item-title {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.survey-response-summary .recharts-wrapper {
  margin: auto;
}
.survey-response-summary .recharts-wrapper .recharts-curve.recharts-pie-label-line {
  display: none;
}
.survey-response-summary .recharts-wrapper .chart-range {
  display: none;
}
.survey-response-summary .recharts-wrapper:hover .chart-range {
  display: block;
}
.survey-response-summary .stats-item-description {
  margin-top: -8px;
  color: #979797;
  font-size: 11px;
  text-align: center;
}
.csat-response-popover-container {
  padding: 12px 16px;
  font-size: 12px;
  width: 252px;
}
.csat-response-popover-container div.stat-row {
  color: #757575;
  display: flex;
}
.csat-response-popover-container div.stat-row:not(:last-child) {
  padding-bottom: 3px;
}
.csat-response-popover-container div.stat-row .stat-desc {
  width: 160px;
  text-align: left;
}
.csat-response-popover-container div.stat-row .stat-number {
  flex: 1;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.nps-response-summary-tooltip {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nps-response-summary-tooltip .response-categories {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 47px;
}
.nps-response-summary-tooltip .response-categories .response-category {
  display: flex;
  align-items: center;
}
.nps-response-summary-tooltip .response-categories .response-category .progress-bar {
  height: 8px;
  margin-right: 3px;
  border-radius: 2px;
  box-shadow: none;
}
.nps-response-summary-tooltip .response-categories .response-category .count {
  color: #979797;
  height: 13px;
  line-height: 13px;
}
.nps-response-summary-tooltip .response-categories .response-category.promoters .progress-bar {
  background: #3FAD90;
}
.nps-response-summary-tooltip .response-categories .response-category.passives .progress-bar {
  background: #f7c900;
}
.nps-response-summary-tooltip .response-categories .response-category.detractors .progress-bar {
  background: #EF3D4E;
}

.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-moz-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-o-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-ms-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:linear-gradient(to right, #fff, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81')}.sp-val{background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-o-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:linear-gradient(to top, #000, rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')}.sp-hue{background:-moz-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:-ms-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:-o-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:-webkit-gradient(linear, left top, left bottom, from(red), color-stop(0.17, #ff0), color-stop(0.33, lime), color-stop(0.5, cyan), color-stop(0.67, blue), color-stop(0.83, #f0f), to(red));background:-webkit-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);background:linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media (max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity:.8}.sp-container{border-radius:0;background-color:#ECECEC;border:solid 1px #f0c49B;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#F0C49B;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eeeeee;background-image:-webkit-linear-gradient(top, #eee, #ccc);background-image:-moz-linear-gradient(top, #eee, #ccc);background-image:-ms-linear-gradient(top, #eee, #ccc);background-image:-o-linear-gradient(top, #eee, #ccc);background-image:linear-gradient(to bottom, #eee, #ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#dddddd;background-image:-webkit-linear-gradient(top, #ddd, #bbb);background-image:-moz-linear-gradient(top, #ddd, #bbb);background-image:-ms-linear-gradient(top, #ddd, #bbb);background-image:-o-linear-gradient(top, #ddd, #bbb);background-image:linear-gradient(to bottom, #ddd, #bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-moz-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.CodeMirror{font-family:monospace;height:300px;color:black;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:black}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20,255,20,0.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{0%{}50%{background-color:transparent}100%{}}@-webkit-keyframes blink{0%{}50%{background-color:transparent}100%{}}@keyframes blink{0%{}50%{background-color:transparent}100%{}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:#f00}.cm-invalidchar{color:#f00}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,0.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:0.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,0.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:none}.cm-s-hopscotch.CodeMirror{background:#322931;color:#d5d3d5}.cm-s-hopscotch div.CodeMirror-selected{background:#433b42 !important}.cm-s-hopscotch .CodeMirror-gutters{background:#322931;border-right:0px}.cm-s-hopscotch .CodeMirror-linenumber{color:#797379}.cm-s-hopscotch .CodeMirror-cursor{border-left:1px solid #989498 !important}.cm-s-hopscotch span.cm-comment{color:#b33508}.cm-s-hopscotch span.cm-atom{color:#c85e7c}.cm-s-hopscotch span.cm-number{color:#c85e7c}.cm-s-hopscotch span.cm-property,.cm-s-hopscotch span.cm-attribute{color:#8fc13e}.cm-s-hopscotch span.cm-keyword{color:#dd464c}.cm-s-hopscotch span.cm-string{color:#fdcc59}.cm-s-hopscotch span.cm-variable{color:#8fc13e}.cm-s-hopscotch span.cm-variable-2{color:#1290bf}.cm-s-hopscotch span.cm-def{color:#fd8b19}.cm-s-hopscotch span.cm-error{background:#dd464c;color:#989498}.cm-s-hopscotch span.cm-bracket{color:#d5d3d5}.cm-s-hopscotch span.cm-tag{color:#dd464c}.cm-s-hopscotch span.cm-link{color:#c85e7c}.cm-s-hopscotch .CodeMirror-matchingbracket{text-decoration:underline;color:white !important}.cm-s-hopscotch .CodeMirror-activeline-background{background:#302020}@font-face{font-family:'font3336';src:url(f7c56e52c2c44690a0e39d5a486d0c3b.eot);src:url(638868fe8f33b0b45c29fc4e4fba99a9.woff) format("woff"),url(38b30fa0229248d8bd3a14c802046743.ttf) format("truetype"),url(eceff26a5f33cc81123f437a16a78dbe.svg) format("svg"),url(f7c56e52c2c44690a0e39d5a486d0c3b.eot) format("embedded-opentype");font-weight:normal;font-style:normal}.gjs-is__grab,.gjs-is__grab *{cursor:grab !important}.gjs-is__grabbing,.gjs-is__grabbing *{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:grabbing !important}.gjs-one-bg{background-color:#444}.gjs-one-color{color:#444}.gjs-one-color-h:hover{color:#444}.gjs-two-bg{background-color:#ddd}.gjs-two-color{color:#ddd}.gjs-two-color-h:hover{color:#ddd}.gjs-three-bg{background-color:#804f7b}.gjs-three-color{color:#804f7b}.gjs-three-color-h:hover{color:#804f7b}.gjs-four-bg{background-color:#d278c9}.gjs-four-color{color:#d278c9}.gjs-four-color-h:hover{color:#d278c9}.gjs-danger-bg{background-color:#dd3636}.gjs-danger-color{color:#dd3636}.gjs-danger-color-h:hover{color:#dd3636}.gjs-bg-main,.gjs-off-prv,.gjs-sm-sector .gjs-sm-colorp-c,.gjs-clm-tags .gjs-sm-colorp-c{background-color:#444}.gjs-color-main,.gjs-off-prv,.gjs-sm-sector .gjs-sm-stack #gjs-sm-add,.gjs-clm-tags .gjs-sm-stack #gjs-sm-add{color:#ddd;fill:#ddd}.gjs-color-active{color:#f8f8f8;fill:#f8f8f8}.gjs-color-warn{color:#ffca6f;fill:#ffca6f}.gjs-color-hl{color:#71b7f1;fill:#71b7f1}.gjs-fonts::before{display:block;font:normal normal normal 14px font3336;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:5em}.gjs-f-b1::before{content:'Q'}.gjs-f-b2::before{content:'W'}.gjs-f-b3::before{content:'E'}.gjs-f-b37::before{content:'R'}.gjs-f-hero::before{content:'T'}.gjs-f-h1p::before{content:'y'}.gjs-f-3ba::before{content:'u'}.gjs-f-image::before{content:'I'}.gjs-f-text::before{content:'o'}.gjs-f-quo::before{content:'p'}.gjs-f-button::before{content:'B'}.gjs-f-divider::before{content:'D'}.gjs-invis-invis,.gjs-clm-tags #gjs-clm-new,.gjs-no-app{background-color:transparent;border:none;color:inherit}.gjs-no-app{height:10px}.gjs-test::btn{color:'#fff'}.opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-checker-bg,.gjs-field-colorp-c,.checker-bg,.gjs-sm-sector .gjs-sm-property .gjs-sm-layer>#gjs-sm-preview-box,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer>#gjs-sm-preview-box{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")}.gjs-no-user-select,.gjs-grabbing,.gjs-grabbing *,.gjs-layer-name,.gjs-rte-toolbar{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.gjs-no-pointer-events,.gjs-resizer-c,.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{pointer-events:none}.gjs-bdrag{pointer-events:none !important;position:absolute !important;z-index:10 !important;width:auto}.gjs-drag-helper{background-color:#3b97e3 !important;pointer-events:none !important;position:absolute !important;z-index:10 !important;transform:scale(0.3) !important;transform-origin:top left !important;-webkit-transform-origin:top left !important;margin:15px !important;transition:none !important;outline:none !important}.gjs-grabbing,.gjs-grabbing *{cursor:grabbing !important;cursor:-webkit-grabbing !important}.gjs-grabbing{overflow:hidden}.gjs-off-prv{position:relative;z-index:10;padding:5px;cursor:pointer}.gjs-editor-cont ::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.gjs-editor-cont ::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.2)}.gjs-editor-cont ::-webkit-scrollbar{width:8px}.clear{clear:both}.no-select,.gjs-com-no-select,.gjs-com-no-select img,.gjs-category-title,.gjs-sm-sector .gjs-sm-title,.gjs-clm-tags .gjs-sm-title,.gjs-block-category .gjs-title,.gjs-layer-title,.gjs-clm-tags #gjs-clm-close{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.gjs-no-touch-actions{touch-action:none}.gjs-disabled{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;opacity:.5;filter:alpha(opacity=50)}.gjs-editor{font-family:Helvetica,sans-serif;font-size:.75rem;position:relative;box-sizing:border-box;height:100%}.gjs-freezed,.gjs-freezed{opacity:.5;filter:alpha(opacity=50);pointer-events:none}.gjs-traits-label{border-bottom:1px solid rgba(0,0,0,0.2);font-weight:lighter;margin-bottom:5px;padding:10px;text-align:left}.gjs-label-wrp{width:30%;min-width:30%}.gjs-field-wrp{flex-grow:1}.gjs-trt-header{font-weight:lighter;padding:10px}.gjs-trt-trait{display:flex;justify-content:flex-start;padding:5px 10px;font-weight:lighter;align-items:center;text-align:left}.gjs-trt-traits{font-size:.75rem}.gjs-trt-trait .gjs-label{text-align:left;text-overflow:ellipsis;overflow:hidden}.gjs-guide-info{position:absolute}.gjs-guide-info__content{position:absolute;height:100%;display:flex;width:100%;padding:5px}.gjs-guide-info__line{position:relative;margin:auto}.gjs-guide-info__line::before,.gjs-guide-info__line::after{content:"";display:block;position:absolute;background-color:inherit}.gjs-guide-info__y{padding:0 5px}.gjs-guide-info__y .gjs-guide-info__content{justify-content:center}.gjs-guide-info__y .gjs-guide-info__line{width:100%;height:1px}.gjs-guide-info__y .gjs-guide-info__line::before,.gjs-guide-info__y .gjs-guide-info__line::after{width:1px;height:10px;top:0;bottom:0;left:0;margin:auto}.gjs-guide-info__y .gjs-guide-info__line::after{left:auto;right:0}.gjs-guide-info__x{padding:5px 0}.gjs-guide-info__x .gjs-guide-info__content{align-items:center}.gjs-guide-info__x .gjs-guide-info__line{height:100%;width:1px}.gjs-guide-info__x .gjs-guide-info__line::before,.gjs-guide-info__x .gjs-guide-info__line::after{width:10px;height:1px;left:0;right:0;top:0;margin:auto;transform:translateX(-50%)}.gjs-guide-info__x .gjs-guide-info__line::after{top:auto;bottom:0}.gjs-badge{white-space:nowrap}.gjs-badge__icon{vertical-align:middle;display:inline-block;width:15px;height:15px}.gjs-badge__icon svg{fill:currentColor}.gjs-badge__name{display:inline-block;vertical-align:middle}.gjs-frame-wrapper{position:absolute;width:100%;height:100%;left:0;right:0;margin:auto}.gjs-frame-wrapper--anim{transition:width 0.35s ease,height 0.35s ease}.gjs-frame-wrapper__top{transform:translateY(-100%) translateX(-50%);display:flex;padding:5px 0;position:absolute;width:100%;left:50%;top:0}.gjs-frame-wrapper__top-r{margin-left:auto}.gjs-frame-wrapper__left{position:absolute;left:0;transform:translateX(-100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__bottom{position:absolute;bottom:0;transform:translateY(100%) translateX(-50%);width:100%;left:50%}.gjs-frame-wrapper__right{position:absolute;right:0;transform:translateX(100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__icon{width:24px;cursor:pointer}.gjs-frame-wrapper__icon>svg{fill:currentColor}.gjs-padding-v-top,.gjs-fixedpadding-v-top{width:100%;top:0;left:0}.gjs-padding-v-right,.gjs-fixedpadding-v-right{right:0}.gjs-padding-v-bottom,.gjs-fixedpadding-v-bottom{width:100%;left:0;bottom:0}.gjs-padding-v-left,.gjs-fixedpadding-v-left{left:0}.gjs-cv-canvas{background-color:rgba(0,0,0,0.15);box-sizing:border-box;width:85%;height:calc(100% - 40px);bottom:0;overflow:hidden;z-index:1;position:absolute;left:0;top:40px}.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames{pointer-events:none}.gjs-cv-canvas__frames{position:absolute;top:0;left:0;width:100%;height:100%}.gjs-cv-canvas .gjs-ghost{display:none;pointer-events:none;background-color:#5b5b5b;border:2px dashed #ccc;position:absolute;z-index:10;opacity:.55;filter:alpha(opacity=55)}.gjs-cv-canvas .gjs-highlighter,.gjs-cv-canvas .gjs-highlighter-sel{position:absolute;outline:1px solid #3b97e3;outline-offset:-1px;pointer-events:none;width:100%;height:100%}.gjs-cv-canvas .gjs-highlighter-warning{outline:3px solid #ffca6f}.gjs-cv-canvas .gjs-highlighter-sel{outline:3px solid #3b97e3}.gjs-cv-canvas #gjs-tools,.gjs-cv-canvas .gjs-tools{width:100%;height:100%;position:absolute;top:0;left:0;outline:none;z-index:1}.gjs-cv-canvas *{box-sizing:border-box}.gjs-frame{outline:medium none;height:100%;width:100%;border:none;margin:auto;display:block;transition:width 0.35s ease,height 0.35s ease;position:absolute;top:0;bottom:0;left:0;right:0}.gjs-toolbar{position:absolute;background-color:#3b97e3;white-space:nowrap;color:white;z-index:10;top:0;left:0}.gjs-toolbar-item{padding:5px 7px;font-size:0.8rem;cursor:pointer;width:26px;vertical-align:middle;display:inline-block}.gjs-toolbar-item svg{fill:currentColor;vertical-align:middle}.gjs-resizer-c{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9}.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.1;filter:alpha(opacity=10);position:absolute;background-color:yellow}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.2;filter:alpha(opacity=20)}.gjs-padding-v-el,.gjs-fixedpadding-v-el{background-color:navy}.gjs-resizer-h{pointer-events:all;position:absolute;border:3px solid #3b97e3;width:10px;height:10px;background-color:#fff;margin:-5px}.gjs-resizer-h-tl{top:0;left:0;cursor:nwse-resize}.gjs-resizer-h-tr{top:0;right:0;cursor:nesw-resize}.gjs-resizer-h-tc{top:0;margin:-5px auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-cl{left:0;margin:auto -5px;top:0;bottom:0;cursor:ew-resize}.gjs-resizer-h-cr{margin:auto -5px;top:0;bottom:0;right:0;cursor:ew-resize}.gjs-resizer-h-bl{bottom:0;left:0;cursor:nesw-resize}.gjs-resizer-h-bc{bottom:0;margin:-5px auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-br{bottom:0;right:0;cursor:nwse-resize}.gjs-pn-panel .gjs-resizer-h{background-color:rgba(0,0,0,0.2);border:none;opacity:0;transition:opacity 0.25s}.gjs-pn-panel .gjs-resizer-h:hover{opacity:1}.gjs-pn-panel .gjs-resizer-h-tc,.gjs-pn-panel .gjs-resizer-h-bc{margin:0 auto;width:100%}.gjs-pn-panel .gjs-resizer-h-cr,.gjs-pn-panel .gjs-resizer-h-cl{margin:auto 0;height:100%}.gjs-resizing .gjs-highlighter,.gjs-resizing .gjs-badge{display:none !important}.gjs-resizing-tl *{cursor:nwse-resize !important}.gjs-resizing-tr *{cursor:nesw-resize !important}.gjs-resizing-tc *{cursor:ns-resize !important}.gjs-resizing-cl *{cursor:ew-resize !important}.gjs-resizing-cr *{cursor:ew-resize !important}.gjs-resizing-bl *{cursor:nesw-resize !important}.gjs-resizing-bc *{cursor:ns-resize !important}.gjs-resizing-br *{cursor:nwse-resize !important}.btn-cl,.gjs-mdl-btn-close,.gjs-am-close{opacity:.3;filter:alpha(opacity=30);font-size:25px;cursor:pointer}.btn-cl:hover,.gjs-mdl-btn-close:hover,.gjs-am-close:hover{opacity:.7;filter:alpha(opacity=70)}.no-dots,.ui-resizable-handle{border:none !important;margin:0 !important;outline:none !important}.gjs-com-dashed *{outline:1px dashed #888;outline-offset:-2px;box-sizing:border-box}.gjs-cv-canvas .gjs-comp-selected{outline:3px solid #3b97e3 !important}*.gjs-com-hover,div.gjs-com-hover{outline:1px solid #3b97e3}*.gjs-com-hover-delete,div.gjs-com-hover-delete{outline:2px solid #dd3636;opacity:.5;filter:alpha(opacity=50)}*.gjs-com-hover-move,div.gjs-com-hover-move{outline:3px solid #ffca6f}.gjs-com-badge,.gjs-com-badge-red,.gjs-badge{pointer-events:none;background-color:#3b97e3;color:#fff;padding:2px 5px;position:absolute;z-index:1;font-size:12px;outline:none;display:none}.gjs-com-badge-red{background-color:#dd3636}.gjs-badge-warning{background-color:#ffca6f}.gjs-placeholder,.gjs-com-placeholder,.gjs-placeholder{position:absolute;z-index:10;pointer-events:none;display:none}.gjs-placeholder,.gjs-placeholder{border-style:solid !important;outline:none;box-sizing:border-box;transition:top .2s,left .2s,width .2s,height .2s}.gjs-placeholder.horizontal,.gjs-com-placeholder.horizontal,.gjs-placeholder.horizontal{border-color:transparent #62c462;border-width:3px 5px;margin:-3px 0 0}.gjs-placeholder.vertical,.gjs-com-placeholder.vertical,.gjs-placeholder.vertical{border-color:#62c462 transparent;border-width:5px 3px;margin:0 0 0 -3px}.gjs-placeholder-int,.gjs-com-placeholder-int,.gjs-placeholder-int{background-color:#62c462;box-shadow:0 0 3px rgba(0,0,0,0.2);height:100%;width:100%;pointer-events:none;padding:1.5px;outline:none}.gjs-pn-panel{display:inline-block;position:absolute;box-sizing:border-box;text-align:center;padding:5px;z-index:3}.gjs-pn-panel .icon-undo,.gjs-pn-panel .icon-redo{font-size:20px;height:30px;width:25px}.gjs-pn-commands{width:85%;left:0;top:0;box-shadow:0 0 5px rgba(0,0,0,0.2)}.gjs-pn-options{right:15%;top:0}.gjs-pn-views{border-bottom:2px solid rgba(0,0,0,0.2);right:0;width:15%;z-index:4}.gjs-pn-views-container{height:100%;padding:42px 0 0;right:0;width:15%;overflow:auto;box-shadow:0 0 5px rgba(0,0,0,0.2)}.gjs-pn-buttons{align-items:center;display:flex;justify-content:space-between}.gjs-pn-btn{box-sizing:border-box;min-height:30px;min-width:30px;line-height:21px;background-color:transparent;border:none;font-size:18px;margin-right:5px;border-radius:2px;padding:4px;position:relative;cursor:pointer}.gjs-pn-btn.gjs-pn-active{background-color:rgba(0,0,0,0.15);box-shadow:0 0 3px rgba(0,0,0,0.25) inset}.gjs-pn-btn svg{fill:currentColor}.gjs-comp-image-placeholder{display:block;background-color:#f5f5f5;color:#777;height:50px;width:50px;line-height:50px;outline:3px solid #ffca6f;outline-offset:-3px;text-align:center;font-size:16.66667px;cursor:pointer}.gjs-comp-image-placeholder.fa-picture-o::after{content:"\F03E"}.gjs-label{line-height:18px}.gjs-fields{display:flex}.gjs-select{padding:0;width:100%}.gjs-select select{padding-right:10px}.gjs-select:-moz-focusring,.gjs-select select:-moz-focusring{color:transparent;text-shadow:0 0 0 rgba(255,255,255,0.7)}.gjs-input:focus,.gjs-button:focus,.gjs-btn-prim:focus,.gjs-select:focus,.gjs-select select:focus{outline:none}.gjs-field input,.gjs-field select,.gjs-field textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;border:none;background-color:transparent;box-sizing:border-box;width:100%;position:relative;padding:5px;z-index:1}.gjs-field input:focus,.gjs-field select:focus,.gjs-field textarea:focus{outline:none}.gjs-field-range{flex:9 1 auto}.gjs-field-integer input{padding-right:30px}.gjs-select option,.gjs-field-select option,.gjs-clm-select option,.gjs-sm-select option,.gjs-clm-select option,.gjs-fields option,.gjs-sm-unit option{background-color:#444;color:#ddd}.gjs-field{background-color:rgba(0,0,0,0.2);border:none;box-shadow:none;border-radius:2px;box-sizing:border-box;padding:0;position:relative}.gjs-field textarea{resize:vertical}.gjs-field .gjs-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;z-index:0}.gjs-field .gjs-d-s-arrow{bottom:0;top:0;margin:auto;right:5px;border-top:4px solid rgba(255,255,255,0.7);position:absolute;height:0;width:0;border-left:3px solid transparent;border-right:4px solid transparent;cursor:pointer}.gjs-field-arrows{position:absolute;cursor:ns-resize;margin:auto;height:20px;width:9px;z-index:10;bottom:0;right:3px;top:0}.gjs-field-color,.gjs-field-radio{width:100%}.gjs-field-color input{padding-right:22px;box-sizing:border-box}.gjs-field-colorp{border-left:1px solid rgba(0,0,0,0.2);box-sizing:border-box;height:100%;padding:2px;position:absolute;right:0;top:0;width:22px;z-index:10}.gjs-field-colorp .gjs-checker-bg,.gjs-field-colorp .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-field-colorp-c{height:100%;position:relative;width:100%}.gjs-field-color-picker{background-color:#ddd;cursor:pointer;height:100%;width:100%;box-shadow:0 0 1px rgba(0,0,0,0.2);border-radius:1px;position:absolute;top:0}.gjs-field-checkbox{padding:0;width:17px;height:17px;display:block;cursor:pointer}.gjs-field-checkbox input{display:none}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:rgba(255,255,255,0.5);border-width:0 2px 2px 0;border-style:solid}.gjs-radio-item{flex:1 1 auto;text-align:center;border-left:1px solid rgba(0,0,0,0.2)}.gjs-radio-item:first-child{border:none}.gjs-radio-item:hover{background:rgba(0,0,0,0.2)}.gjs-radio-item input{display:none}.gjs-radio-item input:checked+.gjs-radio-item-label{background-color:rgba(255,255,255,0.2)}.gjs-radio-items{display:flex}.gjs-radio-item-label{cursor:pointer;display:block;padding:5px}.gjs-field-units{position:absolute;margin:auto;right:10px;bottom:0;top:0}.gjs-field-unit{position:absolute;right:10px;top:3px;font-size:10px;color:rgba(255,255,255,0.7);cursor:pointer}.gjs-field-arrow-u,.gjs-field-arrow-d{position:absolute;height:0;width:0;border-left:3px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,0.7);bottom:4px;cursor:pointer}.gjs-field-arrow-u{border-bottom:4px solid rgba(255,255,255,0.7);border-top:none;top:4px}.gjs-field-select{padding:0}.gjs-field-range{background-color:transparent;border:none;box-shadow:none;padding:0}.gjs-field-range input{margin:0;height:100%}.gjs-field-range input:focus{outline:none}.gjs-field-range input::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;height:10px;width:10px;border:1px solid rgba(0,0,0,0.2);border-radius:100%;background-color:#ddd;cursor:pointer}.gjs-field-range input::-moz-range-thumb{height:10px;width:10px;border:1px solid rgba(0,0,0,0.2);border-radius:100%;background-color:#ddd;cursor:pointer}.gjs-field-range input::-ms-thumb{height:10px;width:10px;border:1px solid rgba(0,0,0,0.2);border-radius:100%;background-color:#ddd;cursor:pointer}.gjs-field-range input::-moz-range-track{background-color:rgba(0,0,0,0.2);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-webkit-slider-runnable-track{background-color:rgba(0,0,0,0.2);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-ms-track{background-color:rgba(0,0,0,0.2);border-radius:1px;margin-top:3px;height:3px}.gjs-btn-prim{color:inherit;background-color:rgba(255,255,255,0.1);border-radius:2px;padding:3px 6px;padding:5px;cursor:pointer;border:none}.gjs-btn-prim:active{background-color:rgba(255,255,255,0.1)}.gjs-btn--full{width:100%}.gjs-chk-icon{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box;display:block;height:14px;margin:0 5px;width:6px}.gjs-add-trasp{background:none;border:none;color:#ddd;cursor:pointer;font-size:1em;border-radius:2px;opacity:.75;filter:alpha(opacity=75)}.gjs-add-trasp:hover{opacity:1;filter:alpha(opacity=100)}.gjs-add-trasp:active{background-color:rgba(0,0,0,0.2)}.gjs-devices-c{display:flex;align-items:center;padding:3px}.gjs-devices-c .gjs-device-label{flex-grow:2;text-align:left;margin-right:10px}.gjs-devices-c .gjs-select{flex-grow:20}.gjs-devices-c .gjs-add-trasp{flex-grow:1;margin-left:5px}.gjs-category-open,.gjs-sm-sector.gjs-sm-open,.gjs-sm-open.gjs-clm-tags,.gjs-block-category.gjs-open{border-bottom:1px solid rgba(0,0,0,0.25)}.gjs-category-title,.gjs-sm-sector .gjs-sm-title,.gjs-clm-tags .gjs-sm-title,.gjs-block-category .gjs-title,.gjs-layer-title{font-weight:lighter;background-color:rgba(0,0,0,0.1);letter-spacing:1px;padding:9px 10px 9px 20px;border-bottom:1px solid rgba(0,0,0,0.25);text-align:left;position:relative;cursor:pointer}.gjs-sm-clear{line-height:0;cursor:pointer}.gjs-sm-header{font-weight:lighter;padding:10px}.gjs-sm-properties{font-size:.75rem;padding:10px 5px;display:flex;flex-wrap:wrap;align-items:flex-end;box-sizing:border-box;width:100%}.gjs-sm-label{margin:5px 5px 3px 0}.gjs-sm-close-btn,.gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close,.gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close{display:block;font-size:23px;position:absolute;cursor:pointer;right:5px;top:0;opacity:.2;filter:alpha(opacity=20)}.gjs-sm-close-btn:hover,.gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close:hover,.gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close:hover{opacity:.7;filter:alpha(opacity=70)}.gjs-sm-sector,.gjs-clm-tags{clear:both;font-weight:lighter;text-align:left}.gjs-sm-sector #gjs-sm-caret,.gjs-clm-tags #gjs-sm-caret{padding-right:5px;font-size:11px}.gjs-sm-sector .gjs-sm-field,.gjs-clm-tags .gjs-sm-field,.gjs-sm-sector .gjs-clm-field,.gjs-clm-tags .gjs-clm-field,.gjs-sm-sector .gjs-clm-select,.gjs-clm-tags .gjs-clm-select{width:100%;position:relative}.gjs-sm-sector .gjs-sm-field input,.gjs-clm-tags .gjs-sm-field input,.gjs-sm-sector .gjs-clm-field input,.gjs-clm-tags .gjs-clm-field input,.gjs-sm-sector .gjs-clm-select input,.gjs-clm-tags .gjs-clm-select input,.gjs-sm-sector .gjs-sm-field select,.gjs-clm-tags .gjs-sm-field select,.gjs-sm-sector .gjs-clm-field select,.gjs-clm-tags .gjs-clm-field select,.gjs-sm-sector .gjs-clm-select select,.gjs-clm-tags .gjs-clm-select select{background-color:transparent;color:rgba(255,255,255,0.7);border:none;width:100%}.gjs-sm-sector .gjs-sm-field input,.gjs-clm-tags .gjs-sm-field input,.gjs-sm-sector .gjs-clm-field input,.gjs-clm-tags .gjs-clm-field input,.gjs-sm-sector .gjs-clm-select input,.gjs-clm-tags .gjs-clm-select input{box-sizing:border-box}.gjs-sm-sector .gjs-sm-field select,.gjs-clm-tags .gjs-sm-field select,.gjs-sm-sector .gjs-clm-field select,.gjs-clm-tags .gjs-clm-field select,.gjs-sm-sector .gjs-clm-select select,.gjs-clm-tags .gjs-clm-select select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gjs-sm-sector .gjs-sm-field select::-ms-expand,.gjs-clm-tags .gjs-sm-field select::-ms-expand,.gjs-sm-sector .gjs-clm-field select::-ms-expand,.gjs-clm-tags .gjs-clm-field select::-ms-expand,.gjs-sm-sector .gjs-clm-select select::-ms-expand,.gjs-clm-tags .gjs-clm-select select::-ms-expand{display:none}.gjs-sm-sector .gjs-sm-field select:-moz-focusring,.gjs-clm-tags .gjs-sm-field select:-moz-focusring,.gjs-sm-sector .gjs-clm-field select:-moz-focusring,.gjs-clm-tags .gjs-clm-field select:-moz-focusring,.gjs-sm-sector .gjs-clm-select select:-moz-focusring,.gjs-clm-tags .gjs-clm-select select:-moz-focusring{color:transparent;text-shadow:0 0 0 rgba(255,255,255,0.7)}.gjs-sm-sector .gjs-sm-field input:focus,.gjs-clm-tags .gjs-sm-field input:focus,.gjs-sm-sector .gjs-clm-field input:focus,.gjs-clm-tags .gjs-clm-field input:focus,.gjs-sm-sector .gjs-clm-select input:focus,.gjs-clm-tags .gjs-clm-select input:focus,.gjs-sm-sector .gjs-sm-field select:focus,.gjs-clm-tags .gjs-sm-field select:focus,.gjs-sm-sector .gjs-clm-field select:focus,.gjs-clm-tags .gjs-clm-field select:focus,.gjs-sm-sector .gjs-clm-select select:focus,.gjs-clm-tags .gjs-clm-select select:focus{outline:none}.gjs-sm-sector .gjs-sm-field .gjs-sm-unit,.gjs-clm-tags .gjs-sm-field .gjs-sm-unit,.gjs-sm-sector .gjs-clm-field .gjs-sm-unit,.gjs-clm-tags .gjs-clm-field .gjs-sm-unit,.gjs-sm-sector .gjs-clm-select .gjs-sm-unit,.gjs-clm-tags .gjs-clm-select .gjs-sm-unit{position:absolute;right:10px;top:3px;font-size:10px;color:rgba(255,255,255,0.7);cursor:pointer}.gjs-sm-sector .gjs-sm-field .gjs-clm-sel-arrow,.gjs-clm-tags .gjs-sm-field .gjs-clm-sel-arrow,.gjs-sm-sector .gjs-clm-field .gjs-clm-sel-arrow,.gjs-clm-tags .gjs-clm-field .gjs-clm-sel-arrow,.gjs-sm-sector .gjs-clm-select .gjs-clm-sel-arrow,.gjs-clm-tags .gjs-clm-select .gjs-clm-sel-arrow,.gjs-sm-sector .gjs-sm-field .gjs-sm-int-arrows,.gjs-clm-tags .gjs-sm-field .gjs-sm-int-arrows,.gjs-sm-sector .gjs-clm-field .gjs-sm-int-arrows,.gjs-clm-tags .gjs-clm-field .gjs-sm-int-arrows,.gjs-sm-sector .gjs-clm-select .gjs-sm-int-arrows,.gjs-clm-tags .gjs-clm-select .gjs-sm-int-arrows,.gjs-sm-sector .gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-sel-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-sel-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-sel-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;cursor:ns-resize}.gjs-sm-sector .gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-sel-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-sel-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-sel-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-sel-arrow{cursor:pointer}.gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-d-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-d-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-d-arrow,.gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-d-s-arrow,.gjs-sm-sector .gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-u-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-u-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-u-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-u-arrow{position:absolute;height:0;width:0;border-left:3px solid transparent;border-right:4px solid transparent;cursor:pointer}.gjs-sm-sector .gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-u-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-u-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-u-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-u-arrow{border-bottom:4px solid rgba(255,255,255,0.7);top:4px}.gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-d-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-d-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-d-arrow,.gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-d-s-arrow{border-top:4px solid rgba(255,255,255,0.7);bottom:4px}.gjs-sm-sector .gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-sm-field .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-tags .gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-sector .gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-sm-field .gjs-sm-d-s-arrow,.gjs-sm-sector .gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-clm-field .gjs-sm-d-s-arrow,.gjs-sm-sector .gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-tags .gjs-clm-select .gjs-sm-d-s-arrow{bottom:7px}.gjs-sm-sector .gjs-sm-field.gjs-sm-color,.gjs-clm-tags .gjs-sm-field.gjs-sm-color,.gjs-sm-sector .gjs-sm-color.gjs-clm-field,.gjs-clm-tags .gjs-sm-color.gjs-clm-field,.gjs-sm-sector .gjs-sm-color.gjs-clm-select,.gjs-clm-tags .gjs-sm-color.gjs-clm-select,.gjs-sm-sector .gjs-sm-field.gjs-sm-input,.gjs-clm-tags .gjs-sm-field.gjs-sm-input,.gjs-sm-sector .gjs-sm-input.gjs-clm-field,.gjs-clm-tags .gjs-sm-input.gjs-clm-field,.gjs-sm-sector .gjs-sm-input.gjs-clm-select,.gjs-clm-tags .gjs-sm-input.gjs-clm-select,.gjs-sm-sector .gjs-sm-field.gjs-sm-integer,.gjs-clm-tags .gjs-sm-field.gjs-sm-integer,.gjs-sm-sector .gjs-sm-integer.gjs-clm-field,.gjs-clm-tags .gjs-sm-integer.gjs-clm-field,.gjs-sm-sector .gjs-sm-integer.gjs-clm-select,.gjs-clm-tags .gjs-sm-integer.gjs-clm-select,.gjs-sm-sector .gjs-sm-field.gjs-sm-list,.gjs-clm-tags .gjs-sm-field.gjs-sm-list,.gjs-sm-sector .gjs-sm-list.gjs-clm-field,.gjs-clm-tags .gjs-sm-list.gjs-clm-field,.gjs-sm-sector .gjs-sm-list.gjs-clm-select,.gjs-clm-tags .gjs-sm-list.gjs-clm-select,.gjs-sm-sector .gjs-sm-field.gjs-sm-select,.gjs-clm-tags .gjs-sm-field.gjs-sm-select,.gjs-sm-sector .gjs-sm-select.gjs-clm-field,.gjs-clm-tags .gjs-sm-select.gjs-clm-field,.gjs-sm-sector .gjs-clm-field.gjs-clm-select,.gjs-sm-sector .gjs-clm-select,.gjs-clm-tags .gjs-clm-select{background-color:rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.1);box-shadow:1px 1px 0 rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);border-radius:2px;box-sizing:border-box;padding:0 5px}.gjs-sm-sector .gjs-sm-field.gjs-sm-composite,.gjs-clm-tags .gjs-sm-field.gjs-sm-composite,.gjs-sm-sector .gjs-sm-composite.gjs-clm-field,.gjs-clm-tags .gjs-sm-composite.gjs-clm-field,.gjs-sm-sector .gjs-sm-composite.gjs-clm-select,.gjs-clm-tags .gjs-sm-composite.gjs-clm-select{border-radius:2px}.gjs-sm-sector .gjs-sm-field.gjs-sm-select,.gjs-clm-tags .gjs-sm-field.gjs-sm-select,.gjs-sm-sector .gjs-sm-select.gjs-clm-field,.gjs-clm-tags .gjs-sm-select.gjs-clm-field,.gjs-sm-sector .gjs-clm-field.gjs-clm-select,.gjs-sm-sector .gjs-clm-select,.gjs-clm-tags .gjs-clm-select{padding:0}.gjs-sm-sector .gjs-sm-field.gjs-sm-select select,.gjs-clm-tags .gjs-sm-field.gjs-sm-select select,.gjs-sm-sector .gjs-sm-select.gjs-clm-field select,.gjs-clm-tags .gjs-sm-select.gjs-clm-field select,.gjs-sm-sector .gjs-clm-field.gjs-clm-select select,.gjs-clm-tags .gjs-clm-field.gjs-clm-select select,.gjs-sm-sector .gjs-clm-select select,.gjs-clm-tags .gjs-clm-select select{height:20px}.gjs-sm-sector .gjs-sm-field.gjs-sm-select option,.gjs-clm-tags .gjs-sm-field.gjs-sm-select option,.gjs-sm-sector .gjs-sm-select.gjs-clm-field option,.gjs-clm-tags .gjs-sm-select.gjs-clm-field option,.gjs-sm-sector .gjs-clm-field.gjs-clm-select option,.gjs-clm-tags .gjs-clm-field.gjs-clm-select option,.gjs-sm-sector .gjs-clm-select option,.gjs-clm-tags .gjs-clm-select option{padding:3px 0}.gjs-sm-sector .gjs-sm-field.gjs-sm-composite,.gjs-clm-tags .gjs-sm-field.gjs-sm-composite,.gjs-sm-sector .gjs-sm-composite.gjs-clm-field,.gjs-clm-tags .gjs-sm-composite.gjs-clm-field,.gjs-sm-sector .gjs-sm-composite.gjs-clm-select,.gjs-clm-tags .gjs-sm-composite.gjs-clm-select{background-color:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.25)}.gjs-sm-sector .gjs-sm-field.gjs-sm-list,.gjs-clm-tags .gjs-sm-field.gjs-sm-list,.gjs-sm-sector .gjs-sm-list.gjs-clm-field,.gjs-clm-tags .gjs-sm-list.gjs-clm-field,.gjs-sm-sector .gjs-sm-list.gjs-clm-select,.gjs-clm-tags .gjs-sm-list.gjs-clm-select{width:auto;padding:0;overflow:hidden;float:left}.gjs-sm-sector .gjs-sm-field.gjs-sm-list input,.gjs-clm-tags .gjs-sm-field.gjs-sm-list input,.gjs-sm-sector .gjs-sm-list.gjs-clm-field input,.gjs-clm-tags .gjs-sm-list.gjs-clm-field input,.gjs-sm-sector .gjs-sm-list.gjs-clm-select input,.gjs-clm-tags .gjs-sm-list.gjs-clm-select input{display:none}.gjs-sm-sector .gjs-sm-field.gjs-sm-list label,.gjs-clm-tags .gjs-sm-field.gjs-sm-list label,.gjs-sm-sector .gjs-sm-list.gjs-clm-field label,.gjs-clm-tags .gjs-sm-list.gjs-clm-field label,.gjs-sm-sector .gjs-sm-list.gjs-clm-select label,.gjs-clm-tags .gjs-sm-list.gjs-clm-select label{cursor:pointer;padding:5px;display:block}.gjs-sm-sector .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-clm-tags .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-sm-sector .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label,.gjs-clm-tags .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label,.gjs-sm-sector .gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label,.gjs-clm-tags .gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label{background-color:rgba(255,255,255,0.2)}.gjs-sm-sector .gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-clm-tags .gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-sm-sector .gjs-sm-list.gjs-clm-field .gjs-sm-icon,.gjs-clm-tags .gjs-sm-list.gjs-clm-field .gjs-sm-icon,.gjs-sm-sector .gjs-sm-list.gjs-clm-select .gjs-sm-icon,.gjs-clm-tags .gjs-sm-list.gjs-clm-select .gjs-sm-icon{background-repeat:no-repeat;background-position:center;text-shadow:none;line-height:normal}.gjs-sm-sector .gjs-sm-field.gjs-sm-integer select,.gjs-clm-tags .gjs-sm-field.gjs-sm-integer select,.gjs-sm-sector .gjs-sm-integer.gjs-clm-field select,.gjs-clm-tags .gjs-sm-integer.gjs-clm-field select,.gjs-sm-sector .gjs-sm-integer.gjs-clm-select select,.gjs-clm-tags .gjs-sm-integer.gjs-clm-select select{width:auto;padding:0}.gjs-sm-sector .gjs-sm-list .gjs-sm-el,.gjs-clm-tags .gjs-sm-list .gjs-sm-el{float:left;border-left:1px solid rgba(0,0,0,0.2)}.gjs-sm-sector .gjs-sm-list .gjs-sm-el:first-child,.gjs-clm-tags .gjs-sm-list .gjs-sm-el:first-child{border:none}.gjs-sm-sector .gjs-sm-list .gjs-sm-el:hover,.gjs-clm-tags .gjs-sm-list .gjs-sm-el:hover{background:rgba(0,0,0,0.2)}.gjs-sm-sector .gjs-sm-slider .gjs-field-integer,.gjs-clm-tags .gjs-sm-slider .gjs-field-integer{flex:1 1 65px}.gjs-sm-sector .gjs-sm-property,.gjs-clm-tags .gjs-sm-property{box-sizing:border-box;float:left;width:50%;margin-bottom:5px;padding:0 5px}.gjs-sm-sector .gjs-sm-property--full,.gjs-clm-tags .gjs-sm-property--full,.gjs-sm-sector .gjs-sm-property.gjs-sm-composite,.gjs-clm-tags .gjs-sm-property.gjs-sm-composite,.gjs-sm-sector .gjs-sm-property.gjs-sm-file,.gjs-clm-tags .gjs-sm-property.gjs-sm-file,.gjs-sm-sector .gjs-sm-property.gjs-sm-list,.gjs-clm-tags .gjs-sm-property.gjs-sm-list,.gjs-sm-sector .gjs-sm-property.gjs-sm-stack,.gjs-clm-tags .gjs-sm-property.gjs-sm-stack,.gjs-sm-sector .gjs-sm-property.gjs-sm-slider,.gjs-clm-tags .gjs-sm-property.gjs-sm-slider,.gjs-sm-sector .gjs-sm-property.gjs-sm-color,.gjs-clm-tags .gjs-sm-property.gjs-sm-color{width:100%}.gjs-sm-sector .gjs-sm-property .gjs-sm-btn,.gjs-clm-tags .gjs-sm-property .gjs-sm-btn{background-color:rgba(33,33,33,0.2);border-radius:2px;box-shadow:1px 1px 0 rgba(5,5,5,0.2),1px 1px 0 rgba(43,43,43,0.2) inset;padding:5px;position:relative;text-align:center;height:auto;width:100%;cursor:pointer;color:#ddd;box-sizing:border-box;text-shadow:-1px -1px 0 rgba(0,0,0,0.2);border:none;opacity:.85;filter:alpha(opacity=85)}.gjs-sm-sector .gjs-sm-property .gjs-sm-btn-c,.gjs-clm-tags .gjs-sm-property .gjs-sm-btn-c{box-sizing:border-box;float:left;width:100%}.gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box,.gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box{background-color:rgba(255,255,255,0.05);border-radius:2px;margin-top:5px;position:relative;overflow:hidden}.gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box.gjs-sm-show,.gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box.gjs-sm-show{border:1px solid rgba(252,252,252,0.05);padding:3px 20px}.gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close,.gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-box #gjs-sm-close{top:-5px;display:block}.gjs-sm-sector .gjs-sm-property.gjs-sm-file .gjs-sm-show #gjs-sm-preview-file,.gjs-clm-tags .gjs-sm-property.gjs-sm-file .gjs-sm-show #gjs-sm-preview-file{height:50px}.gjs-sm-sector .gjs-sm-property.gjs-sm-file #gjs-sm-preview-file,.gjs-clm-tags .gjs-sm-property.gjs-sm-file #gjs-sm-preview-file{background-size:auto 100%;background-repeat:no-repeat;background-position:center center}.gjs-sm-sector .gjs-sm-property .gjs-sm-layers,.gjs-clm-tags .gjs-sm-property .gjs-sm-layers{margin-top:5px;padding:1px 3px;min-height:30px}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer{background-color:rgba(255,255,255,0.055);border-radius:2px;margin:2px 0;padding:7px;position:relative;cursor:pointer}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer>#gjs-sm-preview-box,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer>#gjs-sm-preview-box{height:15px;position:absolute;right:27px;top:6px;width:15px}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-preview,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-preview,.gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-preview-box,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-preview-box{border-radius:2px}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer{display:block;font-size:23px;position:absolute;cursor:pointer;right:5px;top:0;opacity:.5;filter:alpha(opacity=50)}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer:hover,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer #gjs-sm-close-layer:hover{opacity:.8;filter:alpha(opacity=80)}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer>#gjs-sm-preview-box #gjs-sm-preview,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer>#gjs-sm-preview-box #gjs-sm-preview{background-color:white;height:100%;width:100%;background-size:cover !important}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-active,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer.gjs-sm-active{background-color:rgba(255,255,255,0.12)}.gjs-sm-sector .gjs-sm-property .gjs-sm-layer.gjs-sm-no-preview #gjs-sm-preview-box,.gjs-clm-tags .gjs-sm-property .gjs-sm-layer.gjs-sm-no-preview #gjs-sm-preview-box{display:none}.gjs-sm-sector #gjs-sm-text-shadow #gjs-sm-preview::after,.gjs-clm-tags #gjs-sm-text-shadow #gjs-sm-preview::after{color:#000;content:"T";font-weight:900;line-height:17px;padding:0 4px}.gjs-sm-sector .gjs-sm-stack .gjs-sm-properties,.gjs-clm-tags .gjs-sm-stack .gjs-sm-properties{padding:5px 0 0}.gjs-sm-sector .gjs-sm-stack #gjs-sm-add,.gjs-clm-tags .gjs-sm-stack #gjs-sm-add{background:none;border:none;cursor:pointer;outline:none;font-size:22px;line-height:10px;position:absolute;right:0;top:-17px;opacity:0.75}.gjs-sm-sector .gjs-sm-stack #gjs-sm-add:hover,.gjs-clm-tags .gjs-sm-stack #gjs-sm-add:hover{opacity:1;filter:alpha(opacity=100)}.gjs-sm-sector .gjs-sm-colorp-c,.gjs-clm-tags .gjs-sm-colorp-c{height:100%;width:20px;position:absolute;right:0;top:0;box-sizing:border-box;border-radius:2px;padding:2px}.gjs-sm-sector .gjs-sm-colorp-c .gjs-checker-bg,.gjs-clm-tags .gjs-sm-colorp-c .gjs-checker-bg,.gjs-sm-sector .gjs-sm-colorp-c .gjs-field-colorp-c,.gjs-clm-tags .gjs-sm-colorp-c .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-sm-sector .gjs-sm-color-picker,.gjs-clm-tags .gjs-sm-color-picker{background-color:#ddd;cursor:pointer;height:16px;width:100%;margin-top:-16px;box-shadow:0 0 1px rgba(0,0,0,0.2);border-radius:1px}.gjs-sm-sector .gjs-sm-btn-upload #gjs-sm-upload,.gjs-clm-tags .gjs-sm-btn-upload #gjs-sm-upload{left:0;top:0;position:absolute;width:100%;opacity:0;cursor:pointer}.gjs-sm-sector .gjs-sm-btn-upload #gjs-sm-label,.gjs-clm-tags .gjs-sm-btn-upload #gjs-sm-label{padding:2px 0}.gjs-sm-layer>#gjs-sm-move{opacity:.7;filter:alpha(opacity=70);cursor:move;font-size:12px;float:left;margin:0 5px 0 0}.gjs-sm-layer>#gjs-sm-move:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-blocks-c{display:flex;flex-wrap:wrap;justify-content:flex-start}.gjs-block-categories{display:flex;flex-direction:column}.gjs-block-category{width:100%}.gjs-block-category .gjs-caret-icon{margin-right:5px}.gjs-block{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;width:45%;min-width:45px;padding:1em;box-sizing:border-box;min-height:90px;cursor:all-scroll;font-size:11px;font-weight:lighter;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,0.2);border-radius:3px;margin:10px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,0.15);transition:all 0.2s ease 0s;transition-property:box-shadow, color}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,0.15)}.gjs-block svg{fill:currentColor}.gjs-block__media{margin-bottom:10px}.gjs-block-svg{width:54px;fill:currentColor}.gjs-block-svg-path{fill:currentColor}.gjs-block.fa{font-size:2em;line-height:2em;padding:11px}.gjs-block-label{line-height:normal;font-size:0.65rem;font-weight:normal;font-family:Helvetica, sans-serif;overflow:hidden;text-overflow:ellipsis}.gjs-block.gjs-bdrag{width:auto;padding:0}.gjs-selected-parent{border:1px solid #ffca6f}.gjs-opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-layer{font-weight:lighter;text-align:left;position:relative;background-color:rgba(0,0,0,0.1);font-size:.75rem}.gjs-layer-hidden{opacity:.55;filter:alpha(opacity=55)}.gjs-layer-count{position:absolute;right:27px;top:9px}.gjs-layer-vis{height:auto !important;width:auto !important;left:0;top:0;padding:7px 5px 7px 10px;position:absolute;cursor:pointer;z-index:1}.gjs-layer-caret{font-size:0.5rem;width:8px;padding:2px;cursor:pointer;position:absolute;left:-9px;top:6px;opacity:.7;filter:alpha(opacity=70)}.gjs-layer-caret:hover{opacity:1;filter:alpha(opacity=100)}.gjs-layer-title{padding:3px 10px 5px 30px;display:flex;align-items:center}.gjs-layer-title-inn{align-items:center;position:relative;display:flex;width:100%}.gjs-layer__icon{display:block;width:100%;max-width:15px;max-height:15px;padding-left:5px}.gjs-layer__icon svg{fill:currentColor}.gjs-layer-name{padding:5px 0;display:inline-block;box-sizing:content-box;overflow:hidden;white-space:nowrap;margin:0 30px 0 5px}.gjs-layer-name--no-edit{text-overflow:ellipsis}.gjs-layer>.gjs-layer-children{display:none}.gjs-layer.open>.gjs-layer-children{display:block}.gjs-layer-no-chld>.gjs-layer-title-inn>.gjs-layer-caret{display:none}.gjs-layer-move{padding:7px 10px 7px 5px;position:absolute;font-size:12px;cursor:move;right:0;top:0}.gjs-layer.gjs-hovered .gjs-layer-title{background-color:rgba(255,255,255,0.015)}.gjs-layer.gjs-selected .gjs-layer-title{background-color:rgba(255,255,255,0.1)}.gjs-layers{position:relative;height:100%}.gjs-layers #gjs-placeholder{width:100%;position:absolute}.gjs-layers #gjs-placeholder #gjs-plh-int{height:100%;padding:1px}.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert{background-color:#62c462}#gjs-clm-add-tag,.gjs-clm-tags-btn{background-color:rgba(255,255,255,0.15);border-radius:2px;padding:3px;margin-right:3px;border:1px solid rgba(0,0,0,0.15);width:24px;height:24px;box-sizing:border-box;cursor:pointer}.gjs-clm-tags-btn svg{fill:currentColor;display:block}.gjs-clm-header{display:flex;align-items:center;margin:7px 0}.gjs-clm-header-status{flex-shrink:1;margin-left:auto}.gjs-clm-tag{display:flex;overflow:hidden;align-items:center;border-radius:3px;margin:0 3px 3px 0;padding:5px;cursor:default}.gjs-clm-tag-status,.gjs-clm-tag-close{width:12px;height:12px;flex-shrink:1}.gjs-clm-tag-status svg,.gjs-clm-tag-close svg{vertical-align:middle;fill:currentColor}.gjs-clm-sels-info{margin:7px 0}.gjs-clm-sel-id{font-size:0.9em;opacity:.5;filter:alpha(opacity=50)}.gjs-clm-label-sel{float:left;padding-right:5px}.gjs-clm-tags{font-size:.75rem;padding:10px 5px}.gjs-clm-tags #gjs-clm-sel{padding:7px 0;float:left}.gjs-clm-tags #gjs-clm-sel{font-style:italic;margin-left:5px}.gjs-clm-tags #gjs-clm-tags-field{clear:both;padding:5px;margin-bottom:5px;display:flex;flex-wrap:wrap}.gjs-clm-tags #gjs-clm-tags-c{display:flex;flex-wrap:wrap;vertical-align:top;overflow:hidden}.gjs-clm-tags #gjs-clm-new{color:#ddd;padding:5px 6px;display:none}.gjs-clm-tags #gjs-clm-close{opacity:.85;filter:alpha(opacity=85);font-size:20px;line-height:0;cursor:pointer;color:rgba(255,255,255,0.9)}.gjs-clm-tags #gjs-clm-close:hover{opacity:1;filter:alpha(opacity=100)}.gjs-clm-tags #gjs-clm-checkbox{color:rgba(255,255,255,0.9);vertical-align:middle;cursor:pointer;font-size:9px}.gjs-clm-tags #gjs-clm-tag-label{flex-grow:1;text-overflow:ellipsis;overflow:hidden;padding:0 3px;cursor:text}.gjs-mdl-container{font-family:Helvetica,sans-serif;overflow-y:auto;position:fixed;background-color:rgba(0,0,0,0.5);display:flex;top:0;left:0;right:0;bottom:0;z-index:100}.gjs-mdl-dialog{text-shadow:-1px -1px 0 rgba(0,0,0,0.05);animation:gjs-slide-down 0.215s;margin:auto;max-width:850px;width:90%;border-radius:3px;font-weight:lighter;position:relative;z-index:2}.gjs-mdl-title{font-size:1rem}.gjs-mdl-btn-close{position:absolute;right:15px;top:5px}.gjs-mdl-active .gjs-mdl-dialog{animation:gjs-mdl-slide-down 0.216s}.gjs-mdl-header,.gjs-mdl-content{padding:10px 15px;clear:both}.gjs-mdl-header{position:relative;border-bottom:1px solid rgba(0,0,0,0.2);padding:15px 15px 7px}.gjs-export-dl::after{content:"";clear:both;display:block;margin-bottom:10px}.gjs-dropzone{display:none;opacity:0;position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity 0.25s;pointer-events:none}.gjs-dropzone-active .gjs-dropzone{display:block;opacity:1}.gjs-am-assets{height:290px;overflow:auto;clear:both;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.gjs-am-assets-header{padding:5px}.gjs-am-add-asset .gjs-am-add-field{width:70%;float:left}.gjs-am-add-asset button{width:25%;float:right}.gjs-am-preview-cont{position:relative;height:70px;width:30%;background-color:#444;border-radius:2px;float:left;overflow:hidden}.gjs-am-preview{position:absolute;background-position:center center;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;z-index:1}.gjs-am-preview-bg{opacity:.5;filter:alpha(opacity=50);position:absolute;height:100%;width:100%;z-index:0}.gjs-am-dimensions{opacity:.5;filter:alpha(opacity=50);font-size:10px}.gjs-am-meta{width:70%;float:left;font-size:12px;padding:5px 0 0 5px;box-sizing:border-box}.gjs-am-meta>div{margin-bottom:5px}.gjs-am-close{cursor:pointer;position:absolute;right:5px;top:0;display:none}.gjs-am-asset{border-bottom:1px solid rgba(0,0,0,0.2);padding:5px;cursor:pointer;position:relative;box-sizing:border-box;width:100%}.gjs-am-asset:hover .gjs-am-close{display:block}.gjs-am-highlight{background-color:rgba(255,255,255,0.1)}.gjs-am-assets-cont{background-color:rgba(0,0,0,0.1);border-radius:3px;box-sizing:border-box;padding:10px;width:45%;float:right;height:325px;overflow:hidden}.gjs-am-file-uploader{width:55%;float:left}.gjs-am-file-uploader>form{background-color:rgba(0,0,0,0.1);border:2px dashed;border-radius:3px;position:relative;text-align:center;margin-bottom:15px}.gjs-am-file-uploader>form.gjs-am-hover{border:2px solid #62c462;color:#75cb75}.gjs-am-file-uploader>form.gjs-am-disabled{border-color:red}.gjs-am-file-uploader>form #gjs-am-uploadFile{opacity:0;filter:alpha(opacity=0);padding:150px 10px;width:100%;box-sizing:border-box}.gjs-am-file-uploader #gjs-am-title{position:absolute;padding:150px 10px;width:100%}.gjs-cm-editor-c{float:left;box-sizing:border-box;width:50%}.gjs-cm-editor-c .CodeMirror{height:450px}.gjs-cm-editor{font-size:12px}.gjs-cm-editor#gjs-cm-htmlmixed{padding-right:10px;border-right:1px solid rgba(0,0,0,0.2)}.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title{color:#a97d44}.gjs-cm-editor#gjs-cm-css{padding-left:10px}.gjs-cm-editor#gjs-cm-css #gjs-cm-title{color:#ddca7e}.gjs-cm-editor #gjs-cm-title{background-color:rgba(0,0,0,0.2);font-size:12px;padding:5px 10px 3px;text-align:right}.gjs-rte-toolbar{border:1px solid rgba(0,0,0,0.2);position:absolute;border-radius:3px;z-index:10}.gjs-rte-actionbar{display:flex}.gjs-rte-action{display:flex;align-items:center;justify-content:center;padding:5px;min-width:25px;border-right:1px solid rgba(0,0,0,0.2);text-align:center;cursor:pointer;outline:none}.gjs-rte-action:last-child{border-right:none}.gjs-rte-action:hover{background-color:rgba(255,255,255,0.1)}.gjs-rte-active{background-color:rgba(255,255,255,0.1)}.gjs-rte-disabled{color:rgba(255,255,255,0.1);cursor:not-allowed}.gjs-rte-disabled:hover{background-color:unset}.gjs-editor-cont .sp-hue,.gjs-editor-cont .sp-slider{cursor:row-resize}.gjs-editor-cont .sp-color,.gjs-editor-cont .sp-dragger{cursor:crosshair}.gjs-editor-cont .sp-alpha-inner,.gjs-editor-cont .sp-alpha-handle{cursor:col-resize}.gjs-editor-cont .sp-hue{left:90%}.gjs-editor-cont .sp-color{right:15%}.gjs-editor-cont .sp-container{border:1px solid rgba(0,0,0,0.2);box-shadow:0 0 7px rgba(0,0,0,0.2);border-radius:3px}.gjs-editor-cont .sp-picker-container{border:none}.gjs-editor-cont .colpick_dark .colpick_color{outline:1px solid rgba(0,0,0,0.2)}.gjs-editor-cont .sp-cancel,.gjs-editor-cont .sp-cancel:hover{bottom:-8px;color:#777 !important;font-size:25px;left:0;position:absolute;text-decoration:none}.gjs-editor-cont .sp-alpha-handle{background-color:#ccc;border:1px solid #555;width:4px}.gjs-editor-cont .sp-color,.gjs-editor-cont .sp-hue{border:1px solid #333333}.gjs-editor-cont .sp-slider{background-color:#ccc;border:1px solid #555;height:3px;left:-4px;width:22px}.gjs-editor-cont .sp-dragger{background:transparent;box-shadow:0 0 0 1px #111}.gjs-editor-cont .sp-button-container{float:none;width:100%;position:relative;text-align:right}.gjs-editor-cont .sp-container button,.gjs-editor-cont .sp-container button:hover,.gjs-editor-cont .sp-container button:active{background:rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.2);color:#ddd;text-shadow:none;box-shadow:none;padding:3px 5px}.gjs-editor-cont .sp-palette-container{border:none;float:none;margin:0;padding:5px 10px 0}.gjs-editor-cont .sp-palette .sp-thumb-el,.gjs-editor-cont .sp-palette .sp-thumb-el:hover{border:1px solid rgba(0,0,0,0.9)}.gjs-editor-cont .sp-palette .sp-thumb-el:hover,.gjs-editor-cont .sp-palette .sp-thumb-el.sp-thumb-active{border-color:rgba(0,0,0,0.9)}.gjs-hidden{display:none}@keyframes gjs-slide-down{0%{transform:translate(0, -3rem);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes gjs-slide-up{0%{transform:translate(0, 0);opacity:1}100%{transform:translate(0, -3rem);opacity:0}}.cm-s-hopscotch span.cm-error{color:#ffffff}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.default-blocks .gjs-blocks-c {
  display: flex;
  justify-content: flex-start;
}
.default-blocks .gjs-block {
  width: 121px;
  height: 121px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  margin: 0 4px 8px 4px;
  padding: 8px;
}
.default-blocks .block-title {
  margin-bottom: 8px;
}
.default-blocks .bloc-placeholder-wrapper {
  height: 65px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.default-blocks .bloc-placeholder-wrapper .block-placeholder {
  background-color: #d8d8d8;
  margin: 0 auto;
}
.default-blocks .bloc-placeholder-wrapper .material-icons {
  color: #d8d8d8;
  margin: auto;
  max-width: unset;
}
.default-blocks .image-block .material-icons,
.default-blocks .video-block .material-icons {
  font-size: 47px;
}
.default-blocks .content-block-block-placeholder-wrapper {
  display: flex;
}
.default-blocks .content-block-block-placeholder-wrapper .material-icons {
  font-size: 31px;
}
.default-blocks .card-block .material-icons {
  font-size: 21px;
}
.default-blocks .card-block .xx-placeholder {
  color: #d8d8d8;
  margin: auto;
  font-size: 31px;
}
.default-blocks .attachments-block .attachments-icon {
  width: 41px;
  height: 41px;
  margin: auto;
  opacity: 0.5;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.template-builder {
  border: 1px solid #E7E7E7;
  margin: 16px;
}
.template-builder .template-builder-canvas {
  background-color: #f5f5f5;
  border-right: 1px solid #d8d8d8;
}
.template-builder .canvas {
  margin: auto;
  width: 90%;
  transition: width 0.5s ease;
}
.template-builder .canvas .gjs-frame-wrapper {
  width: 100% !important;
}
.template-builder .canvas .gjs-editor {
  background-color: #f5f5f5;
}
.template-builder .canvas .gjs-editor .gjs-cv-canvas {
  width: 100%;
  height: 669px;
  position: relative;
  top: 32px;
  margin: auto;
  transition: width 0.5s ease;
}
.template-builder .canvas.device-Tablet {
  width: 768px;
}
.template-builder .canvas.device-Tablet .gjs-cv-canvas {
  width: 768px;
}
.template-builder .canvas.device-Mobile {
  width: 320px;
}
.template-builder .canvas.device-Mobile .gjs-cv-canvas {
  width: 320px;
}
.template-builder .gjs-two-color {
  color: inherit;
}
.template-builder .template-builder-blocks {
  padding: 16px;
  width: 600px;
  background-color: #fff;
}
.template-builder .template-builder-blocks .gjs-blocks-c,
.template-builder .template-builder-blocks .gjs-block {
  background-color: #fff;
}
.template-builder .template-builder-blocks .gjs-blocks-c:hover,
.template-builder .template-builder-blocks .gjs-block:hover {
  color: inherit;
}
.template-builder .template-builder-blocks .block-group {
  margin-top: 16px;
}
.template-builder .template-builder-blocks .block-group .block-group-tile {
  color: #282828;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.template-builder .editor-commands {
  border-bottom: 1px solid #d8d8d8;
}
.template-builder .display-commands .material-icons:not(.current-device) {
  color: #979797;
}
.template-builder .commands-panel button {
  min-width: unset;
  height: 33px;
}
.template-builder .commands-panel .material-icons,
.template-builder .commands-panel .fa {
  font-size: 21px;
}

.MuiPickersClockNumber-clockNumber.disabled {
  opacity: 0.25;
}

.notification-type-selector .notification-nps-type {
  width: 13px;
  margin-bottom: 6px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.filter-selector.user-selector .filter-selector-popover {
  max-width: 400px;
}
.filter-selector.user-selector .react-select-dropdown__menu {
  position: relative;
  box-shadow: none;
  border-top: 1px solid #DADADA;
  border-radius: 0px;
}
.filter-selector.user-selector .react-select-dropdown__menu .react-select-dropdown__menu-list {
  height: 220px;
}
.filter-selector.user-selector .react-select-dropdown__indicators {
  cursor: default;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.filter-selector.user-selector .react-select-dropdown__value-container {
  margin-right: 30px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-events-filter-bar {
  background: #F5F5F5;
  z-index: 500;
}
.timeline-events-filter-bar .account-profile-timeline-filter {
  height: 65px;
  margin: 0;
  display: flex;
  align-items: center;
}
.timeline-events-filter-bar .account-profile-timeline-filter .agenda-filter {
  position: relative;
}
.timeline-events-filter-bar .account-profile-timeline-filter .agenda-filter .period-label {
  position: absolute;
  top: -10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.events-no-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.events-no-result p {
  font-size: 16px;
  color: #757575;
  margin-bottom: 18px;
  text-align: center;
}
.timeline-events-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  list-style: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}
.timeline-events-wrapper > * {
  width: 100%;
}
.timeline-events-wrapper .timeline-events-filter-bar {
  position: sticky;
  top: calc( 64px + 135px - 4px);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.unsaved-button-selector {
  background-color: #49B79A;
  color: #fff;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  height: 30px;
}
.unsaved-button-selector .save-button-selector {
  padding: 3px 8px;
  text-transform: uppercase;
  font-size: 13px;
  height: 30px;
  line-height: 26px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.unsaved-button-selector .save-button-selector.disabled {
  background-color: #d8d8d8;
  border-right: 1px solid transparent;
  cursor: auto;
}
.unsaved-button-selector .save-selector-dropdown-button {
  padding: 3px 7px;
}
.unsaved-button-selector .save-selector-dropdown-button i {
  font-size: 14px;
}
.actions-dropdown-list-popover.segment-save-dropdown .action-dropdown-item {
  padding-left: 15px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.upgrade-for-feature {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  border-radius: 3px;
}
.upgrade-for-feature .material-icon {
  height: 28px;
  width: 16px;
}
.upgrade-for-feature .view-button {
  margin: 4px;
  padding: 2px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.users-team-role-table {
  padding: 0 30px 0px 15px;
}
.users-team-role-table .add-team-row {
  display: flex;
  align-items: center;
  margin-top: 8px;
  color: #5DACD2;
  height: 35px;
  font-size: 13px;
  cursor: pointer;
}
.users-team-role-table .add-team-row span {
  margin-right: 70px;
  line-height: 25px;
}
.users-team-role-table .add-team-row .react-select-dropdown-container {
  color: #282828;
  width: 220px;
}
.users-team-role-table .add-team-row .fa {
  margin-right: 10px;
}
.users-team-role-table .ReactTable.totango-table.users-team-role {
  margin-top: 25px;
  font-size: 13px;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-table {
  border-bottom: none;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-tr-group {
  border-bottom: #E7E7E7 1px solid;
  padding-right: 22px;
}
.users-team-role-table .ReactTable.totango-table.users-team-role div.rt-tr {
  align-items: center;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-th,
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-td {
  border: none;
  padding: 2px;
  position: relative;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-th:last-child,
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-td:last-child {
  padding: 2px;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-th:first-child,
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-td:first-child {
  padding: 2px;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-th .team-icon-display,
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-td .team-icon-display {
  margin-top: 5px;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-td:last-child {
  border-right: none;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-thead {
  text-transform: uppercase;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-thead .rt-th {
  text-transform: uppercase;
  color: #a8a8a8;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-thead .rt-th:last-child {
  border-right: none;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .rt-thead.-header {
  height: 30px;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .role-cell {
  padding-right: 15px;
  min-width: 200px;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .role-cell .text {
  color: #a8a8a8;
}
.users-team-role-table .ReactTable.totango-table.users-team-role .user-role-dropdown-picker {
  overflow: visible;
}
.users-team-role-table .react-select-dropdown__control,
.users-team-role-table .react-select-dropdown-container,
.users-team-role-table .react-select-dropdown__value-container {
  min-height: 25px;
  height: 25px;
}
.users-team-role-table .react-select-dropdown__control .react-select-dropdown__indicator {
  padding-top: 0;
  padding-bottom: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-wizard-navigation-container {
  margin: 20px 25%;
  width: 50%;
}
.react-wizard-navigation-container .line {
  position: relative;
  top: 12px;
  margin: 0 auto;
  width: 132%;
  left: -100px;
}
.react-wizard-navigation-container .stacked-steps {
  display: flex;
  justify-content: space-evenly;
}
.react-wizard-navigation-container .stacked-steps .stacked-step-container {
  z-index: 2;
  margin: 0 80px;
  white-space: nowrap;
}
.react-wizard-navigation-container .stacked-steps .stacked-step-container .stacked-step-number {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #e1e2e3;
  border-radius: 14px;
  line-height: 21px;
  color: #fff;
  font-size: 10px;
  cursor: default;
}
.react-wizard-navigation-container .stacked-steps .stacked-step-container .stacked-step-title {
  margin-top: 6px;
  font-size: 11px;
  line-height: 16px;
}
.react-wizard-navigation-container .stacked-steps .stacked-step-container.active .stacked-step-number {
  background-color: #3FAD90;
}
.react-wizard-navigation-container .stacked-steps .stacked-step-container.active .stacked-step-title {
  color: #282828;
}
.react-wizard-navigation-container .stacked-steps .stacked-step-container.visited .stacked-step-title {
  color: #282828;
}
.react-wizard-navigation-container .stacked-steps .stacked-step-container.visited .stacked-step-number {
  background-color: #fff;
  border: 1px solid #3FAD90;
  color: #3FAD90;
}
.react-wizard-navigation-container .stacked-steps .stacked-step-container.enabled .stacked-step-number {
  cursor: pointer;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-details-modal .confirmation-dialog-paper {
  height: 756px;
  width: 1295px;
  max-width: 1295px;
  margin: 0;
}
.campaign-details-modal .dialog-content {
  margin-top: 16px;
  padding: 0;
}
.campaign-details-modal .campaign-main-data {
  display: flex;
}
.campaign-details-modal .campaign-title {
  max-width: 80%;
}
.campaign-details-modal .flex-centered {
  display: flex;
  align-items: center;
}
.campaign-details-modal .flex-top {
  display: flex;
  align-items: flex-start;
}
.campaign-details-modal .gray-500 {
  color: #757575;
}
.campaign-details-modal .campaign-successflow {
  margin-left: 8px;
  color: #979797;
}
.campaign-details-modal .campaign-data-wrapper {
  display: flex;
}
.campaign-details-modal .campaign-content-wrapper {
  border-right: 1px solid #E7E7E7;
  padding-right: 32px;
}
.campaign-details-modal .campaign-content {
  width: 770px;
  min-height: 555px;
  background: #f5f5f5;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #E7E7E7;
}
.campaign-details-modal .campaign-content .content-section {
  margin-bottom: 16px;
}
.campaign-details-modal .campaign-content .content-section .content-section-title {
  width: 60px;
}
.campaign-details-modal .campaign-content .viewing-as {
  text-align: center;
  margin-bottom: 16px;
}
.campaign-details-modal .campaign-preview-loader {
  height: 460px;
}
.campaign-details-modal .text-loader {
  width: 150px;
}
.campaign-details-modal .campaign-preview {
  width: 580px;
  height: auto;
  margin: auto;
}
.campaign-details-modal .campaign-preview iframe {
  width: 100%;
}
.campaign-details-modal .campaign-preview .campaign-preview-template {
  border: none;
  height: auto;
  --preview-size: 580px;
  width: 100%;
}
.campaign-details-modal .campaign-preview.custom {
  width: initial;
}
.campaign-details-modal .campaign-preview.custom .campaign-preview-template {
  --preview-size: 736px;
}
.campaign-details-modal .campaign-preview.from-image {
  width: 100%;
}
.campaign-details-modal .campaign-preview.from-image .campaign-preview-template,
.campaign-details-modal .campaign-preview.from-image .campaign-preview-image-template {
  width: 100%;
}
.campaign-details-modal .section-title {
  margin-bottom: 8px;
}
.campaign-details-modal .campaign-metadata {
  margin-top: 16px;
  padding-left: 32px;
}
.campaign-details-modal .campaign-metadata > div:not(:last-child) {
  margin-bottom: 32px;
}
.campaign-details-modal .campaign-metadata .account-summary {
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 16px;
}
.campaign-details-modal .campaign-metadata .account-summary .summary-stats {
  display: flex;
}
.campaign-details-modal .campaign-metadata .account-summary .summary-stats .stats-box {
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 8px;
  width: 175px;
  height: 85px;
}
.campaign-details-modal .campaign-metadata .account-summary .summary-stats .stats-box:first-of-type {
  margin-right: 8px;
}
.campaign-details-modal .campaign-metadata .account-summary .summary-stats .stats-box .stats-box-title {
  margin-bottom: 4px;
}
.campaign-details-modal .campaign-metadata .account-summary .summary-stats .stats-box .circle {
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 50%;
  text-align: center;
  margin-right: 4px;
}
.campaign-details-modal .campaign-metadata .account-summary .last-delivery-date {
  margin-top: 8px;
}
.campaign-details-modal .campaign-metadata .campaign-setup .setup-title {
  width: 80px;
  min-width: 80px;
}
.campaign-details-modal .segment-filters {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.campaign-details-modal .segment-filters .segment-filters-container {
  width: 300px;
  margin: 0;
}
.campaign-details-modal .goal-criteria .segment-filter-label {
  background: transparent;
  border: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-profile-widget-react .widget-header {
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 1px solid #E7E7E7;
}
.account-profile-widget-react .widget-btn {
  background-color: #58A8CD;
  padding: 4px 9px;
  border-radius: 4px !important;
  font-size: 10px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  border-color: transparent;
  color: #fff;
  margin: 4px;
}
.account-profile-widget-react .widget-zero-state {
  text-align: center;
  height: 150px;
  line-height: 150px;
  font-size: 10px;
  text-transform: uppercase;
  color: #757575;
}
.account-profile-widget-react .account-widget-footer {
  border-top: 1px solid #e6e7e8;
  text-transform: uppercase;
  padding: 10px 15px;
  width: 100%;
}
.scroll-list-style::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}
.scroll-list-style::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #c3c3c3;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-campaigns-widget .widget-content {
  padding: 0 24px;
}
.account-campaigns-widget .no-data {
  text-align: center;
  margin-top: 16px;
}
.account-campaigns-widget .stats {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.account-campaigns-widget .stats .stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 70px;
  justify-content: space-between;
}
.account-campaigns-widget .stats .stat .circle {
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 50%;
  text-align: center;
}
.account-campaigns-widget .latest-campaign {
  display: flex;
  margin-top: 16px;
  padding: 16px 0;
  border-top: 1px solid #E7E7E7;
}
.account-campaigns-widget .latest-campaign:not(:hover) .view-campaign-button button {
  visibility: hidden;
}
.account-campaigns-widget .campaign-item .campaign-details {
  width: 310px;
}
.account-campaigns-widget .campaign-description,
.account-campaigns-widget .deliver-date-wrapper,
.account-campaigns-widget .stat .title {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collection-table-no-data {
  padding: 20px;
}
.collection-table-no-data .rectangle {
  background-color: #EEEEEE;
  align-items: center;
  font-size: 35px;
  height: 76px;
  width: 100px;
  border-radius: 4px;
  display: flex;
  margin: auto;
}
.collection-table-no-data .rectangle .fa {
  margin: auto;
}
.collection-table-no-data .message {
  line-height: 10px;
  padding-top: 13px;
}
.collection-table .collection-table-header {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #e8e8e8;
}
.collection-table .collection-table-header .react-search-input {
  margin: 10px;
}
.collection-table .paging-controller {
  height: 40px;
}
.collection-table .rt-thead .rt-th.actions-cell {
  height: 39px;
  position: absolute;
  right: 0;
  border-left: 1px solid #e6e7e8;
  border-right: 1px solid #e6e7e8;
  background: #fff;
  z-index: 1;
}
.collection-table .rt-thead .rt-th.actions-cell .actions-dropdown-list {
  height: 21px;
}
.collection-table .actions-cell {
  position: absolute;
  right: 0;
  border-left: 1px solid #e6e7e8;
  border-right: 1px solid #e6e7e8;
  background: #fff;
  z-index: 1;
}
.collection-table .actions-cell .actions-dropdown-list {
  height: 21px;
}
.collection-table .rt-td {
  min-height: 51px;
}
.collection-table .direct-access-list-table-view-wrapper {
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
  max-height: 400px;
  border-top: 1px solid #e6e7e8;
}
.collection-table .direct-access-list-table-view-wrapper .table-row {
  flex: 0 0 auto;
  padding: 0 24px;
  min-width: 100%;
  border-bottom: 1px solid #e6e7e8;
}
.collection-table .direct-access-list-table-view-wrapper .table-row .header-col {
  color: #757575;
  text-transform: uppercase;
}
.collection-table .direct-access-list-table-view-wrapper .table-row .child-col {
  width: 250px;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.team-table-display-cell {
  display: flex;
  align-items: center;
}
.team-table-display-cell .team-name-wrapper {
  margin-left: 10px;
  width: calc(100% - 50px);
}
.team-table-display-cell .team-name-wrapper .team-name {
  font-size: 16px;
}
.team-table-display-cell .team-name-wrapper .team-desc {
  font-size: 12px;
  color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team-table-status-cell {
  border: 1px solid #40AC90;
  border-radius: 2px;
  display: inline-block;
  padding: 0px 3px;
  font-size: 11px;
  color: #40AC90;
  line-height: 15px;
}
.team-table-account-num .warning {
  font-size: 13px;
  color: #757575;
}
.team-table-account-num .warning .fa {
  margin-right: 3px;
}
.team-table-account-num .loading-placeholder {
  width: 60px;
  height: 6px;
}
.remove-team-cell {
  text-align: right;
  padding-right: 16px;
  margin-right: 10px;
  width: 40px;
  margin-left: auto;
  cursor: pointer;
}
.remove-team-cell:hover {
  color: #a8a8a8;
}

.attribute-definition {
  margin: 5px 0;
  display: flex;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.toggle-item-show .fa:not(.showing) {
  color: #282828;
}

.reorder-item {
  display: flex;
}
.reorder-item .fa-arrow-up,
.reorder-item .fa-arrow-down {
  width: 13px;
}

.privilieged-item {
  margin-top: -4px;
}
.privilieged-item .action-item.disabled {
  opacity: 0.6;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.form-has-invalid .invalid {
  border: 1px solid #C0392B;
}
.edit-collection-modal {
  width: 850px;
  top: 5%;
  bottom: 5%;
  overflow: hidden;
  background-color: #fff;
}
.edit-collection-modal .modal-header {
  font-size: 20px;
}
@media (min-height: 1080px) {
  .edit-collection-modal {
    height: 810px;
  }
  .edit-collection-modal .modal-body {
    height: 650px;
  }
}
@media (min-height: 768px) and (max-height: 1080px) {
  .edit-collection-modal {
    height: 710px;
  }
  .edit-collection-modal .modal-body {
    height: 550px;
  }
}
@media (max-height: 768px) {
  .edit-collection-modal {
    height: 610px;
  }
  .edit-collection-modal .modal-body {
    height: 450px;
  }
}
.edit-collection-modal .modal-content {
  padding: 25px;
  overflow: hidden;
}
.edit-collection-modal .modal-content .modal-body {
  overflow-y: auto;
}
.edit-collection-modal .modal-content .modal-body .error {
  font-size: 16px;
  text-align: center;
  margin-top: 30px;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section {
  margin-bottom: 20px;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section .modal-section-title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  margin-bottom: 10px;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section .attribute-input {
  margin-top: 5px;
  margin-right: 15px;
  width: 150px;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section .attribute-input .form-control {
  height: 37px;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section.information-header {
  margin-top: 16px;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section.information-header .modal-subtitle {
  font-size: 17px;
  margin-bottom: 13px;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section .collection-keys-row {
  display: flex;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section .attribute-row {
  display: flex;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section .attribute-row button {
  display: inline-block;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.edit-collection-modal .modal-content .modal-body .collection-data .modal-section .add-item-button {
  margin: 20px 0;
}
.edit-collection-modal .modal-content .modal-body .collection-data .editable-checkbox {
  margin-top: 8px;
  margin-bottom: 0;
}
.edit-collection-modal .modal-content .modal-body .collection-data .editable-checkbox span:first-of-type {
  padding-top: 0;
  padding-bottom: 0;
}
.edit-collection-modal .modal-content .modal-footer {
  margin-top: 15px;
}
.edit-collection-modal .modal-content .modal-footer .action-buttons {
  display: flex;
  justify-content: space-between;
}
.edit-collection-modal .modal-content .modal-footer .action-buttons .invisible {
  visibility: hidden;
}
.edit-collection-modal .collection-nameError {
  color: #ef3d4e;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.edit-collection-modal .collection-nameError_visible {
  opacity: 1;
}
.disable-delete-modal .link {
  cursor: pointer;
}
.delete-collection-modal {
  width: 600px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collection-widget-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.collection-widget-header .header-actions {
  display: flex;
  align-items: center;
}
.collection-widget-header .header-actions .react-search-input {
  margin-bottom: 0;
  border-color: #e6e7e8;
}
.collection-widget-header .header-actions .react-search-input span {
  top: 0;
}
.collection-widget-header .header-actions .react-search-input .search-glass-icon {
  color: #5DACD2;
}
.collection-widget-header .header-actions .react-search-input .search-glass-icon i {
  font-size: 14px;
}
.collection-widget-header .header-actions .react-search-input .reach-search-input-element {
  height: 26px;
  margin-top: 1px;
}

.collection-table .ReactTable.totango-table .rt-thead .rt-th {
  padding: 10px 10px 15px;
}
.collection-table .tp-user-cell .account-gravatar-container:not(:first-child) {
  margin-left: 15px;
}
.collection-widget .see-full-screen-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.collection-widget .error-message {
  text-align: center;
  line-height: 150px;
  height: 100%;
}
.collection-widget .error-message p {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}
.collection-widget .open-widget-button {
  cursor: pointer;
}
.collection-widget .open-widget-button img {
  margin-right: 12px;
  width: 13px;
}
.collection-widget .custom-icon-wrapper {
  cursor: pointer;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.collection-widget .custom-icon-wrapper .plus-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.collection-widget-modal .confirmation-dialog-paper {
  width: 90vw;
  height: 90vh;
  max-width: initial;
}
.collection-widget-modal .Table__pagination {
  position: absolute;
  right: 0;
  top: -60px;
}
.collection-widget-modal .filter-row {
  margin-right: 160px;
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}
.collection-widget-modal .filter-row .react-search-input {
  margin: 0 16px 0 auto;
}
.collection-widget-modal .filter-row .custom-icon-wrapper {
  cursor: pointer;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.collection-widget-modal .filter-row .custom-icon-wrapper .plus-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.collection-widget-modal .dialog-title {
  margin-bottom: 12px;
}
.collection-widget-modal .dialog-title .title {
  display: flex;
  align-items: center;
}
.collection-widget-modal .dialog-title .account-name {
  margin-left: 16px;
}
.collection-widget-modal .collection-table .rt-table {
  border: 1px solid #e8e8e8;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.direct-access-data .preview-message {
  margin: 15px;
  padding: 5px;
  border: 1px solid #dddddd;
}
.direct-access-data .preview-message .warning-text {
  color: red;
}
.direct-access-data .collection-table-header {
  justify-content: space-between;
}
.direct-access-data .collection-table-header .direct-access-summaries {
  display: flex;
  max-width: 70%;
}
.direct-access-data .collection-table-header .direct-access-summaries .summary-bubble-wrapper {
  padding: 9px 10px;
  margin: 10px;
  border: 1px solid #dddddd;
  border-radius: 18px;
  height: 36px;
  overflow: hidden;
  min-width: 20%;
}
.direct-access-data .collection-table-header .direct-access-summaries .summary-bubble-wrapper .loading-placeholder {
  position: relative;
  top: -4px;
  height: 10px;
  width: 60px;
  margin-top: 7px;
}
.direct-access-data .collection-table-header .direct-access-summaries .summary-bubble-wrapper .summary-bubble-data {
  position: relative;
  top: -2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.direct-access-data .collection-table-header .direct-access-summaries .summary-bubble-wrapper .summary-bubble-data .summary-bubble-value {
  margin-right: 10px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.direct-access-data .collection-table-header .direct-access-summaries .summary-bubble-wrapper .summary-bubble-data .summary-bubble-title {
  color: #757575;
}
.direct-access-data .header {
  display: flex;
  justify-content: space-between;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.successflow-status-container {
  border: 1px solid #dddddd;
  padding: 10px 20px 10px 20px;
  margin-right: 10px;
  border-radius: 5px;
  height: 80px;
  display: inline-block;
}
.successflow-status-container.hasEvent:hover {
  border: 1px solid #19B698;
  cursor: pointer;
}
.successflow-status-container .event-desc-wrapper {
  top: unset;
  text-align: left;
}
.successflow-status-container .event-desc-wrapper .event-desc {
  position: relative;
  top: -3px;
  font-size: 12px;
  line-height: 17px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.successflow-status-container .event-desc-wrapper .stage-info-wrapper {
  height: 25px;
  margin-bottom: 2px;
}
.successflow-status-container .event-desc-wrapper .stage-info-wrapper .custom-label-icon {
  padding-top: 3px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
}
.successflow-status-container .event-desc-wrapper .stage-info-wrapper .lifecycle-dropdown__single-value {
  text-transform: uppercase;
}
.successflow-status-container .event-desc-wrapper .custom-label-icon {
  padding-top: 3px;
  font-size: 11px;
  color: #757575;
  font-weight: 600;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.successflow-status-container .event-desc-wrapper .custom-label-icon i {
  padding-right: 4px;
  font-size: 12px;
}
.successflow-status-container .event-desc-wrapper .event-timestamp {
  color: #5b5b5b;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
}
.successflow-status-container.loader-wrapper {
  min-width: 150px;
}
.successflow-status-container.loader-wrapper .event-loader-desc .background-masker.header-top,
.successflow-status-container.loader-wrapper .event-loader-timestamp .background-masker.header-top {
  height: 30%;
}
.successflow-status-container.loader-wrapper .event-loader-timestamp .background-masker.header-right {
  width: 20%;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.lifecycle-popover__item {
  white-space: pre-wrap;
}
.popover-status-wrapper {
  padding: 10px;
  color: #282828;
  width: 300px;
  max-width: 300px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: none;
}
.popover-status-wrapper.popover.bottom {
  margin-top: 0px;
}
.popover-status-wrapper .popover-title-wrapper {
  padding: 5px;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.popover-status-wrapper .popover-content {
  padding: 0px 0px 5px;
}
.popover-status-wrapper .lifeycle-popover-time {
  padding: 5px 0px 0px 6px;
  word-break: break-word;
}
.popover-status-wrapper .lifeycle-popover-time .date {
  color: #757575;
  margin-left: 8px;
  font-weight: 500;
  font-size: smaller;
}
.popover-status-wrapper .lifeycle-popover-content {
  padding: 0px;
  word-break: break-word;
}
.popover-status-wrapper .lifeycle-popover-content .activity-type-wrapper {
  float: left;
}
.popover-status-wrapper .lifeycle-popover-content .activity-type-wrapper .activity-type-icon-wrapper {
  width: 100%;
}
.popover-status-wrapper .lifeycle-popover-content .lifeycle-popover-desc {
  padding-left: 40px;
}
.popover-status-wrapper .lifeycle-popover-content .lifeycle-popover-desc .item-title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.popover-status-wrapper .lifeycle-popover-content .lifeycle-popover-desc .campaigns-icon {
  color: #3FAD90;
  margin-right: 1px;
}
.popover-status-wrapper .lifeycle-popover-content .lifeycle-popover-desc .icon-touchpoint {
  padding-top: 3px;
  color: #5DACD2;
  margin-right: 5px;
}
.popover-status-wrapper .lifeycle-popover-content .lifeycle-popover-timestamp {
  color: #c7c8ca;
  font-size: 10px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.success-flow-status-wrapper {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.success-flow-status-wrapper .zero-state-status-wrapper {
  color: #757575;
}
.sf-status-wrapper {
  padding: 15px 0px 15px 0px;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  height: 110px;
  margin: 0px 10px 0px 10px;
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 black;
  transition: color 0.3s ease;
}
.sf-status-wrapper:hover {
  color: rgba(0, 0, 0, 0.3);
}
.sf-status-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 7px;
  width: 7px;
  background-clip: padding-box;
}
.sf-status-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  box-shadow: inset 0 0 0 10px;
}
.sf-status-wrapper.inTimeline {
  padding: unset;
}
.sf-status-wrapper.inTimeline .paging-controller {
  top: 2px;
}
.sf-status-wrapper .paging-controller {
  position: absolute;
  color: #757575;
  top: 15px;
  display: flex;
  left: 180px;
}
.sf-status-wrapper .paging-controller .paging-text {
  min-width: 60px;
}
.sf-status-wrapper .paging-controller .paging-buttons {
  top: -8px;
}
.sf-status-wrapper .paging-controller .paging-buttons .paging-btn {
  padding: 5px 5px;
}
.no-status-msg {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #BFBFBF;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.csat-score-avg {
  padding: 12px 30px;
  border-bottom: 1px solid #e6e7e8;
}
.csat-score-avg img {
  height: 15px;
  width: 15px;
  margin: 0 5px 5px 5px;
}
.csat-score-avg .csat-score-attribute {
  color: #282828;
  font-size: 14px;
  margin-right: 10px;
}
.csat-score-avg .csat-score-avg-title {
  font-size: 16px;
  font-weight: 600;
}
.csat-score-avg .csat-score-responses {
  margin-left: 12px;
  color: #757575;
  font-size: 12px;
}

.survey-responses-widget-header {
  text-transform: none;
  flex: 1;
  margin-left: 20px;
}
.survey-responses-widget-header .dropdown-multiple-selector,
.survey-responses-widget-header .dropdown-multiple-selector__menu {
  width: auto;
  min-width: 150px;
}
.survey-responses-widget-header .dropdown-multiple-selector .dropdown-multiple-selector__single-value {
  margin: 0;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collection-table .ReactTable.totango-table .rt-thead .rt-th {
  padding: 10px 10px 15px;
}
.collection-table .tp-user-cell .account-gravatar-container:not(:first-child) {
  margin-left: 15px;
}
.collection-widget .see-full-screen-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.collection-widget .error-message {
  text-align: center;
  line-height: 150px;
  height: 100%;
}
.collection-widget .error-message p {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}
.collection-widget .open-widget-button {
  cursor: pointer;
}
.collection-widget .open-widget-button img {
  margin-right: 12px;
  width: 13px;
}
.collection-widget .custom-icon-wrapper {
  cursor: pointer;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.collection-widget .custom-icon-wrapper .plus-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.collection-widget-modal .confirmation-dialog-paper {
  width: 90vw;
  height: 90vh;
  max-width: initial;
}
.collection-widget-modal .Table__pagination {
  position: absolute;
  right: 0;
  top: -60px;
}
.collection-widget-modal .filter-row {
  margin-right: 160px;
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}
.collection-widget-modal .filter-row .react-search-input {
  margin: 0 16px 0 auto;
}
.collection-widget-modal .filter-row .custom-icon-wrapper {
  cursor: pointer;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.collection-widget-modal .filter-row .custom-icon-wrapper .plus-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.collection-widget-modal .dialog-title {
  margin-bottom: 12px;
}
.collection-widget-modal .dialog-title .title {
  display: flex;
  align-items: center;
}
.collection-widget-modal .dialog-title .account-name {
  margin-left: 16px;
}
.collection-widget-modal .collection-table .rt-table {
  border: 1px solid #e8e8e8;
}
.profile-wrapper .account-profile-main-wrapper .profile-widgets-wrapper .widget div.collection-widget-header.header {
  padding-top: 3px;
  padding-bottom: 3px;
}
.survey-responses-widget .collection-table .rt-tbody .rt-td {
  height: 50px;
}
.survey-responses-widget .collection-table .rt-tbody .rt-td:first-child {
  padding-top: 10px;
  padding-bottom: 10px;
}
.survey-responses-widget .collection-table .survey-profile-text {
  text-transform: capitalize;
}
.survey-responses-widget .collection-table .survey-profile-text.promoter {
  color: #3FAD90;
}
.survey-responses-widget .collection-table .survey-profile-text.passive {
  color: #f7c900;
}
.survey-responses-widget .collection-table .survey-profile-text.detractor {
  color: #EF3D4E;
}

.account-types-main-page .account-types-list-container .settings-box .settings-row {
  display: flex;
  align-items: center;
}
.account-types-main-page .account-types-list-container .settings-box .settings-row .on-off-button.show-account-type {
  display: flex;
  margin: 5px 10px 0 151px;
}
.account-types-main-page .account-types-list-container .settings-box .settings-row .info-icon {
  margin-top: 5px;
  line-height: 15px;
}
.account-types-main-page .account-types-list-container .account-type-item-wrapper .view-account .link {
  margin-top: 4px;
  color: #5DACD2;
  text-decoration: none;
  outline: 0 none;
  cursor: pointer;
}
.account-types-tooltip {
  width: 244px;
}
.account-types-tooltip .switch {
  margin-top: 8px;
}
.account-types-tooltip .menu-item-description {
  margin-top: 12px;
  margin-bottom: 8px;
  max-height: none;
  line-height: 20px;
  width: 216px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.about-tab .loading-indicator {
  margin: auto;
}
.about-tab .head-box {
  padding: 24px 24px 16px;
}
.about-tab .headline-image-box {
  width: 132px;
  height: 132px;
  border: 1px solid #E7E7E7;
  border-radius: 16px;
  padding: 8px;
  margin: 0 auto;
}
.about-tab .headline-image-box .logo {
  width: 116px;
  height: 116px;
}
.about-tab .headline {
  font-size: 30px;
  text-align: left;
  padding-top: 40px;
  padding-bottom: 10px;
}
.about-tab .sb-summery {
  padding-left: 0;
}
.about-tab .sb-description-headline {
  width: 507px;
  font-size: 14px;
  text-align: left;
  padding-top: 5px;
}
.about-tab .sb-description-headline.by-label {
  color: #757575;
}
.about-tab .labels {
  margin-top: 13px;
}
.about-tab .sb-label {
  font-size: 12px;
  padding: 5px;
  background-color: #f2f9f7;
  margin: 0px 2px;
}
.about-tab .get-sb-box {
  padding-top: 37px;
}
.about-tab .box-border-top {
  border-top: 1px solid #E7E7E7;
}
.about-tab .about-image-carousel {
  margin-bottom: 20px;
  padding: 20px 0px;
  border-bottom: 1px solid #E7E7E7;
}
.about-tab .about-image-carousel.single-image .right-arrow {
  margin-left: auto;
}
.about-tab .about-image-carousel .uploadcare-widget-btn-browse {
  display: inline;
  margin-right: 5px;
}
.about-tab .about-image-carousel .uploadcare-widget-btn-browse .uploadcare--widget__button.uploadcare--widget__button_type_open {
  max-width: 64px;
  color: #3FAD90;
  border-radius: 4px;
  background-color: transparent;
  text-transform: uppercase;
  border-color: transparent;
  font-size: 13px;
  padding: 5px 5px 4px;
  margin-top: 0;
}
.about-tab .about-image-carousel .uploadcare-widget-btn-browse .uploadcare--widget__button.uploadcare--widget__button_type_open:hover {
  background-color: #E2F3EF;
  border-color: transparent;
}
.about-tab .about-image-carousel .upload-btn {
  float: left;
  margin-left: 185px;
  margin-top: 20px;
  display: flex;
  flex-direction: row-reverse;
}
.about-tab .about-image-carousel .upload-btn.disabled .uploadcare--widget__button_type_open {
  color: rgba(0, 0, 0, 0.26);
  pointer-events: none;
}
.about-tab .about-image-carousel .upload-row {
  display: flex;
  align-items: center;
}
.about-tab .about-image-carousel .upload-row .upload-video-btn {
  padding: 6px 8px 4px;
}
.about-tab .about-image-carousel .upload-row .upload-text {
  margin-left: 10px;
  width: 50px;
}
.about-tab .about-image-carousel .upload-row .image-icon {
  font-size: 22px;
}
.about-tab .about-image-carousel .upload-media-container {
  margin-top: 20px;
}
.about-tab .about-image-carousel .about-image-upload {
  background-color: #F5F5F5;
  min-height: 465px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 0 70px;
}
.about-tab .about-image-carousel .navigation-arrow i {
  color: #EEEEEE;
  font-size: 70px;
}
.about-tab .about-image-carousel .image-item {
  display: inline-block;
  position: relative;
}
.about-tab .about-image-carousel .image-item .about-image {
  object-fit: cover;
  border-radius: 10px;
  height: 420px;
  width: 725px;
  border: 1px solid #E7E7E7;
}
.about-tab .about-image-carousel .image-item .about-video {
  height: 420px;
  width: 725px;
}
.about-tab .about-image-carousel .image-item .popover-trigger-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: black;
  opacity: 0.3;
  height: 25px;
  width: 25px;
  border-radius: 20px;
  position: absolute;
  color: #fff;
  right: 10px;
  top: 10px;
}
.about-tab .about-image-carousel .carousel-navigate-btn {
  padding: 0;
}
.about-tab .about-image-carousel .carousel-navigate-btn:hover {
  background-color: transparent;
}
.about-tab .about-image-carousel .carousel-navigate-btn:hover .material-icons {
  background-color: #E2F3EF;
}
.about-tab .about-image-carousel .carousel-navigate-btn.right {
  margin: 0 0 0 10px;
}
.about-tab .about-image-carousel .carousel-navigate-btn.left {
  margin: 0 10px 0 0;
}
.about-tab .about-image-carousel .carousel-navigate-btn .material-icons {
  font-size: 36px;
  min-width: 55px;
  min-height: 55px;
  border-radius: 50%;
  line-height: 55px;
}
.about-tab .about-image-carousel .pagination {
  margin: 16px 0 0;
}
.about-tab .about-image-carousel .pagination .pagination-dot {
  width: 10px;
  height: 10px;
  background-color: #E7E7E7;
  border-radius: 100%;
  display: inline-block;
  margin: 0 4px;
}
.about-tab .about-image-carousel .pagination .pagination-dot.selected {
  background-color: #3fad90;
}
.about-tab .about-details-wrapper {
  padding: 0 70px;
}
.about-tab .about-details-wrapper .sb-main-content-headline {
  font-size: 24px;
  margin-bottom: 20px;
}
.about-tab .about-details-wrapper .about-description-wrapper {
  padding-right: 20px;
}
.about-tab .about-details-wrapper .about-description-wrapper .marketplace-resource-details-wrapper {
  margin-top: 50px;
}
.about-tab .about-details-wrapper .about-description-wrapper .draftJsEmojiPlugin__emojiSelectPopover__1J1s0 {
  top: 400px;
}
.about-tab .about-details-wrapper .about-description-wrapper .short-text-skeleton {
  width: 70%;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper {
  text-align: right;
  margin-left: auto;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .sb-separator {
  height: 309px;
  width: 1px;
  background-color: #E7E7E7;
  position: absolute;
  transform: translate(-208px, 0px);
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .mt25 {
  margin-top: 25px;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .sb-side-label {
  font-size: 12px;
  color: #757575;
  text-transform: uppercase;
  line-height: 18px;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .sb-setup-link-wrapper {
  margin: 4px 10px 0 auto;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .sb-setup-link-wrapper i {
  font-size: 13px;
  color: #5DACD2;
  vertical-align: middle;
  margin-left: 3px;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .about-detail {
  text-align: left;
  margin-bottom: 20px;
  padding-left: 68px;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .about-detail .totango-publisher-logo {
  margin-right: 2px;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .about-detail .totango-publisher-logo img {
  vertical-align: sub;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .about-detail .success-flow-labels {
  margin-top: 6px;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .about-detail .custom-label-icon {
  background-color: #F1F1F1;
}
.about-tab .about-details-wrapper .about-sidebar-wrapper .about-detail .custom-label-icon i {
  color: #282828;
}
.about-tab .about-details-wrapper .about-description-actions-wrapper {
  margin-top: 10px;
}
.about-tab .about-details-wrapper .about-description-actions-wrapper .save-description-btn {
  margin-right: 10px;
}
.about-tab .about-details-wrapper .about-description-actions-wrapper .edit-description-btn {
  display: block;
  margin-bottom: 8px;
}
.about-image-actions-popover hr {
  width: 80%;
  margin: auto;
}
.about-image-actions-popover i {
  font-size: 16px;
  margin-right: 5px;
}
.about-image-actions-popover .MuiMenuItem-root {
  min-height: 0;
}
.about-image-actions-popover .delete-action {
  color: #C0392B;
}
.upload-video-modal .confirmation-dialog-paper {
  width: 400px;
}
.upload-video-modal .confirmation-dialog-paper .dialog-content {
  padding: 10px;
}
.upload-video-modal .confirmation-dialog-paper .dialog-content .link-wrapper {
  display: flex;
  align-items: center;
}
.upload-video-modal .confirmation-dialog-paper .dialog-content .link-wrapper .youtube-icon {
  margin-right: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.marketplace-resource-details-wrapper .see-more-btn {
  margin: 20px;
  margin-bottom: 75px;
}
.marketplace-resource-details-wrapper .gallery-section {
  margin-top: 30px;
}
.marketplace-resource-details-wrapper .gallery-section .title .header-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  vertical-align: top;
  color: white;
  font-size: 12px;
  text-align: center;
}
.marketplace-resource-details-wrapper .gallery-section .title .header-icon.goals-and-kpi {
  background-color: #3FAD90;
}
.marketplace-resource-details-wrapper .gallery-section .title .header-icon.segment {
  background-color: #FFA400;
}
.marketplace-resource-details-wrapper .gallery-section .title .header-icon.reports {
  background-color: #402E65;
}
.marketplace-resource-details-wrapper .gallery-section .title .header-icon.assets {
  background-color: #5AC552;
}
.marketplace-resource-details-wrapper .gallery-section .title .header-icon.successplays {
  background-color: #5DACD2;
}
.marketplace-resource-details-wrapper .gallery-section .title .header-icon.campaigns {
  background-color: #8D6DFF;
}
.marketplace-resource-details-wrapper .gallery-section .title .header-icon i {
  vertical-align: middle;
}
.marketplace-resource-details-wrapper .gallery-section .title .header {
  margin-left: 5px;
}
.marketplace-resource-details-wrapper .gallery-section .title .description {
  color: #757575;
  margin-left: 25px;
}
.marketplace-resource-details-wrapper .gallery-section .content {
  display: flex;
  margin-top: 12px;
}
.marketplace-resource-details-wrapper .gallery-section .content .section-img {
  width: 120px;
  height: 100%;
}
.marketplace-resource-details-wrapper .gallery-section .content .detail {
  width: 90%;
  color: #282828;
}
.marketplace-resource-details-wrapper .gallery-section .content .detail .entry-info {
  width: 100%;
  font-size: 18px;
  padding-left: 42px;
  margin-bottom: 0;
}
.marketplace-resource-details-wrapper .gallery-section .content .detail .entry-info .extended-data {
  padding-left: 30px;
  list-style: disc;
}
.marketplace-resource-details-wrapper .gallery-section .content .detail .entry-info .extended-data li {
  font-size: 14px;
  line-height: 22px;
}
.marketplace-resource-details-wrapper .gallery-section .content .detail .expand-list {
  margin: 2px 0 0 30px;
  color: #5DACD2;
  cursor: pointer;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.get-item-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 10000;
  padding: 160px 0 0 0;
}
.get-item-loader .totango-logo {
  margin-bottom: 25px;
}
.get-item-loader .description {
  margin-top: 15px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.assets-tab {
  margin-top: -37px;
}
.assets-tab__content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 25px 0 25px;
}
.assets-tab__actions {
  height: 38px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.assets-tab__actionsSearchMessage {
  padding: 0 10px;
  font-size: 14px;
  line-height: 38px;
}
.assets-tab__header {
  position: sticky;
  top: 229px;
  display: flex;
  height: 50px;
  padding: 10px 10px 10px 15px;
  background-color: #fff;
  border-bottom: 1px solid #EEEEEE;
  z-index: 3;
}
.assets-tab__header_root {
  top: 187px;
}
.assets-tab__headerCheckbox {
  margin: auto 0;
}
.assets-tab__headerItem {
  display: flex;
  align-items: center;
  padding: 10px 10px 15px;
  color: #757575;
  user-select: none;
}
.assets-tab__headerItem_sortable {
  cursor: pointer;
}
.assets-tab__headerItem:nth-child(1) {
  width: 40px;
}
.assets-tab__headerItem:nth-child(2) {
  width: 5%;
}
.assets-tab__headerItem:nth-child(3) {
  width: 30%;
}
.assets-tab__headerItem:nth-child(4) {
  width: 25%;
}
.assets-tab__headerItem:nth-child(5) {
  width: 20%;
}
.assets-tab__headerItem:nth-child(6) {
  width: 13%;
  min-width: 100px;
}
.assets-tab__headerItem .fa {
  margin-left: 5px;
}
.assets-tab__header_noPermissions .assets-tab__headerItem:nth-child(1) {
  width: 5%;
}
.assets-tab__header_noPermissions .assets-tab__headerItem:nth-child(2) {
  width: 30%;
}
.assets-tab__header_noPermissions .assets-tab__headerItem:nth-child(3) {
  width: 25%;
}
.assets-tab__header_noPermissions .assets-tab__headerItem:nth-child(4) {
  width: 20%;
}
.assets-tab__header_noPermissions .assets-tab__headerItem:nth-child(5) {
  width: 13%;
  min-width: 100px;
}
.assets-tab__table {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.assets-tab__noResults {
  padding: 50px;
  font-size: 16px;
  text-align: center;
  color: #282828;
}
.assets-tab__noAssets {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
}
.assets-tab__noAssetsMessage {
  color: #757575;
  margin-bottom: 35px;
  font-size: 16px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.assets-tab__noAssetsImg {
  width: 420px;
}
.assets-tab__noAssetsBtn {
  width: 278px;
  height: 45px;
  margin-top: 25px;
  font-size: 16px;
}
.assets-tab .react-search-input {
  width: 280px;
  margin-left: auto;
  margin-bottom: 0;
  padding-right: 28px;
}
.assets-tab .react-search-input .clear-search-button {
  top: -1px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.folder-row {
  display: flex;
  min-height: 60px;
  padding: 10px 10px 10px 15px;
  border-top: 1px solid #EEEEEE;
  cursor: pointer;
}
.folder-row__nameText {
  font-size: 14px !important;
}
.folder-row:hover .folder-row__actions .fa {
  color: #757575;
}
.folder-row_selected {
  background-color: #f3f3f3;
}
.folder-row_selected .folder-row__actions .fa {
  color: #f3f3f3;
}
.folder-row_noPermissions .folder-row__column:nth-child(1) {
  width: 60%;
}
.folder-row_noPermissions .folder-row__column:nth-child(2) {
  width: calc(20% - 65px);
}
.folder-row_noPermissions .folder-row__column:nth-child(3) {
  width: 7%;
}
.folder-row_noPermissions .folder-row__column:nth-child(4) {
  width: 12%;
  min-width: 100px;
}
.folder-row__column {
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.folder-row__column:nth-child(1) {
  width: 40px;
}
.folder-row__column:nth-child(2) {
  width: 60%;
}
.folder-row__column:nth-child(3) {
  width: 20%;
}
.folder-row__column:nth-child(4) {
  width: 7%;
}
.folder-row__column:nth-child(5) {
  width: 12%;
  min-width: 100px;
}
.folder-row_segments .folder-row__column:nth-child(1) {
  width: 40px;
}
.folder-row_segments .folder-row__column:nth-child(2) {
  min-width: calc(82% + 4px);
}
.folder-row_segments .folder-row__column:nth-child(3) {
  width: calc(20% - 65px);
}
.folder-row_segments .folder-row__column:nth-child(3) span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.folder-row_segments.folder-row_noPermissions .folder-row__column:nth-child(1) {
  width: calc(82% + 4px);
}
.folder-row_segments.folder-row_noPermissions .folder-row__column:nth-child(3) {
  width: calc(20% - 65px);
}
.folder-row_splays .folder-row__column:nth-child(1) {
  width: 40px;
}
.folder-row_splays .folder-row__column:nth-child(2) {
  width: 69%;
}
.folder-row_splays .folder-row__column:nth-child(3) {
  width: 15%;
}
.folder-row_splays .folder-row__column:nth-child(5) {
  width: 7%;
  min-width: 100px;
}
.folder-row_splays.folder-row_noPermissions .folder-row__column:nth-child(1) {
  width: 69%;
}
.folder-row_splays.folder-row_noPermissions .folder-row__column:nth-child(2) {
  width: 15%;
}
.folder-row_splays.folder-row_noPermissions .folder-row__column:nth-child(4) {
  width: 7%;
  min-width: 100px;
}
.folder-row_assets .folder-row__column:nth-child(1) {
  width: 40px;
}
.folder-row_assets .folder-row__column:nth-child(2) {
  width: 5%;
}
.folder-row_assets .folder-row__column:nth-child(3) {
  width: 55%;
}
.folder-row_assets .folder-row__column:nth-child(4) {
  width: 20%;
}
.folder-row_assets .folder-row__column:nth-child(5) {
  width: 7%;
}
.folder-row_assets .folder-row__column:nth-child(6) {
  width: 12%;
  min-width: 100px;
}
.folder-row_assets .folder-row__column .fa-folder {
  font-size: 20px;
  color: #757575;
}
.folder-row_assets .folder-row__column .folder-row__nameText {
  margin-left: 0;
}
.folder-row_assets.folder-row_noPermissions .folder-row__column:nth-child(1) {
  width: 5%;
}
.folder-row_assets.folder-row_noPermissions .folder-row__column:nth-child(2) {
  width: 55%;
}
.folder-row_assets.folder-row_noPermissions .folder-row__column:nth-child(3) {
  width: 20%;
}
.folder-row_assets.folder-row_noPermissions .folder-row__column:nth-child(4) {
  width: 19%;
}
.folder-row__checkbox {
  margin: auto 0;
}
.folder-row__name {
  display: flex;
}
.folder-row__nameWrapper {
  display: flex;
  flex-direction: column;
}
.folder-row__nameText {
  line-height: 16px;
  margin: 0 10px;
  font-size: 16px;
}
.folder-row__nameLabel {
  margin-left: 10px;
  border-radius: 3px;
  border: none;
  color: #282828;
  padding: 4px;
  font-size: 12px;
  background-color: #ebebeb;
  line-height: 1;
}
.folder-row__name .fa-folder {
  font-size: 18px;
  color: #757575;
}
.folder-row__name .fa-info-circle {
  margin: 0 10px;
  font-size: 15px;
  color: #757575;
}
.folder-row__description {
  display: block;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.folder-row__actions {
  width: 1%;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.folder-row__actions .popover-trigger-wrapper {
  width: 100%;
}
.folder-row__actions .fa {
  color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.folders-bulk-actions {
  display: flex;
  margin: 0;
  background-color: rgba(93, 172, 210, 0.1);
  border: 0 solid #e6e7e8;
  border-bottom: none;
  height: 75px;
  padding: 10px 15px;
}
.folders-bulk-actions__content {
  display: flex;
  flex-direction: column;
}
.folders-bulk-actions__selectedItems {
  margin-bottom: 5px;
  color: #282828;
}
.folders-bulk-actions__action {
  display: flex;
  align-items: center;
  height: 40px;
}
.folders-bulk-actions__actionButton {
  margin-left: 10px;
  height: 30px;
  width: 60px;
  border-radius: 3px;
  color: #fff;
  background-color: #5DACD2;
  border-color: transparent;
}
.folders-bulk-actions__actionButton.disabled {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.65;
}
.folders-bulk-actions__actionLabel {
  margin-right: 10px;
}
.folders-bulk-actions__clearSelection {
  margin: auto 0 auto auto;
  padding: 5px;
  cursor: pointer;
}
.folders-bulk-actions__clearSelection .fa-times {
  font-size: 16px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.metric-usage {
  overflow-y: auto;
  max-height: 500px;
}
.metric-usage-modal-table {
  border-left: 1px solid #EEEEEE !important;
  border-bottom: 1px solid #EEEEEE !important;
  border-right: 1px solid #EEEEEE !important;
}
.metric-usage-modal-table:first-child {
  border-top: 1px solid #EEEEEE !important;
}
.metric-usage-modal-table .rt-thead {
  background-color: #f3f3f3;
}
.metric-usage-modal-table .rt-td {
  white-space: unset;
  min-height: 35px;
  padding: 10px 15px 0 15px !important;
}
.metric-usage-modal-table .rt-th {
  padding-left: 15px !important;
}
.metric-usage-modal-table .rt-td,
.metric-usage-modal-table .rt-th {
  border: none !important;
}
.metric-usage .metric-usage-icon {
  margin-right: 5px;
  color: #757575;
}
.metric-usage .no-metric-usage {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 150px;
  font-size: 16px;
}

.delete-asset-modal {
  width: 720px;
  left: calc(50% - 360px);
}
.delete-asset-modal .confirmation-msg {
  font-size: 14px;
}
.delete-asset-modal .asset-usage-container {
  padding: 20px 0;
}
.delete-asset-modal .metric-usage .metric-usage-icon {
  margin-right: 15px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.asset-row {
  display: flex;
  min-height: 60px;
  padding: 10px 10px 10px 15px;
  border-top: 1px solid #EEEEEE;
}
.asset-row:hover .asset-row__linkIcon {
  visibility: initial;
}
.asset-row:hover .asset-row__actions .fa {
  color: #757575;
}
.asset-row_selected {
  background-color: #f3f3f3;
}
.asset-row_selected .asset-row__actions .fa {
  color: #f3f3f3;
}
.asset-row_noPermissions .asset-row__column:nth-child(1) {
  width: 5%;
}
.asset-row_noPermissions .asset-row__column:nth-child(2) {
  width: 30%;
}
.asset-row_noPermissions .asset-row__column:nth-child(3) {
  width: 25%;
}
.asset-row_noPermissions .asset-row__column:nth-child(4) {
  width: 20%;
}
.asset-row_noPermissions .asset-row__column:nth-child(5) {
  width: 12%;
  min-width: 100px;
}
.asset-row__checkbox {
  margin: auto 0;
}
.asset-row__column {
  padding: 0 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asset-row__column:nth-child(1) {
  width: 40px;
}
.asset-row__column:nth-child(2) {
  width: 5%;
}
.asset-row__column:nth-child(3) {
  width: 30%;
}
.asset-row__column:nth-child(4) {
  width: 25%;
}
.asset-row__column:nth-child(5) {
  width: 20%;
}
.asset-row__column:nth-child(6) {
  width: 12%;
  min-width: 100px;
}
.asset-row__columnTypeImg {
  width: 26px;
}
.asset-row__column .material-icons {
  font-size: 28px;
  color: #007D8B;
}
.asset-row__link {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.asset-row__linkName {
  color: #282828;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.asset-row__linkIcon {
  margin-left: 10px;
  border-radius: 3px;
  border: none;
  color: #282828;
  padding: 6px;
  font-size: 10px;
  line-height: 1;
  visibility: hidden;
}
.asset-row__linkIcon:hover {
  background-color: #ebebeb;
}
.asset-row__description,
.asset-row__createdBy,
.asset-row__uploadedOn {
  display: block;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asset-row__actions {
  width: 1%;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.asset-row__actions .popover-trigger-wrapper {
  width: 100%;
}
.asset-row__actions .fa {
  color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaigns-tab {
  margin-top: -37px;
}
.campaigns-tab__content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 25px 0 25px;
}
.campaigns-tab__recentStats {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.campaigns-tab__recentStatsTitle {
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  margin-bottom: 5px;
}
.campaigns-tab__recentStatsList {
  display: flex;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.campaigns-tab__recentStats .stats-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px;
  margin-right: 10px;
}
.campaigns-tab__recentStats .stats-item__title {
  font-size: 14px;
  text-transform: uppercase;
}
.campaigns-tab__recentStats .stats-issues {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.campaigns-tab__recentStats .stats-issues__item {
  display: flex;
  white-space: nowrap;
  font-size: 11px;
  line-height: 21px;
}
.campaigns-tab__recentStats .stats-issues__itemTitle {
  width: 95px;
  margin-right: 5px;
  color: #757575;
}
.campaigns-tab__actions {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.campaigns-tab__actionsSearchMessage {
  padding: 0 10px;
  font-size: 14px;
  line-height: 38px;
}
.campaigns-tab__dropdown {
  min-width: 190px;
  white-space: nowrap;
  color: #282828 !important;
  z-index: 10;
}
.campaigns-tab__dropdown_wide.dropdown-multiple-selector {
  width: 200px;
}
.campaigns-tab__dropdown_withTooltip .dropdown-multiple-selector__single-value .campaign-dropdown-item__tooltip {
  display: none;
}
.campaigns-tab__dropdown_withTooltip .dropdown-multiple-selector__menu {
  width: 300px;
}
.campaigns-tab__dropdown_withTooltip .dropdown-multiple-selector__menu .dropdown-option-react:last-child {
  border-top: 1px dashed #dddddd;
}
.campaigns-tab__table {
  margin-bottom: 15px;
}
.campaigns-tab__table .campaign-rows {
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.campaigns-tab__noResults {
  display: flex;
  flex-direction: column;
  padding: 50px;
  font-size: 13px;
  text-align: center;
  color: #757575;
}
.campaigns-tab__noResults .fa {
  font-size: 20px;
  margin-bottom: 10px;
}
.campaigns-tab__noCampaigns {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
}
.campaigns-tab__noCampaignsMessage {
  width: 560px;
  color: #757575;
  margin-bottom: 35px;
  font-size: 16px;
  text-align: center;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.campaigns-tab__noCampaignsImg {
  width: 420px;
}
.campaigns-tab__noCampaignsBtn {
  width: 278px;
  height: 45px;
  margin-top: 25px;
  font-size: 16px;
}
.campaigns-tab__noCampaignsNotice {
  display: flex;
  margin-top: 15px;
  font-size: 13px;
  line-height: 16px;
  color: #757575;
}
.campaigns-tab__noCampaignsLink {
  margin-left: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.campaigns-tab .campaign-dropdown-item {
  display: flex;
  flex-direction: column;
}
.campaigns-tab .campaign-dropdown-item__label {
  font-size: 14px;
  color: #282828;
}
.campaigns-tab .campaign-dropdown-item__tooltip {
  font-size: 11px;
  line-height: 12px;
  color: #757575;
}
.campaigns-tab .react-search-input {
  width: 280px;
  margin-left: auto;
  margin-bottom: 0;
  padding-right: 28px;
}
.campaigns-tab .react-search-input .clear-search-button {
  top: -1px;
}
.campaigns-tab .campaign-list-headers {
  top: 229px;
}
.campaigns-tab .folders-bulk-actions {
  background-color: rgb(230 238 241);
  position: sticky;
  z-index: 3;
}
.campaigns-tab .campaign-list-headers,
.campaigns-tab .folders-bulk-actions {
  top: 234px;
}
.campaigns-tab .campaign-list-filters {
  top: 187px;
}
.campaigns-tab.campaign-tab-selected-folder .campaign-list-headers,
.campaigns-tab.campaign-tab-selected-folder .folders-bulk-actions {
  top: 276px;
}
.campaigns-tab.campaign-tab-selected-folder .campaign-list-filters {
  top: 229px;
}
.campaigns-tab.campaign-tab-chosen-items .campaign-list-headers {
  top: 309px;
}
.campaigns-tab.campaign-tab-chosen-items.campaign-tab-selected-folder .campaign-list-headers {
  top: 351px;
}
.campaigns-tab.old-design .campaigns-tab__header {
  position: sticky;
  top: 229px;
  display: flex;
  height: 50px;
  padding: 10px 10px 10px 15px;
  background-color: #fff;
  border-bottom: 1px solid #EEEEEE;
  z-index: 3;
}
.campaigns-tab.old-design .campaigns-tab__header.campaigns-tab__header_root {
  top: 187px;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem {
  display: flex;
  align-items: center;
  padding: 10px 10px 15px;
  color: #757575;
  user-select: none;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem .campaigns-tab__headerItem_sortable {
  cursor: pointer;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem:nth-child(1) {
  width: 40px;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem:nth-child(2) {
  width: 26%;
  padding-left: 38px;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem:nth-child(3) {
  width: 10%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem:nth-child(4) {
  width: 14%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem:nth-child(5) {
  width: 10%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem:nth-child(6) {
  width: 20%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem:nth-child(7) {
  width: 7%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem:nth-child(8) {
  width: 13%;
  min-width: 100px;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerItem .fa {
  margin-left: 5px;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__header_noPermissions .campaigns-tab__headerItem:nth-child(1) {
  width: 26%;
  padding-left: 38px;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__header_noPermissions .campaigns-tab__headerItem:nth-child(2) {
  width: 10%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__header_noPermissions .campaigns-tab__headerItem:nth-child(3) {
  width: 14%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__header_noPermissions .campaigns-tab__headerItem:nth-child(4) {
  width: 10%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__header_noPermissions .campaigns-tab__headerItem:nth-child(5) {
  width: 20%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__header_noPermissions .campaigns-tab__headerItem:nth-child(6) {
  width: 7%;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__header_noPermissions .campaigns-tab__headerItem:nth-child(7) {
  width: 13%;
  min-width: 100px;
}
.campaigns-tab.old-design .campaigns-tab__header .campaigns-tab__headerCheckbox {
  margin: auto 0;
}
.campaigns-tab.old-design .campaigns-tab__table {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.campaigns-tab.old-design .folders-bulk-actions {
  top: unset;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.actions-select {
  margin-left: auto;
}
.actions-select .default-action {
  display: flex;
  height: 36px;
  padding: 0 12px;
  border-radius: 4px;
  background-color: #3fad90;
  color: #fff;
  margin-right: 10px;
  align-items: center;
}
.actions-select .default-action > div {
  margin: auto;
}
.actions-select .popover-trigger-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.actions-select .popover-trigger-wrapper .fa {
  font-size: 22px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-folder-row .campaign-preview-folder {
  width: 109px;
  height: 109px;
  border-radius: 4px;
  border: 1px solid #E7E7E7;
  display: flex;
  align-items: center;
  color: #939598;
  background-color: #EEEEEE;
  position: relative;
  flex-wrap: wrap;
}
.campaign-folder-row .campaign-preview-folder .fa-folder {
  font-size: 48px;
  margin: auto;
}
.campaign-folder-row .campaign-preview-folder .campaign-preview-template {
  z-index: 1;
  margin: auto;
  border-color: transparent;
  --preview-size: 45px;
}
.campaign-folder-row .folder-row-resources-count {
  margin-left: 15px;
  border-radius: 12px;
  border: none;
  color: #282828;
  padding: 6px;
  font-size: 12px;
  background-color: #ebebeb;
  line-height: 1;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-row {
  display: flex;
  min-height: 60px;
  padding: 10px 10px 10px 15px;
  border-top: 1px solid #EEEEEE;
}
.campaign-row:hover .campaign-row__actions .fa {
  color: #757575;
}
.campaign-row_selected {
  background-color: #f3f3f3;
}
.campaign-row_selected .campaign-row__actions .fa {
  color: #f3f3f3;
}
.campaign-row_noPermissions .campaign-row__column:nth-child(1) {
  width: 26%;
}
.campaign-row_noPermissions .campaign-row__column:nth-child(2) {
  width: 10%;
}
.campaign-row_noPermissions .campaign-row__column:nth-child(3) {
  width: 14%;
}
.campaign-row_noPermissions .campaign-row__column:nth-child(4) {
  width: 10%;
}
.campaign-row_noPermissions .campaign-row__column:nth-child(5) {
  width: 20%;
}
.campaign-row_noPermissions .campaign-row__column:nth-child(6) {
  width: 7%;
}
.campaign-row_noPermissions .campaign-row__column:nth-child(7) {
  width: 12%;
  min-width: 100px;
}
.campaign-row__column {
  padding: 0 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.campaign-row__column:nth-child(1) {
  width: 40px;
}
.campaign-row__column:nth-child(2) {
  width: 26%;
}
.campaign-row__column:nth-child(3) {
  width: 10%;
}
.campaign-row__column:nth-child(4) {
  width: 14%;
}
.campaign-row__column:nth-child(5) {
  width: 10%;
}
.campaign-row__column:nth-child(6) {
  width: 20%;
}
.campaign-row__column:nth-child(7) {
  width: 7%;
}
.campaign-row__column:nth-child(8) {
  width: 12%;
  min-width: 100px;
}
.campaign-row__checkbox {
  margin: auto 0;
}
.campaign-row__name {
  display: flex;
  font-size: 14px;
  word-break: break-word;
}
.campaign-row__name a,
.campaign-row__name a:hover {
  color: #282828;
}
.campaign-row__name .fa-bullhorn {
  font-size: 17px;
  color: #757575;
  margin-right: 10px;
}
.campaign-row__status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.campaign-row__statusIcon.enabled {
  color: #3FAD90;
}
.campaign-row__statusIcon.disabled,
.campaign-row__statusIcon.disabled.ended {
  color: #9d9d9d;
}
.campaign-row__statusIcon.ended {
  color: #282828;
}
.campaign-row__statusLabel {
  font-size: 11px;
  line-height: 12px;
  border-radius: 2px;
  padding: 2px 4px;
  margin-right: 5px;
  white-space: nowrap;
}
.campaign-row__statusLabelWrapper {
  display: flex;
}
.campaign-row__statusLabelWrapper .fa {
  color: #757575;
}
.campaign-row__statusLabelWrapper .fa.enabled {
  color: #3FAD90;
}
.campaign-row__statusLabel.enabled {
  background-color: #3FAD90;
  color: #fff;
}
.campaign-row__statusLabel.disabled {
  background-color: transparent;
  color: #757575;
  border: 1px solid #c3c3c3;
}
.campaign-row__statusLabel.sent-once,
.campaign-row__statusLabel.ended {
  background-color: #424242;
  color: #fff;
}
.campaign-row__statusLabel.pending {
  border: 1px solid #3FAD90;
  color: #3FAD90;
  background-color: transparent;
}
.campaign-row__statusLabel.processing {
  background-color: #5DACD2;
  color: #fff;
}
.campaign-row__statusLabel.draft {
  border: 1px solid #C0392B;
  color: #C0392B;
  background-color: transparent;
  padding: 3px 7px;
}
.campaign-row__stats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.campaign-row__statsItem {
  display: flex;
  white-space: nowrap;
}
.campaign-row__statsItemTitle {
  width: 60px;
  margin-right: 5px;
  color: #757575;
}
.campaign-row__statsItemDisabled {
  color: #757575;
}
.campaign-row__goalNoGoalMessage {
  color: #757575;
}
.campaign-row__actions {
  width: 1%;
  margin-left: auto;
}
.campaign-row__actions .popover-trigger-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.campaign-row__actions .fa {
  color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.new-campaign-row,
.campaign-folder-row {
  display: flex;
  min-height: 60px;
  padding: 10px 10px 10px 15px;
  border: 1px solid transparent;
  border-top: 1px solid #EEEEEE;
}
.new-campaign-row .row-main-columns,
.campaign-folder-row .row-main-columns {
  flex: 1;
  display: flex;
}
.new-campaign-row .row-main-columns,
.campaign-folder-row .row-main-columns,
.new-campaign-row .row-main-columns:hover,
.campaign-folder-row .row-main-columns:hover,
.new-campaign-row .row-main-columns:active,
.campaign-folder-row .row-main-columns:active,
.new-campaign-row .row-main-columns:focus,
.campaign-folder-row .row-main-columns:focus {
  color: #282828;
  width: 85.746%;
}
.new-campaign-row.campaign-row-selected,
.campaign-folder-row.campaign-row-selected,
.new-campaign-row:hover,
.campaign-folder-row:hover,
.new-campaign-row:focus,
.campaign-folder-row:focus {
  border: 1px solid #3fad90;
  border-radius: 4px;
}
.new-campaign-row.campaign-row-has-permissions:hover .campaign-row-actions,
.campaign-folder-row.campaign-row-has-permissions:hover .campaign-row-actions {
  display: block;
}
.new-campaign-row.campaign-row-has-permissions:hover .campaign-row-created:not(.loading-row),
.campaign-folder-row.campaign-row-has-permissions:hover .campaign-row-created:not(.loading-row) {
  display: none;
}
.new-campaign-row .campaign-row-column,
.campaign-folder-row .campaign-row-column {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  cursor: pointer;
}
.new-campaign-row .campaign-row-column .campaign-row-sub-text,
.campaign-folder-row .campaign-row-column .campaign-row-sub-text {
  color: #757575;
}
.new-campaign-row .campaign-row-campaign:not(.loading-row),
.campaign-folder-row .campaign-row-campaign:not(.loading-row) {
  flex-direction: row;
}
.new-campaign-row .campaign-row-name,
.campaign-folder-row .campaign-row-name {
  margin-left: 20px;
  font-size: 14px;
  word-break: break-word;
}
.new-campaign-row .campaign-row-name .campaign-row-folder,
.campaign-folder-row .campaign-row-name .campaign-row-folder {
  margin-top: 8px;
}
.new-campaign-row .campaign-row-name .campaign-row-folder .fa-folder,
.campaign-folder-row .campaign-row-name .campaign-row-folder .fa-folder {
  font-size: 12px;
  color: #939598;
  margin-right: 7px;
}
.new-campaign-row .campaign-row-actions,
.campaign-folder-row .campaign-row-actions {
  display: none;
  margin: auto;
}
.campaigns-header-item,
.campaign-row-column {
  flex: 1;
  padding: 0 10px;
}
.campaigns-header-item.campaign-header-campaign,
.campaign-row-column.campaign-header-campaign,
.campaigns-header-item.campaign-row-campaign,
.campaign-row-column.campaign-row-campaign {
  flex: 3;
}
.campaigns-header-item.campaign-header-status,
.campaign-row-column.campaign-header-status,
.campaigns-header-item.campaign-row-status,
.campaign-row-column.campaign-row-status {
  padding-left: 0;
}
.campaigns-header-item.campaign-row-created,
.campaign-row-column.campaign-row-created,
.campaigns-header-item.campaign-row-actions,
.campaign-row-column.campaign-row-actions {
  width: 14.254%;
  flex: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-row-stats-item {
  display: flex;
  white-space: nowrap;
}
.campaign-row-stats-item .campaign-row-stats-title {
  width: 60px;
  margin-right: 5px;
}

.campaign-action-confirmation-modal .dialog-content {
  overflow: hidden;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-list-headers {
  padding: 10px 10px 10px 16px;
  position: sticky;
  display: flex;
  align-items: center;
  color: #757575;
  z-index: 3;
  user-select: none;
  background-color: #F5F5F5;
}
.campaign-list-headers .campaign-list-main-headers {
  flex: 1;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.campaign-list-filters {
  position: sticky;
  z-index: 4;
  user-select: none;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 9px;
  background-color: #F5F5F5;
}
.campaign-list-filters .filter-list-icon {
  width: 19px;
  margin-right: 14px;
}
.campaign-list-filters > div {
  margin-right: 12px;
}
.campaign-list-filters .campaign-schedule-selector .filter-selector-body .group:not(:last-child) {
  border-bottom: 1px solid #EBEBEB;
}
.campaign-list-filters .task-owner-selector .assigned-to-options {
  margin-top: 10px;
}
.campaign-list-filters .campaign-sort-selector .trigger-label-title {
  max-width: 200px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.reports-tab {
  margin-top: -37px;
}
.reports-tab__content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 25px 0 25px;
}
.reports-tab__actions {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.reports-tab__actionsSearchMessage {
  padding: 0 10px;
  font-size: 14px;
  line-height: 38px;
}
.reports-tab__dropdown.dropdown-multiple-selector {
  min-width: 200px;
  white-space: nowrap;
  color: #282828 !important;
  z-index: 10;
}
.reports-tab__header {
  position: sticky;
  top: 229px;
  display: flex;
  height: 50px;
  padding: 10px 10px 10px 15px;
  background-color: #fff;
  border-bottom: 1px solid #EEEEEE;
  z-index: 3;
}
.reports-tab__header_root {
  top: 187px;
}
.reports-tab__headerCheckbox {
  margin: auto 0;
}
.reports-tab__headerItem {
  display: flex;
  align-items: center;
  padding: 10px 10px 15px;
  color: #757575;
  user-select: none;
}
.reports-tab__headerItem_sortable {
  cursor: pointer;
}
.reports-tab__headerItem:nth-child(1) {
  width: 40px;
}
.reports-tab__headerItem:nth-child(2) {
  width: 60%;
  padding-left: 38px;
}
.reports-tab__headerItem:nth-child(3) {
  width: 20%;
}
.reports-tab__headerItem:nth-child(4) {
  width: 7%;
}
.reports-tab__headerItem:nth-child(5) {
  width: 13%;
  min-width: 100px;
}
.reports-tab__headerItem .fa {
  margin-left: 5px;
}
.reports-tab__header_noPermissions .reports-tab__headerItem:nth-child(1) {
  width: 60%;
  padding-left: 38px;
}
.reports-tab__header_noPermissions .reports-tab__headerItem:nth-child(2) {
  width: 20%;
}
.reports-tab__header_noPermissions .reports-tab__headerItem:nth-child(3) {
  width: 7%;
}
.reports-tab__header_noPermissions .reports-tab__headerItem:nth-child(4) {
  width: 13%;
  min-width: 100px;
}
.reports-tab__table {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.reports-tab__noResults {
  padding: 50px;
  font-size: 16px;
  text-align: center;
  color: #282828;
}
.reports-tab__noReports {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
}
.reports-tab__noReportsMessage {
  color: #757575;
  margin-bottom: 35px;
  font-size: 16px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.reports-tab__noReportsImg {
  width: 420px;
}
.reports-tab__noReportsBtn {
  width: 278px;
  height: 45px;
  margin-top: 25px;
  font-size: 16px;
}
.reports-tab__noReportsNotice {
  display: flex;
  margin-top: 15px;
  font-size: 13px;
  line-height: 16px;
  color: #757575;
}
.reports-tab__noReportsLink {
  margin-left: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.reports-tab .react-search-input {
  width: 280px;
  margin-left: auto;
  margin-bottom: 0;
  padding-right: 28px;
}
.reports-tab .react-search-input .clear-search-button {
  top: -1px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.report-row {
  display: flex;
  min-height: 60px;
  padding: 15px 10px 15px 15px;
  border-top: 1px solid #EEEEEE;
}
.report-row:hover .report-row__actions .fa {
  color: #757575;
}
.report-row_selected {
  background-color: #f3f3f3;
}
.report-row_selected .report-row__actions .fa {
  color: #f3f3f3;
}
.report-row_noPermissions .report-row__column:nth-child(1) {
  width: 60%;
}
.report-row_noPermissions .report-row__column:nth-child(2) {
  width: 20%;
}
.report-row_noPermissions .report-row__column:nth-child(3) {
  width: 7%;
}
.report-row_noPermissions .report-row__column:nth-child(4) {
  width: 12%;
  min-width: 100px;
}
.report-row__checkbox {
  margin: auto 0;
}
.report-row__column {
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
.report-row__column:nth-child(1) {
  width: 40px;
}
.report-row__column:nth-child(2) {
  width: 60%;
}
.report-row__column:nth-child(3) {
  width: 20%;
}
.report-row__column:nth-child(4) {
  width: 7%;
}
.report-row__column:nth-child(5) {
  width: 12%;
  min-width: 100px;
}
.report-row__name {
  font-size: 16px;
  word-break: break-word;
}
.report-row__name .fa-bar-chart {
  font-size: 17px;
  color: #757575;
  margin-right: 10px;
}
.report-row__createdBy {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-row__actions {
  width: 1%;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.report-row__actions .popover-trigger-wrapper {
  width: 100%;
}
.report-row__actions .fa {
  color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segments-tab {
  margin-top: -37px;
}
.segments-tab__content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 25px 0 25px;
}
.segments-tab__actions {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.segments-tab__actionsSearchMessage {
  padding: 0 10px;
  font-size: 14px;
  line-height: 38px;
}
.segments-tab__dropdown {
  min-width: 170px;
  white-space: nowrap;
  color: #282828 !important;
  z-index: 10;
}
.segments-tab__dropdown_wide.dropdown-multiple-selector {
  width: 230px;
}
.segments-tab__header {
  position: sticky;
  top: 263px;
  display: flex;
  height: 50px;
  padding: 10px 10px 10px 15px;
  background-color: #fff;
  border-bottom: 1px solid #EEEEEE;
  z-index: 3;
}
.segments-tab__header_root {
  top: 187px;
}
.segments-tab__header_noPermissions .segments-tab__headerItem:nth-child(1) {
  width: 42%;
  padding-left: 38px;
}
.segments-tab__header_noPermissions .segments-tab__headerItem:nth-child(2) {
  width: 10%;
}
.segments-tab__header_noPermissions .segments-tab__headerItem:nth-child(3) {
  width: 10%;
}
.segments-tab__header_noPermissions .segments-tab__headerItem:nth-child(4) {
  width: 12%;
}
.segments-tab__header_noPermissions .segments-tab__headerItem:nth-child(5) {
  width: 16%;
}
.segments-tab__headerCheckbox {
  margin: auto 0;
}
.segments-tab__headerItem {
  display: flex;
  align-items: center;
  padding: 10px 10px 15px;
  color: #757575;
  user-select: none;
}
.segments-tab__headerItem_sortable {
  cursor: pointer;
}
.segments-tab__headerItem:nth-child(1) {
  width: 40px;
}
.segments-tab__headerItem:nth-child(2) {
  width: 53%;
  padding-left: 38px;
}
.segments-tab__headerItem:nth-child(3) {
  width: 10%;
}
.segments-tab__headerItem:nth-child(4) {
  width: 10%;
}
.segments-tab__headerItem:nth-child(5) {
  width: 12%;
}
.segments-tab__headerItem:nth-child(6) {
  width: 16%;
}
.segments-tab__headerItem:last-child {
  min-width: 100px;
}
.segments-tab__headerItem .fa {
  margin-left: 5px;
}
.segments-tab__table {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.segments-tab__noResults {
  padding: 50px;
  font-size: 16px;
  text-align: center;
  color: #282828;
}
.segments-tab__noSegments {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
}
.segments-tab__noSegmentsMessage {
  color: #757575;
  margin-bottom: 35px;
  font-size: 16px;
}
.segments-tab__noSegmentsImg {
  width: 420px;
}
.segments-tab__noSegmentsBtn {
  width: 278px;
  height: 45px;
  margin-top: 25px;
  font-size: 16px;
}
.segments-tab__noSegmentsNotice {
  display: flex;
  margin-top: 15px;
  font-size: 13px;
  line-height: 16px;
  color: #757575;
}
.segments-tab__noSegmentsLink {
  margin-left: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.segments-tab .react-search-input {
  width: 280px;
  margin-left: auto;
  margin-bottom: 0;
  padding-right: 28px;
}
.segments-tab .react-search-input .clear-search-button {
  top: -1px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-row {
  display: flex;
  min-height: 60px;
  padding: 10px 10px 10px 15px;
  border-top: 1px solid #EEEEEE;
}
.segment-row .available-for-zoe-logo {
  position: absolute;
  right: 24px;
  width: 24px;
}
.segment-row .segment-row__actions {
  position: relative;
}
.segment-row:hover .segment-row__actions .fa {
  color: #757575;
}
.segment-row__checkbox {
  margin: auto 0;
}
.segment-row_selected {
  background-color: #f3f3f3;
}
.segment-row_selected .segment-row__actions .fa {
  color: #f3f3f3;
}
.segment-row_noPermissions .segment-row__column:nth-child(1) {
  width: 38%;
}
.segment-row_noPermissions .segment-row__column:nth-child(2) {
  width: 15%;
}
.segment-row_noPermissions .segment-row__column:nth-child(3) {
  width: 10%;
}
.segment-row_noPermissions .segment-row__column:nth-child(4) {
  width: 10%;
}
.segment-row_noPermissions .segment-row__column:nth-child(5) {
  width: 12%;
}
.segment-row_noPermissions .segment-row__column:nth-child(6) {
  width: 15%;
}
.segment-row__column {
  padding: 0 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.segment-row__column:nth-child(1) {
  width: 40px;
}
.segment-row__column:nth-child(2) {
  width: 38%;
}
.segment-row__column:nth-child(3) {
  width: 15%;
}
.segment-row__column:nth-child(4) {
  width: 10%;
}
.segment-row__column:nth-child(5) {
  width: 10%;
}
.segment-row__column:nth-child(6) {
  width: 12%;
}
.segment-row__column:nth-child(7) {
  min-width: calc(15% - 5px);
  max-width: calc(15% - 5px);
}
.segment-row__column:nth-child(7) span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.segment-row__name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 14px;
  word-break: break-word;
}
.segment-row__name .icon-Segments {
  color: #757575;
  margin-right: 10px;
  font-size: 18px;
}
.segment-row__name .fa-lock {
  color: #757575;
  margin-left: 10px;
}
.segment-row__nameLabel {
  display: flex;
  align-items: center;
  line-height: 18px;
}
.segment-row__nameDescription {
  margin-left: 30px;
  color: #757575;
  font-size: 12px;
  line-height: 18px;
}
.segment-row__count {
  font-size: 16px;
  line-height: 16px;
}
.segment-row__count .fa {
  color: #757575;
  margin-right: 10px;
}
.segment-row__type {
  display: flex;
}
.segment-row__type .fa {
  color: #757575;
  margin-right: 10px;
  margin-top: 4px;
}
.segment-row__valueWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.segment-row__valueTotal {
  font-weight: 600;
  font-size: 16px;
}
.segment-row__valueAtRisk {
  font-size: 12px;
  color: #C0392B;
}
.segment-row__actions {
  width: 1%;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.segment-row__actions .popover-trigger-wrapper {
  width: 100%;
}
.segment-row__actions .fa {
  color: #fff;
}
.segment-row .recharts-wrapper {
  cursor: pointer !important;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.s-play-row {
  display: flex;
  min-height: 60px;
  padding: 10px 10px 10px 15px;
  border-top: 1px solid #EEEEEE;
}
.s-play-row > a,
.s-play-row > a:hover,
.s-play-row > a:active,
.s-play-row > a:focus {
  color: #282828;
}
.s-play-row > a,
.s-play-row__container {
  flex: 1;
  display: flex;
}
.s-play-row:hover .s-play-row__actions .fa {
  color: #757575;
}
.s-play-row_selected {
  background-color: #f3f3f3;
}
.s-play-row_selected .s-play-row__actions .fa {
  color: #f3f3f3;
}
.s-play-row__checkbox {
  margin: auto 0;
  width: 40px;
}
.s-play-row__column {
  padding: 0 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.s-play-row_configuration .s-play-row__column:nth-child(1) {
  width: 25%;
}
.s-play-row_configuration .s-play-row__column:nth-child(2) {
  width: 10%;
}
.s-play-row_configuration .s-play-row__column:nth-child(3) {
  width: 10%;
  align-items: flex-start;
}
.s-play-row_configuration .s-play-row__column:nth-child(4) {
  width: 15%;
  align-items: center;
}
.s-play-row_configuration .s-play-row__column:nth-child(5) {
  width: 10%;
  align-items: flex-start;
}
.s-play-row_configuration .s-play-row__column:nth-child(6) {
  width: 15%;
  align-items: center;
}
.s-play-row_configuration .s-play-row__column:nth-child(7) {
  width: 14%;
}
.s-play-row_performance .s-play-row__column:nth-child(1) {
  width: 25%;
}
.s-play-row_performance .s-play-row__column:nth-child(2) {
  width: 13%;
}
.s-play-row_performance .s-play-row__column:nth-child(3) {
  width: 13%;
  justify-content: center;
}
.s-play-row_performance .s-play-row__column:nth-child(4) {
  width: 13%;
  justify-content: center;
}
.s-play-row_performance .s-play-row__column:nth-child(5) {
  width: 12%;
  justify-content: center;
}
.s-play-row_performance .s-play-row__column:nth-child(6) {
  width: 23%;
}
.s-play-row__name {
  display: flex;
  align-items: center;
  font-size: 14px;
  word-break: break-word;
}
.s-play-row__name .icon-SuccessPlays {
  color: #757575;
  margin-right: 10px;
}
.s-play-row__status {
  padding: 0 4px;
  font-size: 13px;
  color: #757575;
}
.s-play-row__status.enabled {
  font-size: 11px;
  color: #fff;
  background-color: #3FAD90;
  border-radius: 3px;
}
.s-play-row__dueDate {
  display: flex;
  flex-direction: column;
}
.s-play-row__dueDateNote {
  font-size: 12px;
  white-space: nowrap;
}
.s-play-row__ownerName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-play-row__trigger {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.s-play-row__triggerItem {
  display: flex;
  align-items: center;
}
.s-play-row__triggerItem .fa {
  margin-right: 5px;
}
.s-play-row__actions {
  width: 1%;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.s-play-row__actions .popover-trigger-wrapper {
  width: 100%;
}
.s-play-row__actions .fa {
  color: #fff;
}
.s-play-row .success-play-task-breakdown {
  width: 100%;
}
.s-play-row .success-play-task-breakdown .tasks-details {
  padding-bottom: 0;
}
.s-play-row .success-play-task-breakdown .tasks-details .task-count-label {
  line-height: 14px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.s-plays-tab {
  margin-top: -37px;
}
.s-plays-tab__content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 25px 0 25px;
}
.s-plays-tab__recentStats {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.s-plays-tab__recentStatsTitle {
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  margin-bottom: 5px;
}
.s-plays-tab__recentStatsList {
  display: flex;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.s-plays-tab__recentStats .stats-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  margin-right: 10px;
  padding: 0 10px;
}
.s-plays-tab__recentStats .stats-item:first-child {
  align-items: flex-start;
  margin-right: auto;
}
.s-plays-tab__recentStats .stats-item:first-child > .stats-item__value {
  justify-content: flex-start;
}
.s-plays-tab__recentStats .stats-item:last-child {
  align-items: flex-start;
}
.s-plays-tab__recentStats .stats-item__title {
  margin-bottom: 10px;
  color: #757575;
  font-size: 14px;
  text-transform: uppercase;
}
.s-plays-tab__recentStats .stats-item__value {
  font-size: 24px;
  height: 27px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.s-plays-tab__recentStats .stats-item .MuiSkeleton-text {
  transform: scale(1);
}
.s-plays-tab__recentStats .stats-item .success-play-task-breakdown {
  width: 100%;
}
.s-plays-tab__actions {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.s-plays-tab__filters {
  display: flex;
  align-items: center;
  z-index: 10;
  opacity: 1;
  transition: opacity 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.s-plays-tab__filters.hide-filters {
  opacity: 0;
  pointer-events: none;
}
.s-plays-tab__switch {
  white-space: nowrap;
  margin-right: 10px;
}
.s-plays-tab__switchLabel {
  margin-right: 5px;
}
.s-plays-tab__switch .switch-button {
  height: 24px !important;
}
.s-plays-tab__dropdown {
  white-space: nowrap;
  color: #282828 !important;
  z-index: 10;
}
.s-plays-tab__dropdown_wide.dropdown-multiple-selector {
  width: 270px;
}
.s-plays-tab .custom-icon-wrapper {
  height: 30px;
  width: 30px;
  margin-left: auto;
  margin-right: 10px;
}
.s-plays-tab .custom-icon-wrapper .fa {
  font-size: 17px;
  line-height: 30px;
  padding-left: 6px;
}
.s-plays-tab__header {
  position: sticky;
  top: 229px;
  display: flex;
  height: 50px;
  padding: 10px 10px 10px 15px;
  background-color: #fff;
  border-bottom: 1px solid #EEEEEE;
  z-index: 3;
}
.s-plays-tab__header_root {
  top: 187px;
}
.s-plays-tab__headerCheckbox {
  margin: auto 0;
  width: 40px;
}
.s-plays-tab__headerItem {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 10px 10px 15px;
  color: #757575;
  user-select: none;
}
.s-plays-tab__headerItem_sortable {
  cursor: pointer;
}
.s-plays-tab__headerItem .fa {
  margin-left: 5px;
}
.s-plays-tab__header_container {
  display: flex;
  flex: 1;
}
.s-plays-tab__headerActions {
  width: 1%;
}
.s-plays-tab__header_configuration .s-plays-tab__headerItem:nth-child(1) {
  width: 25%;
  padding-left: 38px;
}
.s-plays-tab__header_configuration .s-plays-tab__headerItem:nth-child(2) {
  width: 10%;
}
.s-plays-tab__header_configuration .s-plays-tab__headerItem:nth-child(3) {
  width: 10%;
}
.s-plays-tab__header_configuration .s-plays-tab__headerItem:nth-child(4) {
  width: 15%;
}
.s-plays-tab__header_configuration .s-plays-tab__headerItem:nth-child(5) {
  width: 10%;
}
.s-plays-tab__header_configuration .s-plays-tab__headerItem:nth-child(6) {
  width: 15%;
}
.s-plays-tab__header_configuration .s-plays-tab__headerItem:nth-child(7) {
  width: 15%;
}
.s-plays-tab__header_performance .s-plays-tab__headerItem:nth-child(1) {
  width: 25%;
  padding-left: 20px;
}
.s-plays-tab__header_performance .s-plays-tab__headerItem:nth-child(2) {
  width: 13%;
}
.s-plays-tab__header_performance .s-plays-tab__headerItem:nth-child(3) {
  width: 13%;
}
.s-plays-tab__header_performance .s-plays-tab__headerItem:nth-child(4) {
  width: 13%;
}
.s-plays-tab__header_performance .s-plays-tab__headerItem:nth-child(5) {
  width: 12%;
}
.s-plays-tab__header_performance .s-plays-tab__headerItem:nth-child(6) {
  width: 23%;
  justify-content: flex-start;
}
.s-plays-tab__table {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.s-plays-tab__noResults {
  padding: 50px;
  font-size: 16px;
  text-align: center;
  color: #282828;
}
.s-plays-tab__noSPlays {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
}
.s-plays-tab__noSPlaysMessage {
  width: 540px;
  color: #757575;
  margin-bottom: 35px;
  font-size: 16px;
  text-align: center;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.s-plays-tab__noSPlaysImg {
  width: 420px;
}
.s-plays-tab__noSPlaysBtn {
  width: 278px;
  height: 45px;
  margin-top: 25px;
  font-size: 16px;
}
.s-plays-tab__noSPlaysNotice {
  display: flex;
  margin-top: 15px;
  font-size: 13px;
  line-height: 16px;
  color: #757575;
}
.s-plays-tab__noSPlaysLink {
  margin-left: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.s-plays-tab .react-search-input {
  width: 280px;
  margin-bottom: 0;
  padding-right: 28px;
}
.s-plays-tab .react-search-input .clear-search-button {
  top: -1px;
  padding-right: 16px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.paste-html-component-preview-section {
  padding: 20px 0;
}
.paste-html-component-preview-section .section-header {
  display: flex;
  align-items: center;
}
.paste-html-component-preview-section .section-header .preview-text {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  margin-right: 10px;
}
.paste-html-component-preview-section iframe {
  height: 370px;
  width: 100%;
  border: 1px solid #d8d8d8;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.paste-html-component .paste-html-component-title {
  text-transform: capitalize;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
.paste-html-component .paste-html-component-content {
  display: flex;
}
.paste-html-component .paste-html-component-content .section {
  width: 50%;
  border: none;
}
.paste-html-component .paste-html-component-editor {
  height: 350px;
}
.paste-html-component .paste-html-component-editor textarea {
  width: 100%;
  height: 100%;
  border-color: #d8d8d8;
}
.paste-html-component .paste-html-component-editor textarea:focus {
  box-shadow: none;
  outline: 0;
}
.paste-html-component .paste-html-component-editor textarea.error {
  border-color: #C0392B;
}
.paste-html-component .paste-html-component-editor .paste-html-component-editor-error {
  color: #C0392B;
  text-align: center;
}

.rc-color-picker-panel-inner {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 5px #ccc;
  border: 1px solid #ccc;
  padding-bottom: 8px;
}
.rc-color-picker-panel-wrap {
  margin: 5px 0 0;
  height: 30px;
  width: 100%;
  position: relative;
}
.rc-color-picker-panel-wrap-preview {
  position: absolute;
  right: 8px;
}
.rc-color-picker-panel-wrap-ribbon {
  position: absolute;
  left: 8px;
  top: 0;
  right: 43px;
  height: 30px;
}
.rc-color-picker-panel-wrap-alpha {
  position: absolute;
  left: 8px;
  right: 43px;
  bottom: 0;
  height: 12.5px;
}
.rc-color-picker-panel-wrap-has-alpha .rc-color-picker-panel-wrap-ribbon {
  height: 12.5px;
}
.rc-color-picker-trigger {
  border: 1px solid #999;
  display: inline-block;
  padding: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  box-shadow: 0 0 0 2px #fff inset;
}
.rc-color-picker-trigger-open {
  box-shadow: 0px 0px 3px #999;
}
.rc-color-picker-panel {
  width: 218px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  z-index: 9;
  border-radius: 4px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rc-color-picker-panel * {
  box-sizing: border-box;
}
.rc-color-picker-panel-open {
  display: block;
}
.rc-color-picker-panel-close {
  display: none;
}
.rc-color-picker-panel-preview {
  height: 30px;
  width: 30px;
  overflow: hidden;
  border-radius: 2px;
  background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==');
}
.rc-color-picker-panel-preview span {
  box-shadow: 0 0 2px #808080 inset;
}
.rc-color-picker-panel-preview span,
.rc-color-picker-panel-preview input[type=color] {
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  border-radius: 2px;
}
.rc-color-picker-panel-preview input[type=color] {
  opacity: 0;
}
.rc-color-picker-panel-board {
  position: relative;
  font-size: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 8px 8px 0px;
}
.rc-color-picker-panel-board span {
  position: absolute;
  border-radius: 10px;
  border: 1px solid #fff;
  width: 9px;
  height: 9px;
  margin: -4px 0 0 -4px;
  left: -999px;
  top: -999px;
  box-shadow: 0 0 1px rgba(120, 120, 120, 0.7);
  z-index: 2;
}
.rc-color-picker-panel-board-hsv {
  width: 200px;
  height: 150px;
  position: relative;
  z-index: 1;
  border-radius: 2px;
}
.rc-color-picker-panel-board-value {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, transparent 0%, #000000 100%);
  background-image: -moz-linear-gradient(top, transparent 0%, #000000 100%);
  background-image: -o-linear-gradient(top, transparent 0%, #000000 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
}
.rc-color-picker-panel-board-saturation {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #ffffff 0%, transparent 100%);
  background-image: -moz-linear-gradient(left, #ffffff 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #ffffff 0%, transparent 100%);
  background-image: linear-gradient(to right, #ffffff 0%, transparent 100%);
}
.rc-color-picker-panel-board-handler {
  box-shadow: 0 0 2px #808080 inset;
  border-radius: 2px;
  cursor: crosshair;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.rc-color-picker-panel-ribbon {
  position: relative;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
  background-image: -moz-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
  background-image: -o-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
  background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
}
.rc-color-picker-panel-ribbon span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px;
}
.rc-color-picker-panel-ribbon-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer;
}
.rc-color-picker-panel-alpha {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==');
  background-repeat: repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-color-picker-panel-alpha-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
}
.rc-color-picker-panel-alpha span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px;
}
.rc-color-picker-panel-alpha-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer;
}
.rc-color-picker-panel-params {
  font-size: 12px;
}
.rc-color-picker-panel-params-input {
  overflow: hidden;
  padding: 2px 8px;
}
.rc-color-picker-panel-params input {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  text-align: center;
  padding: 1px;
  margin: 0;
  float: left;
  border-radius: 2px;
  border: 1px solid #CACACA;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
.rc-color-picker-panel-params-hex {
  width: 52px;
}
.rc-color-picker-panel-params input[type=number] {
  margin-left: 5px;
  width: 44px;
}
.rc-color-picker-panel-params input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.rc-color-picker-panel-params-lable {
  padding: 2px 8px;
  height: 22px;
  line-height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-color-picker-panel-params-lable label {
  float: left;
  text-align: center;
}
.rc-color-picker-panel-params-lable-hex {
  width: 52px;
}
.rc-color-picker-panel-params-lable-number,
.rc-color-picker-panel-params-lable-alpha {
  margin-left: 5px;
  width: 44px;
  text-transform: uppercase;
}
.rc-color-picker-panel-params-lable-number:hover {
  border-radius: 2px;
  background-color: #eee;
  box-shadow: 0 0 0 1px #ccc inset;
  cursor: pointer;
}
.rc-color-picker-panel-params-has-alpha input[type=number] {
  width: 32px;
}
.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-number,
.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-alpha {
  width: 32px;
}
.rc-color-picker {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1000;
}
.rc-color-picker-wrap {
  display: inline-block;
}
.rc-color-picker-slide-up-enter {
  animation-duration: .3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-color-picker-slide-up-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-color-picker-slide-up-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomRight,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomRight {
  animation-name: rcColorPickerSlideUpIn;
  animation-play-state: running;
}
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topRight,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topRight {
  animation-name: rcColorPickerSlideDownIn;
  animation-play-state: running;
}
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomRight {
  animation-name: rcColorPickerSlideUpOut;
  animation-play-state: running;
}
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topRight {
  animation-name: rcColorPickerSlideDownOut;
  animation-play-state: running;
}
@keyframes rcColorPickerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcColorPickerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes rcColorPickerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
}
@keyframes rcColorPickerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0);
  }
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.color-picker-wrapper {
  display: flex;
  align-items: center;
  width: 170px;
  height: 35px;
}
.color-picker-wrapper .color-picker-display {
  background-color: transparent;
}
.color-picker-wrapper .color-picker-input {
  padding-right: 0;
  height: 35px;
  min-height: 35px;
}
.color-picker-wrapper .color-picker-input.Mui-disabled {
  color: #282828;
}
.color-picker-wrapper .color-picker-input.Mui-disabled fieldset {
  background-color: transparent;
}
.color-picker-wrapper .color-picker-adornment {
  width: 43px;
  max-height: max-content;
  height: calc(100% - 2px);
  padding: 4px 4px 4px 6px;
  margin: 0;
  cursor: pointer;
  background-color: #EEEEEE;
  border-radius: 0 4px 4px 0;
  border-left: 2px solid #d5d5d5;
}
.color-picker-wrapper .color-picker-adornment .react-custom-trigger {
  height: 15px;
  width: 15px;
  margin-top: 4px;
  margin-left: 2px;
}

.titled-color-picker {
  display: flex;
  align-items: center;
}
.titled-color-picker span {
  min-width: 135px;
  margin-bottom: 0;
  font-size: 14px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.range-slider-wrapper .input-range__slider {
  appearance: none;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 24px;
  width: 24px;
  margin-left: -12px;
  margin-top: -18px;
  outline: none;
  position: absolute;
  top: 50%;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  opacity: 1;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff, #F9F9F9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.39);
}
.range-slider-wrapper .input-range__slider:focus,
.range-slider-wrapper .input-range__slider:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
}
.range-slider-wrapper .input-range__slider:active {
  transform: scale(1.1);
}
.input-range--disabled .input-range__slider {
  background: #cccccc;
  border: 1px solid #cccccc;
  box-shadow: none;
  transform: none;
}
.input-range__slider-container {
  transition: left 0.3s ease-out;
}
.input-range__label {
  display: none;
}
.input-range__label--min,
.input-range__label--max {
  display: none;
}
.input-range__label--value {
  display: none;
}
.input-range__label-container {
  display: none;
}
.input-range__track {
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  cursor: pointer;
  display: block;
  height: 12px;
  position: relative;
  transition: left 0.3s ease-out, width 0.3s ease-out;
}
.input-range--disabled .input-range__track {
  background: #eeeeee;
  border: 1px solid #EEEEEE;
}
.input-range__track--background {
  left: 0;
  margin-top: -1.5px;
  position: absolute;
  right: 0;
  top: 50%;
}
.input-range__track--active {
  background: #3FAD90;
  border: transparent;
  box-shadow: none;
}
.input-range {
  height: 20px;
  position: relative;
  width: 100%;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.branding-settings-component {
  display: flex;
  flex-direction: column;
}
.branding-settings-component .branding-settings-component-title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
.branding-settings-component .branding-settings-component-content {
  display: flex;
}
.branding-settings-component .branding-settings-component-content .section {
  width: 45%;
  border: none;
  margin-bottom: 0;
}
.branding-settings-component .branding-settings-component-content .other-details-section .remove-watermark-checkbox {
  margin-top: 10px;
}
.branding-settings-component .branding-settings-component-content .other-details-section .upgrade-for-feature {
  background: transparent;
}
.branding-settings-component .branding-settings-component-content .logo-section {
  display: flex;
  flex-direction: column;
}
.branding-settings-component .branding-settings-component-content .logo-section .logo-section-title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-right: 35px;
}
.branding-settings-component .branding-settings-component-content .logo-section .image-loader-panel {
  min-height: 225px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #EEEEEE;
  padding: 20px 10px 10px 10px;
  margin-right: 35px;
}
.branding-settings-component .branding-settings-component-content .logo-section .image-loader-panel .loaded-image {
  min-height: 80px;
  width: 100%;
  margin: 10px 0;
}
.branding-settings-component .branding-settings-component-content .logo-section .image-loader-panel .loaded-image img {
  max-width: 100%;
}
.branding-settings-component .branding-settings-component-content .logo-section .image-loader-panel .error-message {
  color: red;
}
.branding-settings-component .branding-settings-component-content .logo-section .image-loader-panel .image-placeholder {
  height: 60px;
  width: 50%;
}
.branding-settings-component .branding-settings-component-content .logo-section .range-slider-section-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 10px 0;
  margin-right: 35px;
}
.branding-settings-component .branding-settings-component-content .logo-section .range-slider-section-wrapper .slider-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.branding-settings-component .branding-settings-component-content .logo-section .range-slider-section-wrapper * {
  margin-right: 15px;
  flex-grow: 1;
}
.branding-settings-component .branding-settings-component-content .logo-section .range-slider-section-wrapper .range-slider {
  width: 200px;
  flex-grow: 2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.compose-html-component {
  display: flex;
  flex-direction: column;
}
.compose-html-component .compose-html-component-title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
.compose-html-component .bold-secondary-title {
  font-family: Poppins-Medium, sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
}
.compose-html-component .compose-html-component-content {
  display: flex;
}
.compose-html-component .compose-html-component-content .rich-text-wrapper {
  margin-bottom: 20px;
}
.compose-html-component .compose-html-component-content .button-settings-wrapper {
  width: 500px;
}
.compose-html-component .compose-html-component-content .section {
  width: 50%;
  border: none;
}
.compose-html-component .compose-html-component-content iframe {
  height: 400px;
  width: 100%;
  border: 1px solid #d8d8d8;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.campaign-settings-unsubscribe-page .section {
  min-height: auto;
  padding: 20px;
}
.campaign-settings-unsubscribe-page .section .section-labeled-row {
  display: flex;
  align-items: center;
  padding: 10px 0;
  width: 100%;
}
.campaign-settings-unsubscribe-page .section .section-labeled-row .input-title {
  min-width: 135px;
}
.campaign-settings-unsubscribe-page .section .secondary-title {
  font-size: 14px;
  margin-bottom: 5px;
}
.campaign-settings-unsubscribe-page .page-edit-options-title {
  padding-bottom: 10px;
}
.campaign-settings-unsubscribe-page .radio-group-item {
  margin: 0;
}
.campaign-settings-unsubscribe-page .reset-to-default-btn {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.campaign-settings-unsubscribe-page .reset-to-default-btn:hover {
  text-decoration: underline;
  color: #5DACD2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.back-icon-button-react .fa {
  font-size: 12px;
  margin-right: 2px;
  color: #282828;
  vertical-align: middle;
  cursor: pointer;
}
.back-icon-button-react .back-button-label {
  color: #757575;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.save-changes-box-react {
  width: 100%;
  padding: 0px;
}
.save-changes-box-react .save-changes-wrapper {
  max-width: 1400px;
  margin: 0px auto;
  padding: 0 24px;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.save-changes-box-react .save-changes-wrapper-visible {
  height: 48px;
  margin: 10px auto 10px;
}
.save-changes-box-react .save-changes-message-container {
  padding: 5px 15px;
  border: 1px solid #F4C430;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
  display: flex;
  align-items: center;
}
.save-changes-box-react .save-changes-message-container .save-changes-message {
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #757575;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.save-changes-box-react .save-changes-message-container .link-btn {
  color: #5DACD2;
  margin-right: 25px;
  cursor: pointer;
}
.save-changes-box-react .save-changes-message-container .link-btn.discard-link {
  margin-left: auto;
}
.save-changes-box-react .save-changes-message-container .link-btn:hover {
  text-decoration: underline;
}
.save-changes-box-react .save-changes-message-container button {
  margin: 0;
  padding: 5px 11px;
}
.save-changes-box-react .save-changes-message-container button:focus {
  outline: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.destination-page-container.has-invalid .attribute-name.invalid fieldset,
.destination-page-container.has-invalid .attribute-value.invalid fieldset {
  border-color: #C0392B;
}
.destination-page-container.has-invalid .attribute-name.invalid .lifecycle-dropdown__control,
.destination-page-container.has-invalid .attribute-value.invalid .lifecycle-dropdown__control {
  border: 1px solid #C0392B;
}
.destination-page-container.has-invalid .invalid fieldset {
  border-color: #C0392B;
}
.destination-page-container.has-invalid .new-editable-input-box-react .text.invalid,
.destination-page-container.has-invalid .new-editable-input-box-react .input-box-input.invalid {
  border: 1px solid #C0392B;
}
.destination-page-container .page-title {
  display: flex;
}
.destination-page-container .page-title .name-and-descrption {
  width: 350px;
}
.destination-page-container .page-title .destination-title {
  top: -2px;
}
.destination-page-container .page-title .destination-title .new-editable-input-box-react {
  height: 30px;
}
.destination-page-container .page-title .destination-title .new-editable-input-box-react .text,
.destination-page-container .page-title .destination-title .new-editable-input-box-react .input-box-input {
  line-height: 30px;
  max-width: 100%;
}
.destination-page-container .page-title .destination-title .new-editable-input-box-react .input-box-input-input {
  min-height: 30px;
}
.destination-page-container .page-title .destination-title .new-editable-input-box-react .input-box-input-input input {
  font-size: 20px;
}
.destination-page-container .page-title .destination-description {
  top: -2px;
  font-size: 13px;
}
.destination-page-container .page-title .destination-description .action-buttons .input-box-icon {
  font-size: 12px;
}
.destination-page-container .save-changes-box-react .save-changes-wrapper {
  padding: 0;
}
.destination-page-container .destination-page-modifier {
  color: #757575;
  font-size: 13px;
  margin-top: 12px;
}
.destination-page-container .section {
  min-height: auto;
  margin: 25px 0;
  padding: 25px;
}
.destination-page-container .section .section-title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.destination-page-container .section .section-sub-title,
.destination-page-container .section .logo-section .title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  margin-bottom: 8px;
}
.destination-page-container .section.branding-settings-component {
  display: flex;
  flex-direction: row;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content {
  display: block;
  width: 50%;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content > div:not(:last-child) {
  margin-bottom: 35px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .logo-section {
  max-width: 468px;
  height: 300px;
  margin-bottom: 15px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .section-sub-title {
  height: 21px;
  display: flex;
  align-items: center;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .section-sub-title .text {
  margin-right: 8px;
  height: 16px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .section-sub-title .cta-tooltip {
  margin-left: 8px;
  line-height: 14px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .section-sub-title .cta-tooltip .react--info-icon {
  font-size: 14px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .cta-button-settings {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .cta-button-settings .button-text {
  width: 70%;
  margin-right: 10px;
  margin-bottom: 15px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .cta-button-settings .button-text-color {
  width: 25%;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .cta-button-settings .button-color {
  width: 25%;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .cta-button-settings .color-picker-wrapper {
  height: 40px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .cta-button-settings .color-picker-wrapper .color-picker-input {
  height: 40px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .cta-confirm-message .subtitle {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .cta-button .cta-confirm-message .confirmation-message-input {
  width: 365px;
}
.destination-page-container .section.branding-settings-component .branding-settings-component-content .rich-text-wrapper .animated-checkbox-wrapper {
  margin-top: 10px;
}
.destination-page-container .section.branding-settings-component .html-preview {
  width: 50%;
}
.destination-page-container .section.branding-settings-component .html-preview .paste-html-component-preview-section {
  position: -webkit-sticky;
  position: sticky;
  top: 200px;
  border: none;
  margin: 0;
  padding: 0;
}
.destination-page-container .section.branding-settings-component .html-preview .paste-html-component-preview-section iframe {
  height: 450px;
}

.raw-separator {
  margin-top: 45px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.marketplace-details-page .marketplace-details-header {
  display: flex;
}
.marketplace-details-page .marketplace-details-header .back-icon-button-react {
  margin-top: 5px;
}
.marketplace-details-page .marketplace-details-header .back-icon-button-react i {
  font-size: 20px;
}
.marketplace-details-page .marketplace-details-header .sb-name-wrapper {
  margin-left: 10px;
}
.marketplace-details-page .marketplace-details-header .sb-name-wrapper .sb-description {
  color: #757575;
  padding-top: 0;
}
.marketplace-details-page .marketplace-details-header .sb-setup-link-wrapper {
  margin: 4px 10px 0 auto;
}
.marketplace-details-page .marketplace-details-header .sb-setup-link-wrapper i {
  font-size: 13px;
  color: #5DACD2;
  vertical-align: middle;
  margin-left: 3px;
}
.marketplace-details-page .marketplace-details-header .custom-link {
  color: #5dacd2;
  font-size: 1rem;
  line-height: 24px;
}
.marketplace-details-page .marketplace-details-header .custom-link:hover {
  cursor: pointer;
  text-decoration: underline;
}
.marketplace-details-page .marketplace-details-header .card-button {
  margin-right: 10px;
}
.marketplace-details-page .marketplace-details-header .card-button .sb-get-btn {
  padding-bottom: 3px;
}
.marketplace-details-page .market-details-card {
  margin-top: 100px;
  width: 85%;
}
.marketplace-details-page .resources-container {
  padding: 0 70px;
}
.marketplace-details-page.new .tab-content {
  padding-top: 0;
}
.marketplace-details-page.new .tab-content .market-details-card {
  margin-top: 0;
}
.app-header-container.marketplace-details-page.new {
  width: 100%;
  align-items: center;
  background-color: #F5F5F5;
  border-bottom: none;
}
.app-header-container.marketplace-details-page.new .app-header {
  display: flex;
  width: 85%;
  margin: 0 auto;
  background-color: transparent;
  border-bottom: none;
  max-width: 1164px;
}
.app-header-container.marketplace-details-page.new .app-header .back-button {
  color: #939598;
}
.app-header-container.marketplace-details-page.new .app-header .logo {
  margin-left: 13px;
  cursor: pointer;
}
.app-header-container.marketplace-details-page.new .app-header .title {
  margin-left: 10px;
}
.app-header-container.marketplace-details-page.new .app-header .title .divider {
  color: #939598;
  margin: 0 7px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.marketplace-welcome-modal .tour-body {
  width: 850px;
  height: 400px;
  overflow: hidden;
}
.marketplace-welcome-modal .tour-body .tour-image {
  width: 485px;
  transform: scale(1.01);
}
.marketplace-welcome-modal .tour-body .tour-image-container {
  float: left;
  margin-top: -1px;
}
.marketplace-welcome-modal .tour-body .tour-content-container {
  float: right;
  width: 42%;
  margin-right: 5px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-button {
  margin-top: 10px;
  color: #3fad90;
  cursor: pointer;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-button.greyed {
  color: #B5B8BC;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper {
  height: 338px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .x-btn {
  color: #939598;
  position: absolute;
  right: 15.5px;
  top: 15.5px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .x-btn.close {
  font-size: 18px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .bullet {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 100%;
  padding-top: 9px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .bullet.style-1 {
  background-color: #7CC245;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .bullet.style-2 {
  background-color: #2FA07C;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .bullet.style-3 {
  background-color: #1B4E43;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .get-started {
  font-size: 14px;
  color: #282828;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .get-started .header {
  color: #282828;
  text-align: center;
  margin-top: 62px;
  margin-bottom: 38px;
  font-size: 18px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .get-started .content {
  padding-left: 34px;
  margin-bottom: 47px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .get-started .content .field-content {
  margin-left: 10px;
  display: inline-block;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .get-started .content .content-row {
  margin-bottom: 20px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step {
  text-align: center;
  color: #282828;
  margin-top: 45px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .head-label {
  margin-top: 80px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .head-sb-setup {
  argin-top: 69px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .success-bloc-logo {
  position: absolute;
  left: 147px;
  top: 137px;
  width: 200px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .header {
  margin-top: 25px;
  font-size: 24px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .top-space {
  margin-top: 10px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .content {
  font-size: 16px;
  width: 320px;
  margin: auto;
  margin-top: 30px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .content .link {
  cursor: pointer;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .text {
  font-size: 14px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .ready-btn {
  width: 88%;
  margin-top: 50px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .top-btn-space {
  margin-top: 150px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .button-container {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  min-height: 88px;
  margin-top: 100px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .button-container .ready-btn {
  width: 88%;
  margin-top: 10px;
}
.marketplace-welcome-modal .tour-body .tour-content-container .step-content-wrapper .choose-step .button-container .ready-btn .material-icons {
  font-size: 14px;
  margin-left: 4px;
}
.marketplace-welcome-modal .confirmation-dialog-paper {
  padding: 0;
  width: 850px;
  height: 399px;
  border-radius: 7px;
}
.marketplace-welcome-modal .confirmation-dialog-paper .dialog-content {
  padding: 0;
  overflow: hidden;
}
.marketplace-welcome-modal .confirmation-dialog-paper .dialog-content .welcome-text-container {
  height: 100%;
  padding: 70px 0 0 50px;
}
.marketplace-welcome-modal .confirmation-dialog-paper .dialog-content .welcome-text-container .bullet-point {
  display: flex;
  align-items: center;
  margin: 12px 0;
}
.marketplace-welcome-modal .confirmation-dialog-paper .dialog-content .welcome-text-container .bullet-point .round-number {
  background-color: #3FAD90;
  color: #fff;
  border-radius: 16px;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.marketplace-welcome-modal .confirmation-dialog-paper .dialog-content .welcome-text-container .btn-text {
  margin-top: 3px;
}
.marketplace-welcome-modal .confirmation-dialog-paper .dialog-content .welcome-text-container .btn-icon {
  margin-left: 10px;
  font-size: 20px;
}
.marketplace-welcome-modal .confirmation-dialog-paper .dialog-content .welcome-img {
  float: right;
  margin: -2px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.gallery-item-resources {
  display: flex;
  justify-content: center;
}
.gallery-item-resources .gallery-item-resources-value {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  min-width: 40px;
  color: #bababa;
}
.gallery-item-resources .gallery-item-resources-value:not(:first-child) {
  border-left: 1px solid #F0F0F0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.item-container {
  position: relative;
}
.item-container .gallery-item {
  margin: 20px 15px;
  display: flex;
  flex-direction: column;
  height: 255px;
  max-width: 325px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.item-container .gallery-item:hover {
  cursor: pointer;
  border: 1px solid #50bfa7;
}
.item-container .gallery-item:hover .card-button {
  opacity: 1;
}
.item-container .gallery-item .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.item-container .gallery-item .description {
  margin-top: 20px;
  font-size: 12px;
  line-height: 16px;
  max-height: 50px;
  color: #757575;
  overflow: hidden;
}
.item-container .gallery-item .buttons {
  position: absolute;
  right: 10px;
  top: 10px;
}
.item-container .gallery-item .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: inherit;
}
.item-container .gallery-item .card-button {
  opacity: 0;
}
.item-container .gallery-item .gallery-item-exists {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.item-container .gallery-item .gallery-item-exists .fa {
  color: #3FAD90;
  font-size: 16px;
}
.item-container .gallery-item .gallery-item-actions {
  background-color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 15px;
  display: none;
  z-index: 5;
}
.item-container .gallery-item .gallery-item-actions .actions {
  font-size: 12px;
  padding: 50px 0px;
}
.item-container .gallery-item .gallery-item-actions .actions .option {
  color: #757575;
  margin-right: 5px;
}
.item-container .gallery-item .gallery-item-actions .actions .value .icon {
  width: 24px;
  height: 24px;
  padding: 1px 3px;
  display: inline-block;
  border-radius: 20px;
  background-color: #EEEEEE;
  border: 1px solid #dddddd;
  margin: 0px 5px;
}
.item-container .gallery-item .gallery-item-header {
  padding: 15px;
  height: 100px;
  margin-bottom: 15px;
}
.item-container .gallery-item .gallery-item-content {
  display: flex;
  justify-content: center;
}
.item-container .gallery-item .gallery-item-resources {
  margin-top: auto;
  margin-bottom: 10px;
}
.item-container .gallery-item .gallery-item-footer {
  display: none;
  padding: 15px;
}
.item-container .gallery-item .gallery-item-footer.visible {
  display: block;
}
.item-container .gallery-item .gallery-item-footer.buttons {
  background-color: #fff;
  border-top: 1px solid #F0F0F0;
}
.item-container .gallery-item .btn-create-new-SB {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 116px;
  color: #ddeeea;
}
.item-container .gallery-item .btn-create-new-SB:hover {
  background-color: transparent;
  color: #bbddd5;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.installed-label {
  display: flex;
  align-items: center;
  margin-top: 10px;
  color: #757575;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.installed-label svg {
  height: 12px;
  width: 12px;
  margin-right: 5px;
  fill: rgba(63, 173, 144, 0.45);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.new-item-container {
  position: relative;
  min-height: 102px;
}
.new-item-container .gallery-item {
  height: inherit;
  margin: 0;
  max-width: inherit;
  display: flex;
  flex-direction: column;
  border: 1px solid #eeeeee;
  border-radius: 12px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  box-shadow: none;
}
.new-item-container .gallery-item:hover {
  cursor: pointer;
  border: 1px solid #3fad90;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
.new-item-container .gallery-item .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: inherit;
}
.new-item-container .gallery-item .gallery-item-header {
  display: flex;
  margin-bottom: 0;
  height: initial;
  min-height: 100px;
  align-items: center;
  padding: 10px;
}
.new-item-container .gallery-item .gallery-item-header .thumbnail-container .item-thumbnail {
  width: 80px;
  height: auto;
  max-height: 80px;
}
.new-item-container .gallery-item .gallery-item-header .title-container {
  max-width: calc(100% - 80px);
  padding-left: 15px;
}
.new-item-container .gallery-item .gallery-item-content {
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 127px;
  padding: 0 10px 15px;
}
.new-item-container .gallery-item .gallery-item-content .actions-container {
  display: flex;
}
.new-item-container .gallery-item .gallery-item-content .actions-container .card-button button {
  width: 80px;
  height: 28px;
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
}
.new-item-container .gallery-item .gallery-item-content .actions-container .btn-more-details {
  height: 28px;
  margin-left: 5px;
  color: #3fad90;
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
}
.new-item-container .gallery-item .gallery-item-content .description {
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
  color: #757575;
  font-size: 12px;
  margin-top: 15px;
  max-height: inherit;
  margin-bottom: 10px;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 6) {
  .new-item-container .gallery-item .gallery-item-content .description {
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }
}
.new-item-container .gallery-item:hover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.new-item-container .gallery-item:hover .gallery-item-content {
  display: flex;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.featured-container .featured-item {
  box-sizing: border-box;
  height: 228px;
  border-radius: 14px;
  color: #fff;
  margin: auto;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.featured-container .featured-item.style-0 .featured-left-side {
  background: linear-gradient(180deg, #249376 0%, #3FAD90 100%);
}
.featured-container .featured-item.style-0 .featured-left-side .card-button button {
  color: #249376;
}
.featured-container .featured-item.style-1 .featured-left-side {
  background: linear-gradient(163.73deg, #73458A 0%, #9566AC 100%);
}
.featured-container .featured-item.style-1 .featured-left-side .card-button button {
  color: #73458A;
}
.featured-container .featured-item.style-2 .featured-left-side {
  background: linear-gradient(164.66deg, #6AAA37 0%, #7CC245 100%);
}
.featured-container .featured-item.style-2 .featured-left-side .card-button button {
  color: #6AAA37;
}
.featured-container .featured-item .card {
  display: flex;
  height: inherit;
  margin-left: -1px;
  margin-top: -1px;
}
.featured-container .featured-item .card .featured-left-side {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
}
.featured-container .featured-item .card .featured-left-side .title {
  margin: 0 0 15px;
  line-height: 28px;
}
.featured-container .featured-item .card .featured-left-side .description {
  font-size: 0.85rem;
  font-family: Poppins-Regular, sans-serif;
  line-height: 18px;
  margin-bottom: 10px;
  overflow: hidden;
}
@supports (-webkit-line-clamp: 6) {
  .featured-container .featured-item .card .featured-left-side .description {
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }
}
.featured-container .featured-item .card .featured-left-side .actions-container {
  margin-top: auto;
  display: flex;
}
.featured-container .featured-item .card .featured-left-side .actions-container .btn-more-details {
  display: none;
  height: 36px;
  width: 127px;
  margin-left: 5px;
  color: #fff;
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
}
.featured-container .featured-item .card .featured-left-side .actions-container .card-button button {
  height: 36px;
  width: 78px;
  border-radius: 4px;
  background-color: #fff;
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
}
.featured-container .featured-item .card .featured-right-side {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.featured-container .featured-item .card .featured-right-side .featured-thumbnail {
  max-width: 100%;
  height: auto;
  padding: 0 20px;
}
.featured-container .featured-item:hover {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.featured-container .featured-item:hover.style-0 {
  border-color: #249376;
}
.featured-container .featured-item:hover.style-1 {
  border-color: #73458A;
}
.featured-container .featured-item:hover.style-2 {
  border-color: #6AAA37;
}
.featured-container .featured-item:hover .card .featured-left-side .actions-container .btn-more-details {
  display: inline-flex;
}
.featured-container .featured-item:hover .card .featured-left-side .actions-container .btn-more-details:hover {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.2);
}
.featured-container.loader .featured-item .sb-get-btn {
  color: #d8d8d8;
  height: 46px;
  text-align: center;
  transform: scale(1, 1.8);
  margin: 25px 0 0 0;
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
}
.featured-container.loader .featured-item .featured-right-side {
  border-left: 1px solid #E7E7E7;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.gallery-page .header-content .description {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #757575;
  padding-top: 15px;
  font-size: 13px;
  line-height: 16px;
}
.gallery-page .tab-content .gallery-sidebar {
  padding-top: 45px;
}
.gallery-page .tab-content .gallery-sidebar .category-list .category-container {
  padding: 0 20px;
  max-width: 300px;
  border-radius: 20px;
  min-height: 30px;
  margin: 5px 0;
}
.gallery-page .tab-content .gallery-sidebar .category-list .category-container.Mui-selected {
  background-color: #D9EFE9;
}
.gallery-page .tab-content .gallery-sidebar .react-search-input .clear-search-button {
  top: 0;
}
.gallery-page .tab-content .gallery-container {
  padding: 40px 15px;
}
.gallery-page .tab-content .gallery-container .gallery-title {
  margin-left: 30px;
}
.gallery-page .tab-content .gallery-container .gallery-items {
  display: flex;
  flex-wrap: wrap;
}
.gallery-page.new .sticky-container.sticky .gallery-sidebar {
  position: relative;
}
.gallery-page.new .sticky-container.sticky .gallery-sidebar .category-list {
  position: sticky;
  top: 65px;
}
.gallery-page.new .page-container-header {
  top: -5px;
  box-shadow: none;
  border: 1px solid #E7E7E7;
  position: relative;
  min-height: 180px;
}
.gallery-page.new .page-container-header .header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
}
.gallery-page.new .page-container-header .header-content h6 {
  padding: 5px 0 15px;
}
.gallery-page.new .page-container-header .header-content .react-search-input {
  min-width: 554px;
  height: 40px;
  border-radius: 20px;
  border-color: #CFCFCF;
}
.gallery-page.new .page-container-header .header-content .react-search-input .search-glass-icon {
  font-size: 16px;
  margin-left: 4px;
  color: #757575;
}
.gallery-page.new .page-container-header .header-content .react-search-input .clear-search-button {
  width: 40px;
  padding: 0;
  right: 5px;
  top: 10px;
}
.gallery-page.new .gallery-feature-list .title {
  margin: 35px 0 10px;
}
.gallery-page.new .gallery-sidebar {
  padding-top: 45px;
}
.gallery-page.new .gallery-content {
  margin-left: auto;
  padding-bottom: 130px;
}
.gallery-page.new .gallery-content .gallery-container {
  padding: 60px 0 0 45px;
}
.gallery-page.new .gallery-content .gallery-container .gallery-title {
  margin: 0 0 10px;
}
.app-header-container.gallery-page {
  width: 100%;
  align-items: center;
}
.app-header-container.gallery-page .logo {
  margin-left: 13px;
  cursor: pointer;
}
.app-header-container.gallery-page .title {
  margin-left: 10px;
}
.app-header-container.gallery-page .btn-create-new-SB {
  margin-left: auto;
  color: #3fad90;
  font-family: Poppins-Medium, sans-serif;
  font-size: 14px;
}
.app-header-container.gallery-page .btn-create-new-SB .material-icons {
  margin-right: 9px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
/*
** --- Totango App (0-4999) ---
*/
/*
** --- Zeo App (5000-9999) ---
*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*General colors palette*/
/*team*/
/* mark as done */
/*health*/
/*tasks*/
/*o16n*/
/*segment chart*/
/*online/offline*/
/*positive/negative*/
/* retention */
/* task and touchpoint */
/*General elements*/
/*totango blue*/
/* Activity types */
/*Flat palette*/
/*social colors*/
/* provisioning */
/* product logo */
/*Functions*/
/* Mixins */
/* Font Mixins */
.general-settings .content-area {
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  min-height: auto;
  width: 100%;
  padding: 15px;
  margin: 20px 0 0;
}
.general-settings .content-area .content-title {
  font-size: 17px;
  margin-bottom: 10px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.general-settings .content-area .section-title {
  margin-top: 10px;
}
.general-settings .raw-padding {
  padding-top: 15px;
  padding-bottom: 15px;
}
.general-settings .float-left {
  float: left;
}
.general-settings .ml1 {
  margin-left: 5px;
}
.general-settings .mr1 {
  margin-right: 6px;
}
.general-settings .mr3 {
  margin-right: 18px;
}
.general-settings .mt1 {
  margin-top: 10px;
}
.general-settings .mb1 {
  margin-bottom: 10px;
}
.general-settings .settings-gear {
  color: #5DACD2;
}
.general-settings .settings-gear:hover {
  cursor: pointer;
}
.general-settings .title {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 15px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.general-settings .switch-label {
  display: inline-block;
  line-height: 25px;
  margin: 0 15px 0 0;
  vertical-align: top;
}
.general-settings .enabled-verified {
  color: #3FAD90;
}
.enforce-sso-modal {
  width: 650px;
  left: calc(50% - 325px);
  top: 20%;
}
.enforce-sso-modal .confirmation-modal-text {
  padding: 5px 50px 0px;
}
.salesforce-modal {
  width: 700px;
  left: calc(50% - 350px);
  top: 20%;
}
.saml-sso-modal {
  width: 1200px;
  left: calc(50% - 600px);
  top: 10%;
}

b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.preview {
  padding-top: 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.currency-settings-container {
  background-color: #F5F5F5;
  flex: 1;
}
.currency-settings-container .currency-settings-form {
  display: flex;
  padding: 0;
}
.currency-settings-container .currency-settings-form > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.currency-settings-container .currency-settings-form > div > label {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.currency-settings-container .currency-settings-form > div:not(:last-child) {
  padding-right: 10px;
}
.currency-settings-container .currency-settings-form .format-format {
  flex: 1;
}
.currency-settings-container .currency-settings-form .format-format .react-select-dropdown-container .react-select-dropdown__menu {
  min-width: 206px;
}
.currency-settings-container .currency-settings-form .react-select-dropdown-container .react-select-dropdown__control {
  min-height: 34px;
  height: 34px;
  line-height: 21px;
}
.currency-settings-container .currency-settings-form .format-sign {
  width: 100px;
}
.currency-settings-container .currency-settings-form .format-digits {
  width: 150px;
}
.currency-settings-container .currency-settings-form > * label {
  margin-right: 5px;
  font-size: 12px;
}
.currency-settings-container .currency-settings-form .react-select-dropdown__menu-list {
  overflow-y: auto;
}
.currency-settings-container label {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0;
}
.currency-settings-container .react-select-dropdown__control {
  background-color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.currency-settings .currency-settings-container {
  background-color: #F5F5F5;
}
.currency-settings .currency-settings-container .currency-settings-form {
  padding: 10px 10px 10px;
}
.currency-settings .currency-settings-container .currency-settings-form > div {
  flex-direction: column;
}
.currency-settings .currency-settings-container .currency-settings-form .format-sign {
  width: 100px;
}
.currency-settings .currency-settings-container .currency-settings-form .format-format {
  flex: 1;
}
.currency-settings .currency-settings-container .currency-settings-form .format-digits {
  width: 150px;
}
.currency-settings-data-files .currency-settings-container .currency-settings-form {
  padding: 10px 10px 10px;
}
.currency-settings-data-files .currency-settings-container .currency-settings-form > div {
  flex-direction: column;
}
.currency-settings-data-files .currency-settings-container .currency-settings-form .format-sign {
  width: 100px;
}
.currency-settings-data-files .currency-settings-container .currency-settings-form .format-format {
  flex: 1;
}
.currency-settings-data-files .currency-settings-container .currency-settings-form .format-digits {
  width: 150px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.global-settings-items-list {
  padding: 20px;
}
.global-settings-items-list .global-settings-item {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #EEEEEE;
  display: flex;
  flex-direction: column;
}
.global-settings-items-list .global-settings-item .item-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.global-settings-items-list .global-settings-item .item-content-wrapper .item-content {
  display: flex;
  flex-direction: column;
}
.global-settings-items-list .global-settings-item .item-content-wrapper .item-content__narrow {
  width: 450px;
}
.global-settings-items-list .global-settings-item .item-content-wrapper .item-content .item-title {
  font-size: 15px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.global-settings-items-list .global-settings-item .item-content-wrapper .item-content .item-description {
  font-size: 14px;
}
.global-settings-items-list .global-settings-item .item-content-wrapper .item-content .preference-dropdown {
  padding-top: 10px;
}
.global-settings-items-list .global-settings-item .item-content-wrapper .switch-container {
  background-color: #fff;
}
.global-settings-items-list .global-settings-item .editor-wrapper {
  width: 600px;
  padding-top: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.customer-portal-settings .header-title,
.touchpoint-settings .header-title {
  display: flex;
}
.customer-portal-settings .header-title .beta-label,
.touchpoint-settings .header-title .beta-label {
  max-height: 18px;
  padding: 3px 5px;
}
.customer-portal-settings .header-description,
.touchpoint-settings .header-description {
  color: #757575;
  font-size: 15px;
  margin-top: 12px;
}
.customer-portal-settings .header-description .learn-more-link,
.touchpoint-settings .header-description .learn-more-link {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.customer-portal-settings .header-description .learn-more-link:hover,
.touchpoint-settings .header-description .learn-more-link:hover {
  text-decoration: underline;
  color: #5DACD2;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.create-account-info-modal {
  width: 498px;
  left: calc(50% - 249px);
}
.create-account-info-modal-items {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.create-account-info-modal-item {
  width: 210px;
  padding: 10px 15px;
  border: 1px solid #EEEEEE;
  margin-bottom: 15px;
  cursor: pointer;
}
.create-account-info-modal-item-description {
  font-size: 11px;
  line-height: 16px;
  color: #757575;
  padding-top: 2px;
}
.create-account-info-modal-item:hover {
  border-color: #3FAD90;
}
.create-account-info-modal-item_inactive {
  cursor: default;
}
.create-account-info-modal-item_inactive:hover {
  border-color: #EEEEEE;
}
.create-account-info-modal .modal-content .modal-footer {
  display: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.delete-attribute-modal {
  width: 620px;
  top: 100px;
  left: calc(50% - 310px);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.metric-usage-modal .confirmation-dialog-paper {
  min-height: 220px;
  min-width: 650px;
}

.delete-metric-modal {
  width: 720px;
  top: 100px;
  left: calc(50% - 360px);
}
.delete-metric-modal .metric-usage-container {
  padding: 20px 0;
}

.delete-metric-modal {
  width: 720px;
  top: 100px;
  left: calc(50% - 360px);
}
.delete-metric-modal .metric-usage-container {
  padding: 20px 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.metrics-period {
  display: flex;
}
.metrics-period__item {
  margin: 3px 0;
  color: #282828;
  padding: 0 5px;
  font-size: 12px;
  line-height: 12px;
  border-left: 1px solid #babbbd;
}
.metrics-period__item:first-child {
  padding-left: 0;
  border-left: none;
}
.metrics-period__item_definition {
  border-left: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-dimension-modal__input_error {
  border-color: #C0392B;
}
.edit-dimension-modal__option {
  display: flex;
  align-items: center;
}
.edit-dimension-modal__option + .edit-dimension-modal__option {
  margin-top: 30px;
  align-items: flex-start;
}
.edit-dimension-modal__option > label {
  flex-basis: 140px;
  flex-grow: 1;
  flex-shrink: 1;
}
.edit-dimension-modal__option > textarea {
  width: 100%;
  height: 60px;
  resize: none;
  border-color: #d8d8d8;
  outline: none !important;
  padding: 6px 8px;
}
.edit-dimension-modal__option > textarea[disabled] {
  cursor: not-allowed;
  background-color: #EEEEEE;
  opacity: 0.7;
}
.edit-dimension-modal__option_error > textarea {
  border-color: #C0392B;
}
.edit-dimension-modal__select {
  width: 100%;
  max-width: 524px;
}
.edit-dimension-modal__itemLabel {
  font-size: 13px;
}
.edit-dimension-modal__itemLabel_fixed {
  padding-right: 3px;
}
.edit-dimension-modal__itemLabel i {
  margin-right: 7px;
}
.edit-dimension-modal__itemLabel i:before {
  color: rgba(155, 155, 155, 0.65);
  font-size: 12px;
}
.edit-dimension-modal__controls {
  display: flex;
  justify-content: flex-end;
}
.edit-dimension-modal__controls > button {
  margin-right: 10px;
}
.edit-dimension-modal__validationError {
  position: absolute;
  top: 0;
  margin-left: 115px;
  color: transparent;
  transition: all 0.3s ease;
}
.edit-dimension-modal__validationError_visible {
  color: #C0392B;
}
.edit-dimension-modal__validationError_description {
  position: relative;
  height: 30px;
  line-height: 30px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-status-modal__input_error {
  border-color: #C0392B;
}
.edit-status-modal__select {
  width: 100%;
}
.edit-status-modal__select_error > div {
  border-color: #C0392B;
}
.edit-status-modal__option {
  display: flex;
  align-items: center;
}
.edit-status-modal__option + .edit-status-modal__option {
  margin-top: 10px;
  align-items: flex-start;
}
.edit-status-modal__option > label {
  flex-basis: 140px;
  flex-grow: 1;
  flex-shrink: 1;
}
.edit-status-modal__option > textarea {
  width: 100%;
  height: 60px;
  resize: none;
  border-color: #d8d8d8;
  outline: none !important;
  padding: 6px 8px;
}
.edit-status-modal__option > textarea[disabled] {
  cursor: not-allowed;
  background-color: #EEEEEE;
  opacity: 0.7;
}
.edit-status-modal__select {
  width: 100%;
}
.edit-status-modal__itemLabel {
  font-size: 13px;
}
.edit-status-modal__itemLabel i {
  margin-right: 7px;
}
.edit-status-modal__itemLabel i:before {
  color: rgba(155, 155, 155, 0.65);
  font-size: 12px;
}
.edit-status-modal__controls {
  display: flex;
  justify-content: flex-end;
}
.edit-status-modal__controls > button {
  margin-right: 10px;
}
.edit-status-modal__validationError {
  position: absolute;
  top: 0;
  margin-left: 115px;
  color: transparent;
  transition: all 0.3s ease;
}
.edit-status-modal__validationError_visible {
  color: #C0392B;
}
.edit-status-modal__validationError_inline {
  position: relative;
  height: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.dimensions__name {
  max-width: 100%;
  white-space: normal;
  font-size: 14px;
}
.dimensions__description {
  color: #929292;
  max-width: 100%;
  white-space: normal;
  line-height: 16px;
  font-size: 12px;
}
.dimensions__nameCell {
  text-align: left;
}
.dimensions__status {
  text-transform: capitalize;
}
.dimensions__source {
  display: inline-block;
  text-transform: uppercase;
  padding: 4px;
  border-radius: 3px;
  color: #757575;
  border: 1px solid #c3c3c3;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 1px;
}
.dimensions__header {
  color: #282828;
}
.dimensions__headerIcon {
  color: rgba(155, 155, 155, 0.65);
  margin-right: 10px;
}
.dimensions__table {
  background-color: #fff;
  border: 1px solid #E7E7E7 !important;
  border-top: none !important;
}
.dimensions__table .rt-thead {
  position: fixed;
  max-width: 1368px;
  width: calc(100vw - 227px);
  min-width: 760px !important;
  border-top: 1px solid #E7E7E7 !important;
  background-color: #fff;
}
.dimensions__table .rt-tbody {
  margin-top: 40px;
}
.dimensions__table .rt-tr-group .rt-tr {
  padding-top: 10px;
  padding-bottom: 10px;
}
.dimensions__table .rt-tr {
  padding-left: 40px;
  cursor: pointer;
}
.dimensions__table .rt-tr:hover .dimensions__actions {
  visibility: visible;
}
.dimensions__table .rt-th {
  border: none !important;
  font-weight: normal !important;
  color: #5DACD2;
}
.dimensions__table .rt-th:first-child {
  padding-left: 0 !important;
}
.dimensions__table .rt-td {
  border: none !important;
}
.dimensions__table .rt-td:first-child {
  padding: 0 0 1px 0 !important;
  text-align: right;
}
.dimensions__table .rt-noData {
  top: 75%;
  padding: 0;
}
.dimensions__actions {
  overflow: visible !important;
  margin-left: auto;
  visibility: hidden;
}
.dimensions__actions .kebab-menu .dropdown-toggle {
  border: none;
}
.dimensions__controls {
  display: flex;
  padding-top: 30px;
  padding-bottom: 10px;
  background-color: #f5f5f5;
  position: sticky;
  top: 166px;
  z-index: 998;
  border-bottom: 1px solid #E7E7E7;
}
.dimensions__controls .react-search-input {
  margin-left: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.data-modeler-status {
  margin-top: 20px;
}
.data-modeler-status__description {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.data-modeler-status__text {
  color: #999999;
  padding: 0 15px;
}
.data-modeler-status__textParagraph {
  font-size: 14px;
  line-height: 22px;
  margin: 0;
}
.data-modeler-status__textParagraph_link {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.data-modeler-status__control {
  background-color: #5DACD2;
  border-color: transparent;
  color: #fff;
  border-radius: 2px;
  padding: 7px 11px;
  font-size: 13px;
}
.data-modeler-status__control .fa {
  margin-right: 8px;
}
.data-modeler-status__list {
  background-color: #fff;
  border: 1px solid #e6e7e8;
  min-height: 172px;
  border-radius: 3px 3px 0 0;
  padding-bottom: 20px;
  margin-top: 25px;
}
.data-modeler-status__listHeader {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  font-size: 14px;
  line-height: 38px;
  text-transform: uppercase;
  border-bottom: 1px solid #e6e7e8;
  padding-left: 15px;
  height: 38px;
}
.data-modeler-status__listGroup {
  padding-left: 35px;
  margin-top: 10px;
}
.data-modeler-status__listGroupName {
  margin-top: 20px;
  font-size: 18px;
  text-transform: capitalize;
  display: block;
}
.data-modeler-status__listItem {
  list-style: none;
  border: 1px solid #eeeeee;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 8px 11px;
  position: relative;
  background-color: #fff;
  height: 42px;
  display: flex;
  align-items: center;
}
.data-modeler-status__listItem:hover {
  background: rgba(0, 0, 0, 0.05);
}
.data-modeler-status__listItem:hover .data-modeler-status__listItemEditControl {
  display: block;
}
.data-modeler-status__listItemName {
  height: 17px;
  min-width: 0;
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-modeler-status__listItemName:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border-radius: 100%;
  background-color: #babbbd;
}
.data-modeler-status__listItemName_active:before {
  background-color: #19B698;
}
.data-modeler-status__listItemDragControl {
  display: inline-block;
  width: 10px;
  margin-right: 10px;
  cursor: move;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 21px;
}
.data-modeler-status__listItemDragControl:before {
  content: "\E90B";
}
.data-modeler-status__listItemEditControl {
  margin-left: auto;
  color: #757575;
  display: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.data-modeler-status__draggableContainer {
  list-style: none;
  margin: 10px 0 0;
  padding: 0 25px 0 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.data-modeler-page .tooltip-custom-class {
  -webkit-box-shadow: 3px 3px 4px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 4px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 3px 4px -4px rgba(0, 0, 0, 0.75);
}
.data-modeler-page__link {
  border: none;
  background-color: transparent;
}
.data-modeler-page .expand-collapse-wrapper {
  padding: 0;
  margin: 0 5px;
  font-size: 13px;
}
.data-modeler-page .expand-collapse-wrapper > button {
  padding: 2px 10px;
  border: 1px solid #A7A7A9;
  border-radius: 4px;
  background-color: transparent;
  color: #282828;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
}
.data-modeler-page-header {
  display: flex;
}
.data-modeler-page-header-link-icon {
  font-size: 14px;
  margin-right: 5px;
}
.data-modeler-page-header-processing-link {
  font-size: 14px;
  padding-right: 20px;
  margin-left: auto;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.data-modeler-page-header-processing-link:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.delete-totango-users-modal {
  width: 620px;
  left: calc(50% - 310px);
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-info-table-container .account-info-table-actions {
  display: flex;
  justify-content: space-between;
  position: sticky;
  position: -webkit-sticky;
  top: 158px;
  z-index: 3;
  background-color: #f5f5f5;
  padding-top: 32px;
}
.account-info-table-container .account-info-table-actions div:last-child {
  margin-left: auto;
}
.account-info-table-container .account-info-table-actions .account-info-dropdown .dropdown-option-react .option-title-wrapper {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-info-table-container .account-info-table-actions .account-info-dropdown.dropdown-multiple-selector__control {
  align-items: baseline;
}
.account-info-table-container .account-info-table {
  background-color: #fff;
  border: 1px solid #E7E7E7;
}
.account-info-table-container .account-info-table .rt-th {
  border: none !important;
  font-weight: normal !important;
}
.account-info-table-container .account-info-table .rt-td {
  border: none !important;
}
.account-info-table-container .account-info-table .rt-td:first-child {
  padding: 0 0 1px 0 !important;
  text-align: right;
}
.account-info-table-container .account-info-table .rt-tr {
  cursor: pointer;
}
.account-info-table-container .account-info-table .rt-tr:hover .account-info-actions-cell {
  visibility: visible;
}
.account-info-table-container .account-info-table .is-named {
  padding: 0;
  margin: 0;
}
.account-info-table-container .account-info-table .icon {
  margin: 0 5px;
}
.account-info-table-container .account-info-table .success-flow {
  color: #282828;
  font-size: 12px;
  margin: 0 5px;
}
.account-info-table-container .account-info-table .success-flow > span {
  margin-right: 5px;
}
.account-info-table-container .account-info-table .attribute-name {
  margin-right: 5px;
  word-break: break-all;
  white-space: normal;
}
.account-info-table-container .account-info-table .attribute-description {
  font-size: 11px;
  color: #757575;
  line-height: 12px;
  white-space: normal;
}
.account-info-table-container .account-info-table .square-label {
  display: inline-block;
  background-color: #fff;
  font-size: 10px;
  border: 1px solid;
  border-color: #babbbd;
  border-radius: 3px;
  padding: 3px 5px 2px 5px;
  line-height: 10px;
  user-select: none;
  text-transform: uppercase;
  color: #757575;
  transform: scale(0.8, 1);
  letter-spacing: 1px;
}
.account-info-table-container .account-info-table .data-type-name {
  text-transform: capitalize;
}
.account-info-table-container .account-info-table .account-info-actions-cell {
  overflow: visible;
  margin-left: auto;
  visibility: hidden;
}
.account-info-table-container .account-info-table .account-info-actions-cell .kebab-menu .dropdown-toggle {
  border: none;
}
.account-info-table-container .account-info-dropdown {
  min-width: 160px;
  white-space: nowrap;
}
.account-info-table-container .accountInfoTable-downloadIcon {
  margin-left: auto;
  padding-right: 12px;
}
.account-info-table-container .accountInfoTable-downloadIcon > span {
  width: 30px;
  height: 30px;
  line-height: 31px;
  border: 1px solid #A7A7A9;
  text-align: center;
}
.account-info-table-container .accountInfoTable-downloadIcon > span > i {
  padding: 0;
  font-size: 14px;
}
.account-info-table-container .collapse-box {
  box-shadow: none;
  margin-bottom: 10px;
}
.account-info-table-container .collapse-box .collapse-box-content {
  margin-left: 0;
}
.account-info-table-container .collapse-box .MuiCollapse-container:not(.MuiCollapse-hidden) .ReactTable .rt-table {
  overflow: inherit;
}
.account-info-table-container .collapse-box .MuiCollapse-container:not(.MuiCollapse-hidden) .ReactTable .rt-thead {
  position: sticky;
  background: #fff;
  z-index: 1;
  top: 271px;
}
.account-info-table-container .collapse-title {
  position: sticky;
  top: 228px;
  z-index: 2;
  background: #fff;
  margin-left: 0;
  padding-left: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.information-tab-popover-formula-container {
  padding: 10px;
  background-color: #fff;
  color: #282828;
}
.information-tab-popover-formula-container .formula-part {
  margin: 2px 5px;
  padding: 2px 5px;
  background: #F2F2F2;
  border-radius: 2px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.freemium-account-popover {
  background-color: #fff;
  border: 1px solid #EEEEEE;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  width: 400px;
  max-width: unset;
  padding: 10px;
}
.data-retention-section-data {
  display: flex;
}
.data-retention-section-data .react--info-icon {
  margin-left: 6px;
  display: flex;
  align-items: center;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.data-retention-page {
  padding: 20px 40px;
}
.data-retention-page .page-title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
}
.data-retention-page .page-description {
  color: #757575;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}
.data-retention-page .data-retention-section {
  margin: 20px 1px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.data-retention-page .data-retention-section .data-retention-section-title {
  font-size: 16px;
}
.data-retention-page .data-retention-section .data-retention-section-body {
  border: 1px solid #dddddd;
  background: #fff;
  margin: 20px 0;
}
.data-retention-page .data-retention-section .data-retention-section-body .data-retention-section-row {
  padding: 20px 30px;
  font-size: 13px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dddddd;
}
.data-retention-page .data-retention-section .data-retention-section-body .data-retention-section-row.row-header {
  margin-top: 10px;
  color: #757575;
}
.data-retention-page .data-retention-section .data-retention-section-body .data-retention-section-row .data-retention-section-data {
  width: 33%;
}
.data-retention-page .data-retention-section .data-retention-section-body .data-retention-section-row .data-retention-section-data:first-child {
  width: 25%;
  text-transform: capitalize;
}
.data-retention-page .data-retention-section .data-retention-section-body .data-retention-section-row .data-retention-section-data .react-select-dropdown-container {
  width: 100%;
}
.data-retention-page .data-retention-section .data-retention-section-body .data-retention-section-row .data-retention-section-data.custom-value {
  align-items: center;
  justify-content: flex-end;
  width: 13%;
}
.data-retention-page .data-retention-section .data-retention-section-body .data-retention-section-row .data-retention-section-data.custom-value > div {
  padding-right: 5px;
}
.data-retention-page .data-retention-section .data-retention-reset-button {
  display: inline-block;
  margin: 20px 5px;
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
}
.data-retention-page .data-retention-section .data-retention-reset-button:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.data-retention-page .data-retention-section .data-retention-reset-button .fa {
  margin-right: 5px;
}

.domain-authentication-advanced-settings .collapse-box {
  box-shadow: none;
}
.domain-authentication-advanced-settings .collapse-box .collapse-title {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.domain-authentication-advanced-settings .collapse-box .collapse-title .collapse-title-text {
  margin-left: 8px;
}
.domain-authentication-advanced-settings .collapse-box .collapse-box-content {
  margin-left: 32px;
}
.domain-authentication-advanced-settings .info-icon {
  margin-left: 8px;
}
.domain-authentication-advanced-settings .info-icon .react--info-icon {
  font-size: inherit;
}
.domain-authentication-advanced-settings .custom-dkim-settings,
.domain-authentication-advanced-settings .custom-sub-domain-settings {
  display: flex;
  align-items: center;
}
.domain-authentication-advanced-settings .custom-dkim-settings .custom-value-input,
.domain-authentication-advanced-settings .custom-sub-domain-settings .custom-value-input {
  margin-left: 8px;
}
.domain-authentication-advanced-settings .custom-dkim-settings .custom-value-input .custom-value-input-input,
.domain-authentication-advanced-settings .custom-sub-domain-settings .custom-value-input .custom-value-input-input {
  min-height: auto;
}
.domain-authentication-advanced-settings .custom-sub-domain-settings .custom-value-input {
  width: 240px;
}
.domain-authentication-advanced-settings .custom-dkim-settings,
.domain-authentication-advanced-settings .custom-sub-domain-settings,
.domain-authentication-advanced-settings .manual-security-settings {
  margin-bottom: 16px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.feature-flags-page .feature-flags-table .MuiPaper-root > :nth-child(2),
.edit-feature-flag-modal .feature-service-table .MuiPaper-root > :nth-child(2),
.feature-flags-page .feature-flags-table .MuiPaper-root > :nth-child(2) > div > div,
.edit-feature-flag-modal .feature-service-table .MuiPaper-root > :nth-child(2) > div > div {
  overflow: unset !important;
}
.feature-flags-page .feature-flags-table table,
.edit-feature-flag-modal .feature-service-table table {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  background: #fff;
}
.feature-flags-page .feature-flags-table table .MuiFormControl-root,
.edit-feature-flag-modal .feature-service-table table .MuiFormControl-root {
  width: 100%;
}
.feature-flags-page .feature-flags-table table thead th,
.edit-feature-flag-modal .feature-service-table table thead th {
  border-bottom: none;
  padding: 2px 0 !important;
}
.feature-flags-page .feature-flags-table table thead th span:first-child,
.edit-feature-flag-modal .feature-service-table table thead th span:first-child {
  font-size: 13px;
  padding: 10px 40px 10px 10px;
  border-bottom: 1px solid #dddddd;
  width: 100%;
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.feature-flags-page .feature-flags-table table thead th span.material-icons,
.edit-feature-flag-modal .feature-service-table table thead th span.material-icons {
  font-size: 16px;
}
.feature-flags-page .feature-flags-table table .features-table-toolbar > div > div > svg,
.edit-feature-flag-modal .feature-service-table table .features-table-toolbar > div > div > svg {
  top: 8px;
}
.feature-flags-page .feature-flags-table div > div > div:nth-of-type(2),
.edit-feature-flag-modal .feature-service-table div > div > div:nth-of-type(2) {
  background: transparent;
}
.feature-flags-page .feature-flags-table div > div > div:nth-of-type(2) > div:before,
.edit-feature-flag-modal .feature-service-table div > div > div:nth-of-type(2) > div:before,
.feature-flags-page .feature-flags-table div > div > div:nth-of-type(2) > div:after,
.edit-feature-flag-modal .feature-service-table div > div > div:nth-of-type(2) > div:after {
  border-bottom: none;
}
.edit-feature-flag-modal div > div:nth-of-type(3) > div > div > span > button {
  color: #5DACD2;
}
.edit-feature-flag-modal .confirmation-dialog-paper {
  width: 750px;
}
.edit-feature-flag-modal .modal-title h3,
.edit-feature-flag-modal .modal-title p {
  color: #282828;
  padding: 0;
}
.edit-feature-flag-modal .modal-title p {
  margin: 10px 0;
}
.edit-feature-flag-modal .modal-title h3 {
  font-size: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.delete-form-dialog.delete .confirmation-dialog-button.submit {
  background-color: red;
}
.delete-form-dialog .confirmation-dialog-paper {
  width: 470px;
}
.delete-form-dialog .confirmation-dialog-paper .delete-form-modal-content {
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.forms-table-container .forms-zero-state-img {
  width: 470px;
  display: block;
  margin: 20px auto auto;
}
.forms-table-container .forms-table.rt-table {
  border-bottom: none;
}
.forms-table-container .forms-table .rt-tr {
  background-color: #fff;
  border-bottom: #E7E7E7 1px solid;
  cursor: pointer;
}
.forms-table-container .forms-table.ReactTable.totango-table .rt-tr-group {
  border: none;
}
.forms-table-container .forms-table.ReactTable.totango-table .rt-tr-group .rt-tr:hover {
  background-color: #f3f3f3;
}
.forms-table-container .forms-table.ReactTable.totango-table .rt-th,
.forms-table-container .forms-table.ReactTable.totango-table .rt-td {
  position: relative;
  border: none;
}
.forms-table-container .forms-table.ReactTable.totango-table .rt-th:last-child,
.forms-table-container .forms-table.ReactTable.totango-table .rt-td:last-child {
  border: none;
}
.forms-table-container .forms-table.ReactTable.totango-table .rt-th {
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.forms-table-container .forms-table .name-cell {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #282828;
}
.forms-table-container .forms-table .name-cell .green-border {
  margin-left: 7px;
}
.forms-table-container .forms-table .name-cell .description {
  color: #757575;
  font-size: 12px;
  line-height: 15px;
}
.forms-table-container .forms-table .name-cell .icon-form-task {
  display: inline-block;
  margin-right: 15px;
  font-size: 20px;
  color: #EE416A;
}
.forms-table-container .forms-table .name-cell .icon-form-task.disable {
  color: #757575;
}
.forms-table-container .forms-table .name-cell .forms-create-account-img {
  margin-right: 13px;
  width: 23px;
}
.forms-table-container .forms-table .green-border {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  text-transform: uppercase;
  color: #757575;
  font-size: 10px;
  padding: 5px;
  letter-spacing: 1px;
  display: inline;
}
.forms-table-container .forms-table .green-border.full {
  border: none;
  background-color: #3FAA90;
  color: #fff;
}
.forms-table-container .forms-table .form-actions-cell {
  margin-left: auto;
  margin-right: 0;
}
.forms-table-container .forms-table .user-cell {
  display: flex;
  align-items: center;
}
.forms-table-container .account-types-wrapper {
  display: flex;
}
.forms-table-container .account-types-wrapper .account-type {
  display: inline-block;
  text-transform: uppercase;
  padding: 4px;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 3px;
  color: #757575;
  border: 1px solid #c3c3c3;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 1px;
}
.forms-table-container .table-actions {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  background-color: #f6f6f6;
}
.forms-table-container .table-actions > * {
  margin-right: 15px;
}
.forms-table-container .table-actions .react-search-input {
  margin-left: auto;
  margin-right: 96px;
  height: 28px;
}
.forms-table-container .table-actions .react-search-input.input-group {
  margin-bottom: 0px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.forms-page .forms-table {
  border: #E7E7E7 1px solid;
  border-bottom: none;
  background-color: #fff;
  min-height: 180px;
}
.forms-page .header-desc {
  color: #757575;
  font-size: 15px;
  margin-top: 12px;
}
.forms-page .header-desc a {
  margin-left: 8px;
}
.forms-page .page-header-material-fab .icon-form-task {
  font-size: 18px;
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 2px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.zoe-share-limiter {
  margin-top: 8px;
}
.zoe-share-limiter .domain-input-wrapper {
  margin-top: 10px;
  width: 40%;
}
.zoe-share-limiter .domain-input-wrapper.invalid .multi-value-input__control {
  border: 1px solid #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.general-page {
  margin: 0 0 18px;
}
.general-page .general-page-title {
  position: relative;
  color: #282828;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  padding: 0 15px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.general-page .products-list {
  max-width: 1400px;
  list-style: none;
  margin: 20px auto 15px;
  padding: 0;
}
.general-page .products-list-item {
  padding: 34px 24px 24px;
  margin: 0 20px 10px;
  border: 1px solid #e6e7e8;
  background: #fff;
}
.general-page .products-list-item:last-child {
  margin-bottom: 0;
}
.general-page .products-list .react--info-icon {
  display: flex;
}
.general-page .products-list .react--disabled-text {
  color: #757575;
}
.general-page .settings-title {
  color: #282828;
  font-size: 16px;
  line-height: 21px;
}
.general-page .general-page-section {
  display: flex;
  margin-top: 8px;
}
.general-page .general-page-section > div:first-child {
  flex: 1;
}
.general-page .general-page-section > div:last-child {
  flex: 2;
  display: flex;
  align-items: center;
  padding-left: 9em;
}
.general-page .general-page-section > div:last-child .on-off-switch {
  margin-right: 10px;
}
.general-page .general-page-section .email-details-labels {
  padding-top: 20px;
}
.general-page .feature-container {
  margin-top: 22px;
}
.general-page .feature-container .feature-item {
  display: flex;
  min-height: 82px;
  border: 2px solid #E8E8E8;
  border-bottom: none;
}
.general-page .feature-container .feature-item:last-child {
  border-bottom: 2px solid #E8E8E8;
}
.general-page .feature-container .feature-item .ga-date {
  font-size: 12px;
}
.general-page .feature-container .feature-item .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.general-page .feature-container .feature-item .feature .feature-name {
  font-size: 16px;
}
.general-page .feature-container .feature-item .feature .uncontrolled {
  max-width: 75px;
}
.general-page .sub-domain {
  margin-top: 22px;
  margin-bottom: 15px;
  min-height: 130px;
}
.general-page .sub-domain .line-space {
  margin: 10px 0px;
}
.general-page .financial-year-settings .section-title {
  margin-bottom: 6px;
}
.general-page .financial-year-settings .year {
  padding-left: 0;
}
.general-page .email-levels-group {
  padding-left: 4px;
}
.general-page .email-levels-group .MuiFormControlLabel-root {
  margin-bottom: 0;
}
.general-page .email-levels-group .group-option-label {
  padding-top: 20px;
}
.general-page .email-levels-group .email-level-section > * {
  margin: 0;
}
.general-page .email-levels-group .email-level-section > h6 {
  color: #282828;
  font-size: 14px;
}
.general-page .email-levels-group .email-level-section > p {
  font-size: 12px;
}
.staging-mode-toggle-popover,
.email-notifications-info-popover,
#new-features-info-popover {
  border-color: #e6e7e8;
}
.staging-mode-toggle-popover .arrow,
.email-notifications-info-popover .arrow,
#new-features-info-popover .arrow {
  display: block;
}
.staging-mode-toggle-popover .arrow::after,
.email-notifications-info-popover .arrow::after,
#new-features-info-popover .arrow::after {
  border-bottom-color: #F5F5F5;
}
.email-notifications-info-popover {
  padding: 10px;
}
.staging-mode-toggle-popover {
  width: 424px;
  max-width: 424px;
}
.staging-mode-toggle-popover.bottom .arrow {
  border-bottom-color: #e6e7e8;
}
.staging-mode-toggle-popover .popover-header {
  padding: 10px 15px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #e6e7e8;
}
.staging-mode-toggle-popover .popover-body {
  padding: 24px 34px;
}
.staging-mode-toggle-popover .popover-body > .row {
  margin-top: 10px;
}
.staging-mode-toggle-popover .popover-body p {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  color: #757575;
}
.staging-mode-confirmation-modal {
  width: 580px;
  min-height: 182px;
}
.round-switch-theme .onoffswitch .onoffswitch-label {
  border-radius: 20px;
}
.round-switch-theme .onoffswitch .onoffswitch-switch {
  margin: 1px;
  width: 16px;
  right: calc(100% - 20px);
  border-radius: 10px;
}
.round-switch-theme .onoffswitch.checked .onoffswitch-switch {
  right: 2px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.touchpoint-property-table-wrapper {
  margin-top: 20px;
}
.touchpoint-property-table-wrapper .advanced-material-table .name-cell {
  display: flex;
}
.touchpoint-property-table-wrapper .advanced-material-table .name-cell .small-font {
  font-size: 10px;
  margin-left: 7px ;
}
.touchpoint-property-table-wrapper .advanced-material-table .MuiToolbar-root div > div > span > button.MuiIconButton-root {
  display: none;
}
.touchpoint-property-table-wrapper .advanced-material-table table {
  background-color: #fff;
  border: #E7E7E7 1px solid;
}
.touchpoint-property-table-wrapper .advanced-material-table table thead th:last-child {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.touchpoint-property-table-wrapper .advanced-material-table table td .MuiIconButton-label .MuiIcon-root {
  font-size: 18px;
}
.touchpoint-property-table-wrapper .advanced-material-table table td .icon-edit-cell {
  cursor: pointer;
}
.touchpoint-property-table-wrapper .advanced-material-table table th,
.touchpoint-property-table-wrapper .advanced-material-table table td {
  border-bottom: none;
  border-top: #E7E7E7 1px solid;
}
.touchpoint-property-delete-dialog button.close {
  display: none;
}
.touchpoint-property-delete-dialog.continue .confirmation-dialog-paper .dialog-actions {
  margin-right: 0;
}
.touchpoint-property-delete-dialog.continue .confirmation-dialog-paper .dialog-actions .confirmation-dialog-button.submit {
  background: #3FAD90;
}
.touchpoint-property-delete-dialog .confirmation-dialog-paper .dialog-title {
  margin-bottom: 20px;
}
.touchpoint-property-delete-dialog .confirmation-dialog-paper .confirmation-msg {
  font-size: 16px;
  text-align: center;
}
.touchpoint-property-delete-dialog .confirmation-dialog-paper .confirmation-msg .sure-question {
  margin-top: 10px;
}
.touchpoint-property-delete-dialog .confirmation-dialog-paper .dialog-actions {
  margin: auto;
}
.touchpoint-property-delete-dialog .confirmation-dialog-paper .dialog-actions .confirmation-dialog-button {
  min-width: 90px;
}
.touchpoint-property-delete-dialog .confirmation-dialog-paper .dialog-actions .confirmation-dialog-button.submit {
  background-color: red;
}
.touchpoint-property-delete-dialog .confirmation-dialog-paper .dialog-actions .confirmation-dialog-button.submit.loading {
  background-color: rgba(0, 0, 0, 0.12);
}

.icon-cell-wrapper .fa {
  font-size: 23px;
}
.icon-edit-cell .icon-cell-wrapper {
  padding: 5px;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.tp-type-icons {
  width: 130px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px;
}
.tp-type-icons .icon-wrapper {
  padding: 10px;
  cursor: pointer;
}
.tp-type-icons .icon-wrapper > * {
  width: 15px;
  height: 15px;
}
.tp-type-icons .icon-wrapper .fa {
  font-size: 21px;
}

.instrumentation-page {
  margin-top: 10px;
}
.instrumentation-page .page-title {
  margin-bottom: 10px;
}
.instrumentation-page .add-action-btn {
  float: right;
  align-items: center;
}
.instrumentation-page .add-action-btn i {
  font-size: 16px;
}
.instrumentation-page .user-actions-container {
  margin-top: 50px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-user-action-modal .confirmation-dialog-paper {
  width: 350px;
  overflow: visible;
}
.edit-user-action-modal .confirmation-dialog-paper .dialog-content {
  overflow: visible;
  padding: 10px;
}
.edit-user-action-modal .confirmation-dialog-paper .dialog-actions .error-btn {
  margin-right: auto;
  color: red;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.user-action-item .user-action-name {
  width: 50%;
}
.user-action-item .user-action-usage-wrapper .fa-circle {
  color: #757575;
  margin-right: 5px;
}
.user-action-item .user-action-usage-wrapper .fa-circle.in-use {
  color: #DCDCDC;
}
.user-action-item .user-action-usage-wrapper .fa-circle.recently-used {
  color: #19B698;
}
.user-action-item .user-action-edit-wrapper {
  margin-left: auto;
  display: none;
}
.user-action-item:hover .user-action-edit-wrapper {
  display: block;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.applications-list {
  display: flex;
  flex-direction: column;
  width: 800px;
  margin-bottom: 40px;
}
.applications-list:last-child {
  margin-bottom: 10px;
}
.applications-list__header {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.applications-list__title {
  font-size: 18px;
  line-height: 20px;
  color: #282828;
}
.applications-list__settings {
  margin-left: auto;
  color: #5DACD2;
}
.applications-list__settings:hover {
  text-decoration: underline;
  cursor: pointer;
}
.applications-list__settings .fa-bell {
  margin-right: 5px;
}
.applications-list .connector-category {
  display: flex;
  flex-direction: column;
}
.applications-list .connector-category__title {
  margin: 10px 0 8px 0;
  font-size: 16px;
  line-height: 24px;
  color: #282828;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.connector-card {
  display: flex;
  align-items: center;
  min-height: 90px;
  margin-bottom: 12px;
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.connector-card:hover .connector-card__actions {
  display: flex;
}
.connector-card:hover .connector-card__details {
  display: none;
}
.connector-card__img {
  max-width: 32px;
  max-height: 32px;
}
.connector-card__imgContainer {
  display: flex;
  justify-content: center;
  min-width: 32px;
  margin-right: 20px;
}
.connector-card__beta {
  margin: 0 12px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 12px;
  border: 1px solid #3fad90;
  color: #3fad90;
  border-radius: 5px;
  text-transform: uppercase;
}
.connector-card__soon {
  margin: 0 12px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 12px;
  color: #4a90e2;
  text-transform: uppercase;
}
.connector-card__nameWrapper {
  margin-right: auto;
}
.connector-card__nameContainer {
  display: flex;
  align-items: center;
}
.connector-card__name {
  font-size: 14px;
  line-height: 20px;
  color: #282828;
  text-transform: capitalize;
  word-break: break-word;
}
.connector-card__description {
  margin-right: 5px;
  font-size: 12px;
  color: #757575;
  line-height: 20px;
  word-break: break-word;
}
.connector-card__link {
  font-size: 12px;
  color: #5dacd2;
}
.connector-card__link:hover {
  color: #5dacd2;
  text-decoration: underline;
}
.connector-card__link:visited {
  color: #5dacd2;
}
.connector-card__actions,
.connector-card__details {
  width: 200px;
  min-width: 200px;
  justify-content: flex-end;
}
.connector-card__actions {
  display: none;
}
.connector-card__actions button:nth-child(2) {
  margin-left: 10px;
}
.connector-card__details {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.connector-card__detailsStatus {
  display: flex;
  align-items: center;
}
.connector-card__detailsStatusText {
  text-transform: capitalize;
  font-size: 13px;
}
.connector-card__detailsStatusText.success,
.connector-card__detailsStatusText.connected {
  color: #27AE60;
}
.connector-card__detailsStatusText.skipped,
.connector-card__detailsStatusText.failure,
.connector-card__detailsStatusText.failed {
  color: #C0392B;
}
.connector-card__detailsStatusText.ongoing {
  color: #3797c5;
}
.connector-card__detailsStatusText.paused,
.connector-card__detailsStatusText.partial {
  color: #f7c900;
}
.connector-card__detailsStatusIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border-radius: 8px;
}
.connector-card__detailsStatusIcon.success,
.connector-card__detailsStatusIcon.connected {
  background-color: #3fad90;
  color: #fff;
}
.connector-card__detailsStatusIcon.skipped,
.connector-card__detailsStatusIcon.failure,
.connector-card__detailsStatusIcon.failed {
  color: #C0392B;
}
.connector-card__detailsStatusIcon.ongoing {
  color: #3797c5;
  font-size: 14px;
}
.connector-card__detailsStatusIcon.paused {
  color: #f7c900;
}
.connector-card__detailsStatusIcon.partial {
  background-color: #f7c900;
  color: #fff;
}
.connector-card__detailsStatusIcon .fa {
  font-size: 10px;
}
.connector-card__detailsSyncTime {
  margin-top: 5px;
  font-size: 10px;
  color: #757575;
  text-transform: uppercase;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.connector-card__detailsEncryptedIcon {
  margin-left: 8px;
}
.connector-card__detailsEncryptedIcon > img {
  height: 16px;
}
.connector-card .actions-dropdown-list .fa-ellipsis-v {
  color: #757575;
  padding: 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.connectors-loading-row {
  display: flex;
  height: 90px;
  margin-bottom: 12px;
  border: 1px solid transparent;
  border-radius: 8px !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08) !important;
}
.connectors-loading-row-image {
  width: 32px;
  height: 32px;
  background-color: #eeeeee;
  border-radius: 16px;
  margin: 28px 20px 0 20px;
}
.connectors-loading-row-content {
  padding-top: 25px;
  width: 300px;
}
.connectors-loading-row-content-title {
  border-radius: 2px;
  margin-bottom: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.applications-page__header {
  max-width: 1400px;
  margin: 0 auto;
  padding: 50px;
  background-image: url('/img/integration-hub/integration-hub-applications-cdh-image.png');
  background-size: contain;
  background-position-x: 85%;
  background-repeat: no-repeat;
}
.applications-page__headerContainer {
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.applications-page__headerTitle {
  font-size: 18px;
  margin-bottom: 12px;
  color: #282828;
}
.applications-page__headerDescription {
  font-size: 14px;
  line-height: 20px;
  width: 480px;
  color: #282828;
}
.applications-page__content {
  padding-left: 30px;
}
.applications-page__contentContainer {
  margin: 0 auto;
  max-width: 1400px;
}
.applications-page__sidebar {
  position: sticky;
  top: 80px;
}
.applications-page__sidebar .category-list .category-container {
  padding: 0 20px;
  max-width: 240px;
  border-radius: 20px;
  min-height: 30px;
  margin: 5px 0;
}
.applications-page__sidebar .category-list .category-container.Mui-selected {
  background-color: #D9EFE9;
}
.applications-page__sidebar .category-list .category-container .category-count {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
  padding: 0 4px;
  font-size: 10px;
  color: #fff;
  background-color: #3FAD90;
  border-radius: 10px;
}
.applications-page__sidebar .react-search-input {
  width: 240px;
}
.applications-page__sidebar .react-search-input .clear-search-button {
  top: 0;
}
.applications-page__noResults {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 60px;
}
.applications-page__noResultsText {
  width: 420px;
  font-size: 14px;
  text-align: center;
}
.applications-page__noResultsText strong,
.applications-page__noResultsText span {
  margin: 0 5px;
}
.applications-page__noResultsImg {
  margin-top: 60px;
  width: 420px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-connector-modal .confirmation-dialog-paper {
  width: 600px;
}
.edit-connector-modal .connector-manage-section {
  display: flex;
}
.edit-connector-modal .connector-manage-section .save-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.7;
  padding: 70px 0;
}
.edit-connector-modal .connector-manage-section .save-loader.is-visible {
  display: block;
}
.edit-connector-modal .connector-manage-section .connector-data-section {
  flex: 3;
  padding: 10px 0;
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form.show-error input.invalid {
  border: 1px solid #C0392B;
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form .credentials-input {
  margin-bottom: 18px;
  width: 100%;
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form .credentials-dropdown {
  margin-bottom: 18px;
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form .info-links {
  display: flex;
  flex-direction: column;
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form .info-links__link {
  margin-bottom: 8px;
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form .error-message {
  display: flex;
  margin: 12px 0 20px;
  padding: 12px 24px;
  border: 1px solid #ef3d4e;
  background-color: rgba(239, 61, 78, 0.07);
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form .error-message__icon {
  display: flex;
  margin-right: 16px;
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form .error-message__icon .fa {
  color: #ef3d4e;
  font-size: 14px;
  line-height: 20px;
}
.edit-connector-modal .connector-manage-section .connector-data-section .connector-form .error-message__text {
  font-size: 12px;
  line-height: 20px;
  color: #ef3d4e;
}
.edit-connector-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper {
  display: flex;
  align-items: center;
  margin-top: 15px;
  justify-content: space-between;
}
.edit-connector-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .float-right {
  margin-left: auto;
}
.edit-connector-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-loader {
  display: inline-flex;
  margin-right: 18px;
  padding: 0 10px;
  margin-top: -10px;
}
.edit-connector-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.test {
  margin-right: 10px;
}
.edit-connector-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.delete {
  color: #ef3d4e;
}
.edit-connector-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.delete:hover {
  background-color: rgba(239, 61, 78, 0.07);
}
.edit-connector-modal .error-loading-data {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin-bottom: 30px;
}
.delete-connector-modal .confirmation-dialog-paper {
  width: 400px;
}
.delete-connector-modal .confirmation-dialog-button.submit {
  background-color: #ef3d4e;
}
.delete-connector-modal .confirmation-dialog-button.submit:hover {
  background-color: #ef3d4e;
}
.delete-connector-modal .dialog-content strong {
  margin: 5px;
}
.confirmation-modal.locking-jobs-modal .locking-jobs-list {
  max-height: 200px;
  overflow: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.connection-tab-forms-wrapper {
  width: 500px;
  margin: 0 auto;
}
.connection-tab-plus-icon {
  margin-right: 10px;
}
.connection-tab .connection-card {
  margin: 20px auto;
  width: 500px;
}
.connection-tab .connection-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
  height: 71px;
  padding-left: 30px;
}
.connection-tab .connection-header-title {
  width: 280px;
}
.connection-tab .connection-header-status {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.connection-tab .connection-header-status-icon {
  font-size: 16px;
  color: #3FAD90;
}
.connection-tab .connection-header-status-icon.success,
.connection-tab .connection-header-status-icon.connected {
  color: #3fad90;
}
.connection-tab .connection-header-status-icon.failure,
.connection-tab .connection-header-status-icon.failed {
  color: #C0392B;
}
.connection-tab .connection-header-status-icon.ongoing {
  color: #3797c5;
  font-size: 14px;
}
.connection-tab .connection-header-status-icon.paused {
  color: #f7c900;
}
.connection-tab .connection-header-status-icon.partial {
  color: #f7c900;
}
.connection-tab .connection-header-status-text {
  text-transform: capitalize;
  padding-left: 7px;
}
.connection-tab .connection-header-status-sync {
  padding-left: 20px;
  color: #757575;
}
.connection-tab .connection-description {
  font-size: 10px;
  color: #757575;
}
.connection-tab .connection-encryption {
  display: flex;
  background-image: url("/img/integration-hub/encryption-bg.png");
  background-repeat: no-repeat;
  background-position: right;
}
.connection-tab .connection-encryption-title {
  width: 400px;
  line-height: 14px;
}
.connection-tab .connection-encryption-icon {
  width: 50px;
}
.connection-tab .connector-manage-section {
  display: flex;
  padding: 17px 30px 17px 30px;
}
.connection-tab .connector-manage-section .save-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.7;
  padding: 70px 0;
}
.connection-tab .connector-manage-section .save-loader.is-visible {
  display: block;
}
.connection-tab .connector-manage-section .connector-data-section {
  flex: 3;
  padding: 10px 0;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form.show-error input.invalid {
  border: 1px solid #C0392B;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .credentials-input {
  margin-bottom: 18px;
  width: 100%;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .credentials-input-file {
  width: 100%;
  height: 130px;
  border: 1px solid #939598;
  border-radius: 4px;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .credentials-input-multiline > div {
  padding: 10px 5px 5px 12px;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .credentials-dropdown {
  margin-bottom: 18px;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .info-links {
  display: flex;
  flex-direction: column;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .info-links__link {
  margin-bottom: 8px;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .error-message {
  display: flex;
  margin: 12px 0 20px;
  padding: 12px 24px;
  border: 1px solid #ef3d4e;
  background-color: rgba(239, 61, 78, 0.07);
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .error-message__icon {
  display: flex;
  margin-right: 16px;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .error-message__icon .fa {
  color: #ef3d4e;
  font-size: 14px;
  line-height: 20px;
}
.connection-tab .connector-manage-section .connector-data-section .connector-form .error-message__text {
  font-size: 12px;
  line-height: 20px;
  color: #ef3d4e;
}
.connection-tab .connector-manage-section .connector-data-section .submit-buttons-wrapper {
  display: flex;
  align-items: center;
  margin-top: 15px;
  justify-content: space-between;
  min-height: 50px;
}
.connection-tab .connector-manage-section .connector-data-section .submit-buttons-wrapper .float-right {
  margin-left: auto;
}
.connection-tab .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-actions-wrapper {
  display: flex;
  width: 440px;
}
.connection-tab .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-loader {
  margin: -15px auto 0;
}
.connection-tab .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.test {
  margin-left: auto;
}
.connection-tab .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.delete {
  color: #ef3d4e;
}
.connection-tab .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.delete:hover {
  background-color: rgba(239, 61, 78, 0.07);
}
.connection-tab .connector-manage-section .connector-data-section .submit-buttons-wrapper .left-aligned-buttons {
  display: flex;
  width: 440px;
}
.connection-tab .error-loading-data {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin-bottom: 30px;
}
.connection-tab .encryption-section {
  display: flex;
  flex-direction: column;
}
.connection-tab .encryption-section .input-error-text {
  font-size: 11px;
  color: #C0392B;
  margin: -15px 0 10px 10px;
}
.connection-tab .encryption-text {
  margin-bottom: 10px;
  font-size: 12px;
}
.connection-tab .encryption-file {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 130px;
  background: #F2F9F7;
  border: 1px solid rgba(63, 173, 144, 0.45);
  border-radius: 4px;
  margin-bottom: 10px;
}
.connection-tab .encryption-file-icon {
  width: 30px;
  height: 38px;
  background: #EEEEEE;
  margin: 20px 0 5px;
}
.connection-tab .encryption-file-button-icon {
  margin-right: 5px;
}
.delete-connector-modal .confirmation-dialog-paper {
  width: 400px;
}
.delete-connector-modal .confirmation-dialog-button.submit {
  background-color: #ef3d4e;
}
.delete-connector-modal .confirmation-dialog-button.submit:hover {
  background-color: #ef3d4e;
}
.delete-connector-modal .dialog-content strong {
  margin: 5px;
}
.confirmation-modal.locking-jobs-modal .locking-jobs-list {
  max-height: 200px;
  overflow: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.create-new-job-dialog .confirmation-dialog-paper {
  position: absolute;
  min-width: 595px;
  top: 10%;
}
.create-new-job-dialog .create-new-job-body-container .connector-icon {
  color: #757575;
  margin-right: 8px;
  font-size: 13px;
  margin-left: 18px;
}
.create-new-job-dialog .create-new-job-body-container .job-type-icon {
  color: #757575;
  margin: 2px 4px 0 18px;
  font-size: 13px;
}
.create-new-job-dialog .create-new-job-body-container .job-title {
  font-size: 13px;
}
.create-new-job-dialog .create-new-job-body-container .job-type {
  color: #757575;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 3px;
  padding-top: 3px;
}
.create-new-job-dialog .create-new-job-body-container .new-job-option {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 12px 108px 12px 12px;
  height: 40px;
  cursor: pointer;
}
.create-new-job-dialog .create-new-job-body-container .new-job-option .create-button {
  position: absolute;
  right: 60px;
  visibility: hidden;
  margin-left: auto;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.create-new-job-dialog .create-new-job-body-container .new-job-option:hover {
  border-radius: 22px;
  background-color: #F5F5F5;
}
.create-new-job-dialog .create-new-job-body-container .new-job-option:hover .create-button {
  visibility: visible;
  cursor: pointer;
}
.create-new-job-dialog .create-new-job-body-container .job-type {
  color: #757575;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 3px;
  padding-top: 3px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.matching-error {
  margin-top: 13px;
}
.matching-error__description {
  word-break: break-all;
  overflow-wrap: break-word;
}
.matching-error__description.solved {
  text-decoration: line-through;
}
.matching-error__solvedLabel {
  margin-left: 10px;
  color: #26b27f;
}
.matching-error__solvedLabel .icon-wrapper {
  margin-right: 5px;
  border-radius: 10px;
  font-size: 9px;
  padding: 3px;
  background-color: #26b27f;
  color: #fff;
}
.matching-error__fixButton {
  margin-left: 10px;
  text-decoration: underline;
  color: #5DACD2;
  cursor: pointer;
}
.matching-error-modal__message {
  display: flex;
  flex-direction: column;
}
.matching-error-modal__description {
  margin-top: 10px;
  font-size: 12px;
  color: #757575;
}
.matching-error-modal .confirmation-dialog-paper {
  width: 700px;
}
.matching-error-modal .matching-table {
  display: flex;
  flex-direction: column;
  margin: 15px 0 15px;
  border: 1px solid #EEEEEE;
}
.matching-error-modal .matching-table-row {
  display: flex;
  border-bottom: 1px solid #EEEEEE;
}
.matching-error-modal .matching-table-row:last-child {
  border-bottom: none;
}
.matching-error-modal .matching-table-header-item {
  width: 38%;
  padding: 5px 10px;
  border-left: 1px solid #EEEEEE;
  font-size: 13px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.matching-error-modal .matching-table-header-item:first-child {
  width: 24%;
  border-left: none;
  background-color: #F5F5F5;
}
.matching-error-modal .matching-table-item {
  width: 38%;
  padding: 5px 10px;
  border-left: 1px solid #EEEEEE;
  font-size: 13px;
  text-transform: capitalize;
}
.matching-error-modal .matching-table-item:first-child {
  width: 24%;
  border-left: none;
  background-color: #F5F5F5;
}
.matching-error .loading-indicator {
  display: inline-block;
}
.matching-error .loading-indicator .loading-indicator-wrapper {
  height: auto !important;
  margin: 0 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.jobs-list .ReactTable.totango-table.enriched-jobs-table {
  font-size: 12px;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-noData {
  top: 77%;
  padding: 0;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-table {
  border-bottom: none;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-tr-group {
  min-height: 62px;
  cursor: pointer;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-tr-group:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-tr-group:hover {
  background-color: #f3f3f3;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td,
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-th {
  border: none;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-th {
  color: #282828;
  font-size: 12px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .file-name {
  display: flex;
  align-items: center;
  line-height: 16px;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .file-name .fa {
  margin-right: 5px;
  margin-bottom: 4px;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .file-name .file-cell-text {
  flex-direction: row;
  margin-left: 4px;
  max-width: 540px;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .file-name .file-cell-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .file-name .file-description {
  color: #757575;
  font-size: 11px;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .file-name .file-name-group {
  display: flex;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .file-name .file-name-group .disabled-job {
  color: #757575;
  font-size: 10px;
  border: 1px solid #9B9B9B;
  border-radius: 5px;
  text-transform: uppercase;
  margin: 3px 0 0 6px;
  padding: 0 4px;
  height: 17px;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td.actions-cell {
  overflow: visible;
  padding-left: 0;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td.actions-cell .actions-icons-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: flex-end;
  color: #757575;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td.actions-cell .actions-icons-wrapper .fa-info-circle {
  margin-right: 5px;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .history-progress-label {
  color: #757575;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-td .encrypted {
  width: 12px;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table.job-history-table .rt-td.actions-cell .actions-icons-wrapper,
.jobs-list .ReactTable.totango-table.enriched-jobs-table.enriched-jobs-table .rt-td.actions-cell .actions-icons-wrapper {
  display: none;
}
.jobs-list .ReactTable.totango-table.enriched-jobs-table.job-history-table .rt-tr-group:hover .rt-td.actions-cell .actions-icons-wrapper,
.jobs-list .ReactTable.totango-table.enriched-jobs-table.enriched-jobs-table .rt-tr-group:hover .rt-td.actions-cell .actions-icons-wrapper {
  display: flex;
}
.upload-status {
  display: flex;
  align-items: center;
}
.upload-status .status-text {
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 10px;
  font-size: 10px;
  text-transform: uppercase;
  color: #282828;
  border-radius: 10px;
  display: flex;
  justify-content: center;
}
.upload-status .status-text.green {
  color: #fff;
  background-color: #40AD90;
}
.upload-status .status-text.red {
  color: #fff;
  background-color: #C23824;
}
.upload-status .status-text.yellow {
  background-color: #F4C430;
}
.upload-status .status-text.black {
  color: #282828;
  margin-left: -7px;
}
.upload-status .status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  margin-right: 7px;
}
.upload-status .status-dot.green {
  background-color: #40AD90;
}
.upload-status .status-dot.red {
  background-color: #C23824;
}
.upload-status .status-dot.yellow {
  background-color: #F4C430;
  padding-right: 4px;
}
.upload-status .status-dot.fa-refresh {
  width: auto;
  height: auto;
  color: #40AD90;
}
.upload-btn-wrapper {
  padding: 20px 0;
}
.circle-upload-button {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #c3c3c3;
  position: relative;
  display: block;
  margin-left: 40%;
}
.circle-upload-button .upload-sign {
  margin: 18% auto;
  font-size: 55px;
  color: #fff;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.generate-api-modal .modal-body {
  padding-top: 5px;
  padding-bottom: 5px;
}
.generate-api-modal .modal-body pre {
  margin-top: 20px;
}
.generate-api-modal .modal-footer > div {
  display: flex;
  float: right;
}
.generate-api-modal .modal-footer .animated-checkbox-wrapper {
  align-items: center;
}
.generate-api-modal .modal-footer .copy-btn {
  background-color: #3FAD90;
  color: #fff;
  margin-left: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-round-label {
  border: none;
  border-radius: 50px;
  padding: 2px 14px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  width: fit-content;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal {
  position: absolute;
  left: 20%;
  margin: 1%;
  width: 62%;
  top: 10%;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-header .modal-header-text {
  padding: 10px 15px 0 15px;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .close-modal-button {
  width: 140px;
  height: 35px;
  background-color: #fff;
  border: 1px solid #939598;
  outline: none;
  border-radius: 2px;
  font-size: 14px;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .history-error,
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .no-history-wrapper {
  padding: 0 15px;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .file-name-container {
  display: flex;
  align-items: center;
  padding: 10px 20px;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .file-name-container .file-label {
  font-family: Poppins-Medium, sans-serif;
  font-size: 14px;
  padding-right: 15px;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .file-name-container .file-name {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .page-management-actions .filters-group {
  display: flex;
  padding: 10px;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .jobs-list {
  padding: 0 5px;
  max-height: 400px;
  overflow-y: auto;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .jobs-list .actions-icons-wrapper {
  margin-right: 15px;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-tr-group:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-tr-group .history-progress-records {
  text-overflow: ellipsis;
  display: inline-block;
}
.ReactModal__Content.ReactModal__Content--after-open.job-execution-history-modal .modal-body .job-history-wrapper .jobs-list .ReactTable.totango-table.enriched-jobs-table .rt-tr-group .history-progress-label {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.rebuild-matching {
  width: 510px;
}
.rebuild-matching-body {
  min-height: 250px;
  overflow-y: auto;
  color: #282828;
}
.rebuild-matching-text {
  line-height: 24px;
}
.rebuild-matching-text > ul {
  padding: 25px 0 15px 25px;
}
.rebuild-matching-note {
  padding: 10px 14px 16px 14px;
  margin-top: 24px;
  background-color: #f5f5f5;
  border: 1px solid #eeeeee;
  line-height: 24px;
}
.rebuild-matching-error {
  height: 240px;
  color: #C0392B;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;
}
.rebuild-matching-footer > button {
  margin-left: 10px;
}
.rebuild-matching-submit-icon {
  margin-right: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.header-content .connector-icon {
  max-width: 32px;
  max-height: 32px;
  margin-right: 10px;
}
.header-content .tooltip-link {
  text-decoration: none;
  color: #757575;
  font-size: 14px;
}
.header-content .edit-connector {
  padding: 0 4px;
  color: #757575;
  font-size: 14px;
  cursor: pointer;
}
.header-content .edit-connector:hover {
  color: #282828;
}
.data-uploads-page .page-management-actions {
  display: flex;
  margin-left: 20px;
  margin-bottom: 35px;
  justify-content: space-between;
}
.data-uploads-page .page-management-actions .filters-group {
  display: flex;
  margin-top: 3px;
}
.data-uploads-page .page-management-actions .filters-group .filter-selector {
  margin-right: 13px;
}
.data-uploads-page .page-management-actions .filter-all-selected .chip {
  border: 1px solid #868686;
  background: transparent;
}
.data-uploads-page .page-management-actions .filter-all-selected .trigger-label-title {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.data-uploads-page .page-management-actions .react-search-input {
  height: 34px;
  width: 300px;
}
.data-uploads-page .jobs-list {
  margin-top: 20px;
  margin-left: 15px;
  background-color: #fff;
  border: 1px solid #dddddd;
}
.data-uploads-page .jobs-list .error-loading-items-message {
  line-height: 25px;
  padding: 50px 0;
  text-align: center;
  font-size: 16px;
  color: #757575;
}
.data-uploads-page .jobs-list .no-uploads-wrapper {
  color: #757575;
  max-width: 600px;
  text-align: center;
  padding: 20px 0;
  margin: 0 auto;
}
.data-uploads-page .jobs-list .no-uploads-wrapper .no-uploads-message {
  font-size: 16px;
  margin-bottom: 5px;
}
.data-uploads-page .jobs-list .no-uploads-wrapper .no-uploads-message .green-text {
  color: #3FAD90;
  cursor: pointer;
}
.data-uploads-page .jobs-list .jobs-table .rt-tr-group {
  min-height: 62px;
}
.data-uploads-page .hide-tab {
  display: none;
}
.data-uploads-page .page-container-nav-bar-wrapper {
  padding-left: 12px;
}
.jobs-list .jobs-table .rt-tbody .rt-tr:hover,
.jobs-list .job-history-table .rt-tbody .rt-tr:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.jobs-list .jobs-table .rt-tbody .rt-tr .fa-download,
.jobs-list .job-history-table .rt-tbody .rt-tr .fa-download {
  margin-right: 5px;
}
.job-info-overlay {
  overflow-y: auto;
}
.job-info-overlay .job-info-modal {
  width: 700px;
  left: calc(50% - 700px / 2);
  top: 5%;
  margin-bottom: 30px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .job-info-category {
  font-weight: bolder;
  font-size: 16px;
  padding-bottom: 10px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row {
  display: flex;
  flex-direction: row;
  padding: 4px 0;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.underline {
  border-bottom: 1px solid #EEEEEE;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.two-lines {
  flex-direction: column;
  overflow: auto;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.two-lines .description-label {
  padding-bottom: 10px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.two-lines .description-value {
  overflow-wrap: break-word;
  white-space: pre-line;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.two-lines .description-icon {
  margin-left: 5px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row .description-icon {
  margin-left: 5px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row .description-icon .connector-type-icon-img {
  max-width: 15px;
  max-height: 15px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row .description-label {
  width: 120px;
  color: #757575;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .sub-title {
  margin-top: -30px;
  margin-bottom: 20px;
  color: #757575;
  font-size: 11px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .sub-title .marked {
  font-weight: bold;
  color: #282828;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .copy-to-clipboard {
  display: inline;
  position: absolute;
  right: 35px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .copy-to-clipboard .fa {
  cursor: pointer;
}
.job-info-overlay .job-info-modal .edit-job {
  color: rgba(74, 144, 226, 0.90196078);
  cursor: pointer;
  margin-top: 21px;
}
.job-info-overlay .job-info-modal .edit-job i {
  margin-right: 5px;
}
.job-info-overlay .job-info-modal .modal-footer {
  padding-bottom: 20px;
}
.actions-dropdown-list-popover.job-list-menu .MuiList-padding {
  padding: 0px;
}
.actions-dropdown-list-popover.job-list-menu .action-dropdown-item {
  display: flex;
  align-items: center;
}
.actions-dropdown-list-popover.job-list-menu .action-dropdown-item .fa {
  padding-bottom: 1px;
}
.actions-dropdown-list-popover.job-list-menu .action-dropdown-item .fa.item-has-padding {
  padding-bottom: 2px;
}
.actions-dropdown-list-popover.job-list-menu .action-dropdown-item .fa.item-no-padding {
  padding-bottom: 0;
}
.connector-page__header {
  padding: 0 15px;
}
.connector-page__headerBack {
  display: flex;
  align-items: center;
  padding-bottom: 18px;
}
.connector-page__headerBackIcon > i {
  font-size: 14px;
}
.connector-page__headerIcon {
  width: 92px;
  height: 92px;
  border: 1px solid #eeeeee;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}
.connector-page__headerIcon > img {
  max-width: 64px;
  max-height: 64px;
}
.connector-page__headerWrapper {
  display: flex;
}
.connector-page__headerContent {
  display: flex;
  flex-direction: column;
}
.connector-page__headerName {
  display: flex;
  align-items: center;
}
.connector-page__headerName > img {
  margin-left: 8px;
  margin-bottom: 3px;
  width: 16px;
}
.connector-page__headerDescription {
  color: #757575;
  font-size: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.connectors-manager-modal {
  position: absolute;
  left: calc(50% - 450px);
  width: 900px;
  top: 5%;
}
.connectors-manager-modal .modal-content {
  padding: 0;
}
.connectors-manager-modal .modal-content .actions-buttons button {
  float: right;
  margin-top: 30px;
}
.connectors-manager-modal .modal-content .modal-header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.connectors-manager-modal .modal-content .modal-sub-header {
  padding-bottom: 10px;
}
.connectors-manager-modal .modal-content .modal-body {
  padding: 0;
}
.connectors-manager-modal .modal-content .modal-footer {
  padding: 0;
  margin: 0;
}
.connectors-manager-modal .connector-manage-section {
  display: flex;
  border: 1px solid #EEEEEE;
  min-height: 610px;
}
.connectors-manager-modal .connector-manage-section .save-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.7;
  padding: 70px 0;
}
.connectors-manager-modal .connector-manage-section .save-loader.is-visible {
  display: block;
}
.connectors-manager-modal .connector-manage-section .connectors-list-section {
  flex: 1;
  max-height: 610px;
  overflow-y: scroll;
  background-color: #EEEEEE;
}
.connectors-manager-modal .connector-manage-section .connectors-list-section .connectors-list-header {
  font-size: 16px;
  padding: 10px 20px;
  border-bottom: 1px solid #e1e1e1;
}
.connectors-manager-modal .connector-manage-section .connectors-list-section .connectors-list .connectors-list-item {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  padding: 10px 20px;
  border-bottom: 1px solid #e1e1e1;
  color: #757575;
  cursor: pointer;
}
.connectors-manager-modal .connector-manage-section .connectors-list-section .connectors-list .connectors-list-item.selected {
  background-color: #fff;
  border: 1px solid #e1e1e1;
}
.connectors-manager-modal .connector-manage-section .connectors-list-section .connectors-list #new-connector {
  color: #19B698;
}
.connectors-manager-modal .connector-manage-section .connector-data-section {
  flex: 3;
  max-height: 610px;
  overflow-y: scroll;
  padding: 10px 15px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-data-title {
  margin-bottom: 14px;
  font-size: 16px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .fa-asterisk {
  font-size: 8px;
  vertical-align: middle;
  margin: 0 3px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form.show-error input.invalid {
  border: 1px solid #C0392B;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .initial-form > * {
  margin-bottom: 10px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .initial-form .react-select-dropdown-container .control-wrapper {
  border-radius: 3px;
  border-color: #dddddd;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .initial-form .react-select-dropdown-container .control-wrapper:hover {
  border-color: #19B698;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .initial-form .react-select-dropdown-container .connector-type-custom-element {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .initial-form .react-select-dropdown-container .connector-type-custom-element .connector-type-icon > img {
  height: 21px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .initial-form .react-select-dropdown-container .react-select-dropdown__single-value {
  width: 100%;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .initial-form .dropdown-label {
  position: relative;
  width: 32px;
  margin: 0 0 -7px 10px;
  padding: 0 5px;
  color: #757575;
  background-color: white;
  font-size: 10px;
  z-index: 1;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .credentials-input {
  margin-bottom: 18px;
  width: 100%;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .credentials-input:last-child {
  margin-bottom: 5px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .credentials-input__description {
  margin-bottom: 12px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .connector-form .credentials-dropdown {
  margin-bottom: 18px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper {
  margin-top: 15px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .float-right {
  float: right;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-loader {
  display: inline-flex;
  margin-right: 18px;
  padding: 0 10px;
  margin-top: -10px;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn {
  display: inline-flex;
  text-transform: uppercase;
  font: inherit;
  cursor: pointer;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.disabled {
  color: #757575;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.disabled:hover {
  cursor: not-allowed;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.test {
  margin-right: 10px;
  color: #282828;
}
.connectors-manager-modal .connector-manage-section .connector-data-section .submit-buttons-wrapper .submit-action-btn.delete {
  color: red;
}
.connectors-manager-modal .error-message {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin-bottom: 30px;
}
.confirmation-modal.locking-jobs-modal .locking-jobs-list {
  max-height: 200px;
  overflow: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.data-files-page .data-files-action-buttons {
  display: flex;
  flex-direction: row-reverse;
}
.data-files-page .data-files-action-buttons__button {
  min-width: 100px;
  margin-right: 10px;
}
.data-files-page .data-files-action-buttons__button:first-child {
  margin-right: 0;
}
.data-files-page .collapse-title {
  text-transform: none;
}
.data-files-page .page-container-header .title {
  padding-top: 30px;
}

.react-confirmation-modal.save-changes-modal {
  width: 600px;
  font-size: 14px;
  top: 30px;
  left: calc(50% - 300px);
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.react-confirmation-modal.save-changes-modal strong {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.react-confirmation-modal.save-changes-modal .modal-body {
  padding-top: 0px;
  text-align: center;
}
.react-confirmation-modal.save-changes-modal .modal-footer-container {
  margin: auto;
  padding-bottom: 25px;
  width: 300px;
}
.react-confirmation-modal.save-changes-modal .modal-footer-container .btn {
  width: 140px;
}
.react-confirmation-modal.save-changes-modal .warning-msg-second-line {
  margin-top: 10px;
  text-align: center;
}
.react-confirmation-modal .confirmation-msg {
  padding: 0;
  font-size: 16px;
  line-height: 24px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.uppy-dashboard-disabled {
  display: flex;
  width: 500px;
  height: 150px;
  border: 1px solid #DADADA;
  background-color: #EEEEEE;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #c3c3c3;
  padding-bottom: 15px;
}

/**
* General Uppy styles that apply to everything inside the .Uppy container
*/
.uppy-Root {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  position: relative;
  color: #333; }

.uppy-Root *, .uppy-Root *:before, .uppy-Root *:after {
  box-sizing: inherit; }

.uppy-Root [hidden] {
  display: none; }

.UppyIcon {
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
  /* no !important */
  display: inline-block;
  overflow: hidden; }

.UppyIcon--svg-baseline {
  bottom: -0.125em;
  position: relative; }

.uppy-u-reset {
  -webkit-appearance: none;
  line-height: 1;
  padding: 0;
  margin: 0;
  border: 0;
  color: inherit;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  background: none;
  border: medium none currentColor;
  border-collapse: separate;
  border-image: none;
  border-radius: 0;
  border-spacing: 0;
  box-shadow: none;
  clear: none;
  cursor: auto;
  display: inline;
  empty-cells: show;
  float: none;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  left: auto;
  letter-spacing: normal;
  list-style: none;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  outline: medium none invert;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transition: none 0s ease 0s;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  z-index: auto; }

.uppy-c-textInput {
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px 8px;
  background-color: #fff; }

.uppy-size--md .uppy-c-textInput {
  padding: 8px 10px; }

.uppy-c-textInput:focus {
  border-color: rgba(34, 117, 215, 0.6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.15); }

.uppy-c-btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  transition: background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer; }

.uppy-c-btn::-moz-focus-inner {
  border: 0; }

.uppy-c-btn-primary {
  font-size: 14px;
  padding: 10px 18px;
  border-radius: 4px;
  background-color: #2275d7;
  color: #fff; }

.uppy-size--md .uppy-c-btn-primary {
  padding: 13px 22px; }

.uppy-c-btn-primary:hover {
  background-color: #1b5dab; }

.uppy-c-btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4); }

.uppy-c-btn-link {
  font-size: 14px;
  line-height: 1;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: transparent;
  color: #525252; }

.uppy-size--md .uppy-c-btn-link {
  padding: 13px 18px; }

.uppy-c-btn-link:hover {
  color: #333; }

.uppy-c-btn-link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25); }

.uppy-c-btn--small {
  font-size: 0.9em;
  padding: 7px 16px;
  border-radius: 2px; }

.uppy-size--md .uppy-c-btn--small {
  padding: 8px 10px;
  border-radius: 2px; }

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.object-new-option-field {
  color: #42B49B;
}
.multi-value-object-field.new .react-select-dropdown__multi-value {
  border: 1px solid #42B49B;
}
.multi-value-object-field.new .react-select-dropdown__multi-value .react-select-dropdown__multi-value__label,
.multi-value-object-field.new .react-select-dropdown__multi-value .react-select-dropdown__multi-value__remove {
  color: #42B49B;
  background-color: #e6f6f2;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.connector-option-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.connector-option-icon-wrapper .connector-option-icon > img {
  height: 20px;
  margin-right: 12px;
}
.connector-option-icon-wrapper .connector-option-plug {
  color: #19B698;
  height: 20px;
  margin-right: 15px;
  margin-top: 6px;
}
.upload-section-container .connector-section {
  display: flex;
  align-items: baseline;
  padding-bottom: 10px;
  width: 100%;
}
.upload-section-container .connector-section .connector-select .control-wrapper {
  border-radius: 3px;
  border-color: #dddddd;
}
.upload-section-container .connector-section .connector-select .control-wrapper:hover {
  border-color: #19B698;
}
.upload-section-container .connector-section .connector-label {
  width: 200px;
}
.upload-section-container .connector-section .react-select-dropdown-container {
  min-width: 500px;
}
.upload-section-container .connector-section .react-select-dropdown-container .react-select-dropdown__single-value {
  width: 100%;
}
.upload-section-container .file-display-section {
  display: flex;
}
.upload-section-container .file-display-section .file-label {
  width: 200px;
}
.upload-section-container .file-display-section .api-query-builder {
  display: flex;
  flex-direction: column;
}
.upload-section-container .file-display-section .api-query-builder-action-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.upload-section-container .file-display-section .api-query-builder-action-buttons .load-preview-warning {
  color: #C0392B;
  padding: 0 20px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
  align-items: center;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .input-label {
  min-width: 200px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .input-container {
  min-width: 500px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .input-container .MuiOutlinedInput-multiline {
  padding: 0 10px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .input-container.select-input {
  min-width: 700px;
  max-width: 700px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .input-container.invalid .form-control {
  border-color: #C0392B;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .input-container.invalid .MuiOutlinedInput-notchedOutline {
  border-color: #C0392B;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .input-container .where-input {
  min-width: 700px;
  min-height: 40px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .clear-all-wrapper {
  padding: 0 15px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .api-query-collapse-wrapper {
  margin-left: 200px;
  max-width: 700px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .api-query-collapse-wrapper .collapse-box {
  border: none;
  box-shadow: none;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .api-query-collapse-wrapper .collapse-box .collapse-toggle-button {
  color: #282828;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .api-query-collapse-wrapper .collapse-box .collapse-title,
.upload-section-container .file-display-section .api-query-builder .api-query-section .api-query-collapse-wrapper .collapse-box .collapse-box-content {
  margin-left: 0;
  padding-top: 0;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .api-query-collapse-wrapper .collapse-box .collapse-title-text {
  margin-left: 7px;
  font-size: 14px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .api-query-collapse-wrapper .incremental__messageText {
  font-size: 14px;
  color: #757575;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .api-query-collapse-wrapper .incremental__messageButton {
  margin-left: 5px;
  font-size: 14px;
  color: #3FAD90;
  cursor: pointer;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .http-error {
  color: #C0392B;
  font-size: 12px;
  width: 700px;
}
.upload-section-container .file-display-section .api-query-builder .api-query-section .http-error > i {
  margin-right: 5px;
}
.upload-section-container .browser-wrapper {
  width: 560px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.upload-section-container .browser-wrapper .list-section {
  height: 200px;
}
.upload-section-container .uploaded-file-wrapper {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.upload-section-container .uploaded-file {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  height: 190px;
  border: 1px solid #42B49B;
  background-color: #f2f9f7;
  border-radius: 6px;
  width: 100%;
  min-width: 245px;
  max-width: 500px;
}
.upload-section-container .uploaded-file:nth-child(odd) {
  margin-right: 10px;
}
.upload-section-container .uploaded-file .file-section {
  display: flex;
  flex-direction: column;
  padding: 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.upload-section-container .uploaded-file .file-section .browse-link {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.upload-section-container .uploaded-file .file-section .browse-link:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.upload-section-container .uploaded-file .file-section .browse-button {
  margin: 5px;
}
.upload-section-container .uploaded-file .file-section .browse-button-icon {
  margin-right: 7px;
}
.upload-section-container .uploaded-file .file-section .uploaded-file-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upload-section-container .uploaded-file .file-section .uploaded-file-card .file-name {
  max-width: 300px;
  font-weight: 400;
  color: #3FAD90;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding: 10px;
  word-wrap: break-word;
}
.upload-section-container .uploaded-file .file-section .uploaded-file-card .file-icon {
  padding: 10px;
}
.upload-section-container .uploaded-file .file-section .fa-trash {
  font-size: 18px;
  cursor: pointer;
}
.upload-section-container .uppy-Root {
  width: 500px;
  height: 150px;
}
.upload-section-container .uppy-Root .uppy-Dashboard-inner {
  z-index: 0 !important;
  min-height: 150px !important;
}
.upload-section-container .uppy-Root .uppy-Dashboard-inner .uppy-Dashboard-dropFilesHereHint {
  display: none;
}
.upload-section-container .uppy-Root .uppy-Dashboard-inner .uppy-Dashboard-browse {
  color: rgba(74, 144, 226, 0.90196078) !important;
}
.upload-section-container .uppy-Root .uppy-Dashboard-inner .uppy-DashboardContent-back {
  display: none;
}
.upload-section-container .uppy-Root .uppy-Dashboard-inner .uppy-DashboardAddFiles {
  margin-top: 7%;
}
.files-list-browser-modal.ReactModal__Content {
  width: 740px;
}
.files-list-browser-modal.ReactModal__Content .modal-sub-header {
  padding-left: 30px;
}
.local-uploader-av {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.local-uploader-av .av-scan-status {
  margin-top: 12px;
  min-width: 245px;
  max-width: 500px;
}
.local-uploader-av .av-scan-status .av-scan-progress {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  font-size: 12px;
  color: #42B49B;
  background-color: #f2f9f7;
  border: 1px solid #42B49B;
}
.local-uploader-av .av-scan-status .av-scan-progress .fa {
  margin-right: 12px;
}
.local-uploader-av .av-scan-status .av-scan-error {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  font-size: 12px;
  color: #dd4c55;
  background-color: rgba(221, 76, 85, 0.05);
  border: 1px solid #dd4c55;
}
.local-uploader-av .av-scan-status .av-scan-error svg {
  margin-right: 12px;
}
.local-uploader-av .av-scan-status .av-scan-error strong {
  margin: 0 8px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.browser-wrapper {
  width: 700px;
}
.browser-wrapper .breadcrumbs-section {
  display: flex;
  align-items: center;
  min-height: 60px;
  border: 1px solid #EEEEEE;
  padding: 5px;
}
.browser-wrapper .breadcrumbs-section .breadcrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 10px;
  font-size: 17px;
}
.browser-wrapper .breadcrumbs-section .breadcrumbs .breadcrumb-item {
  display: flex;
  flex-direction: row;
}
.browser-wrapper .breadcrumbs-section .breadcrumbs .breadcrumb-item .breadcrumb-item-name {
  cursor: pointer;
}
.browser-wrapper .breadcrumbs-section .breadcrumbs .breadcrumb-item .breadcrumb-item-name:hover {
  text-decoration: underline;
}
.browser-wrapper .breadcrumbs-section .breadcrumbs .breadcrumb-item .divider {
  margin: 0 3px;
}
.browser-wrapper .breadcrumbs-section .breadcrumbs .breadcrumb-item:last-child .divider {
  display: none;
}
.browser-wrapper .data-loading-panel {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.7;
  padding: 40px 0;
}
.browser-wrapper .data-loading-panel.is-visible {
  display: block;
}
.browser-wrapper .list-section {
  display: flex;
  position: relative;
  border: 1px solid #EEEEEE;
  max-height: 400px;
  overflow: auto;
}
.browser-wrapper .list-section .items-list {
  padding: 15px 10px;
  width: 100%;
  min-height: 200px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.browser-wrapper .list-section .items-list .list-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
}
.browser-wrapper .list-section .items-list .list-item.disabled {
  color: #757575;
  cursor: not-allowed;
}
.browser-wrapper .list-section .items-list .list-item:hover {
  background-color: #fbfbfb;
  transition: background-color 300ms ease-in-out;
}
.browser-wrapper .list-section .items-list .list-item.is-selected {
  background-color: #EEEEEE;
  transition: background-color 300ms ease-in-out;
}
.browser-wrapper .list-section .items-list .list-item .list-item-icon {
  padding: 0 7px 0 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collapsible-page-container .panel .validation-wrapper .error-message {
  visibility: hidden;
}
.collapsible-page-container .panel.invalid .validation-wrapper .error-message,
.collapsible-page-container .panel .invalid .validation-wrapper .error-message {
  margin-left: 10px;
  color: #C0392B;
  visibility: visible;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collapse-box.collapsed .mapping-step-container .clear-all {
  display: none;
}
.mapping-step-container {
  width: 100%;
}
.mapping-step-container.section-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.mapping-step-container .column-mapping {
  padding: 0 30px 0 0;
}
.mapping-step-container .column-mapping .section-sub-title-row {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  max-width: 761px;
}
.mapping-step-container .column-mapping .section-sub-title-row .section-sub-title {
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.mapping-step-container .column-mapping .section-sub-title-row .section-sub-title.tags {
  margin-top: 15px;
}
.mapping-step-container .column-mapping .section-sub-title-row-collection {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  max-width: 601px;
}
.mapping-step-container .column-mapping .section-sub-title-row-collection .section-sub-title {
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.mapping-step-container .column-mapping .section-sub-title-row-collection .section-sub-title.tags {
  margin-top: 5px;
}
.mapping-step-container .column-mapping .row-subtitles {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 10px;
  color: #757575;
}
.mapping-step-container .column-mapping .row-subtitles * {
  flex: 1;
}
.mapping-step-container .column-mapping .row-subtitles .subtitle-md {
  margin: 0 10px 0 0;
  max-width: 220px;
  min-width: 220px;
}
.mapping-step-container .column-mapping .row-subtitles .subtitle-sm {
  margin: 0 10px 0 0;
  max-width: 150px;
  min-width: 150px;
}
.mapping-step-container .column-mapping .row-subtitles .subtitle-sm .tooltip-link {
  color: #757575;
}
.mapping-step-container .column-mapping .row-subtitles .clear-all {
  margin-top: -40px;
  font-size: 12px;
}
.mapping-step-container .column-mapping .row-subtitles {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 10px;
  color: #757575;
}
.mapping-step-container .column-mapping .row-subtitles * {
  flex: 1;
}
.mapping-step-container .column-mapping .row-subtitles .subtitle-md {
  margin: 0 10px 0 0;
  max-width: 220px;
  min-width: 220px;
}
.mapping-step-container .column-mapping .row-subtitles .subtitle-md-no-dimension {
  margin: 0 10px 0 0;
  max-width: 220px;
}
.mapping-step-container .column-mapping .row-subtitles .subtitle-sm {
  margin: 0 10px 0 0;
  max-width: 150px;
  min-width: 150px;
}
.mapping-step-container .column-mapping .row-subtitles .subtitle-sm .tooltip-link {
  color: #757575;
}
.mapping-step-container .column-mapping .row-subtitles .clear-all {
  margin-top: -40px;
  font-size: 12px;
}
.mapping-step-container .column-mapping .column-row-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.mapping-step-container .column-mapping .column-row-container .attributes-row-currency-container {
  display: flex;
  padding-bottom: 12px;
}
.mapping-step-container .column-mapping .column-row-container .row-element {
  flex: 1;
  margin: 0 10px 10px 0;
}
.mapping-step-container .column-mapping .column-row-container .row-element .react-select-dropdown--is-disabled {
  background-color: #EEEEEE;
  min-height: 37px;
}
.mapping-step-container .column-mapping .column-row-container .row-element-lg {
  flex: 1;
  margin: 0 10px 10px 0;
  max-width: 380px;
  min-width: 380px;
}
.mapping-step-container .column-mapping .column-row-container .row-element-lg .form-control[disabled] {
  min-height: 37px;
}
.mapping-step-container .column-mapping .column-row-container .row-element-lg .react-select-dropdown--is-disabled {
  background-color: #EEEEEE;
}
.mapping-step-container .column-mapping .column-row-container .row-element-md {
  flex: 1;
  margin: 0 10px 10px 0;
  max-width: 220px;
  min-width: 220px;
}
.mapping-step-container .column-mapping .column-row-container .row-element-md .form-control[disabled] {
  min-height: 37px;
}
.mapping-step-container .column-mapping .column-row-container .row-element-md .react-select-dropdown--is-disabled {
  background-color: #EEEEEE;
}
.mapping-step-container .column-mapping .column-row-container .row-element-sm {
  flex: 1;
  margin: 0 10px 10px 0;
  max-width: 150px;
  min-width: 150px;
}
.mapping-step-container .column-mapping .column-row-container .row-element-sm .form-control[disabled] {
  min-height: 37px;
}
.mapping-step-container .column-mapping .column-row-container .row-element-sm .react-select-dropdown--is-disabled {
  background-color: #EEEEEE;
}
.mapping-step-container .column-mapping .column-row-container .row-element-remove {
  margin-bottom: 5px;
}
.mapping-step-container .column-mapping .column-row-container .row-element-placeholder {
  width: 20px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container {
  background-color: transparent;
  margin: -27px 0 0 -8px;
  padding: 8px;
  padding-right: 10px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form .react-select-dropdown-container .react-select-dropdown__control {
  height: 35px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form .react-select-dropdown-container .react-select-dropdown__control--is-disabled {
  height: 35px;
  background-color: #EEEEEE;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form > div {
  min-width: 90px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form > * label {
  font-size: 10px;
  margin-left: 2px;
  margin-bottom: -2px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form .format-digits .subtitle {
  margin-right: 2px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form .format-digits .form-control {
  min-height: 37px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form .format-format {
  min-width: 221px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form .format-format .subtitle {
  margin-right: 2px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form .format-sign {
  min-width: 110px;
  max-width: 114px;
}
.mapping-step-container .column-mapping .column-row-container .currency-settings-container .currency-settings-form .format-sign .subtitle {
  margin-right: 2px;
}
.mapping-step-container .validation-section {
  margin-top: 10px;
}
.mapping-step-container .validation-section .validation-wrapper {
  margin: 25px 0;
  height: 50px;
  position: relative;
}
.mapping-step-container .validation-section .preview-title {
  display: flex;
  align-items: center;
}
.mapping-step-container .validation-section .preview-title > * {
  margin-right: 20px;
}
.mapping-step-container .validation-section .preview-title .title {
  padding: 15px 0;
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.mapping-step-container .validation-section .preview-placeholder {
  min-height: 180px;
  display: flex;
  align-items: center;
  background-color: #EEEEEE;
  justify-content: center;
}
.mapping-step-container .validation-section .success-message {
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  justify-content: center;
  color: #3FAD90;
  font-size: 17px;
}
.mapping-step-container .validation-section .success-message i.fa.fa-check {
  margin-bottom: 3px;
  padding: 5px;
}
.mapping-step-container .validation-section .api-errors-wrapper.mapping-errors {
  overflow: auto;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  justify-content: center;
  border: 1px solid #C0392B;
  border-radius: 0;
  background-color: #fcf6f6;
  align-items: start;
  max-width: 770px;
  margin-top: -50px;
}
.mapping-step-container .validation-section .api-errors-wrapper.mapping-errors .request-session {
  color: #757575;
  padding: 0 10px;
}
.mapping-step-container .validation-section .api-errors-wrapper.mapping-errors .api-errors {
  display: flex;
  max-height: 380px;
  flex-direction: column;
  color: red;
  padding: 10px;
  word-break: break-word;
}
.mapping-step-container .validation-section .api-errors-wrapper.mapping-errors .api-errors i.fa.fa-exclamation-triangle {
  margin-bottom: 3px;
  padding: 5px;
}
.mapping-step-container .validation-section .api-errors-wrapper.mapping-errors .error-action-wrapper {
  padding: 10px 0;
}
.mapping-step-container .validation-section .api-errors-wrapper.mapping-errors .error-action-wrapper .preview-error-action {
  margin: 10px;
}
.mapping-step-container .validation-section .table-wrapper {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
}
.mapping-step-container .validation-result-wrapper {
  width: 100%;
}
.mapping-step-container .column-mapping-header {
  display: flex;
  margin: 12px 0 20px 0;
}
.mapping-step-container .column-mapping-headerItem {
  display: flex;
  width: 50%;
  max-width: 420px;
}
.mapping-step-container .column-mapping-headerItem:last-child {
  margin: 0 26px 0 140px;
}
.mapping-step-container .column-mapping-header .connector-img {
  max-width: 16px;
  max-height: 16px;
}
.mapping-step-container .column-mapping-header .connector-name {
  margin-left: 8px;
  font-size: 16px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.mapping-step-container .clear-mapping-button {
  color: #ef3d4e;
}
.mapping-step-container .clear-mapping-button:hover {
  background-color: rgba(239, 61, 78, 0.07);
}
.mapping-step-container .clear-mapping-buttonWrapper {
  display: flex;
  justify-content: flex-end;
  max-width: 1006px;
  margin: 12px 0;
  padding-right: 60px;
}
.mapping-step-container .add-mapping-button {
  margin-top: 50px;
}
.menu-items {
  width: 150px;
  border-radius: 1px;
}
.menu-items .menu-button-item {
  min-height: 30px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
}
.mapping-step-sf-collapse .collapse-box-content {
  margin-left: 0;
}
.mapping-step-sf-collapse .collapse-box-content .step-content {
  padding-right: 0;
}
.mapping-step-sf-collapse .mapping-step-sf {
  padding-top: 16px;
  border-top: 1px solid #eeeeee;
}
.mapping-step-sf-collapse .mapping-step-sf .column-mapping {
  margin-bottom: 20px;
  padding: 0 16px 0 56px;
}
.mapping-step-sf-collapse .mapping-step-sf .validation-section-sf {
  padding: 12px 16px 0 56px;
  display: flex;
}
.mapping-step-sf-collapse .mapping-step-sf .validation-section-sf.validation-section .validation-wrapper {
  margin: 0;
  height: auto;
  min-width: 210px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.attribute-row-sf {
  display: flex;
  margin-bottom: 12px;
}
.attribute-row-sf:hover .attribute-row-sf__actionsBtn {
  visibility: visible;
}
.attribute-row-sf__field {
  position: relative;
  display: flex;
  width: 50%;
  max-width: 420px;
  height: 40px;
  padding: 12px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  cursor: pointer;
}
.attribute-row-sf__field:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}
.attribute-row-sf__field:hover .edit-button,
.attribute-row-sf__field:hover .preview-box {
  visibility: visible;
}
.attribute-row-sf__field.isTag {
  cursor: default;
}
.attribute-row-sf__field.edit-mode {
  padding: 20px;
  border-color: #3fad90;
  height: auto;
  cursor: default;
}
.attribute-row-sf__field.edit-mode:hover .edit-button,
.attribute-row-sf__field.edit-mode:hover .preview-box {
  visibility: hidden;
}
.attribute-row-sf__field.error {
  border-color: #ef3d4e;
}
.attribute-row-sf__field .edit-button {
  visibility: hidden;
  position: absolute;
  right: 12px;
  height: 20px;
  top: 8px;
  display: flex;
  align-items: center;
  padding: 0 4px;
  background-color: #fff;
}
.attribute-row-sf__field .edit-button svg {
  fill: #3fad90;
  font-size: 11px;
  margin-right: 4px;
}
.attribute-row-sf__field .edit-button__label {
  color: #3fad90;
  font-size: 12px;
  text-transform: uppercase;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.attribute-row-sf__field .preview-box {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  right: -310px;
  width: 300px;
  top: -2px;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}
.attribute-row-sf__field .preview-box__section {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.attribute-row-sf__field .preview-box__section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.attribute-row-sf__field .preview-box__sectionTitle {
  display: flex;
  align-items: center;
  padding: 0 16px;
  word-break: break-word;
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.attribute-row-sf__field .preview-box__sectionTitle svg {
  margin-right: 12px;
  fill: #282828;
  font-size: 14px;
}
.attribute-row-sf__field .preview-box__item {
  padding: 0 16px 0 36px;
  margin-top: 6px;
  font-size: 12px;
  color: #757575;
}
.attribute-row-sf .edit-attribute {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.attribute-row-sf .edit-attribute__title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.attribute-row-sf .edit-attribute__title svg {
  fill: #282828;
  font-size: 18px;
  margin-right: 6px;
}
.attribute-row-sf .edit-attribute__titleText {
  font-size: 14px;
  color: #282828;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.attribute-row-sf .edit-attribute__preview {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #757575;
  cursor: pointer;
}
.attribute-row-sf .edit-attribute__preview:hover {
  color: #282828;
}
.attribute-row-sf .edit-attribute__preview:hover .preview-box {
  visibility: visible;
}
.attribute-row-sf .edit-attribute__preview:hover svg {
  fill: #282828;
}
.attribute-row-sf .edit-attribute__preview svg {
  font-size: 14px;
  fill: #757575;
}
.attribute-row-sf .edit-attribute__select {
  margin-top: 12px;
  width: 100%;
}
.attribute-row-sf .edit-attribute__select.is-error fieldset {
  border-color: #ef3d4e;
}
.attribute-row-sf .edit-attribute__select .react-select-dropdown__single-value {
  width: calc(100% - 16px);
  color: #282828;
}
.attribute-row-sf .edit-attribute__selectWrapper {
  position: relative;
}
.attribute-row-sf .edit-attribute__buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.attribute-row-sf .edit-attribute__buttonsBtn {
  margin-right: 12px;
  width: 100px;
}
.attribute-row-sf .edit-attribute__buttonsBtn:last-child {
  margin-right: 0;
}
.attribute-row-sf__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 40px;
  margin: 0 20px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.attribute-row-sf__divider svg {
  font-size: 16px;
  fill: #757575;
}
.attribute-row-sf__actions {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 8px;
}
.attribute-row-sf__actionsBtn {
  visibility: hidden;
  display: flex;
  align-items: center;
  padding: 4px;
  cursor: pointer;
}
.attribute-row-sf__actionsBtn svg {
  fill: #757575;
  font-size: 18px;
}
.attribute-row-sf__actionsBtn:hover svg {
  fill: #282828;
  font-size: 18px;
}
.attribute-row-sf .totango-field-custom-element {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
}
.attribute-row-sf .totango-field-custom-element .totango-field-label {
  color: #282828;
}
.attribute-row-sf .totango-field-custom-element .totango-field-label-new {
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 6px;
  color: #3fad90;
  border: 1px solid #3fad90;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
}
.attribute-row-sf .external-field-custom-element {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
}
.attribute-row-sf .external-field-custom-element .external-field-label {
  color: #282828;
}
.attribute-row-sf .external-field-custom-element .external-field-mask {
  margin-left: auto;
  color: #757575;
}
.attribute-row-sf .external-field-custom-element svg {
  margin-right: 12px;
  font-size: 18px;
  fill: #282828;
}
.attribute-row-sf .external-field-custom-element img {
  width: 16px;
  margin-right: 12px;
}
.attribute-row-sf .attribute-placeholder {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.attribute-row-sf .attribute-placeholder-label {
  width: 340px;
  margin-left: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attribute-row-sf .attribute-placeholder-label.isNew {
  width: 272px;
}
.attribute-row-sf .attribute-placeholder-label.isNew.isTag {
  width: 300px;
}
.attribute-row-sf .attribute-placeholder-label-new {
  position: absolute;
  right: 12px;
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 6px;
  color: #3fad90;
  background-color: #fff;
  border: 1px solid #3fad90;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
}
.attribute-row-sf .attribute-placeholder.new {
  color: #757575;
}
.attribute-row-sf .attribute-placeholder.new svg {
  fill: #757575;
}
.attribute-row-sf .attribute-placeholder svg {
  font-size: 18px;
}
.attribute-row-sf .attribute-placeholder img {
  width: 20px;
}
.attribute-row-sf .custom-date-information {
  position: absolute;
  top: 24px;
  right: 0;
  color: #757575;
  padding: 0 4px;
  cursor: pointer;
}
.attribute-row-sf .custom-date-information:hover {
  color: #282828;
}
.attribute-row-sf .custom-date-information:hover svg {
  fill: #282828;
}
.attribute-row-sf .custom-date-information:hover .custom-date-information-popup {
  visibility: visible;
}
.attribute-row-sf .custom-date-information svg {
  font-size: 26px;
  fill: #757575;
}
.attribute-row-sf .custom-date-information-popup {
  position: absolute;
  right: -450px;
  top: -120px;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  width: 440px;
  padding: 20px;
  font-size: 12px;
  color: #282828;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.attribute-row-sf .custom-date-information-popup__row {
  display: flex;
  margin-top: 16px;
}
.attribute-row-sf .custom-date-information-popup__row:first-child {
  margin-top: 0;
}
.attribute-row-sf .custom-date-information-popup__list {
  width: 50%;
  padding-left: 16px;
  margin: 0;
}
.attribute-row-sf .custom-date-information-popup__listItem {
  margin: 0;
  white-space: nowrap;
}
.attribute-row-sf .custom-date-information-popup__listItem i {
  margin: 0 4px;
}
.attribute-row-sf .note-container {
  position: relative;
  display: flex;
}
.attribute-row-sf .note-container:hover .note-box {
  visibility: visible;
}
.attribute-row-sf .note-container.active .note-box {
  visibility: visible;
}
.attribute-row-sf .note-button.visible {
  visibility: visible;
  color: #282828;
}
.attribute-row-sf .note-box {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 40px;
  width: 400px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}
.attribute-row-sf .note-box__note .Mui-disabled fieldset {
  background-color: transparent;
  border-color: #d8d8d8;
}
.attribute-row-sf .note-box__note .Mui-disabled textarea {
  color: #282828;
}
.attribute-row-sf .note-box__buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.attribute-row-sf .note-box__buttonsBtn {
  width: 100px;
}
.attribute-row-sf .note-box__buttonsBtn:first-child {
  margin-right: 8px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.key-row-sf {
  display: flex;
  margin-bottom: 12px;
}
.key-row-sf__field {
  display: flex;
  width: 50%;
  max-width: 420px;
  height: 40px;
  margin-right: 60px;
  padding: 12px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  background-color: #f5f5f5;
}
.key-row-sf__select {
  width: 100%;
}
.key-row-sf__select.is-error fieldset {
  border-color: #ef3d4e;
}
.key-row-sf__selectWrapper {
  position: relative;
  width: 50%;
  max-width: 420px;
  height: 40px;
}
.key-row-sf__selectWrapper:hover .preview-box {
  visibility: visible;
}
.key-row-sf__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 40px;
  margin: 0 20px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.key-row-sf__divider svg {
  font-size: 16px;
  fill: #757575;
}
.key-row-sf .attribute-placeholder {
  display: flex;
  flex: 1;
  align-items: center;
}
.key-row-sf .attribute-placeholder-label {
  margin: 0 auto 0 12px;
}
.key-row-sf .attribute-placeholder svg {
  font-size: 14px;
}
.key-row-sf .external-field-custom-element {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.key-row-sf .external-field-custom-element .external-field-label {
  color: #282828;
  margin-left: 12px;
}
.key-row-sf .external-field-custom-element svg {
  fill: #282828;
  font-size: 14px;
}
.key-row-sf .preview-box {
  visibility: hidden;
  position: absolute;
  top: -2px;
  right: -310px;
  width: 300px;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.key-row-sf .preview-box__section {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.key-row-sf .preview-box__section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.key-row-sf .preview-box__sectionTitle {
  display: flex;
  align-items: center;
  padding: 0 16px;
  word-break: break-word;
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.key-row-sf .preview-box__sectionTitle svg {
  margin-right: 12px;
  fill: #282828;
  font-size: 14px;
}
.key-row-sf .preview-box__item {
  padding: 0 16px 0 36px;
  margin-top: 6px;
  font-size: 12px;
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collapse-box.collapsed .mapping-step-container .clear-all {
  display: none;
}
.preview-step-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.preview-step-container.section-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.preview-step-container .preview-mapping .preview-title {
  display: flex;
  align-items: center;
}
.preview-step-container .preview-mapping .preview-title > * {
  margin-right: 20px;
}
.preview-step-container .preview-mapping .preview-title .title {
  padding: 15px 0;
  font-size: 14px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.preview-step-container .preview-mapping .preview-error-container {
  display: flex;
  justify-content: center;
}
.preview-step-container .preview-mapping .preview-error-container .api-errors-wrapper .request-session {
  color: #757575;
}
.preview-step-container .preview-mapping .preview-error-container .api-errors-wrapper.preview-errors {
  overflow: auto;
  min-height: 100px;
  align-items: center;
  justify-content: center;
}
.preview-step-container .preview-mapping .preview-error-container .api-errors-wrapper.preview-errors .api-errors {
  color: red;
  padding: 10px 0;
  word-break: break-word;
}
.preview-step-container .preview-mapping .preview-error-container .api-errors-wrapper.preview-errors .api-errors i.fa.fa-exclamation-triangle {
  margin-bottom: 3px;
  padding: 5px;
}
.preview-step-container .preview-mapping .preview-error-container .api-errors-wrapper.preview-errors .error-action-wrapper {
  padding: 10px 0;
}
.preview-step-container .preview-mapping .preview-error-container .api-errors-wrapper.preview-errors .error-action-wrapper .preview-error-action {
  margin: 10px;
}
.preview-step-container .preview-mapping .preview-error-container .api-errors-wrapper.preview-warnings {
  min-height: auto;
}
.preview-step-container .preview-mapping .table-wrapper {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
}
.menu-items {
  width: 150px;
  border-radius: 1px;
}
.menu-items .menu-button-item {
  min-height: 30px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.scheduling-settings-container {
  display: inline-block;
}
.scheduling-settings-container .section-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.scheduling-settings-container .schedule-options {
  display: inline-block;
  margin-top: 20px;
}
.scheduling-settings-container .schedule-options .schedule-item {
  display: inline-block;
  margin: 5px;
}
.scheduling-settings-container .schedule-options .scheduler-label {
  min-width: 14px;
  font-size: 13px;
  text-align: center;
  position: relative;
  top: 6px;
}
.scheduling-settings-container .schedule-options .schedule-type-picker {
  width: 130px;
}
.scheduling-settings-container .schedule-options .minutes-picker {
  width: 68px;
}
.scheduling-settings-container .schedule-options .hours-picker {
  width: 60px;
}
.scheduling-settings-container .schedule-options .ampm-picker {
  width: 72px;
}
.scheduling-settings-container .schedule-options .zone-picker {
  width: 280px;
}
.scheduling-settings-container .schedule-options .month-picker {
  width: 128px;
}
.scheduling-settings-container .upload-now-container {
  margin-top: 20px;
}
.scheduling-settings-container .week-days-selector-container {
  position: relative;
  top: 4px;
  padding: 3px;
}
.scheduling-settings-container .schedule-upload {
  margin-right: 5px;
}
.scheduling-settings-container .disabled .MuiSwitch-colorSecondary {
  color: #757575;
}
.scheduling-settings-container .disabled .MuiSwitch-switchBase {
  color: #757575;
}
.collapsible-page-container .panel.invalid .week-days-selector-container.non-selected {
  border: 1px solid #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collection-step > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
}
.collection-step > div .input-label {
  min-width: 200px;
}
.collection-step > div .collections-dropdown {
  min-width: 350px;
}
.collection-step .is-error-on-preview .control-wrapper {
  border-color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.collapsible-page-container {
  padding: 25px 0 5px 0;
}
.collapsible-page-container .step-content {
  padding: 0 15px 15px 0;
}
.collapsible-page-container .collapse-box .collapse-panel-title-wrapper {
  display: flex;
  flex-direction: column;
}
.collapsible-page-container .collapse-box .collapse-panel-title-wrapper .collapse-panel-title-text {
  font-size: 17px;
}
.collapsible-page-container .collapse-box .collapse-panel-title-wrapper .collapse-panel-subtitle-text {
  font-size: 13px;
}
.collapsible-page-container .section-title {
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 20px;
  padding: 10px 0 20px 0;
}
.collapsible-page-container .panel.not-visible {
  visibility: hidden;
  max-height: 1px;
  margin: 0;
}
.collapsible-page-container .panel.invalid .react-select-dropdown-container .control-wrapper,
.collapsible-page-container .collapsible-step-container.invalid .react-select-dropdown-container .control-wrapper {
  border-color: #ccc;
}
.collapsible-page-container .panel.invalid .react-select-dropdown-container.is-error .control-wrapper,
.collapsible-page-container .collapsible-step-container.invalid .react-select-dropdown-container.is-error .control-wrapper {
  border-color: #C0392B;
}
.collapsible-page-container .panel.invalid .form-control.invalid,
.collapsible-page-container .collapsible-step-container.invalid .form-control.invalid {
  border: 1px solid #C0392B;
}
.collapsible-page-container .panel.invalid .validation-wrapper.is-error button,
.collapsible-page-container .collapsible-step-container.invalid .validation-wrapper.is-error button {
  border: 1px solid #C0392B;
  color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.header-content .connector-icon {
  max-width: 32px;
  max-height: 32px;
  margin-right: 10px;
}
.header-content .tooltip-link {
  text-decoration: none;
  color: #757575;
  font-size: 14px;
}
.header-content .edit-connector {
  padding: 0 4px;
  color: #757575;
  font-size: 14px;
  cursor: pointer;
}
.header-content .edit-connector:hover {
  color: #282828;
}
.data-uploads-page .page-management-actions {
  display: flex;
  margin-top: 25px;
  justify-content: space-between;
}
.data-uploads-page .page-management-actions .filters-group {
  display: flex;
}
.data-uploads-page .page-management-actions .filters-group .file-upload-status {
  width: 180px;
}
.data-uploads-page .page-management-actions .filters-group .file-type-options {
  width: 180px;
}
.data-uploads-page .page-management-actions .filters-group .file-type-options.wide {
  width: 250px;
}
.data-uploads-page .page-management-actions .filters-group .file-upload-time {
  width: 150px;
}
.data-uploads-page .page-management-actions .filters-group .file-activity-status {
  width: 200px;
}
.data-uploads-page .page-management-actions .react-search-input {
  height: 34px;
  width: 300px;
}
.data-uploads-page .jobs-list {
  margin-top: 20px;
  background-color: #fff;
  border: 1px solid #dddddd;
}
.data-uploads-page .jobs-list .error-loading-items-message {
  line-height: 25px;
  padding: 50px 0;
  text-align: center;
  font-size: 16px;
  color: #757575;
}
.data-uploads-page .jobs-list .no-uploads-wrapper {
  color: #757575;
  max-width: 600px;
  text-align: center;
  padding: 20px 0;
  margin: 0 auto;
}
.data-uploads-page .jobs-list .no-uploads-wrapper .no-uploads-message {
  font-size: 16px;
  margin-bottom: 5px;
}
.data-uploads-page .jobs-list .no-uploads-wrapper .no-uploads-message .green-text {
  color: #3FAD90;
  cursor: pointer;
}
.data-uploads-page .jobs-list .jobs-table .rt-tr-group {
  min-height: 62px;
}
.data-uploads-page .hide-tab {
  display: none;
}
.jobs-list .jobs-table .rt-tbody .rt-tr:hover,
.jobs-list .job-history-table .rt-tbody .rt-tr:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.jobs-list .jobs-table .rt-tbody .rt-tr .fa-download,
.jobs-list .job-history-table .rt-tbody .rt-tr .fa-download {
  margin-right: 5px;
}
.job-info-overlay {
  overflow-y: auto;
}
.job-info-overlay .job-info-modal {
  width: 700px;
  left: calc(50% - 700px / 2);
  top: 5%;
  margin-bottom: 30px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .job-info-category {
  font-weight: bolder;
  font-size: 16px;
  padding-bottom: 10px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row {
  display: flex;
  flex-direction: row;
  padding: 4px 0;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.underline {
  border-bottom: 1px solid #EEEEEE;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.two-lines {
  flex-direction: column;
  overflow: auto;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.two-lines .description-label {
  padding-bottom: 10px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.two-lines .description-value {
  overflow-wrap: break-word;
  white-space: pre-line;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row.two-lines .description-icon {
  margin-left: 5px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row .description-icon {
  margin-left: 5px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row .description-icon .connector-type-icon-img {
  max-width: 15px;
  max-height: 15px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .description-row .description-label {
  width: 120px;
  color: #757575;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .sub-title {
  margin-top: -30px;
  margin-bottom: 20px;
  color: #757575;
  font-size: 11px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .sub-title .marked {
  font-weight: bold;
  color: #282828;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .copy-to-clipboard {
  display: inline;
  position: absolute;
  right: 35px;
}
.job-info-overlay .job-info-modal .job-description-modal-wrapper .copy-to-clipboard .fa {
  cursor: pointer;
}
.job-info-overlay .job-info-modal .edit-job {
  color: rgba(74, 144, 226, 0.90196078);
  cursor: pointer;
  margin-top: 21px;
}
.job-info-overlay .job-info-modal .edit-job i {
  margin-right: 5px;
}
.job-info-overlay .job-info-modal .modal-footer {
  padding-bottom: 20px;
}
.actions-dropdown-list-popover.job-list-menu .MuiList-padding {
  padding: 0px;
}
.actions-dropdown-list-popover.job-list-menu .action-dropdown-item {
  display: flex;
  align-items: center;
}
.actions-dropdown-list-popover.job-list-menu .action-dropdown-item .fa {
  padding-bottom: 1px;
}
.actions-dropdown-list-popover.job-list-menu .action-dropdown-item .fa.item-has-padding {
  padding-bottom: 2px;
}
.actions-dropdown-list-popover.job-list-menu .action-dropdown-item .fa.item-no-padding {
  padding-bottom: 0;
}
.connector-jobs-page__header {
  display: flex;
  align-items: center;
}
.connector-jobs-page__headerContent {
  display: flex;
  flex-direction: column;
}
.connector-jobs-page__headerName {
  display: flex;
  align-items: center;
}
.connector-jobs-page__headerDescription {
  color: #757575;
  font-size: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.direct-access-connectors-modal {
  position: absolute;
  left: 20%;
  margin: 1%;
  width: 60%;
  max-height: 70%;
  top: 5%;
}
.direct-access-connectors-modal .modal-content {
  padding: 10px 30px 0px;
}
.direct-access-connectors-modal .content-area.has-invalid input.invalid,
.direct-access-connectors-modal .content-area.has-invalid .react-select-dropdown-container.invalid .control-wrapper {
  border: 1px solid #C0392B;
}
.direct-access-connectors-modal .connectors-section {
  display: flex;
  min-height: 500px;
  max-height: 560px;
  border: 1px solid #e6e7e8;
}
.direct-access-connectors-modal .connectors-list {
  overflow-y: scroll;
  width: 25%;
  color: #757575;
  border: 1px solid #e6e7e8;
  background: #EEEEEE;
}
.direct-access-connectors-modal .connectors-list .list-item {
  padding: 10px;
  border-bottom: 1px solid #e6e7e8;
}
.direct-access-connectors-modal .connectors-list .list-item.list-title {
  font-size: 12px;
}
.direct-access-connectors-modal .connectors-list .list-item:not(.list-title) {
  font-size: 16px;
  cursor: pointer;
}
.direct-access-connectors-modal .connectors-list .list-item.selected {
  background-color: #fff;
}
.direct-access-connectors-modal .connector-data {
  width: 75%;
  margin: 5px;
  max-height: 560px;
  padding: 7px;
  overflow-y: auto;
}
.direct-access-connectors-modal .connector-data .connector-data-input,
.direct-access-connectors-modal .connector-data .auth-data-input {
  margin-top: 10px;
}
.direct-access-connectors-modal .connector-data .auth-type-title {
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.direct-access-connectors-modal .connector-data .fa-asterisk {
  font-size: 7px;
  vertical-align: middle;
  color: #757575;
}
.direct-access-connectors-modal .test-view {
  width: 75%;
  margin: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.direct-access-connectors-modal .test-view .test-header {
  font-size: 20px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.direct-access-connectors-modal .test-view .in-progress {
  height: 100px;
}
.direct-access-connectors-modal .test-view .test-result {
  height: 100px;
  line-height: 100px;
}
.direct-access-connectors-modal .test-view .test-result .result-text {
  line-height: 1.5;
  vertical-align: middle;
  font-size: 20px;
  display: inline-block;
}
.direct-access-connectors-modal .test-view .test-result .result-text:not(.has-error) {
  color: #27AE60;
}
.direct-access-connectors-modal .test-view .test-result .result-text.has-error {
  color: #C0392B;
}
.direct-access-connectors-modal .connection-action-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.direct-access-connectors-modal .connection-action-buttons span {
  cursor: pointer;
}
.direct-access-connectors-modal .connection-action-buttons .action-button {
  text-transform: uppercase;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.direct-access-connectors-modal .connection-action-buttons .add-connector {
  color: #19B698;
}
.direct-access-connectors-modal .connection-action-buttons .test-connection {
  margin-right: 10px;
}
.direct-access-connectors-modal .connection-action-buttons .delete-connector {
  color: red;
}
.direct-access-connectors-modal .connection-action-buttons .delete-connector.disabled {
  color: #757575;
  cursor: not-allowed;
}
.direct-access-connectors-modal .connection-action-buttons .cannot-delete-connector {
  color: #757575;
  font-size: 12px;
}
.direct-access-connectors-modal .actions-buttons button {
  margin-bottom: 0;
  margin-top: 30px;
  margin-left: 10px;
  float: right;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.tooltip-arrow-popover {
  background-color: #fff;
  border: 1px solid #EEEEEE;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  max-width: unset;
}
.tooltip-arrow-popover .arrow {
  display: block;
}
.direct-access-integration-config-page .list-mapping .extract-column button {
  height: 35px;
  width: 140px;
  font-size: 14px;
  color: #40AD90;
  border: 1px solid #40AD90;
}
.direct-access-integration-config-page .list-mapping .extract-column button:hover,
.direct-access-integration-config-page .list-mapping .extract-column button:focus {
  border: 1px solid #40AD90;
  outline: none;
}
.direct-access-integration-config-page .list-mapping .extract-error {
  color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.currency-settings-wrapper {
  margin-top: 5px;
}
.currency-settings-wrapper .triangle-up {
  width: 0;
  height: 0;
  position: relative;
  color: #fff;
  top: 0;
  left: 70%;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}
.currency-settings-wrapper .currency-settings-inner {
  position: relative;
  left: 50px;
  background-color: #fff;
  padding: 9px;
  width: 84.5%;
}
.currency-settings-wrapper .currency-settings-inner .currency-settings-container {
  background-color: #fff;
  flex: 1;
}
.currency-settings-wrapper .currency-settings-inner .currency-settings-container .currency-settings-form {
  padding: 0;
}
.currency-settings-wrapper .currency-settings-inner .currency-settings-container .currency-settings-form > div {
  flex-direction: column;
}
.currency-settings-wrapper .currency-settings-inner .currency-settings-container .currency-settings-form .format-sign {
  width: 100px;
}
.currency-settings-wrapper .currency-settings-inner .currency-settings-container .currency-settings-form .format-format {
  flex: 1;
}
.currency-settings-wrapper .currency-settings-inner .currency-settings-container .currency-settings-form .format-digits {
  width: 150px;
}
.currency-settings-wrapper .currency-settings-inner .currency-settings-container .currency-settings-form > * label {
  margin-right: 5px;
  font-size: 12px;
}
.currency-settings-wrapper .currency-settings-inner .currency-settings-container .currency-settings-form .react-select-dropdown__menu-list {
  overflow-y: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.json-view-modal .modal-content .modal-header {
  padding: 15px 15px 8px 15px;
}
.json-view-modal .modal-content #json-pretty {
  max-height: 480px;
}
.json-view-modal .modal-content .modal-body {
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}
.json-view-modal .modal-content .modal-body > div {
  width: 100%;
}
.json-view-modal .modal-content .modal-body .login-wrapper {
  text-align: center;
}
.json-view-modal .modal-content .modal-body .login-wrapper .widget-btn {
  font-size: 13px;
}
.json-view-modal .modal-footer {
  padding: 9px 15px 15px;
}
.json-view-modal .modal-footer .modal-footer-container {
  width: 100%;
  display: block;
}
.json-view-modal .modal-footer .modal-footer-container > .btn:last-child {
  margin-right: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.form-has-invalid .invalid {
  border: 1px solid #C0392B;
}
.extract-columns-modal {
  width: 550px;
}
.extract-columns-modal .modal-content .modal-header {
  padding: 15px 15px 8px 15px;
}
.extract-columns-modal .modal-content .modal-body {
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}
.extract-columns-modal .modal-content .modal-body > div {
  width: 100%;
}
.extract-columns-modal .modal-content .modal-body .row:first-child {
  margin-bottom: 10px;
}
.extract-columns-modal .modal-content .modal-body .login-wrapper {
  text-align: center;
}
.extract-columns-modal .modal-content .modal-footer {
  padding: 9px 15px 15px;
}
.extract-columns-modal .modal-content .modal-footer .modal-footer-container {
  width: 100%;
  display: block;
}
.extract-columns-modal .modal-content .modal-footer .modal-footer-container > .btn:last-child {
  margin-right: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.direct-access-integration-config-page .page-container-header {
  background-color: #F5F5F5;
  box-shadow: none;
}
.direct-access-integration-config-page .page-container-header .title {
  padding-top: 2px;
}
.direct-access-integration-config-page .page-container-header .app-page-title {
  margin-top: 10px;
}
.direct-access-integration-config-page .page-container-header .app-page-title .back-icon-button-react {
  margin-right: 5px;
}
.direct-access-integration-config-page .has-invalid input.invalid:not(.preview-input),
.direct-access-integration-config-page .has-invalid .react-select-dropdown-container.invalid .control-wrapper {
  border: 1px solid #C0392B;
}
.direct-access-integration-config-page .has-invalid .radio-group-input:checked ~ .radio-group-label .react-select-dropdown-container.invalid .control-wrapper,
.direct-access-integration-config-page .has-invalid .radio-group-input:checked ~ .radio-group-label .radio-component-wrapper.invalid input[type="text"] {
  border: 1px solid #C0392B;
}
.direct-access-integration-config-page .has-invalid .radio-group-input:not(:checked) ~ .radio-group-label .react-select-dropdown-container.invalid .control-wrapper {
  border: 1px solid #ccc;
}
.direct-access-integration-config-page .preview-has-invalid .preview-input.invalid {
  border: 1px solid #C0392B;
}
.direct-access-integration-config-page .section {
  border: 1px solid #e6e7e8;
}
.direct-access-integration-config-page .section .add-item-button {
  padding-top: 8px;
}
.direct-access-integration-config-page .section .config-section {
  padding: 20px 30px;
  margin-top: 20px;
  background: #fff;
}
.direct-access-integration-config-page .section .config-section > .row {
  margin-top: 0;
}
.direct-access-integration-config-page .section .config-section .section-title {
  font-size: 17px;
  margin-bottom: 13px;
}
.direct-access-integration-config-page .section .config-section .section-title > label {
  font-weight: 200;
}
.direct-access-integration-config-page .section .config-section .section-title > span {
  font-weight: 200;
}
.direct-access-integration-config-page .section .config-section .section-title .how-to {
  height: 16px;
  width: 73px;
  color: #757575;
  font-size: 13px;
  line-height: 16px;
  margin-left: 5px;
}
.direct-access-integration-config-page .section .config-section .section-title .how-to .fa-info-circle {
  margin: 0 5px;
}
.direct-access-integration-config-page .section .config-section .section-sub-title {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.direct-access-integration-config-page .section .config-section .api-endpoints-notes {
  margin-top: 15px;
}
.direct-access-integration-config-page .section .config-section .api-endpoints-notes .attributesLink {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.direct-access-integration-config-page .section .config-section .api-endpoints-notes .attributesLink:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.direct-access-integration-config-page .section .config-section .api-endpoint-list {
  margin-top: 15px;
}
.direct-access-integration-config-page .section .config-section .api-endpoint-list .view-json {
  position: relative;
  top: 27px;
}
.direct-access-integration-config-page .section .config-section .api-endpoint-list .view-json button {
  height: 35px;
  width: 180px;
  font-size: 14px;
  color: #40AD90;
  border: 1px solid #40AD90;
}
.direct-access-integration-config-page .section .config-section .api-endpoint-list .view-json button:hover,
.direct-access-integration-config-page .section .config-section .api-endpoint-list .view-json button:focus {
  border: 1px solid #40AD90;
  outline: none;
}
.direct-access-integration-config-page .section .config-section .api-endpoint-list .view-json .extract-error {
  color: #C0392B;
}
.direct-access-integration-config-page .section .config-section .row.list-path {
  margin-top: 15px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section {
  display: flex;
  padding: 20px 30px 30px;
  background-color: #EEEEEE;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section > div {
  width: 50%;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section > div:first-child {
  margin-right: 25px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .section-title > label {
  margin-bottom: 0;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping.mapped-link {
  margin-top: 25px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .table-body {
  max-height: 600px;
  overflow-y: auto;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .table-body .columns-wrapper:last-child {
  padding-bottom: 1px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .row {
  margin-left: 0;
  margin-right: 0;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper {
  display: flex;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper.table-header .column-row,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper.table-header .column-row {
  margin-left: 1px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper.table-header .column-row.clear-all,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper.table-header .column-row.clear-all {
  width: 63px;
  flex: none;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper.table-header .column-row.clear-all > span,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper.table-header .column-row.clear-all > span {
  font-weight: 400;
  color: #5DACD2;
  text-decoration: none;
  cursor: pointer;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper.table-header .column-row.clear-all > span:hover,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper.table-header .column-row.clear-all > span:hover {
  text-decoration: underline;
  color: #5DACD2;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper.hide-reorder .reorder-item,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper.hide-reorder .reorder-item {
  visibility: hidden;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper.hide-delete .remove-item,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper.hide-delete .remove-item {
  visibility: hidden;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .column-row,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .column-row,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .summary-row,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .summary-row {
  padding-right: 15px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .column-row input[readonly],
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .column-row input[readonly],
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .summary-row input[readonly],
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .summary-row input[readonly] {
  background-color: #fff;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .column-row input.form-control,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .column-row input.form-control,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .summary-row input.form-control,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .summary-row input.form-control {
  height: 36px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .column-row .react-select-dropdown-container .react-select-dropdown__control,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .column-row .react-select-dropdown-container .react-select-dropdown__control,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .summary-row .react-select-dropdown-container .react-select-dropdown__control,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .summary-row .react-select-dropdown-container .react-select-dropdown__control {
  background-color: #fff;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .column-row .dropdown-option-react.isPrivilieged:after,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .column-row .dropdown-option-react.isPrivilieged:after,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .summary-row .dropdown-option-react.isPrivilieged:after,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .summary-row .dropdown-option-react.isPrivilieged:after,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .column-row .react-select-dropdown__value-container .isPrivilieged:after,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .column-row .react-select-dropdown__value-container .isPrivilieged:after,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .summary-row .react-select-dropdown__value-container .isPrivilieged:after,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .summary-row .react-select-dropdown__value-container .isPrivilieged:after {
  content: url('/img/shield.svg');
  position: relative;
  left: 5px;
  top: 3px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .column-row,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .column-row {
  flex: 1;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .columns-wrapper .summary-row,
.direct-access-integration-config-page .section .config-section.mapping-preview-section .column-mapping .summary-wrapper .summary-row {
  width: 32%;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box {
  background-color: #EEEEEE;
  margin-top: 20px;
  box-shadow: none;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .collapse-title {
  margin-left: 0;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .collapse-title .collapse-title-text {
  margin-left: 10px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .collapse-box-content {
  margin-left: 30px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .collapsed-items-wrapper > *:not(:first-child) {
  margin-top: 22px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .collapsed-items-wrapper > * .section-title {
  margin-bottom: 7px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .collapsed-items-wrapper > * .section-title label {
  margin-bottom: 0;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .external-link .section-title {
  margin-top: 10px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .external-link .external-link-description {
  margin-bottom: 10px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .external-link .radio-component-wrapper {
  display: flex;
  align-items: center;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .external-link .radio-component-wrapper .prefix {
  width: 150px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .external-link .radio-component-wrapper > * {
  margin-right: 10px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .external-link .radio-component-wrapper .react-select-dropdown-container {
  min-width: 200px;
  background-color: #fff;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .collapse-box .external-link .radio-component-wrapper input[type="text"] {
  width: 300px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-header {
  display: flex;
  margin-bottom: 15px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-header .section-title {
  margin-right: 15px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-header .preview-attr-label {
  font-weight: 200;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-header .preview-attr-label:before {
  content: ',\A0';
  /* Non-breaking space */
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-header .preview-attr-label:first-child:before {
  content: normal;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-header .fa-pencil {
  cursor: pointer;
  margin-left: 15px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-header .refresh-button {
  cursor: pointer;
  margin-left: auto;
  color: #58A8CD;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section {
  min-height: 300px;
  background-color: #fff;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section.preview-form-wrapper {
  display: flex;
  align-items: center;
  text-align: center;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section .preview-form {
  margin: auto;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section .preview-form button {
  width: 150px;
  margin-top: 20px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section .preview-data .header {
  border-bottom: 1px solid #e6e7e8;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 14px;
  background-color: #f9f9f9;
  line-height: 25px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section .preview-data .widget-zero-state {
  text-align: center;
  min-height: 264px;
  line-height: 264px;
  font-size: 10px;
  text-transform: uppercase;
  color: #757575;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section .preview-data .widget-zero-state.direct-access-data-error {
  display: flex;
  align-items: center;
  line-height: 21px;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section .preview-data .widget-zero-state.direct-access-data-error div {
  width: 100%;
}
.direct-access-integration-config-page .section .config-section.mapping-preview-section .preview-section .preview-data .widget-zero-state.direct-access-data-error label {
  padding: 10px;
}
.direct-access-integration-config-page .section .config-section .read-more {
  cursor: pointer;
  text-decoration: underline;
  border: none;
  background-color: transparent;
}
.direct-access-integration-config-page .section .main-buttons-section {
  margin: 30px;
}
.direct-access-integration-config-page .section .main-buttons-section .save-dimension-button {
  float: right;
}
.direct-access-integration-config-page .section .main-buttons-section .remove-dimension-button.non-visible {
  visibility: hidden;
}
.direct-access-integration-config-page .general-error {
  text-align: center;
  margin-top: 50px;
}
.direct-access-integration-config-page .general-error h1 {
  font-size: 20px;
}
.direct-access-integration-config-page .preview-data .widget-btn,
.extract-columns-modal .widget-btn,
.login-wrapper .widget-btn {
  background-color: #58A8CD;
  padding: 4px 9px;
  border-radius: 4px !important;
  font-size: 10px;
  text-transform: uppercase;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  border-color: transparent;
  color: #fff;
  margin: 4px;
}
.direct-access-integration-config-page .preview-data .widget-btn:focus,
.extract-columns-modal .widget-btn:focus,
.login-wrapper .widget-btn:focus {
  outline: none;
}
.delete-integration-confirmation-modal {
  width: 580px;
}
.delete-integration-confirmation-modal .modal-body .confirmation-msg p {
  margin-bottom: 0;
}
.list-mapping-popover,
.column-mapping-popover {
  padding: 7px;
  width: 600px;
  max-width: unset;
}
.list-mapping-popover > div,
.column-mapping-popover > div {
  background-repeat: no-repeat;
  height: 404px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.integrations-page .section-header {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
.integrations-page .sync-tab {
  display: flex;
  justify-content: space-between;
  margin: 0 10%;
}
.integrations-page .sync-tab .sync-status {
  display: flex;
  flex-direction: column;
}
.integrations-page .sync-tab .sync-status .section-header {
  text-transform: uppercase;
}
.integrations-page .sync-tab .sync-status .sync-result {
  text-transform: capitalize;
}
.integrations-page .sync-tab .sync-status .sync-time:first-letter {
  text-transform: uppercase;
}
.integrations-page .sync-tab .sync-status .sync-result,
.integrations-page .sync-tab .sync-status .sync-time {
  padding-top: 10px;
}
.integrations-page .sync-tab .sync-status .sync-result .fa,
.integrations-page .sync-tab .sync-status .sync-time .fa {
  padding-right: 2px;
}
.integrations-page .sync-tab .sync-status .sync-result .fa-check,
.integrations-page .sync-tab .sync-status .sync-time .fa-check {
  color: #27AE60;
}
.integrations-page .sync-tab .sync-status .sync-result .fa-exclamation-triangle,
.integrations-page .sync-tab .sync-status .sync-time .fa-exclamation-triangle {
  color: #C0392B;
}
.integrations-page .sync-tab .sync-now .animated-checkbox-wrapper {
  margin: 7px 5px;
}
.integrations-page .sync-tab .sync-now .btn {
  width: 110px;
}
.integrations-page .sync-stats {
  border-top: 1px solid #E7E7E7;
}
.integrations-page .sync-stats .section-header {
  margin-left: 10%;
  margin-bottom: 20px;
}
.integrations-page .sync-stats .section-content {
  margin-left: 10%;
}
.integrations-page .sync-stats .section-content .sync-stat {
  margin-right: 20px;
}

.integrations-page .integration-connector .type-selection {
  padding-top: 20px;
}
.integrations-page .integration-connector .react-select-dropdown-container {
  width: 25%;
}
.integrations-page .integration-attributes-header {
  margin: 10px;
}
.integrations-page .integration-attributes-header .totango-attribute {
  width: 25%;
}
.integrations-page .integration-attributes-header .connector-attribute {
  margin-left: 15px;
}
.integrations-page .integration-attributes .integration-key-mapping,
.integrations-page .integration-keys .integration-key-mapping {
  display: flex;
  margin: 10px;
}
.integrations-page .integration-attributes .integration-key-mapping .connector-attribute-input,
.integrations-page .integration-keys .integration-key-mapping .connector-attribute-input {
  margin-left: 15px;
  width: 20%;
  height: 37px;
  margin-right: 15px;
}
.integrations-page .integration-attributes .integration-key-mapping .totango-attribute-input,
.integrations-page .integration-keys .integration-key-mapping .totango-attribute-input {
  width: 25%;
  height: 37px;
}
.integrations-page .integration-attributes .add-item-button,
.integrations-page .integration-keys .add-item-button {
  margin-left: 15px;
}
.integrations-page .integration-actions {
  display: flex;
  justify-content: flex-end;
}
.integrations-page .integration-actions .btn {
  margin-left: 20px;
  width: 130px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.job-owner-option {
  color: #49b79a;
}
.job-owner-multi-value .react-select-dropdown__multi-value__label {
  color: #49b79a;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.disable-slack {
  font-size: 13px;
  color: #757575;
}
.loading-indicator.slack-channels-loading .loading-indicator-wrapper .new-spinner {
  top: unset;
}
.loading-indicator.slack-channels-loading .loading-indicator-wrapper .new-spinner .spinner {
  text-align: left;
  margin-left: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.progress-button {
  flex-grow: 1;
}
.progress-button .loading-indicator-pb {
  margin-bottom: 25px;
}
.progress-button button {
  background: #fff;
  font-size: 14px;
  color: #40AD90;
  border: 1px solid #40AD90;
  margin-left: 25px;
  padding: 5px 11px;
}
.progress-button button:hover,
.progress-button button:focus {
  color: #40AD90;
  background: #fff;
  border: 1px solid #40AD90;
  outline: none;
  margin-left: 25px;
  padding: 5px 11px;
}

.webhook-settings {
  display: flex;
  width: 75%;
}
.webhook-settings > div {
  display: flex;
  flex: 1;
  max-width: 50%;
}
.webhook-settings > div:not(:last-child) {
  margin-right: 15px;
}
.webhook-settings > div > label {
  width: 130px;
  line-height: 32px;
  font-weight: 200;
}
.webhook-settings > div > input {
  min-width: 200px;
}
.webhook-settings .webhook-url label {
  width: 75px;
}
.webhook-settings .react-select-dropdown-container {
  width: 100%;
}
.webhook-settings .react-select-dropdown-container .react-select-dropdown__control {
  height: 32px;
  min-height: unset;
}
.webhook-settings .react-select-dropdown-container .react-select-dropdown__control .react-select-dropdown__indicators {
  height: 34px;
}
.webhook-settings .react-select-dropdown-container .react-select-dropdown__control .react-select-dropdown__indicators .react-select-dropdown__indicator {
  display: block;
}
.webhook-settings .react-select-dropdown-container .react-select-dropdown__control .react-select-dropdown__value-container--has-value {
  height: 34px;
  line-height: 34px;
}
.webhook-settings .react-select-dropdown-container .react-select-dropdown__menu {
  width: 245px;
}

b {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.form-has-invalid .invalid {
  border: 1px solid #C0392B;
}
.tooltip-arrow-popover {
  background-color: #fff;
  border: 1px solid #EEEEEE;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  max-width: unset;
}
.tooltip-arrow-popover .arrow {
  display: block;
}
.integration-notification-settings-page .section-container {
  display: flex;
}
.integration-notification-settings-page .section-container .channel-option:not(:last-child) {
  margin-bottom: 20px;
}
.integration-notification-settings-page .section-container .channel-option .channel-option-header {
  display: flex;
}
.integration-notification-settings-page .section-container .channel-option .channel-option-header .animated-checkbox-wrapper {
  width: auto;
}
.integration-notification-settings-page .section-container .channel-option .channel-option-header .react--info-icon {
  margin-left: 8px;
}
.integration-notification-settings-page .section-container .channel-option .slack-channels-list,
.integration-notification-settings-page .section-container .channel-option .email-list,
.integration-notification-settings-page .section-container .channel-option .webhook-settings-container {
  display: flex;
  align-items: center;
}
.integration-notification-settings-page .section-container .channel-option .slack-channels-list .link,
.integration-notification-settings-page .section-container .channel-option .email-list .link,
.integration-notification-settings-page .section-container .channel-option .webhook-settings-container .link {
  margin-left: 30px;
}
.integration-notification-settings-page .section-container .channel-option .slack-channels-list .button-test-link,
.integration-notification-settings-page .section-container .channel-option .email-list .button-test-link,
.integration-notification-settings-page .section-container .channel-option .webhook-settings-container .button-test-link {
  margin-left: 10px;
  font-weight: 400;
  color: #5DACD2 !important;
  text-decoration: none;
  cursor: pointer;
}
.integration-notification-settings-page .section-container .animated-checkbox-wrapper {
  margin-bottom: 10px;
  width: 250px;
}
.integration-notification-settings-page .section-container .react-select-dropdown-container {
  width: 75%;
}
.integration-notification-settings-page .section-container .react-select-dropdown__indicator {
  display: none;
}
.slack-channels-popover {
  width: 310px;
  margin-left: 20px;
  padding: 15px 17px;
}
.email-preview-modal,
.slack-preview-modal,
.webhook-preview-modal {
  top: 25px;
  width: 600px;
}
.email-preview-modal .modal-header-text,
.slack-preview-modal .modal-header-text,
.webhook-preview-modal .modal-header-text {
  font-size: 20px;
}
.email-preview-modal .modal-content,
.slack-preview-modal .modal-content,
.webhook-preview-modal .modal-content {
  padding: 7px;
}
.email-preview-modal .modal-content .popover-image,
.slack-preview-modal .modal-content .popover-image,
.webhook-preview-modal .modal-content .popover-image {
  background-repeat: no-repeat;
}
.email-preview-modal .modal-footer,
.slack-preview-modal .modal-footer,
.webhook-preview-modal .modal-footer {
  display: none;
}
.email-preview-modal .popover-image {
  height: 422px;
}
.slack-preview-modal .popover-image {
  height: 215px;
}
.webhook-preview-modal {
  width: 675px;
}
.webhook-preview-modal .popover-image {
  height: 583px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.login-outer {
  width: 50%;
  padding-top: 150px;
}
.login-outer .logo-container {
  width: 140px;
  height: 40px;
  margin: auto;
  font-size: 22px;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.login-outer .logo-container .totango-logo {
  width: 210px;
  position: absolute;
  transform: translate(-18%, -43%);
}
.login-outer .login-form-wrapper {
  padding-top: 10px;
  padding-bottom: 20px;
  width: 340px;
  margin: auto;
  border-radius: 8px;
  background-color: #F2F9F7;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.login-outer .login-form-wrapper .MuiCircularProgress-root {
  color: #fff;
}
.login-outer .login-form-wrapper h3 {
  color: #757575;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
}
.login-outer .login-form-wrapper .text-color {
  color: #40AD90;
}
.login-outer .login-form-wrapper h2 {
  color: #282828;
  font-size: 17px;
  line-height: 30px;
  text-align: center;
}
.login-outer .login-form-wrapper h1 {
  color: #282828;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  margin: 0px;
}
.login-outer .login-form-wrapper .disabled-link {
  pointer-events: none;
  opacity: 0.5;
  color: #757575;
}
.login-outer .login-form-wrapper .sent {
  color: #3FAD90;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-outer .login-form-wrapper .sent .material-icons {
  margin: 0px 0px 4px 3px;
  font-size: 17px;
}
.login-outer .login-form-wrapper .mt10 {
  margin-top: 10px;
}
.login-outer .login-form-wrapper .mt30 {
  margin-top: 30px;
}
.login-outer .login-form-wrapper .sub-container {
  text-align: center;
}
.login-outer .login-form-wrapper .sub-container .domain-input {
  transform: translate(-4%, 0%);
}
.login-outer .login-form-wrapper .sub-container .totango-domain {
  transform: translate(-78%, 64%);
}
.login-outer .login-form-wrapper .sub-container .mb10 {
  margin-bottom: 10px;
}
.login-outer .login-form-wrapper .sub-container .mt10 {
  margin-top: 10px;
}
.login-outer .login-form-wrapper .sub-container .mt5 {
  margin-top: 5px;
}
.login-outer .login-form-wrapper .sub-container .mt15 {
  margin-top: 10px;
}
.login-outer .login-form-wrapper .sub-container .mt20 {
  margin-top: 20px;
}
.login-outer .login-form-wrapper .sub-container .mb20 {
  margin-bottom: 20px;
}
.login-outer .login-form-wrapper .sub-container .mt40 {
  margin-top: 40px;
}
.login-outer .login-form-wrapper .sub-container .text-padding {
  padding: 0px 10px;
}
.login-outer .login-form-wrapper .sub-container .reset-password-continue-container {
  height: 100%;
}
.login-outer .login-form-wrapper .pd20 {
  padding: 20px;
}
.login-outer .login-form-wrapper .new-to-totango {
  font-size: 12px;
}
.login-outer .login-form-wrapper .link-size {
  font-size: 12px;
}
.login-outer .login-form-wrapper .signup-welcome h1 {
  margin-top: 15px;
  margin-bottom: 40px;
}
.login-outer .login-form-wrapper .continue-container {
  margin-top: 8px;
  height: 40px;
}
.login-outer .login-form-wrapper .small-btn {
  font-size: 12px;
}
.login-outer .login-form-wrapper .login-input {
  width: 300px;
}
.login-outer .login-form-wrapper .continue-button {
  width: 300px;
}
.login-outer .login-form-wrapper .login-button {
  cursor: pointer;
}
.login-outer .login-form-wrapper .separator-line-container {
  position: relative;
}
.login-outer .login-form-wrapper .input-feedback {
  color: #C0392B;
  margin-top: 8px;
}
.login-outer .login-form-wrapper .line {
  size: 35px;
  width: 300px;
  position: relative;
  border-top: 1px solid #CECECE;
}
.login-outer .login-form-wrapper .line-text {
  position: absolute;
  bottom: -10px;
  background-color: #F2F9F7;
  color: #CECECE;
  width: 32px;
  transform: translate(-12px, 0px);
}
.login-outer .login-form-wrapper .google-icon {
  position: absolute;
  transform: translate(-650%);
}
.login-outer .login-form-wrapper .salesforce-icon {
  position: absolute;
  transform: translate(-210%);
}
.login-outer .login-form-wrapper .sap-icon {
  position: absolute;
  transform: translate(-225%);
}
.login-outer .login-form-wrapper .text-line {
  margin-top: 8px;
}
.login-outer .login-form-wrapper .font-link {
  font-size: 16px;
}
.login-outer .login-form-wrapper .sign-up-link {
  color: #40AD90;
}
.login-outer .pb15 {
  padding-bottom: 15px;
}
.login-outer .pb20 {
  padding-bottom: 20px;
}
.login-outer .privacy {
  margin: auto;
  width: 300px;
  margin-top: 25px;
  text-align: center;
}
.login-outer .link-text {
  color: #40AD90;
}
.login-outer .link-color {
  color: #40AD90;
}
.login-outer .link-color:hover {
  color: #358f77;
}
.login-outer .underline {
  border-bottom: 1px solid;
  padding-bottom: 1.5px;
}
.login-outer .mt5 {
  margin-top: 5px;
}
.login-outer .link:hover {
  text-decoration: none;
  cursor: pointer;
}
.login-outer .error-box {
  margin: auto;
  margin-top: 20px;
  width: 340px;
  border: 1px solid #ecb7b7;
  border-radius: 10px;
  background-color: #f4d5d5;
}
.login-outer .error-box .error-head {
  margin-bottom: 12px;
}
.login-outer .error-box .error-content {
  padding: 0px 14px;
  padding-bottom: 10px;
}
.login-outer .center-text {
  text-align: center;
}
.page-wrap {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .login-outer {
    width: 100%;
    padding-top: 100px;
  }
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.login-page-wrapper .marking {
  width: 50%;
  float: right;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.service-customization .feature-container {
  margin-top: 22px;
}
.service-customization .feature-container .feature-item {
  display: flex;
  min-height: 82px;
  border: 2px solid #E8E8E8;
  border-bottom: none;
}
.service-customization .feature-container .feature-item:last-child {
  border-bottom: 2px solid #E8E8E8;
}
.service-customization .feature-container .feature-item .ga-date {
  font-size: 12px;
}
.service-customization .feature-container .feature-item .feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.service-customization .feature-container .feature-item .feature .feature-name {
  font-size: 16px;
}
.service-customization .feature-container .feature-item .feature .uncontrolled {
  max-width: 75px;
}
.service-customization .logo-uploader-container {
  display: flex;
  align-items: center;
}
.service-customization .logo-uploader-container .logo-preview {
  margin-right: 13px;
}
.service-customization .loading-domain {
  float: left;
  left: 75px;
  position: relative;
}
.service-customization .brand-title {
  font-size: 18px;
}
.service-customization .products-list {
  max-width: 1400px;
  list-style: none;
  margin: 20px auto 15px;
  padding: 0;
}
.service-customization .products-list-item {
  padding: 34px 24px 24px;
  margin: 0 20px 10px;
  border: 1px solid #e6e7e8;
  background: #fff;
}
.service-customization .products-list-item:last-child {
  margin-bottom: 0;
}
.service-customization .products-list .react--info-icon {
  display: flex;
}
.service-customization .products-list .react--disabled-text {
  color: #757575;
}
.service-customization .general-page-section {
  display: flex;
  margin-top: 8px;
}
.service-customization .general-page-section > div:first-child {
  flex: 1;
}
.service-customization .general-page-section > div:last-child {
  flex: 2;
  display: flex;
  align-items: center;
  padding-left: 23em;
}
.service-customization .general-page-section > div:last-child .on-off-switch {
  margin-right: 10px;
}
.service-customization .service-customization-page-title {
  position: relative;
  color: #282828;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  padding: 0 15px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.service-customization .settings-title {
  color: #282828;
  font-size: 16px;
  line-height: 21px;
}
.service-customization .sub-domain {
  margin-top: 22px;
  margin-bottom: 15px;
  min-height: 130px;
}
.service-customization .sub-domain .line-space {
  margin: 10px 0px;
}
.service-customization .products-list {
  max-width: 1400px;
  list-style: none;
  margin: 20px auto 15px;
  padding: 0;
}
.service-customization .products-list-item {
  padding: 34px 24px 24px;
  margin: 0 20px 10px;
  border: 1px solid #e6e7e8;
  background: #fff;
}
.service-customization .products-list-item:last-child {
  margin-bottom: 0;
}
.service-customization .products-list .react--info-icon {
  display: flex;
}
.service-customization .products-list .react--disabled-text {
  color: #757575;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.logo-uploader .logo-frame {
  border: 1px solid #e6e7e8;
  min-height: 72px;
  width: 170px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.logo-uploader .logo {
  display: block;
  margin: auto;
  margin-top: 5px;
  max-width: 160px;
  height: auto;
  transform: translate(0, 34%);
}
.logo-uploader .restore-label {
  margin-top: 8px;
  margin-left: 15px;
  color: #4998be;
}
.logo-uploader .icon {
  float: left;
  font-size: 16px;
  padding-top: 4px;
}
.logo-uploader .label {
  font-size: 13px;
  padding-top: 6px;
  float: left;
}
.logo-uploader .link:hover {
  text-decoration: none;
  cursor: pointer;
  color: #214f76;
}
.logo-uploader .size-label {
  padding-left: 11px;
}
.logo-uploader .uploadcare--widget_status_loaded .uploadcare--widget__text,
.logo-uploader .uploadcare--widget_status_error .uploadcare--widget__text {
  display: none;
}
.logo-uploader .uploadcare--widget_status_loaded .uploadcare--widget__button.uploadcare--widget__button_type_open,
.logo-uploader .uploadcare--widget_status_error .uploadcare--widget__button.uploadcare--widget__button_type_open {
  display: inline-block;
}
.logo-uploader .uploadcare--progress_type_canvas {
  color: #3FAD90;
  border-color: #3FAD90;
}
.logo-uploader .uploadcare--widget__button.uploadcare--widget__button_type_open {
  background-color: #3FAD90;
  border-radius: 3px;
  color: white;
  margin-top: 20px;
  font-size: 14px;
  outline: none;
  width: 150px;
  cursor: pointer;
  border: 1px solid #3FAD90;
}
.logo-uploader .uploadcare--widget__button.uploadcare--widget__button_type_cancel {
  display: none;
}
.logo-uploader .logo-label {
  margin-left: 12px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.domain-edit .box {
  margin-top: 6px;
}
.domain-edit .float-left {
  float: left;
}
.domain-edit .totango-domain {
  margin-top: 9px;
  margin-left: 3px;
  font-size: 15px;
}
.domain-edit .invalid-domain-icon {
  display: block;
  float: left;
  margin-top: 7px;
  margin-left: 6px;
}
.domain-edit .valid-icon {
  color: #3FAD90;
}
.domain-edit .invalid-icon {
  color: #C0392B;
}
.domain-edit .spinner-domain {
  float: left;
  margin-top: 6px;
}
.domain-edit .invalid-domain-message {
  float: left;
  margin-top: 10px;
  color: #C0392B;
}
.domain-edit .editable-domain {
  background-color: #EEEEEE;
  border-radius: 4px;
  min-width: 230px;
  display: inline-block;
  padding: 5px;
  padding-left: 12px;
}
.domain-edit .editable-domain:hover {
  cursor: pointer;
  text-decoration: underline;
}
.domain-edit .editable-icon {
  font-size: 15px;
  float: right;
  padding-right: 2px;
  padding-top: 2px;
}
.domain-edit .note-color {
  color: #757575;
}
.domain-edit .note-icon {
  font-size: 16px;
  float: left;
  padding-top: 1px;
  padding-right: 2px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.personalized-support__header {
  color: #282828;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 8px;
}
.personalized-support__description {
  color: #757575;
  font-size: 13px;
  line-height: 16px;
  transition: all 0.3s ease;
}
.personalized-support__description + .personalized-support__description {
  margin-top: 20px;
}
.personalized-support__description_error {
  color: red;
}
.personalized-support__customer-resources {
  display: inline-block;
  margin-left: -10px;
  padding: 10px 10px 8px;
  margin-top: 12px;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}
.personalized-support__customer-resources_error {
  border-color: red;
}
.personalized-support__customer-settings {
  position: relative;
  display: inline-block;
  width: 400px;
  padding: 10px 40px 10px 10px;
  margin: 8px 0 14px 22px;
  background-color: #FAFAFA;
  transition: all 0.3s ease;
}
.personalized-support__customer-settings_hidden {
  height: 0;
  overflow: hidden;
  padding: 0 40px 0 10px;
  margin: 0 0 0 22px;
}
.personalized-support__customer-option {
  display: flex;
  align-items: center;
  height: 30px;
}
.personalized-support__customer-option label {
  flex-basis: 100px;
  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
  vertical-align: center;
  margin: 0;
}
.personalized-support__customer-option + .personalized-support__customer-option {
  margin-top: 8px;
}
.personalized-support__input {
  border: 1px solid #dddddd;
  border-radius: 2px;
  background-color: #fff;
  min-width: 240px;
  padding: 8px 6px;
  height: inherit;
}
.personalized-support__input:disabled {
  pointer-events: none;
  opacity: 0.5;
  color: #757575;
}
.personalized-support__input_invalid {
  border-color: red;
}
.personalized-support__totango {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 17px;
  margin-top: 8px;
}
.personalized-support__customer-resources {
  font-size: 14px;
  line-height: 17px;
}
.personalized-support__external-link {
  margin-left: 10px;
  color: #54A7CF;
  font-size: 14px;
  line-height: 14px;
}
.personalized-support__external-link_absolute {
  position: absolute;
  right: 20px;
  bottom: 16px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.roles-picker-container {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.roles-picker-container .roles-picker-title {
  font-size: 14px;
  width: 360px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.roles-picker-container .react-select-dropdown__clear-indicator {
  display: none;
}
.roles-picker-container .react-select-dropdown__control {
  max-height: 70px;
}
.roles-picker-container .react-select-dropdown-container {
  height: auto;
  min-width: 245px;
  margin-left: 15px;
  cursor: pointer;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.roles-picker-container .react-select-dropdown-container.react-select-dropdown-multi {
  min-width: 200px;
  width: auto;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.permissions-page .tab-content {
  padding: 15px;
  background: transparent;
  box-shadow: none;
  border: none;
}
.permissions-page .tab-content .account-permissions {
  margin-top: 15px;
}
.permissions-page .loading-indicator {
  padding-top: 100px;
  margin: auto;
  width: 80px;
}
.permissions-page .edit-roles-wrapper {
  margin: 0px 10px 25px 0;
}
.permissions-page .permissions-welcome-msg {
  font-size: 13px;
  margin-bottom: 10px;
}
.permissions-page .collapse-box {
  margin-bottom: 15px;
}
.permissions-page .save-changes-box-react {
  margin-bottom: 15px;
}
.permissions-page .spinner-loader {
  margin-top: 60px;
}
.permissions-page .invalid .roles-dropdown .control-wrapper {
  border-color: #C0392B;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.pools-container {
  margin-top: 35px;
}
.pools-container .pools-filter {
  display: flex;
}
.pools-container .pool-name-container {
  display: flex;
}
.pools-container .pool-name-container .pool-icon {
  font-size: 16px;
  padding: 2px 5px 0;
}
.pools-container .pool-name-container:hover {
  cursor: pointer;
}
.pools-container .pool-name-container:hover .pool-name {
  text-decoration: underline;
}
.pools-container .pool-description {
  color: #757575;
}
.actions-dropdown-list-popover .pool-delete-action .fa,
.actions-dropdown-list-popover .pool-delete-action .action-dropdown-text-item {
  color: red;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.pools-page .header-title {
  display: flex;
}
.pools-page .header-title .beta-label {
  display: inline-flex;
  align-items: center;
  max-height: 18px;
  padding: 3px 5px;
}
.pools-page .header-desc {
  color: #757575;
  font-size: 15px;
  margin-top: 12px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.agenda-tab {
  min-width: 925px;
}
.agenda-tab .filter-row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 13px;
  position: sticky;
  top: 185px;
  background-color: #F5F5F5;
  z-index: 20;
  padding: 10px 0 5px;
}
.agenda-tab .filter-row .owners-selector {
  margin-left: 0px;
}
.agenda-tab .filter-row .filter-selector {
  margin-left: 15px;
}
.agenda-tab .filter-row .name-selector {
  margin-left: 15px;
}
.agenda-tab .filter-row .successflow-dropdown {
  margin-right: 15px;
}
.agenda-tab .filter-row .agenda-filter {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.agenda-tab .filter-row .agenda-filter.period-selector {
  margin-right: 15px;
}
.agenda-tab .filter-row .agenda-filter .period-label {
  text-align: center;
}
.agenda-tab .filter-row .agenda-filter .section-title {
  text-transform: uppercase;
  font-size: 10px;
}
.agenda-tab .filter-row .agenda-filter .input-group {
  margin-bottom: 0;
}
.agenda-tab .filter-row .agenda-filter .agenda-filter-popover {
  margin-top: 10px;
}
.agenda-tab .agenda-list-container .task-list-container .agenda-tab-group .task-group-title {
  margin-left: 0px;
}
.agenda-tab .group-by-selector.filter-selector .trigger-label-title i {
  position: relative;
}
.agenda-tab .group-by-selector.filter-selector .trigger-label-title i.agenda-group-icon {
  top: 2px;
}
.agenda-tab .group-by-selector.filter-selector .trigger-label-title i.icon-Health {
  top: 1px;
}
.agenda-tab .view-row {
  display: flex;
  align-items: center;
  padding-bottom: 7px;
  border-bottom: 1px solid #d8d8d8;
}
.agenda-tab .view-row .filter-selector {
  margin-right: 15px;
}
.agenda-tab .view-selector .chip {
  padding-left: 0px;
}
.agenda-tab .view-selector.filter-selector .trigger-label-title i {
  position: relative;
  top: 1px;
}
.agenda-tab .sort-by-selector .trigger-label-title {
  max-width: initial;
}
.agenda-tab .name-selector {
  width: 180px;
}
.agenda-tab .agenda-header-popover {
  padding: 15px;
  margin-top: 10px;
  overflow: visible;
  border: 1px solid #E7E7E7;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.agenda-tab .react-search-input {
  height: 28px;
  width: 180px;
  margin-bottom: 0;
  margin-left: auto;
}
.agenda-tab .date-range-trigger {
  height: 28px;
}
.agenda-tab .date-range-trigger .popover-trigger-wrapper .paging-text {
  width: unset;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.new-portfolio .grouped-task-list {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  padding-top: 18px;
  margin-bottom: 7px;
  background-color: #fff;
}
.agenda-list-container {
  margin-top: 22px;
}
.agenda-list-container .no-search {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #757575;
  flex-direction: column;
}
.agenda-list-container .no-search .text-description {
  text-align: center;
  padding-bottom: 40px;
}
.agenda-list-container .no-search .text-description.too-many-results {
  color: #F06630;
}
.agenda-list-container .no-search img {
  padding-bottom: 40px;
}
.agenda-list-container .task-list-container .agenda-tab-group {
  padding-bottom: 10px;
}
.agenda-list-container .task-list-container .agenda-tab-group .task-group-title {
  margin-bottom: 7px;
}
.agenda-list-container .task-list-container .agenda-tab-group .task-group-title .account-cell__basic-info .account-name {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
}
.agenda-list-container .task-list-container .agenda-tab-group .task-group-title {
  margin-left: 8px;
}
.agenda-list-container .task-list-container .agenda-tab-group .task-group-title .account-cell__basic-info .account-name {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
}
.agenda-list-container .task-list-container .agenda-tab-group .dueDate {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 12px;
}
.agenda-list-container .task-list-container .agenda-tab-group .priority {
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 4px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.grouped-task-list.tasks-view {
  padding: 10px 0;
}
.grouped-task-list.tasks-view .task-group-day-title {
  font-weight: 540;
  font-size: 16px;
  margin-left: 30px;
  color: #282828;
  padding-top: 5px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.portfolio-tab {
  margin: 15px;
}
.portfolio-tab .general-error {
  text-align: center;
  margin-top: 50px;
}
.portfolio-tab .general-error h1 {
  font-size: 20px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.notification-tab-filters-row {
  position: sticky;
  top: calc(64px + 120px);
  height: 40px;
  z-index: 3;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
}
.notification-tab-filters-row .filter-icon {
  padding-right: 4px;
}
.notification-tab-filters-row .filter-selector {
  margin-right: 12px;
}
.notification-tab-filters-row .react-search-input.react-search-input {
  margin-left: auto;
  margin-right: 12px;
  width: 200px;
}
.notification-tab-filters-row .react-search-input.react-search-input input {
  width: calc(100% - 30px);
}
.notification-tab-filters-row .checkbox-label {
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
}
.notification-tab-filters-row .dismiss-all-container {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.notification-tab-filters-row .dismiss-all-container .dismiss-all-notification {
  color: #3fad90;
  margin-right: 4px;
}
.notification-tab-filters-row .dismiss-all-container .dismiss-all-notification.loading {
  animation: spin 2s linear infinite;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.notification-animation-header-loader {
  display: flex;
  align-items: center;
  padding: 0 10px 0 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #fff;
  border-bottom: 1px solid #E7E7E7;
}
.notification-animation-header-loader .notification-animation-health-arrow {
  margin: 0 6px 0 4px;
  fill: rgba(0, 0, 0, 0.2);
}
.notification-animation-header-loader .notification-animation-health-icon {
  margin-right: 22px;
}
.notification-animation-header-loader .notification-animation-menu-dots {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
}
.notification-animation-header-loader .notification-animation-menu-dots > *:not(:last-child) {
  margin-bottom: 2px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.notification-animation-content-loader {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 50%;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
}
.notification-animation-content-loader:first-of-type {
  margin-bottom: 40px;
}
.notification-animation-content-loader > .notification-animation-header-loader {
  min-height: 45px;
}
.notification-animation-content-loader > .loading-event-card {
  height: 50%;
  padding-left: 44px;
}
.notification-animation-content-loader > .loading-event-card:nth-child(3) {
  margin-bottom: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.notification-animation-loader {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: calc(100vh - 64px - 120px - 40px - 80px);
}
.notification-animation-loader .notification-animation-header-loader {
  min-height: 45px;
}
.notification-animation-loader > .loading-event-card {
  height: 25%;
  padding-left: 44px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.timeline-events-list .notification-group-account .notification-collapse {
  width: 100%;
}
.timeline-events-list .notification-group-account .notification-collapse:last-child .notification-event.event-by-type .event-separator {
  display: none;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type {
  position: relative;
  background-color: #fff;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type > * {
  padding-left: calc(20px + 24px);
}
.timeline-events-list .notification-group-account .notification-event.event-by-type:first-child {
  padding-top: 0;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type:last-child .event-separator {
  display: block;
  padding-left: 0;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .timeline-touchpoint-item .touchpoint-body-content .action-title {
  padding-left: calc(20px + 24px);
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .timeline-touchpoint-item .touchpoint-title {
  padding-left: calc(20px + 24px);
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .timeline-touchpoint-item .body {
  padding-left: calc(20px + 32px + 24px);
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .timeline-touchpoint-item .touchpoint-footer {
  padding-left: calc(50px + 24px);
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .timeline-touchpoint-item .actions .follow-up-section {
  display: none;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .threads-body .tp-follow-up-btn {
  margin-left: 60px;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .dismiss-singular-notification {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 10px;
  width: 42px;
  height: 42px;
  padding: 12px;
  cursor: pointer;
  color: #3fad90;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .dismiss-singular-notification.loading {
  animation: spin 2s linear infinite;
}
.timeline-events-list .notification-group-account .notification-event.event-by-type .event-separator {
  border-bottom: 5px solid #f5f5f5;
  margin: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.notifications-account-header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 45px;
  cursor: default;
}
.notifications-account-header:hover .dismiss-account-notification,
.notifications-account-header:hover .add-action-button {
  display: initial;
}
.notifications-account-header:hover .fa-ellipsis-v {
  display: none;
}
.notifications-account-header .header-content {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.notifications-account-header .header-content .account-cell-container .account-cell__basic-info {
  font-size: 1.14rem;
  font-family: Poppins-Medium, sans-serif;
  line-height: 24px;
}
.notifications-account-header .header-content .account-cell-container .account-cell__basic-info .account-health-icon {
  margin-right: 15px;
}
.notifications-account-header .header-content .account-cell-container .account-cell__basic-info .account-name:hover {
  text-decoration: underline;
}
.notifications-account-header .fa-ellipsis-v {
  margin-right: 8px;
}
.notifications-account-header .profile-preview-btn {
  margin-left: 12px;
  font-size: 0.85rem;
  line-height: 18px;
  font-family: Poppins-Regular, sans-serif;
}
.notifications-account-header .add-action-button {
  display: none;
  margin-right: 3px;
  cursor: pointer;
  color: #58A8CD;
  padding: 10px;
  width: 42px;
  height: 42px;
}
.notifications-account-header .add-action-button.attention-pin {
  color: #F06630;
}
.notifications-account-header .add-action-button.dismiss-account-notification {
  color: #3fad90;
}
.notifications-account-header .add-action-button.dismiss-account-notification.loading {
  animation: spin 2s linear infinite;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
@media (min-width: 1000px) {
  .new-portfolio .new-portfolio-header .content .shrink .notification-portfolio-tab {
    max-width: calc(100vw - 350px);
  }
}
.new-portfolio .new-portfolio-header .content .expand {
  width: calc(100vw - 35px);
}
.notification-portfolio-tab {
  max-width: calc(100vw - 50px);
}
.notification-portfolio-tab .success-no-data.notification {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notification-portfolio-tab .timeline-events-list {
  background-color: transparent;
  margin-left: 0;
  padding-right: 0px;
  padding-left: 0px;
  max-width: initial;
}
.notification-portfolio-tab .timeline-events-list .notification-group-account {
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  margin-bottom: 20px;
}
.notification-portfolio-tab .timeline-events-list .notification-group-account .collapse-title-text {
  width: 100%;
}
.notification-portfolio-tab .timeline-events-list .notification-group-account .timeline-events-group {
  background: transparent;
  border: none;
}
.notification-portfolio-tab .timeline-events-list .notification-group-account.collapse-box {
  box-shadow: none;
}
.notification-portfolio-tab .timeline-events-list .notification-group-account.collapse-box .collapse-title-text {
  margin-left: 10px;
}
.notification-portfolio-tab .timeline-events-list .notification-group-account.collapse-box .collapse-toggle-button {
  font-size: 22px;
}
.notification-portfolio-tab .timeline-events-list .notification-group-account.collapse-box .collapse-box-content {
  margin-left: 0px;
}
.notification-portfolio-tab .timeline-events-list .notification-group-account .collapse-title {
  padding-left: 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 45px;
  align-items: center;
  border-bottom: 1px solid #E7E7E7;
  position: sticky;
  top: calc(64px + 120px + 40px);
  z-index: 2;
  background: #fff;
}
.notification-loader-card-component .notification-animation-header-loader {
  min-height: 45px;
}
.notification-loader-card-component .loading-event-card {
  padding-left: 44px;
}
@media (max-width: 1000px) {
  .new-portfolio-header .shrink .notification-portfolio-tab {
    max-width: 100%;
  }
  .new-portfolio-header .notification-portfolio-tab {
    max-width: 100%;
  }
}

.provisioning-tool-modal .checkbox-container {
  height: 56px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.provisioning-tool-page {
  padding: 30px;
}
.provisioning-tool-page .search-bar {
  margin-bottom: 15px;
}
.provisioning-tool-page table thead span {
  font-size: 13px;
}
.provisioning-tool-page table thead th {
  border-left: none;
  border-right: none;
}
.provisioning-tool-page table thead th:last-child {
  border-right: none;
}
.provisioning-tool-page .MuiTablePagination-selectIcon {
  top: inherit;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-breakdowns-wrapper {
  animation: fadein 0.5s;
  padding: 0px;
  margin: 15px 0;
  height: 110px;
  display: flex;
}
.segment-breakdowns-wrapper .breakdowns-section {
  min-width: 250px;
  background-color: #fff;
  margin-right: 25px;
}
.segment-breakdowns-wrapper .breakdowns-section.is-loading {
  display: flex;
  align-items: center;
}
.segment-breakdowns-wrapper .breakdowns-section .section-title {
  text-align: center;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
  color: #979797;
  height: 30px;
}
.segment-breakdowns-wrapper .breakdowns-section.number,
.segment-breakdowns-wrapper .breakdowns-section.nps,
.segment-breakdowns-wrapper .breakdowns-section.csat {
  padding-top: 5px;
}
.segment-breakdowns-wrapper .breakdowns-section.number .section-title {
  margin-bottom: 20px;
}
.segment-breakdowns-wrapper .breakdowns-section.number .section-value {
  text-align: center;
  color: #282828;
  font-size: 30px;
}
.segment-breakdowns-wrapper .breakdowns-section.nps .section-title,
.segment-breakdowns-wrapper .breakdowns-section.csat .section-title {
  height: 20px;
  margin-bottom: 0;
}
.segment-breakdowns-wrapper .breakdowns-section.nps .recharts-wrapper,
.segment-breakdowns-wrapper .breakdowns-section.csat .recharts-wrapper {
  margin-top: -2px;
}

.or-filter-container .or-label:last-of-type {
  display: none;
}

.segment-page.page-container .page-container-header {
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
}
.segment-page .tab-content {
  max-width: 100%;
  padding: 0;
  margin-bottom: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-segment-content {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 1400px;
  padding-right: 15px;
  padding-left: 15px;
}
.react-segment-content .segment-view-dropdown.dropdown-multiple-selector__menu {
  z-index: 15;
}
.segment-filter-wrapper {
  position: sticky;
  position: -webkit-sticky;
  width: 100%;
  z-index: 10;
  top: calc(58px + 60px);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .segment-filter-wrapper {
    position: relative;
    top: 0;
  }
}
.impact-based-ui.announcement-push-iframe-down .segment-filter-wrapper {
  top: calc(58px + 36px + 60px);
}
.segment-not-found-box {
  background-color: white;
  padding: 50px;
  border: 1px solid #e6e7e8;
  border-radius: 3px 3px 0 0;
  margin: 100px auto auto;
  max-width: 1300px;
  font-size: 15px;
}
.segment-not-found-box div {
  margin: auto;
  text-align: center;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-action-row {
  display: flex;
  height: 48px;
  align-items: center;
}
.segment-action-row .react-search-input {
  margin-bottom: 0px;
}
.segment-action-row .react-search-input.expanded {
  width: 200px;
}
.segment-action-row .popover-box.accounts-dropdown-popover {
  left: 15px;
}
.segment-action-row .paging-controller {
  margin-left: 10px;
}
.segment-action-row .edit-filters {
  margin-left: auto;
  cursor: pointer;
  margin-right: 7px;
  color: rgba(74, 144, 226, 0.90196078);
  text-decoration: underline;
}
.segment-action-row .segment-view-dropdown.dropdown-multiple-selector {
  width: 180px;
}
.segment-action-row .segment-view-dropdown.dropdown-multiple-selector__value-container--has-value {
  padding-left: 0px;
  height: 100%;
}
.segment-action-row .segment-view-dropdown.dropdown-multiple-selector__value-container--has-value .dropdown-multiple-selector__single-value {
  padding: 3px 10px;
  border: 1px solid #d8d8d8;
  border-radius: 1.5px;
  height: initial;
}
.segment-action-row .segment-view-dropdown.dropdown-multiple-selector__menu {
  width: calc(100% - 10px);
}
.segment-action-row .segment-view-dropdown.dropdown-multiple-selector__menu i {
  margin-right: 15px;
  font-size: 11px;
  opacity: 0.5;
}
.segment-action-row .segment-view-dropdown.dropdown-multiple-selector__menu i.icomoon-icon {
  margin-right: 10px;
}
.segment-action-row .segment-view-dropdown.dropdown-multiple-selector__menu span.fa-check {
  display: none;
}
.segment-action-row .segment-view-dropdown .dropdown-multiple-selector__single-value i {
  margin-right: 10px;
  font-size: 11px;
  opacity: 0.5;
}
.segment-action-row .segment-edit-columns-button {
  margin-right: 15px;
  font-size: 14px;
  margin-left: auto;
  cursor: pointer;
}
.segment-action-row .segment-edit-columns-button .fa-table {
  font-size: 18px;
  color: #757575;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.segment-aggregation-data {
  padding: 15px 0px;
  display: flex;
}
.segment-aggregation-data.hide {
  display: none;
}
.segment-aggregation-data .aggregation-card {
  width: 185px;
  height: 120px;
  margin-top: 10px;
  margin-right: 10px;
  text-align: center;
}
.segment-aggregation-data .aggregation-card .aggregation-card-content {
  font-size: 29px;
  color: #4f4f4f;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-page-header {
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 15px;
}
.segment-page-header .segment-name {
  font-size: 20px;
}
.segment-page-header .back-icon-button-react {
  margin-right: 8px;
  cursor: pointer;
}
.segment-page-header .fa-info-circle {
  margin-left: 6px;
  width: 14px;
  height: 14px;
  opacity: 0.5;
  font-size: 14px;
  color: #282828;
  cursor: pointer;
}
.segment-page-header .summary-wrapper {
  margin-left: auto;
  cursor: pointer;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  position: relative;
  color: #757575;
  outline: none;
}
.segment-page-header .summary-wrapper.chosen {
  background-color: #E4F6FE;
  color: #2d9cdb;
}
.segment-page-header .summary-wrapper:hover {
  background-color: #E4F6FE;
  color: #54A7CF;
}
.segment-page-header .summary-wrapper .fa.icon-Summary {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.segment-page-header .actions-button {
  margin-left: 23px;
  margin-right: 9px;
  width: 80px;
  font-size: 13px;
  text-transform: capitalize;
  padding-top: 3px;
  padding-bottom: 3px;
}
.segment-page-header .actions-dropdown-list .fa-ellipsis-v {
  border: none;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-user-dialog {
  width: 100%;
}
.edit-user-dialog .MuiDialog-paperFullScreen {
  background-color: #F5F5F5;
  height: 100vh;
  overflow: auto;
}
.edit-user-dialog-title {
  width: 100%;
  margin-top: 36px !important;
}
.edit-user-dialog-title .MuiTypography-root {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.edit-user-dialog-title-back-button {
  width: 120px;
  margin-left: 42px;
  color: #282828;
}
.edit-user-dialog-title-back-button .MuiSvgIcon-root {
  font-size: 22px;
}
.edit-user-dialog-title-content {
  width: 541px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.edit-user-dialog-title-content > span {
  height: 29px;
  color: #282828;
  font-size: 24px;
  line-height: 33px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.edit-user-dialog-title-logo {
  width: 120px;
  margin-right: 52px;
  display: flex;
  align-items: center;
}
.edit-user-dialog-title-logo > img {
  height: 25px;
}
.edit-user-dialog-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.edit-user-dialog-content-group {
  margin-top: 18px;
  padding: 13px 51px 41px;
  width: 541px;
  border: 1px solid #F0F0F0;
  background-color: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
.edit-user-dialog-content-group > h3 {
  color: #282828;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.edit-user-dialog-content-group > .users-team-role-table {
  padding: 0 !important;
}
.edit-user-dialog-content-group > .users-team-role-table > .add-team-row .react-select-dropdown-container {
  width: 185px;
}
.edit-user-dialog-content-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.edit-user-dialog-content-teams-err {
  color: #C0392B;
  margin-top: 20px;
}
.edit-user-dialog-input {
  margin-top: 24px !important;
  width: 200px;
}
.edit-user-dialog-input-fullwidth {
  margin-top: 24px !important;
  width: 440px;
  display: flex;
}
.edit-user-dialog-input-fullwidth .global-admin-checkbox {
  margin-left: 20px;
}
.edit-user-dialog-input-fullwidth .global-admin-checkbox .animated-checkbox-label {
  line-height: 42px;
}
.edit-user-dialog-input-label {
  background-color: white;
  padding: 0 5px;
  font-size: 10px;
  color: #757575;
  margin: 20px 0 -34px 10px;
  z-index: 1;
}
.edit-user-dialog .user-id-section {
  display: flex;
  flex-wrap: wrap;
  width: 462px;
}
.edit-user-dialog .user-id-section-icon {
  margin-top: 33px;
  margin-left: 10px;
}
.edit-user-dialog .user-id-section > .edit-user-dialog-input-fullwidth {
  flex-basis: 90%;
}
.edit-user-dialog .user-id-section-license-utilisation-message {
  margin-top: 10px;
  width: 100%;
  color: #282828;
}
.edit-user-dialog .user-access-custom-row {
  margin-top: 28px !important;
  display: flex;
}
.edit-user-dialog .manager-option-dropdown {
  padding: 5px;
  padding-left: 10px;
  font-size: 13px;
  color: #282828;
  cursor: pointer;
}
.edit-user-dialog-input-access {
  width: 280px;
  margin-right: 20px;
}
.edit-user-dialog-input-access.react-select-dropdown__control {
  min-height: 38px;
}
.edit-user-dialog-input-access.react-select-dropdown-container .control-wrapper {
  border-radius: 3px;
}
.edit-user-dialog-manager-dropdown {
  width: 440px;
  margin-top: 28px;
}
.edit-user-dialog-manager-dropdown.react-select-dropdown__control {
  min-height: 34px;
}
.edit-user-dialog-manager-dropdown.react-select-dropdown-container .control-wrapper {
  border-radius: 3px;
}
.edit-user-dialog-manager-dropdown.react-select-dropdown-container .react-select-dropdown__indicator {
  padding: 5px 6px 5px 11px;
}
.edit-user-dialog-input-is-admin {
  width: 120px;
}
.edit-user-dialog-input-is-admin .animated-checkbox-label {
  line-height: 38px;
}
.edit-user-dialog-actions {
  height: 76px;
  background-color: white;
  border-top: 1px solid #F0F0F0;
}
.edit-user-dialog-actions-buttons-wrapper {
  width: 541px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  padding-right: 52px;
}
.edit-user-dialog-actions-buttons-wrapper > button {
  margin-left: 12px;
  width: 100px;
}
.edit-user-dialog-actions-buttons-wrapper > .send-invitation-checkbox {
  margin-right: auto;
  margin-left: 50px;
}
.edit-user-dialog-actions-buttons-wrapper > .send-invitation-checkbox > .animated-checkbox-label {
  line-height: 36px;
  color: #282828;
}
.edit-user-modal {
  width: 600px;
  left: calc(50% - 300px);
  top: 30px;
}
.edit-user-modal .field {
  margin-bottom: 15px;
  display: flex;
  font-size: 13px;
}
.edit-user-modal .field label {
  width: 120px;
  margin-bottom: 0px;
  position: relative;
  top: 7px;
}
.edit-user-modal .field .form-control {
  width: 250px;
}
.edit-user-modal .field .react-select-dropdown-container.user-access {
  display: inline-block;
  width: 150px;
  margin-right: 20px;
}
.edit-user-modal .field .react-select-dropdown-container.manager-dropdown {
  width: 250px;
}
.edit-user-modal .field .react-select-dropdown-container.manager-dropdown .react-select-dropdown__indicator {
  padding: 0;
  padding-right: 10px;
}
.edit-user-modal .field.dropdown-field {
  align-items: center;
}
.edit-user-modal .field.dropdown-field label {
  top: 0;
}
.edit-user-modal .totango-email-message {
  margin-left: 120px;
  position: relative;
  top: -7px;
}
.edit-user-modal .user-exist-msg {
  margin-left: 120px;
  position: relative;
  color: #C0392B;
  font-size: 13px;
  margin-bottom: 10px;
  top: -10px;
}
.edit-user-modal .user-access-options {
  display: flex;
}
.edit-user-modal .users-team-role-table {
  padding: 0;
}
.edit-user-modal .teams-chosen-err-msg {
  font-size: 13px;
  color: #C0392B;
}
.edit-user-modal.validate input.invalid {
  border: 1px solid #C0392B;
}
.edit-user-modal .license-limit-message {
  margin: 0 auto;
  width: 370px;
  font-size: 13px;
  text-align: center;
}
.edit-user-modal .modal-content .modal-header .modal-header-text {
  font-size: 16px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.pool-header-container .header-content {
  display: flex;
}
.pool-header-container .app-centered {
  max-width: calc(100% - 50px);
}
.pool-header-container .app-centered,
.pool-header-container .segment-filters-container {
  margin-left: 0;
}
.pool-header-container .tab-content {
  max-width: 100%;
}
.pool-header-container .tab-content .segment-filters {
  margin-top: 0;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.pool-header-actions {
  display: flex;
  align-items: center;
  width: 100%;
}
.pool-header-actions .fa-chevron-left {
  font-size: 20px;
}
.pool-header-actions .pool-data {
  margin-left: 5px;
  padding: 5px;
}
.pool-header-actions .pool-data .pool-name-container {
  display: flex;
}
.pool-header-actions .pool-data .pool-name-container .pool-name {
  padding: 5px;
}
.pool-header-actions .pool-data .pool-name-container .edit-icon {
  font-size: 16px;
  visibility: hidden;
}
.pool-header-actions .pool-data .pool-description {
  font-size: 16px;
  padding: 5px;
  color: #757575;
  margin-left: 25px;
}
.pool-header-actions .pool-data-editable:hover {
  border: 1px solid #e8e8e8;
  background-color: #EEEEEE;
}
.pool-header-actions .pool-data-editable:hover .edit-icon {
  visibility: visible;
}
.pool-header-actions .pool-icon-container {
  margin-left: auto;
  display: flex;
}
.pool-header-actions .pool-icon-container .custom-icon-wrapper {
  margin-left: 5px;
  height: 32px;
  width: 32px;
}
.pool-header-actions .pool-icon-container .custom-icon-wrapper .fa-download {
  font-size: 17px;
  line-height: 30px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.edit-pool-modal .confirmation-dialog-paper {
  height: 350px;
  width: 450px;
}
.edit-pool-modal .edit-modal-container {
  margin-top: 10px;
  width: 100%;
}
.edit-pool-modal .edit-modal-container .error-container {
  color: #C0392B;
  display: flex;
  visibility: hidden;
}
.edit-pool-modal .edit-modal-container .error-container.visible {
  visibility: visible;
}
.edit-pool-modal .edit-modal-container .error-container .error-icon {
  font-size: 16px;
  margin-right: 5px;
}
.edit-pool-modal .edit-modal-container .error-container .error-msg {
  font-size: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.segment-header {
  display: flex;
  align-items: center;
  width: 100%;
}
.segment-header .fa-chevron-left {
  font-size: 20px;
}
.segment-header .segment-data {
  margin-left: 5px;
  padding: 5px;
}
.segment-header .segment-data .name-container {
  display: flex;
}
.segment-header .segment-data .name-container .name {
  padding: 5px;
}
.segment-header .segment-data .name-container .segment-icon-container {
  display: flex;
  align-items: center;
}
.segment-header .segment-data .name-container .segment-icon-container .lock-icon {
  font-size: 18px;
  margin-right: 5px;
}
.segment-header .segment-data .name-container .segment-icon-container .edit-icon {
  font-size: 18px;
  visibility: hidden;
}
.segment-header .segment-data .description {
  font-size: 16px;
  padding: 5px;
  color: #757575;
  margin-left: 25px;
}
.segment-header .segment-data-editable:hover {
  border: 1px solid #e8e8e8;
  background-color: #EEEEEE;
}
.segment-header .segment-data-editable:hover .segment-icon-container .edit-icon {
  visibility: visible;
}
.segment-header .segment-type-tag i {
  margin-right: 5px;
}
.segment-header .action-container {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
}
.segment-header .action-container .action-container-popover i {
  margin-right: 5px;
}

.generate-endpoint-modal .confirmation-dialog-paper {
  max-width: 800px;
}
.generate-endpoint-modal .confirmation-dialog-paper .token-check-container {
  text-align: right;
}
.generate-endpoint-modal .confirmation-dialog-paper .copy-btn {
  float: right;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.contact-modal {
  width: 620px;
  padding: 20px 0px;
}
.contact-modal .form {
  resize: none;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #E7E7E7;
}
.contact-modal .form:focus {
  outline: none;
  border: 1px solid #E7E7E7;
  box-shadow: 0 0 10px #E7E7E7;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.plans-page-wrapper {
  display: flex;
}
.plans-page-wrapper .plans-page-content {
  width: 100%;
  height: 100%;
  padding: 50px;
}
.plans-page-wrapper .plans-page-content.smb-plan {
  text-align: center;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes {
  display: flex;
  justify-content: center;
  margin-top: 45px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box {
  width: 325px;
  height: 520px;
  overflow: hidden;
  margin: 33px 15px;
  box-shadow: 0 1px 9px 0 #EEEEEE;
  border-radius: 7px;
  border: 1px solid #DADADA;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box.most-popular {
  margin-top: 0px;
  height: 553px;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-header {
  padding: 0px;
  background-color: #3fad90;
  color: #fff;
  height: 35px;
  line-height: 36px;
  font-size: 14px;
  text-transform: uppercase;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-header.disabled {
  background-color: #c3c3c3;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content {
  padding: 35px 17px;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content .box-subtitle {
  color: #3fad90;
  font-size: 16px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content .box-button {
  margin: 25px;
  margin-top: 15px;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content .box-button .box-footer {
  margin-top: 10px;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content .box-button .box-footer .link {
  font-family: 'Poppins-Medium';
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content hr {
  margin: 20px 10px;
  border-top: 1px solid #dddddd;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content .box-description {
  text-align: left;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content .box-description .box-section-item {
  font-size: 14px;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content .box-description .box-section-item .fa {
  margin: 10px;
}
.plans-page-wrapper .plans-page-content.smb-plan .plans-page-boxes .plans-page-box .box-content .box-text {
  text-align: left;
  padding: 5px 10px;
  padding-top: 16px;
  font-size: 14px;
  line-height: 20px;
}
.plans-page-wrapper .plans-page-content.enterprise-plan {
  width: calc(100% - 380px);
}
.plans-page-wrapper .plans-page-content.enterprise-plan h1.plans-title {
  width: 486px;
}
.plans-page-wrapper .plans-page-content.enterprise-plan .plans-page-section.description {
  width: 520px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}
.plans-page-wrapper .plans-page-content.enterprise-plan .plans-page-section.list {
  width: 430px;
  font-size: 18px;
  line-height: 25px;
}
.plans-page-wrapper .plans-page-content .current-version {
  border-radius: 3px;
  background-color: #DEF3EE;
  color: #3fad90;
  padding: 8px 25px;
}
.plans-page-wrapper .plans-page-content h1.plans-title {
  color: #282828;
  font-size: 52px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 52px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.plans-page-wrapper .plans-page-content h3.section-title {
  color: #282828;
  font-size: 24px;
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 10px;
}
.plans-page-wrapper .plans-page-content .plans-page-section {
  margin-top: 30px;
  color: #282828;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}
.plans-page-wrapper .plans-page-content .plans-page-section .section-item .fa {
  color: #3fad90;
  margin-right: 15px;
  width: 15px;
  margin-top: 15px;
}
.plans-page-wrapper .plans-page-content .plans-page-footer {
  margin-top: 25px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.plans-page-wrapper .plans-page-testimonials {
  width: 380px;
  height: 800px;
  padding: 60px;
  background-color: #3fad90;
  color: #fff;
}
.plans-page-wrapper .plans-page-testimonials .testimonial-quote {
  margin-top: 140px;
  margin-bottom: 60px;
  padding-right: 20px;
  color: #fff;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 29px;
}
.plans-page-wrapper .plans-page-testimonials .testimonial-person {
  display: flex;
}
.plans-page-wrapper .plans-page-testimonials .testimonial-person .testimonial-avatar {
  width: 100px;
}
.plans-page-wrapper .plans-page-testimonials .testimonial-person .testimonial-person-details {
  padding: 10px 15px;
  width: 200px;
}
.plans-page-wrapper .plans-page-testimonials .testimonial-person .testimonial-person-details .name {
  text-transform: uppercase;
  font-size: 16px;
}
.plans-page-wrapper .plans-page-testimonials .testimonial-person .testimonial-person-details .job-title {
  font-size: 11px;
  text-transform: uppercase;
  line-height: 14px;
  margin-bottom: 10px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.success-teams-container .react-select-dropdown-container,
.users-table-container .react-select-dropdown-container {
  width: auto;
  min-width: 200px;
  max-width: 500px;
  min-height: 33px;
  max-height: 33px;
}
.success-teams-container .react-select-dropdown-container .react-select-dropdown__control,
.users-table-container .react-select-dropdown-container .react-select-dropdown__control {
  min-height: 33px;
  max-height: 33px;
}
.success-teams-container .table-actions,
.users-table-container .table-actions {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  background-color: #f6f6f6;
}
.success-teams-container .table-actions__searchWrapper,
.users-table-container .table-actions__searchWrapper {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.success-teams-container .table-actions__pagingWrapper,
.users-table-container .table-actions__pagingWrapper {
  display: flex;
  justify-content: flex-end;
  min-width: 140px;
  margin: 0 10px;
}
.success-teams-container .table-actions__editColumnsBtn,
.users-table-container .table-actions__editColumnsBtn {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 0 10px;
  white-space: nowrap;
  cursor: pointer;
}
.success-teams-container .table-actions__editColumnsBtn > i,
.users-table-container .table-actions__editColumnsBtn > i {
  margin-right: 5px;
  font-size: 16px;
  color: #757575;
}
.success-teams-container .table-actions .react-search-input,
.users-table-container .table-actions .react-search-input {
  width: 220px;
  margin-left: 10px;
  height: 34px;
}
.success-teams-container .table-actions .react-search-input.input-group,
.users-table-container .table-actions .react-search-input.input-group {
  margin-bottom: 0px;
}
.success-teams-container .table-actions__filterWrapper,
.users-table-container .table-actions__filterWrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.success-teams-container .table-actions__filterIcon,
.users-table-container .table-actions__filterIcon {
  margin-right: 10px;
}
.success-teams-container .table-actions__filterLabel,
.users-table-container .table-actions__filterLabel {
  position: relative;
  padding: 0 10px;
  margin: 4px 0 4px 10px;
  color: #5DACD2;
  font-size: 13px;
  cursor: pointer;
}
.success-teams-container .table-actions__filterItems,
.users-table-container .table-actions__filterItems {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.success-teams-container .table-actions__filterItem,
.users-table-container .table-actions__filterItem {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  line-height: 17px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px 8px;
  font-size: 13px;
  border-radius: 50px;
  color: #282828;
  background-color: #E2F3EF;
  border: 1px solid #3FAD90;
  cursor: pointer;
}
.success-teams-container .table-actions__filterItem:hover .table-actions__filterItemIcon,
.users-table-container .table-actions__filterItem:hover .table-actions__filterItemIcon {
  color: #C0392B;
}
.success-teams-container .table-actions__filterItem:hover .table-actions__filterItemIcon_expand,
.users-table-container .table-actions__filterItem:hover .table-actions__filterItemIcon_expand {
  color: #54A7CF;
}
.success-teams-container .table-actions__filterItemCounter,
.users-table-container .table-actions__filterItemCounter {
  color: #282828;
  font-size: 11px;
  margin-left: 7px;
  border-radius: 3px;
  background-color: #ededed;
  padding: 0 2px;
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-teams-container .table-actions__filterItemIcon,
.users-table-container .table-actions__filterItemIcon {
  margin-left: 4px;
  font-size: 13px;
}
.success-teams-container .table-actions__filterItemIcon_expand,
.users-table-container .table-actions__filterItemIcon_expand {
  font-size: 17px;
}
.success-teams-container .table-actions__filterMore,
.users-table-container .table-actions__filterMore {
  white-space: nowrap;
}
.success-teams-container .table-actions .segment-filters,
.users-table-container .table-actions .segment-filters {
  background-color: transparent;
  box-shadow: none;
  margin-left: 0;
  margin-top: 0;
}
.success-teams-container .teams-table,
.users-table-container .teams-table,
.success-teams-container .users-table,
.users-table-container .users-table {
  border: #E7E7E7 1px solid;
  border-bottom: none;
  background-color: #fff;
  min-height: 180px;
}
.success-teams-container .teams-table.rt-table,
.users-table-container .teams-table.rt-table,
.success-teams-container .users-table.rt-table,
.users-table-container .users-table.rt-table {
  border-bottom: none;
}
.success-teams-container .teams-table .rt-tr,
.users-table-container .teams-table .rt-tr,
.success-teams-container .users-table .rt-tr,
.users-table-container .users-table .rt-tr {
  background-color: #fff;
  border-bottom: #E7E7E7 1px solid;
  cursor: pointer;
}
.success-teams-container .teams-table.ReactTable.totango-table .rt-tr-group,
.users-table-container .teams-table.ReactTable.totango-table .rt-tr-group,
.success-teams-container .users-table.ReactTable.totango-table .rt-tr-group,
.users-table-container .users-table.ReactTable.totango-table .rt-tr-group {
  border: none;
}
.success-teams-container .teams-table.ReactTable.totango-table .rt-tr-group .rt-tr:hover,
.users-table-container .teams-table.ReactTable.totango-table .rt-tr-group .rt-tr:hover,
.success-teams-container .users-table.ReactTable.totango-table .rt-tr-group .rt-tr:hover,
.users-table-container .users-table.ReactTable.totango-table .rt-tr-group .rt-tr:hover {
  background-color: #f3f3f3;
}
.success-teams-container .teams-table.ReactTable.totango-table .rt-th,
.users-table-container .teams-table.ReactTable.totango-table .rt-th,
.success-teams-container .users-table.ReactTable.totango-table .rt-th,
.users-table-container .users-table.ReactTable.totango-table .rt-th,
.success-teams-container .teams-table.ReactTable.totango-table .rt-td,
.users-table-container .teams-table.ReactTable.totango-table .rt-td,
.success-teams-container .users-table.ReactTable.totango-table .rt-td,
.users-table-container .users-table.ReactTable.totango-table .rt-td {
  position: relative;
  border: none;
}
.success-teams-container .teams-table.ReactTable.totango-table .rt-th,
.users-table-container .teams-table.ReactTable.totango-table .rt-th,
.success-teams-container .users-table.ReactTable.totango-table .rt-th,
.users-table-container .users-table.ReactTable.totango-table .rt-th {
  color: #757575;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.success-teams-container .teams-table.ReactTable.totango-table .rt-th:hover,
.users-table-container .teams-table.ReactTable.totango-table .rt-th:hover,
.success-teams-container .users-table.ReactTable.totango-table .rt-th:hover,
.users-table-container .users-table.ReactTable.totango-table .rt-th:hover {
  color: #282828;
}
.success-teams-container .table-actions,
.users-table-container .table-actions {
  position: sticky;
  position: -webkit-sticky;
  top: 158px;
  z-index: 999;
}
.announcement-push-iframe-down .success-teams-container .table-actions,
.announcement-push-iframe-down .users-table-container .table-actions {
  top: 194px;
}
@media (max-width: 767px) {
  .success-teams-container .table-actions,
  .users-table-container .table-actions {
    position: relative;
    top: 0;
  }
  .announcement-push-iframe-down .success-teams-container .table-actions,
  .announcement-push-iframe-down .users-table-container .table-actions {
    top: 0;
  }
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.bulk-edit-users {
  margin: 0;
  background-color: rgba(93, 172, 210, 0.1);
  border: 0px solid #e6e7e8;
  border-bottom: none;
  position: relative;
  height: 0px;
  padding: 0px 15px;
  transition: height 0.3s linear 0.3s, border-width 0.3s linear 0.3s;
  display: flex;
  flex-direction: column;
  vertical-align: center;
}
.bulk-edit-users.users-picked {
  height: 70px;
  border-width: 1px;
}
.bulk-edit-users .selected-number-title {
  margin-top: 10px;
}
.bulk-edit-users .option-specific-change {
  display: flex;
  align-items: center;
  color: #5DACD2;
}
.bulk-edit-users .option-specific-change .fa {
  margin-right: 8px;
}
.bulk-edit-users .option-specific-change .fa-users,
.bulk-edit-users .option-specific-change .fa-key {
  color: #5DACD2;
}
.bulk-edit-users .option-specific-change .fa-chevron-left {
  cursor: pointer;
}
.bulk-edit-users .option-specific-change .react-select-dropdown-container {
  margin-right: 12px;
  margin-left: 12px;
  position: relative;
  bottom: 1px;
}
.bulk-edit-users .option-specific-change .react-select-dropdown__control,
.bulk-edit-users .option-specific-change .react-select-dropdown-container,
.bulk-edit-users .option-specific-change .react-select-dropdown__value-container {
  min-height: 25px;
  height: 25px;
  color: black;
}
.bulk-edit-users .option-specific-change .react-select-dropdown__control .react-select-dropdown__indicator {
  padding-top: 0;
  padding-bottom: 0;
}
.bulk-edit-users .option-specific-change button {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bulk-edit-users .option-specific-change button.disabled {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.65;
}
.bulk-edit-users .actions {
  margin-top: 7px;
  display: flex;
}
.bulk-edit-users .actions .action-wrapper {
  margin-right: 15px;
  color: #5DACD2;
  cursor: pointer;
}
.bulk-edit-users .actions .action-wrapper .fa {
  margin-right: 2px;
}
.bulk-user-modal-confirmation {
  width: 550px;
  left: calc(50% - 275px);
}
.delete-totango-users-attribute-modal a {
  color: #5EACD2;
}
.delete-totango-users-attribute-modal a:hover {
  text-decoration: none;
  cursor: pointer;
}
.delete-totango-users-attribute-modal .confirmation-msg {
  padding-left: 10px;
}
.delete-totango-users-attribute-modal .pools-list {
  margin-top: 10px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.user-statistics-box-container {
  display: flex;
  margin-top: 10px;
}
.user-statistics-box {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 100%;
  margin: 20px 36px 0 0;
  display: flex;
  justify-content: space-between;
}
.user-statistics-box:last-child {
  margin-right: 0;
}
.user-statistics-box .user-statistics-logo {
  font-family: Poppins-Medium, sans-serif;
  font-weight: normal;
  font-style: normal;
  border-right: 1px solid #dddddd;
  padding: 60px 12px 12px 12px;
  text-align: center;
  width: 80px;
  height: 84px;
}
.user-statistics-box .user-statistics-logo.user-stats-logo-spark {
  background: transparent url('/img/spark_logo_dark_green.svg') no-repeat;
  background-size: 42px;
  background-position: center 12px;
}
.user-statistics-box .user-statistics-logo.user-stats-logo-zoe {
  background: transparent url('/img/zoe_logo.svg') no-repeat;
  background-size: 54px;
  background-position: center 17px;
}
.user-statistics-box .stat-column {
  display: inline-block;
  padding: 10px 5px;
  margin-right: 40px;
  text-align: center;
}
.user-statistics-box .stat-column:last-child {
  padding-right: 15px;
  text-align: left;
}
.user-statistics-box .stat-column.with-progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.user-statistics-box .stat-column.with-progress-bar .progress-bar {
  width: 100%;
  min-width: 7vw;
  box-shadow: none;
  border-radius: 5px;
}
@media (max-width: 1100px) {
  .user-statistics-box .stat-column.with-progress-bar .progress-bar {
    min-width: 10vw;
  }
}
.user-statistics-box .stat-column.with-progress-bar .progress-top-label {
  text-align: left;
}
.user-statistics-box .stat-column.with-progress-bar .progress-top-label span {
  font-weight: bold;
}
.user-statistics-box .stat-column.with-progress-bar .progress-top-label span:after {
  content: ' ';
}
.user-statistics-box .stat-column.with-progress-bar .progress-bottom-label {
  text-align: right;
  color: #757575;
}
.user-statistics-box .stat-column.with-progress-bar .progress-bottom-label span {
  font-weight: 100;
}
.user-statistics-box .stat-column.with-progress-bar .progress-bottom-label span:after {
  content: ' ';
}
.user-statistics-box .stat-column.no-avail-license:not(.exceeded-license) .stat-info {
  color: #F5C832;
}
.user-statistics-box .stat-column.exceeded-license .stat-info {
  color: #F06630;
}
.user-statistics-box .stat-column .label-text {
  text-transform: uppercase;
  color: #757575;
  font-size: 11px;
  line-height: 30px;
}
.user-statistics-box .stat-column .stat-info {
  font-size: 23px;
  line-height: 34px;
}
.user-statistics-box.new-header-design .stat-info {
  font-family: Poppins-Light, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.user-statistics-box .small-stat-row {
  line-height: 17px;
}
.user-statistics-box .small-stat-row:first-child {
  padding-top: 5px;
}
.user-statistics-box .small-stat-row .label-text {
  display: inline-block;
  text-transform: none;
  color: #757575;
  font-size: 11px;
  line-height: 10px;
  min-width: 70px;
}
.user-statistics-box .small-stat-row .stat-info {
  display: inline-block;
  font-size: 12px;
  line-height: 13px;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.react-users-page.export-users-csv {
  z-index: 1001;
  position: fixed;
  right: 30px;
  top: 80px;
}
.users-page-header .custom-icon-wrapper {
  float: right;
  height: 32px;
  width: 32px;
  margin-right: 50px;
  margin-top: 10px;
}
.users-page-header .custom-icon-wrapper .fa-download {
  font-size: 17px;
  line-height: 30px;
}
.users-table-container .license-limit-alert {
  margin-top: 20px;
}
.users-table-container .table-actions .react-search-input {
  margin-right: 0;
  width: 220px;
}
.users-table-container .table-actions .react-search-input .reach-search-input-element {
  max-width: 186px;
}
.users-table-container .users-table {
  max-width: 1670px;
  margin: auto;
  font-size: 13px;
}
.users-table-container .users-table .bulk_checkbox-cell {
  display: flex;
  align-items: center;
}
.users-table-container .users-table .user-cell-teams {
  display: flex;
  flex-wrap: wrap;
}
.users-table-container .users-table .user-cell-teams .team-icon-display {
  margin: 2px;
  cursor: pointer;
}
.users-table-container .users-table .role-cell {
  display: inline-block;
  color: #757575;
  font-size: 10px;
  line-height: 14px;
  padding: 2px 3px;
  font-family: Poppins-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.users-table-container .users-table .role-cell.admin {
  color: #40ad90;
  border: 1px #40ad90 solid;
  background: #fff;
  border-radius: 3px;
  text-transform: uppercase;
  font-family: ProximaNovaCond-Regular, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
}
.users-table-container .users-table .rt-tbody {
  padding-bottom: 105px;
}
.users-table-container .users-table .rt-tbody .account-gravatar-container {
  margin-left: 0;
}
.users-table-container .users-table .rt-tbody .rt-td {
  line-height: 27px;
}
.users-table-container .users-table .user-actions-cell {
  margin-left: auto;
  overflow: visible;
}
.users-table-container .users-table .user-status-cell {
  text-transform: capitalize;
}
.users-table-container .users-table_filterTable .rt-tbody {
  padding-bottom: 0;
}
.users-table-container .users-table_filterTable .rt-table .rt-th:nth-child(1),
.users-table-container .users-table_filterTable .rt-table .rt-td:nth-child(1) {
  background-color: inherit;
  position: sticky;
  z-index: 1;
  width: 40px;
  left: 0;
}
.users-table-container .users-table_filterTable .rt-table .rt-th:nth-child(2),
.users-table-container .users-table_filterTable .rt-table .rt-td:nth-child(2) {
  background-color: inherit;
  position: sticky;
  z-index: 1;
  left: 40px;
}
.users-table-container .users-table_filterTable .rt-table .rt-th:last-child,
.users-table-container .users-table_filterTable .rt-table .rt-td:last-child {
  position: absolute;
  right: 0;
}
.users-table-container .users-table_filterTable .rt-table .rt-td {
  min-height: 60px;
}
.users-table-container .no-results-wrapper {
  position: relative;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: white;
  border-bottom: 1px solid #E7E7E7;
}

/*General colors palette*/
/*General elements*/
/* Box shadow */
/* direct access */
/* retention */
/* integrations */
/*Elements*/
/* Activity types */
.account-info-table-container .expand-collapse-wrapper {
  padding: 0;
  margin: 0 5px;
  font-size: 13px;
}
.account-info-table-container .expand-collapse-wrapper > button {
  padding: 2px 10px;
  border: 1px solid #A7A7A9;
  border-radius: 4px;
  background-color: transparent;
  color: #282828;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
}
.account-info-table-container__dataTypeCell {
  text-transform: capitalize;
}